Home & Colors Fixed

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

@@ -1,6 +1,6 @@
 <template>
     <!-- <v-flex :class="TileSize" > -->
-        <div class="WM-ImageTile Shadowed" :class="TileClass">
+        <div class="WM-ImageTile" :class="TileClass">
             <div class="CoverBG WM-Block WM-Align-C Relative" :style="'background-image: linear-gradient('+GradientDirection+', #'+GradientBegin+' , #'+GradientEnd+'); height: '+TileHeight+';'">
                 <div class="Content">
                     <div class="Info">
@@ -61,11 +61,26 @@ export default {
 <style scoped lang="scss">
     .WM-ImageTile {
         width:100%;
+        padding: 10px;
+        transition: 0.5s;
+        border: 1px solid transparent;
+    }
+    .WM-ImageTile:hover {
+        border: 1px solid #6d6d6d;
+        -webkit-filter: grayscale(100%);
     }
     .WM-ImageTile.Shadowed {
         box-shadow: 0 10px 30px 0 rgba(0,0,0,.5);
         border-radius:5px;
     }
+    .we-dark .WM-ImageTile.Shadowed {
+        box-shadow: none;
+    }
+
+    .WM-ImageTile .WM-Block {
+        border-radius: 5px;
+    }
+
     .WM-ImageTile .TitleFa {
         font-size:26px;
         color: #000;

resources/js/Global/scss/Modify.scss

@@ -82,6 +82,12 @@ $Value in $Colors {
     }
 }
 
+/* --------------------------------------------------------
+                        Vuetify :: Data Iterator
+-------------------------------------------------------- */
+.v-data-iterator  .v-data-footer {
+    width: 100%;
+}
 
 /* --------------------------------------------------------
                         Vuetify :: Dialog

resources/js/Global/scss/Tile.scss

@@ -8,7 +8,7 @@
 }
 
 .WM-Tile:hover {
-    border: 1px solid #000;
+    border: 5px solid #000;
 }
 
 .WM-Tile.Shadowed {

resources/js/Global/scss/_vars.scss

@@ -50,4 +50,5 @@ $Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold:
     --color-portfolio: #915117;
     --color-client: #32c5d2;
     --color-task: #ac3773;
+    --color-blog-news: #ff6b57;
 }

resources/js/Global/utils/category-name/index.js

@@ -1,8 +1,14 @@
 import CRM from './modules/crm';
 import Common from './modules/common';
+import Portfolio from './modules/portfolio';
+import Blog from './modules/blog';
+import Reservation from './modules/reservation';
 export default {
     modules: {
         crm: CRM,
         common: Common,
+        portfolio: Portfolio,
+        blog: Blog,
+        reservation: Reservation,
     },
 }

resources/js/Global/utils/category-name/modules/blog.js

@@ -0,0 +1,6 @@
+export default {
+    tile: {
+        name: 'مدیریت خبرنامه',
+        name_en: 'Blog',
+    }
+}

resources/js/Global/utils/category-name/modules/crm.js

@@ -44,6 +44,8 @@ export default{
         }
     },
     tile: {
+        name: ' مدیریت ارتباط با مشتری ',
+        name_en: 'CRM',
         chart: {name: 'نمودار و آمارها', name_en: 'Statistics'},
         task: {name: 'وظایــــــف مـــــــن', name_en: 'MY TASKS'},
         request: {name: 'درخواســت های مـــن', name_en: 'MY Requests'},

resources/js/Global/utils/category-name/modules/portfolio.js

@@ -0,0 +1,6 @@
+export default {
+    tile: {
+        name: 'نمونه کارها',
+        name_en: 'Portfolios',
+    }
+}

resources/js/Global/utils/category-name/modules/reservation.js

@@ -0,0 +1,6 @@
+export default {
+    tile: {
+        name: 'سیستم رزرو وقت',
+        name_en: 'Booking System',
+    }
+}

resources/js/Global/utils/category-name/name.js

@@ -24,7 +24,7 @@ function defaultName(path, text) {
         if (name[component]) {
             name = name[component];
         } else {
-            return 'DissMiss';
+            return '';
         }
     }
     return text.replace('$_name', name);

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

@@ -2,5 +2,6 @@ export default {
     task: 'purple',
     client: 'cyan',
     portfolio: 'brown',
-    blog: 'orange',
+    blog_news : 'orange',
+    blog_article : 'black',
 }

resources/js/Home/App.vue

@@ -1,12 +1,12 @@
 <template>
 	<v-app>
-		<div id="app">
+		<div id="app" class="we-dark">
-			<wm-background C1="C33764" C2="1D2671" C3="211f20"></wm-background>
+			<wm-background C1="fff" C2="f1f1f1" C3="fff"/>
-			<app-menu></app-menu>
+			<app-menu/>
 			<v-content>
 				<v-container fluid class="Login">
 					<div class="Tile">
-						<router-view></router-view>
+						<router-view/>
 						<!-- <wm-tiles-layout></wm-tiles-layout> -->
 					</div>
 				</v-container>
@@ -34,7 +34,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 #app {
 	background-color: transparent;
 	// -webkit-font-smoothing: antialiased;
@@ -44,4 +44,7 @@ export default {
 	width: 100%;
 	height: 100%;
 }
+.we-dark .Header .Time, .we-dark .Header .Name, .we-dark .Header .v-icon,  {
+    color: #000;
+}
 </style>

resources/js/Home/views/Home.vue

@@ -9,9 +9,9 @@
             >
 
                 <wm-tile
-                    :TileClass="module.title_class"
+                    :TileClass="module.title_class +' Shadowed'"
-                    :TitleEn="$_name(`${module.slug}.name_en`)"
+                    :TitleEn="$_name(`${module.slug}.tile.name_en`) != '' ? $_name(`${module.slug}.tile.name_en`)  :  module.title_en"
-                    :TitleFa="$_name(`${module.slug}.name`)"
+                    :TitleFa="$_name(`${module.slug}.tile.name`) != '' ? $_name(`${module.slug}.tile.name`)  :  module.title_fa"
                     :GradientBegin="module.gradient_begin"
                     :GradientEnd="module.gradient_end"
                     :ImageURL="module.img_url"