nuevos iconos de módulos

client/client/routes.json

@@ -1,7 +1,7 @@
 {
     "module": "client",
     "name": "Clients",
-    "icon": "person",
+    "icon": "/static/images/icon_client.png",
     "validations" : true,
     "routes": [
         {

client/production/routes.json

@@ -1,7 +1,7 @@
 {
     "module": "production",
     "name": "Production",
-    "icon": "group_work",
+    "icon": "/static/images/icon_production.png",
     "validations" : false,
     "routes": [
         {

client/production/src/locale/es.json

@@ -1,5 +1,6 @@
 {
     "Finder" : "Localizador",
+    "Production" : "Producción",
     "Error: No tickets selected!" : "Error: ¡No hay tickets seleccionados!",
     "Error: Action not implemented!" : "Error: ¡Acción no implementada!",
     "State" : "Estado",

client/salix/src/components/home/home.html

@@ -3,15 +3,18 @@
         <h6 vn-one translate="Modules access"></h6>
     </vn-horizontal>
     <vn-module-container>
-        <a ng-repeat="mod in $ctrl.modules" ui-sref="{{::mod.route.state}}" class="{{::mod.name}} vn-module mdl-shadow--4dp">
+        <a ng-repeat="mod in $ctrl.modules" ui-sref="{{::mod.route.state}}" class="vn-module mdl-shadow--4dp">
-            <vn-vertical>
+            
+            <vn-vertical class="home__icon">
+                <vn-one>
+                    <vn-icon ng-if="mod.icon && !mod.icon.startsWith('/')" icon="{{::mod.icon}}"></vn-icon>
+                    <img ng-if="mod.icon && mod.icon.startsWith('/')" ng-src="{{::mod.icon}}" />
+                </vn-one>
                 <vn-one>
                     <h4 translate="{{::mod.name}}"></h4>
                 </vn-one>
-                <vn-one>
-                    <vn-icon icon="{{::mod.icon}}"></vn-icon>
-                </vn-one>
             </vn-vertical>
+           
         </a>
     </vn-horizontal>
 </vn-vertical>

client/salix/src/components/home/style.scss

@@ -19,11 +19,23 @@ vn-home {
         .vn-module{
             display: flex;
             flex: none;
-            padding: 2em;
             margin: 10px;
-            border-radius: 4px;
+            background-color: #FF9300;
-            box-sizing: border-box;
+            color: white;
-            transition: opacity 0.7s ease;
+
+            overflow:hidden;
+            -moz-border-radius: 6px; 
+            -webkit-border-radius: 6px;
+            border-radius: 6px;
+
+            .home__icon{
+                width: 150px;
+                height: 150px;
+                img {
+                    max-width: 50%;
+                    margin-top: 20px;
+                }
+            }
             h4{
                 text-transform: capitalize;
                 font-size: 16pt;
@@ -40,14 +52,6 @@ vn-home {
                 opacity: 0.7;
             }
             
-            &.Clients{
-            background-color: #ffa410;
-            color: #ffffff;
-            }
-            &.Production{
-                background-color: #95d600;
-                color: #ffffff;
-            }
             
         }
     }

client/salix/src/components/main-menu/main-menu.html

@@ -4,18 +4,10 @@
     <vn-icon icon="language" translate-attr="{title: 'Change language'}" ng-click="$ctrl.onChangeLanguage()"></vn-icon>
     <vn-icon icon="exit_to_app" translate-attr="{title: 'Logout'}" ng-click="$ctrl.onLogoutClick()"></vn-icon>
     <vn-icon icon="account_circle" translate-attr="{title: 'Profile'}" style="font-size: 35px;"></vn-icon>
-    <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" pad-medium for="apps">
+    <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" pad-small for="apps">
-        <vn-horizontal>
+        <li class="mdl-menu__item" ng-repeat="mod in $ctrl.modules track by $index" ui-sref="{{::mod.route.state}}">
-        <div ng-repeat="mod in $ctrl.modules track by $index" margin-medium-right>
+            <img ng-if="mod.icon && mod.icon.startsWith('/')" ng-src="{{::mod.icon}}" />
-        <vn-vertical>
+            <span translate="{{::mod.name}}"></span>
-            <a ui-sref="{{::mod.route.state}}">
+        </li>
-                <button vn-one class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored popover-button">
-                    <vn-icon vn-one icon="{{::mod.icon}}" style="font-size:40px"></vn-icon>  
-                </button>
-            </a>
-            <vn-label class="popover-label" text="{{::mod.name}}"></vn-label>
-        </vn-vertical>
-        </div>
-        </vn-horizontal>
     </ul>
 </div>

client/salix/src/components/main-menu/style.scss

@@ -1,13 +1,19 @@
 vn-main-menu {
-    vn-icon {
+    li.mdl-menu__item{
-        padding: .1em;
+        background-color: #FF9300;
-        border-radius: .1em;
+        margin-bottom: 8px;
-        vertical-align: middle;
+        color: white;
-        font-size: 24px;
+        img{
-
+            max-width: 18px;
-        &:hover {
+            vertical-align: middle;
-            cursor: pointer;
+            margin-top: -3px;
-            opacity: .85;
         }
     }
+    li.mdl-menu__item:hover{
+        background-color: #FF9300;
+        opacity: 0.7 !important;
+    }
+    li.mdl-menu__item:last-child{
+         margin-bottom: 0;
+    }
 }

services/nginx/.gitignore

@@ -2,3 +2,4 @@ logs/*
 static/*
 temp/*
 !static/templates
+!static/images