3-12-2020

.idea/deployment.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PublishConfigData">
+    <serverData>
+      <paths name="WillaMall">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
+    </serverData>
+  </component>
+</project>

.idea/webServers.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebServers">
+    <option name="servers">
+      <webServer id="f6ac663e-c068-4195-a048-8e13368c7d6f" name="WillaMall" url="http://willamall.com">
+        <fileTransfer host="willamall.com" port="21">
+          <advancedOptions>
+            <advancedOptions dataProtectionLevel="Private" passiveMode="true" shareSSLContext="true" />
+          </advancedOptions>
+          <option name="port" value="21" />
+        </fileTransfer>
+      </webServer>
+    </option>
+  </component>
+</project>

resources/js/Global/components/Tiles/Tile.vue

@@ -9,8 +9,10 @@
                     </div>
                     <img class="Image" :src="$_getPath('images/Global/Tiles/'+ImageURL)" :height="ImageHeight"/>
                 </div>
-                <div v-if="Quantity != ''" class="WM-Absolute En" :class="'WM-Font-'+QuantitySize" :style="'color:'+QuantityColor" style="line-height: 90px; left:0px; bottom:-8px; opacity:0.3">
+                <div v-if="Quantity != ''" :class="`${QuantityClass}`" :style="'color:'+QuantityColor" >
-                    {{ Quantity }}
+                    <div class="label top Fa"> {{ QuantityLabel }} </div>
+                    <div class="number En Bold">{{ Quantity }}</div>
+                    <div class="label bottom Fa"> {{ QuantityLabel2 }} </div>
                 </div>
             </div>
         </div>
@@ -36,7 +38,10 @@ export default {
         // --------------------------------------------
         Quantity: { default: "" },
         QuantitySize: { default: "100" },
-        QuantityColor: { default: "#000" },
+        QuantityClass: { default: "Quantity" },
+        QuantityColor: { default: "#9e9e9e" },
+        QuantityLabel: { default: "" },
+        QuantityLabel2: { default: "" },
     },
     computed: {
         TileData: function() {
@@ -64,6 +69,7 @@ export default {
         padding: 10px;
         transition: 0.5s;
         border: 1px solid transparent;
+        position: relative;
     }
     .WM-ImageTile:hover {
         border: 1px solid #6d6d6d;
@@ -113,5 +119,44 @@ export default {
     .Inline .Content .Info {
         text-align:right;
     }
+    .RTL.WM-ImageTile img {
+        margin-right: 30px;
+    }
+
+    .Quantity {
+        position: absolute;
+        font-size: 100px;
+        line-height: 90px;
+        left:15px;
+        bottom:calc(50% - 55px);
+
+    }
+    .Quantity .label {
+        font-size: 14px;
+        line-height: 14px;
+        opacity: 0;
+        transition: 0.2s ease all;
+    }
+    .Quantity .number {
+        opacity: 0;
+        transition: 0.2s ease all;
+    }
+    .QuantityRight .Quantity {
+        right:15px;
+        left: inherit;
+    }
+    .WM-ImageTile:hover .Quantity .label.top, .WM-ImageTile:hover .Quantity .label.bottom, .WM-ImageTile:hover .Quantity .number,  {
+        animation: fadein 1s forwards;
+    }
+    .WM-ImageTile:hover .Quantity .label.top {
+        animation-delay: 0s;
+    }
+    .WM-ImageTile:hover .Quantity .number {
+        animation-delay: 0.2s;
+    }
+    .WM-ImageTile:hover .Quantity .label.bottom {
+        animation-delay: 0.4s;
+    }
+
 
 </style>

resources/js/Global/scss/Modify.scss

@@ -210,6 +210,15 @@ table.v-table tbody td {
     top: 3px;
 }
 
+.label-bottom .v-label {
+    left: calc(50% - 80px) !important;
+    right: auto;
+    position: absolute !important;
+    top: 25px !important;
+}
+
+
+
 // ------------------------------------------------------------------
 //                     .inputs :: END
 // ------------------------------------------------------------------

resources/js/Global/scss/_vars.scss

@@ -59,6 +59,9 @@ $Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold:
     --color-service: #ee3552;
     --color-translation: #1875BB;
     --color-brand: #ac3773;
+    --color-pricing-method: #ac3773;
     --color-product-variation: #ffc107;
     --color-product-option: #ddcfbb;
+    --color-stock-incoming: #32c5d2;
+    --color-stock-outgoing: #ee3552;
 }

resources/js/Global/utils/module-color/moduleColor.js

@@ -9,7 +9,10 @@ export default {
     service : 'red',
     translation : 'blue',
     brand : 'purple',
+    pricing_method: 'purple',
     product_option: 'gold',
     product_variation:'yellow',
+    stock_incoming:'cyan',
+    stock_outgoing:'red',
     default:"black",
 }