Selected Item

public/mix-manifest.json

@@ -1,6 +1,6 @@
 {
-    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=60b0a33dbb353c1d7edc",
-    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=9f533af650a307e880c0",
-    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=92214a4c3239559ded55",
-    "/js/vue/User/app.js": "/js/vue/User/app.js?id=f3c9f37079c432adb37c"
+    "/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=76568d2c558db0b483df",
+    "/js/vue/Home/app.js": "/js/vue/Home/app.js?id=c0280289836d237df34a",
+    "/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=d1f47ccae7e3c752e2cd",
+    "/js/vue/User/app.js": "/js/vue/User/app.js?id=1a70a4db289a0cd1791c"
 }

resources/js/Global/components/Drawer/SideBar.vue

@@ -5,8 +5,9 @@
 			<a :href="mainHref">
 				<v-icon class="Home" dark>fas fa-home</v-icon>
 			</a>
+            <div class="Name caption"> {{ getAuthUser.name }} </div>
 			<div class="Time">
-				<div class="WM-Font-22 En ExtraBold">{{ timeNow }}</div>
+				<div class="WM-Font-22 En Bold">{{ timeNow }}</div>
 				<div class="WM-Font-14 Fa FaNum">{{  new Date() | moment("dddd  jDD  jMMMM jYYYY") }}</div>
 			</div>
 			<!-- <div class="Notification" dark>
@@ -145,6 +146,14 @@ export default {
 	right: 50px;
 	top: 20px;
 }
+.Header .Name {
+	position: absolute;
+    right: 80px;
+    top: 20px;
+    color: #fff;
+    line-height: 18px;
+}
+
 .Notification {
 	position: absolute;
 	left: 20px;

resources/js/Global/components/Misc/Breadcrumbs.vue

@@ -29,4 +29,7 @@ export default {
     .v-breadcrumbs li:nth-child(2n) {
         padding: 0 12px 0 30px;
     }
+    .v-breadcrumbs .WM-Link {
+        font-size: 14px;
+    }
 </style>

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

@@ -1,7 +1,7 @@
 <template>
     <div class="WM-Info-Block" :class='direction'>
-        <div class="Label"><v-icon>fas fa-{{icon}}</v-icon> {{label}}  </div>
-        <div class="Value"> {{value}} </div>
+        <div class="Label"><v-icon>fas fa-{{icon}}</v-icon> {{ label }}  </div>
+        <div class="Value" :class='valueClass' > {{ value }} </div>
     </div>
 </template>
 
@@ -12,6 +12,7 @@ export default {
         label:          { default: " عنوان " },
         value:          { default: " پسر خوب " },
         direction:      { default: '' },
+        valueClass:      { default: '' },
     },
 };
 </script>
@@ -31,11 +32,11 @@ export default {
     }
     .WM-Info-Block .Label {
         color: #797979;
-        font-size: 14px;
+        font-size: 12px;
     }
     .WM-Info-Block .Value {
         color: #000;
-        font-size: 18px;
+        font-size: 16px;
     }
     .WM-Info-Block .v-icon {
         margin-top: -5px;

resources/js/Global/plugins/globalComponent.js

@@ -4,7 +4,7 @@ import Vue from 'vue';
 import "@Global/scss/style.scss";
 
 
-// global Components 
+// global Components
 import PartTitle from "@Global/components/Dividers/PartTitle.vue";
 import PageTitle from "@Global/components/Dividers/PageTitle.vue";
 import Checkbox from "@Global/components/Inputs/Checkbox.vue";
@@ -14,7 +14,7 @@ import Breadcrumbs from "@Global/components/Misc/Breadcrumbs";
 Vue.component("WM-PartTitle", PartTitle);
 Vue.component("WM-PageTitle", PageTitle);
 Vue.component("WM-Checkbox", Checkbox);
-Vue.component("WM-InfoBlock", InfoBlock);
+Vue.component("wm-info-block", InfoBlock);
 Vue.component("wm-breadcrumbs", Breadcrumbs);
 
 
@@ -22,5 +22,4 @@ Vue.component("wm-breadcrumbs", Breadcrumbs);
 import jalaliMoment from "vue-jalali-moment"
 import momment from "moment"
 momment.locale('fa');
-Vue.use(jalaliMoment);
-
+Vue.use(jalaliMoment);

resources/js/Global/scss/Modify.scss

@@ -178,7 +178,7 @@ table.v-table tbody td {
 }
 
 .v-data-footer {
-    padding-left: 70px;
+    padding-left: 90px;
 }
 
 .orange.darken-2 {
@@ -206,7 +206,7 @@ table.v-table tbody td {
 
 .Buttons {
     text-align: center;
-    display: inline-flex;
+    display: contents;
 }
 
 .v-btn {