Merge pull request '2611 - Summary go to entity' (#463) from 2611-summary_goTo into dev

Reviewed-on: #463
Reviewed-by: Carlos Jimenez Ruiz <carlosjr@verdnatura.es>

front/core/styles/font-family.scss

@@ -14,7 +14,7 @@
     font-family: 'Material Icons';
     font-style: normal;
     font-weight: 400;
-    src: url('./icons/MaterialIcons-Regular.woff2') format('woff2'); 
+    src: url(./fonts/MaterialIcons-Regular.woff2) format('woff2'); 
 }
 
 .material-icons {

front/salix/components/summary/index.js

@@ -1 +1,9 @@
+import ngModule from '../../module';
+import Section from '../section';
 import './style.scss';
+
+export default class Summary extends Section {}
+
+ngModule.vnComponent('vnSummary', {
+    controller: Summary
+});

front/salix/components/summary/style.scss

@@ -1,10 +1,22 @@
+@import "./effects";
 @import "./variables";
 
+ui-view > .vn-summary {
+    h5 > a[name="goToSummary"],
+    h5 * > vn-icon-button[icon="more_vert"] {
+        display: none
+    }
+}
+
 .summary {
     margin: 0 auto;
     max-width: 950px;
 
     & > h5 {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        align-content: center;
         padding: $spacing-sm;
         border: none;
         background: $color-main;
@@ -15,6 +27,32 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
+
+        & > a > vn-icon-button[icon="launch"] {
+            @extend %clickable;
+            color: $color-font-dark;
+            display: flex;
+            min-width: 45px;
+            height: 45px;
+            box-sizing: border-box;
+            align-items: center;
+            justify-content: center;
+
+            & > vn-icon {
+                padding: 10px;
+            }
+            vn-icon {
+                font-size: 1.75rem;
+            }
+        }
+
+        span {
+            flex: 1;
+        }
+
+        vn-button {
+            flex: none
+        }
     }
     & > vn-horizontal {
         flex-wrap: wrap;

modules/account/front/locale/es.yml

@@ -8,3 +8,4 @@ Role: Rol
 Mail aliases: Alias de correo
 Account not enabled: Cuenta no habilitada
 Inherited roles: Roles heredados
+Go to the user: Ir al usuario

modules/account/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5>{{summary.nickname}}</h5>
+    <h5>
+        <a ng-if="::summary.id"
+            vn-tooltip="Go to the user"
+            ui-sref="account.card.summary({id: {{::summary.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>{{summary.id}} - {{summary.nickname}}</span>
+    </h5>
     <vn-horizontal class="vn-pa-md">
         <vn-one>
             <h4 translate>Basic data</h4>

modules/account/front/summary/index.js

@@ -1,7 +1,7 @@
 import ngModule from '../module';
-import Component from 'core/lib/component';
+import Summary from 'salix/components/summary';
 
-class Controller extends Component {
+class Controller extends Summary {
     set user(value) {
         this._user = value;
         this.$.summary = null;

modules/claim/front/locale/es.yml

@@ -16,3 +16,4 @@ Search claim by id or client name: Buscar reclamaciones por identificador o nomb
 Claim deleted!: Reclamación eliminada!
 claim: reclamación
 Photos: Fotos
+Go to the claim: Ir a la reclamación

modules/claim/front/summary/index.html

@@ -3,7 +3,15 @@
     data="photos">
 </vn-crud-model>
 <vn-card class="summary">
-    <h5>{{::$ctrl.summary.claim.id}} - {{::$ctrl.summary.claim.client.name}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.summary.claim.id"
+            vn-tooltip="Go to the claim"
+            ui-sref="claim.card.summary({id: {{::$ctrl.summary.claim.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>{{::$ctrl.summary.claim.id}} - {{::$ctrl.summary.claim.client.name}}</span>
+    </h5>
     <vn-horizontal>
         <vn-one>
             <vn-label-value

modules/claim/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     constructor($element, $, vnFile) {
         super($element, $);
         this.vnFile = vnFile;

modules/client/front/summary/index.html

@@ -1,5 +1,15 @@
 <vn-card class="summary">
-    <h5>{{$ctrl.summary.name}} - {{$ctrl.summary.id}} - {{$ctrl.summary.salesPersonUser.name}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.summary.id"
+            vn-tooltip="Go to the client"
+            ui-sref="client.card.summary({id: {{::$ctrl.summary.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>
+            {{$ctrl.summary.name}} - {{$ctrl.summary.id}} - {{$ctrl.summary.salesPersonUser.name}}
+        </span>
+    </h5>
     <vn-horizontal>
         <vn-one>
             <h4 translate>Basic data</h4>

modules/client/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     $onChanges() {
         if (!this.client)
             return;

modules/client/front/summary/locale/es.yml

@@ -17,3 +17,4 @@ Verdnatura's maximum risk: Riesgo máximo asumido por Verdnatura
 Solunion's maximum risk: Riesgo máximo asumido por Solunion
 Invoices minus payments: Facturas menos recibos
 Deviated invoices minus payments: Facturas fuera de plazo menos recibos
+Go to the client: Ir al cliente

modules/entry/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5><span translate>Entry</span> #{{$ctrl.entryData.id}} - {{$ctrl.entryData.supplier.nickname}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.entryData.id"
+            vn-tooltip="Go to the entry"
+            ui-sref="entry.card.summary({id: {{::$ctrl.entryData.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span> #{{$ctrl.entryData.id}} - {{$ctrl.entryData.supplier.nickname}}</span>
+    </h5>
     <vn-horizontal>
         <vn-one>
             <vn-label-value label="Commission" 

modules/entry/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
 import './style.scss';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 
-class Controller extends Section {
+class Controller extends Summary {
     get entry() {
         return this._entry;
     }

modules/entry/front/summary/locale/es.yml

@@ -7,3 +7,5 @@ Item type: Tipo
 Minimum price: Precio mínimo
 Buys: Compras
 Travel: Envio
+Go to the entry: Ir a la entrada
+

modules/invoiceOut/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5>{{$ctrl.summary.invoiceOut.ref}} - {{$ctrl.summary.invoiceOut.client.socialName}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.summary.invoiceOut.id"
+            vn-tooltip="Go to the Invoice Out"
+            ui-sref="invoiceOut.card.summary({id: {{::$ctrl.summary.invoiceOut.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>{{$ctrl.summary.invoiceOut.ref}} - {{$ctrl.summary.invoiceOut.client.socialName}}</span>
+    </h5>
     <vn-horizontal>
         <vn-one>
             <vn-label-value label="Date" 

modules/invoiceOut/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     set invoiceOut(value) {
         this._invoiceOut = value;
         if (value && value.id)

modules/invoiceOut/front/summary/locale/es.yml

@@ -10,3 +10,4 @@ Rate: Tasa
 Fee: Cuota
 Taxable base: Base imp.
 Tax breakdown: Desglose impositivo
+Go to the Invoice Out: Ir a la factura emitida

modules/item/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5>{{$ctrl.item.id}} - {{$ctrl.summary.item.name}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.item.id"
+            vn-tooltip="Go to the item"
+            ui-sref="item.card.summary({id: {{::$ctrl.item.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>{{$ctrl.item.id}} - {{$ctrl.summary.item.name}}</span>
+    </h5>
     <vn-horizontal>
         <vn-one>
             <img style="width: 100%; display: block;"

modules/item/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     getSummary() {
         this.$http.get(`Items/${this.item.id}/getSummary`).then(response => {
             this.summary = response.data;

modules/item/front/summary/locale/es.yml

@@ -1,3 +1,4 @@
 Niche: Nichos
 Barcode: Códigos de barras
 Other data: Otros datos
+Go to the item: Ir al artículo

modules/order/front/locale/es.yml

@@ -27,3 +27,4 @@ Confirm: Confirmar
 Real hour: Hora real
 T. Hour: Hora T.
 Theoretical hour: Hora Teórica
+Go to the order: Ir al pedido

modules/order/front/summary/index.html

@@ -1,5 +1,11 @@
 <vn-card class="summary">
     <h5>
+        <a ng-if="::$ctrl.summary.id"
+            vn-tooltip="Go to the order"
+            ui-sref="order.card.summary({id: {{::$ctrl.summary.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
         <span>
             Ticket #{{$ctrl.summary.id}} - {{$ctrl.summary.client.name}} 
             ({{$ctrl.summary.client.salesPersonFk}})

modules/order/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     setSummary() {
         this.$http.get(`Orders/${this.order.id}/summary`)
             .then(res => this.summary = res.data);

modules/order/front/summary/style.scss

@@ -3,21 +3,6 @@
 vn-order-summary .summary{
     max-width: $width-lg;
 
-    h5 {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        align-content: center;
-
-  
-        span {
-            flex: 1;
-        }
-
-        vn-button {
-            flex: none
-        }
-    }
     & > vn-horizontal > vn-one {
         min-width: 160px;
     

modules/route/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5>{{$ctrl.summary.route.id}} - {{$ctrl.summary.route.description}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.summary.route.id"
+            vn-tooltip="Go to the route"
+            ui-sref="route.card.summary({id: {{::$ctrl.summary.route.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>{{$ctrl.summary.route.id}} - {{$ctrl.summary.route.description}}</span>
+    </h5>
     <vn-horizontal>
         <vn-one>
             <vn-label-value label="Id" 

modules/route/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     set route(value) {
         this._route = value;
         if (value && value.id)

modules/route/front/summary/locale/es.yml

@@ -6,3 +6,4 @@ Finishing time: H. Fin
 Km Start: Km de inicio
 Km End: Km de fin
 PC: CP
+Go to the route: Ir a la ruta

modules/supplier/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5>{{::$ctrl.summary.name}} - {{::$ctrl.summary.id}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.summary.id"
+            vn-tooltip="Go to the supplier"
+            ui-sref="supplier.card.summary({id: {{::$ctrl.summary.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>{{::$ctrl.summary.name}} - {{::$ctrl.summary.id}}</span>
+    </h5>
     <vn-horizontal>
         <vn-one>
             <h4 translate>Basic data</h4>

modules/supplier/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     $onChanges() {
         if (!this.supplier)
             return;

modules/supplier/front/summary/locale/es.yml

@@ -6,3 +6,4 @@ Is Farmer: Es agrícola
 Sage tax type: Tipo de impuesto Sage
 Sage transaction type: Tipo de transacción Sage
 Sage withholding: Retencion Sage
+Go to the supplier: Ir al proveedor

modules/ticket/front/summary/index.html

@@ -1,10 +1,10 @@
 <vn-card class="summary">
     <h5>
         <a ng-if="::$ctrl.summary.id"
-            translate-attr="{title: 'Go to ticket summary'}"
+            vn-tooltip="Go to the ticket"
             ui-sref="ticket.card.summary({id: {{::$ctrl.summary.id}}})"
-            name="goToTicketSummary">
+            name="goToSummary">
-            <vn-icon-button icon="open_in_full"></vn-icon-button>
+            <vn-icon-button icon="launch"></vn-icon-button>
         </a>
         <span>
             Ticket #{{$ctrl.summary.id}} - {{$ctrl.summary.client.name}} 

modules/ticket/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     get ticket() {
         return this._ticket;
     }

modules/ticket/front/summary/locale/es.yml

@@ -2,4 +2,4 @@ Address phone: Tel. consignatario
 Address mobile: Móv. consignatario
 Client phone: Tel. cliente
 Client mobile: Móv. cliente
-Go to ticket summary: Ir a la vista previa del ticket
+Go to the ticket: Ir al ticket

modules/ticket/front/summary/style.scss

@@ -1,51 +1,8 @@
 @import "./effects";
 @import "./variables";
 
-vn-ticket-card vn-ticket-summary {
-    a[name="goToTicketSummary"],
-    vn-ticket-descriptor-menu {
-        display: none
-    }
-}
 vn-ticket-summary .summary {
     max-width: $width-lg;
-
-    h5 {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        align-content: center;
-
-        & > a > vn-icon-button[icon="open_in_full"] {
-            display: flex;
-            min-width: 45px;
-            height: 45px;
-            box-sizing: border-box;
-            align-items: center;
-            justify-content: center;
-        }
-        & > a > vn-icon-button[icon="open_in_full"] {
-            @extend %clickable;
-            color: $color-font-dark;
-        
-            & > vn-icon {
-                padding: 10px;
-            }
-            vn-icon {
-                font-size: 1.75rem;
-            }
-        }
-
-  
-        span {
-            flex: 1;
-        }
-
-        vn-button {
-            flex: none
-        }
-    }
-
     vn-button {
         max-height: 27px;
         button {

modules/travel/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5>{{$ctrl.travelData.id}} - {{$ctrl.travelData.ref}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.travelData.id"
+            vn-tooltip="Go to the travel"
+            ui-sref="travel.card.summary({id: {{::$ctrl.travelData.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>{{$ctrl.travelData.id}} - {{$ctrl.travelData.ref}}</span>
+    </h5>
     <vn-horizontal>
         <vn-one>
             <vn-label-value

modules/travel/front/summary/index.js

@@ -1,8 +1,8 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 import './style.scss';
 
-class Controller extends Section {
+class Controller extends Summary {
     $onInit() {
         this.entries = [];
     }

modules/travel/front/summary/locale/es.yml

@@ -15,3 +15,4 @@ Pallet: Pallet
 Freight: Porte
 Package: Embalaje
 Half box: Media caja
+Go to the travel: Ir al envío

modules/worker/front/locale/es.yml

@@ -19,3 +19,4 @@ View worker: Ver trabajador
 Worker id: Id trabajador
 Workers: Trabajadores
 worker: trabajador
+Go to the worker: Ir al trabajador

modules/worker/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5>{{worker.firstName}} {{worker.lastName}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.worker.id"
+            vn-tooltip="Go to the worker"
+            ui-sref="worker.card.summary({id: {{::$ctrl.worker.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>{{worker.firstName}} {{worker.lastName}}</span>
+    </h5>
     <vn-horizontal class="vn-pa-md">
         <vn-one>
             <h4 translate>Basic data</h4>

modules/worker/front/summary/index.js

@@ -1,7 +1,7 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 
-class Controller extends Section {
+class Controller extends Summary {
     get worker() {
         return this._worker;
     }

modules/zone/front/index/index.html

@@ -20,7 +20,7 @@
             <a
                 ng-repeat="zone in model.data"
                 ui-sref="zone.card.summary({id: zone.id})"
-                class="clickable n-tr search-result">
+                class="clickable vn-tr search-result">
                 <vn-td number>{{::zone.id}}</vn-td>
                 <vn-td expand>{{::zone.name}}</vn-td>
                 <vn-td expand>{{::zone.agencyMode.name}}</vn-td>

modules/zone/front/locale/es.yml

@@ -31,3 +31,4 @@ Warehouses: Almacenes
 Week days: Días de la semana
 Zones: Zonas
 zone: zona
+Go to the zone: Ir a la zona

modules/zone/front/summary/index.html

@@ -1,5 +1,13 @@
 <vn-card class="summary">
-    <h5>#{{$ctrl.summary.id}} - {{$ctrl.summary.name}}</h5>
+    <h5>
+        <a ng-if="::$ctrl.summary.id"
+            vn-tooltip="Go to the zone"
+            ui-sref="zone.card.summary({id: {{::$ctrl.summary.id}}})"
+            name="goToSummary">
+            <vn-icon-button icon="launch"></vn-icon-button>
+        </a>
+        <span>#{{$ctrl.summary.id}} - {{$ctrl.summary.name}}</span>
+    </h5>
     <vn-horizontal class="vn-pa-md">
         <vn-one>    
             <vn-label-value label="Agency"

modules/zone/front/summary/index.js

@@ -1,7 +1,7 @@
 import ngModule from '../module';
-import Section from 'salix/components/section';
+import Summary from 'salix/components/summary';
 
-class Controller extends Section {
+class Controller extends Summary {
     get zone() {
         return this._zone;
     }