change structure Permission

public/mix-manifest.json

@@ -1,9 +1,9 @@
 {
-    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=704f9944e6888047986d",
-    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=7d6c4f1f24a6d559a576",
-    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=4024f09cac7702728462",
-    "/js/vue/Product/app.js": "/js/vue/Product/app.js?id=e50506192ad708debe22",
-    "/js/vue/SMS/app.js": "/js/vue/SMS/app.js?id=3dfdad00a15564daf88e",
-    "/js/vue/Service/app.js": "/js/vue/Service/app.js?id=23d8714760af2482908b",
-    "/js/vue/User/app.js": "/js/vue/User/app.js?id=848c3771c97bd147e175"
+    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=27d967e80fc80e1d9c8d",
+    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=deb097579f7f0e5b6cab",
+    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=5c7df197aef43b46db82",
+    "/js/vue/Product/app.js": "/js/vue/Product/app.js?id=25005c8d71681e88190f",
+    "/js/vue/SMS/app.js": "/js/vue/SMS/app.js?id=c172d60c19256f635f3f",
+    "/js/vue/Service/app.js": "/js/vue/Service/app.js?id=ebdd5862381a31a60a0f",
+    "/js/vue/User/app.js": "/js/vue/User/app.js?id=19ab3ce48ff13c104ed9"
 }

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;
 }