merge

public/mix-manifest.json

@@ -1,9 +1,9 @@
 {
-    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=86c8306546ec92ee742b",
-    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=12d8a67b7717c5cf42cb",
-    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=960c3f1fca94b71efb93",
-    "/js/vue/Product/app.js": "/js/vue/Product/app.js?id=5269e9090b8ef43f02ee",
-    "/js/vue/SMS/app.js": "/js/vue/SMS/app.js?id=fac81cc4bc5556c5aec4",
-    "/js/vue/Service/app.js": "/js/vue/Service/app.js?id=5887ff13c8fd27746504",
-    "/js/vue/User/app.js": "/js/vue/User/app.js?id=c8c209e0a980ae71b6be"
+    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=538f0768f9a729b7d777",
+    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=fca242ab8c090028e72b",
+    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=b6b5e34c270b32b50116",
+    "/js/vue/Product/app.js": "/js/vue/Product/app.js?id=0e75e0ff6139fb54a730",
+    "/js/vue/SMS/app.js": "/js/vue/SMS/app.js?id=e8d80734dfe2517a0e31",
+    "/js/vue/Service/app.js": "/js/vue/Service/app.js?id=2f43c284b23ec5f24d5a",
+    "/js/vue/User/app.js": "/js/vue/User/app.js?id=11ba2ca15a5fb688c379"
 }

resources/js/Global/plugins/globalComponent.js

@@ -12,15 +12,18 @@ import InfoBlock from "@Global/components/Misc/InfoBlock.vue";
 import Breadcrumbs from "@Global/components/Misc/Breadcrumbs";
 import Dialog from "@Global/components/Modals/Dialog.vue";
 import Helper from "@Global/components/Modals/Helper.vue";
+import InfoMultiple from "@Global/components/Misc/InfoBlock-Multiple.vue";
 
 Vue.component("WM-PartTitle", PartTitle);
 Vue.component("WM-PageTitle", PageTitle);
 Vue.component("WM-Checkbox", Checkbox);
 Vue.component("wm-info-block", InfoBlock);
+Vue.component("wm-info-block-multiple", InfoMultiple);
 Vue.component("wm-breadcrumbs", Breadcrumbs);
 Vue.component("wm-dialog", Dialog);
 Vue.component("wm-helper", Helper);
 
+
 //setTime
 import store from "@Global/store/index";
 store.dispatch('common/setCurrentTime');

resources/js/Global/scss/Colors.scss

@@ -2,19 +2,49 @@
                         Colors :: Begin
 -------------------------------------------------------- */
 
-@each $Color, $Value in $Colors {
-    .WM-BG-#{$Color}, .WM-Link-#{$Color}::after, .WM-Input.WM-#{$Color} + .WM-Input100-Focus::before {
+@each $Color,
+$Value in $Colors {
+    .WM-BG-#{$Color},
+    .WM-Link-#{$Color}::after,
+    .WM-Input.WM-#{$Color}+.WM-Input100-Focus::before {
         background-color: $Value;
         color: #fff;
     }
-    .WM-Color-#{$Color}, .WM-Link-#{$Color}:hover, .WM-Link-#{$Color}.WM-Selected, .WM-Link-#{$Color}.WM-Active {
+    .WM-Color-#{$Color},
+    .WM-Link-#{$Color}:hover,
+    .WM-Link-#{$Color}.WM-Selected,
+    .WM-Link-#{$Color}.WM-Active {
         color: $Value;
     }
-    .WM-Border-#{$Color}, .WM-Hover-#{$Color}:hover {
+    .WM-Border-#{$Color},
+    .WM-Hover-#{$Color}:hover {
         border-color: $Value;
     }
 }
 
+@each $Color,
+$Value in $colors {
+    .WM-BG-#{$Color},
+    .WM-Link-#{$Color}::after,
+    .WM-Input.WM-#{$Color}+.WM-Input100-Focus::before {
+        background-color: $Value;
+        color: #fff;
+    }
+    .color-#{$Color},
+    .link-#{$Color}:hover,
+    .link-#{$Color}.WM-Selected,
+    .link-#{$Color}.WM-Active {
+        color: $Value;
+    }
+    .border-#{$Color},
+    .hover-#{$Color}:hover {
+        border-color: $Value;
+    }
+    .border-right-#{$Color} {
+        border-right-color: $Value;
+    }
+}
+
 .WM-BG-LightGray {
     color: #000 !important;
 }