work in office

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=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"
 }

resources/js/Global/components/Misc/InfoBlock-Multiple.vue

@@ -15,7 +15,7 @@ export default {
     props: {
         icon:           { default: 'check' },
         label:          { default: " عنوان " },
-        values:         { default: [] },
+        values:         {  },
         direction:      { default: '' },
     },
 };

resources/js/Global/components/Modals/Helper.vue

@@ -1,12 +1,12 @@
 <template>
-    <v-dialog v-model="modal" :width="properties.width || '40%'" transition="slide-x-transition">
+    <v-dialog v-model="modal" :width="properties.properties &&  properties.properties.width ? properties.properties.width : '40%'" transition="slide-x-transition">
         <v-card class="RTL">
-            <v-card-title class="red lighten-5" primary-title>
+            <v-card-title :class="[properties.properties &&  properties.properties.color ? properties.properties.color : 'orange', 'lighten-5']" primary-title>
                 <WM-PartTitle
                     class="WM-Margin-T-20"
                     :TitleFa="properties.name || 'عنوان'"
                     :TitleEn="properties.name_en || 'title'"
-                    :color="properties.color || 'orange'"
+                    :color="properties.properties &&  properties.properties.color ? properties.properties.color : 'orange'"
                 ></WM-PartTitle>
             </v-card-title>
             <v-card-text>
@@ -19,7 +19,7 @@
             <v-card-actions>
                 <v-spacer></v-spacer>
                 <v-btn
-                    :color="properties.color || 'orange'"
+                    :color="properties.properties &&  properties.properties.color ? properties.properties.color : 'orange'"
                     depressed
                     dark
                     @click="$_closeModalStack()"
@@ -60,6 +60,7 @@ export default {
                 let response = await axios.get(url('help', {help: this.getModal(this.$options.name).slug}));
                 if (response && response.status == 200) {
                     this.properties = response.data.data;
+                    this.properties.properties = (response.data.data.properties) ? JSON.parse(response.data.data.properties) : null;
                 }
             }
         }