Merge branch 'dev' into 4480-vnUser

CHANGELOG.md

@@ -8,13 +8,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## [2304.01] - 2023-02-09
 
 ### Added
+- (Rutas) Al descargar varias facturas se comprime en un zip
 -  (Trabajadores -> Nuevo trabajador)  Nueva sección
 
 ### Changed
 -
 
 ### Fixed
--
+- (Artículos -> Etiquetas) Permite intercambiar la relevancia entre dos etiquetas.
+
 
 ## [2302.01] - 2023-01-26
 

db/changes/230401/00-ACL_tag_update.sql

@@ -0,0 +1,3 @@
+INSERT INTO `salix`.`ACL` (`model`, `property`, `accessType`, `permission`, `principalType`, `principalId`)
+    VALUES
+        ('Tag', 'onSubmit', 'WRITE', 'ALLOW', 'ROLE', 'employee');

front/core/components/crud-model/crud-model.js

@@ -147,28 +147,17 @@ export default class CrudModel extends ModelProxy {
         this.moreRows = null;
     }
 
-    /**
-     * Saves current changes on the server.
-     *
-     * @return {Promise} The save request promise
-     */
-    save() {
-        if (!this.isChanged)
-            return this.$q.resolve();
+    getChanges() {
+        if (!this.isChanged) return null;
 
-        let deletes = [];
-        let updates = [];
-        let creates = [];
-        let orgDeletes = [];
-        let orgUpdates = [];
-        let orgCreates = [];
+        const deletes = [];
+        const updates = [];
+        const creates = [];
 
-        let pk = this.primaryKey;
+        const pk = this.primaryKey;
 
-        for (let row of this.removed) {
+        for (let row of this.removed)
             deletes.push(row.$orgRow[pk]);
-            orgDeletes.push(row);
-        }
 
         for (let row of this.data) {
             if (row.$isNew) {
@@ -178,7 +167,6 @@ export default class CrudModel extends ModelProxy {
                         data[prop] = row[prop];
                 }
                 creates.push(row);
-                orgCreates.push(row);
             } else if (row.$oldData) {
                 let data = {};
                 for (let prop in row.$oldData)
@@ -187,28 +175,38 @@ export default class CrudModel extends ModelProxy {
                     data,
                     where: {[pk]: row.$orgRow[pk]}
                 });
-                orgUpdates.push(row);
             }
         }
 
-        let changes = {deletes, updates, creates};
+        const changes = {deletes, updates, creates};
 
         for (let prop in changes) {
             if (changes[prop].length === 0)
                 changes[prop] = undefined;
         }
 
-        if (!changes)
-            return this.$q.resolve();
+        return changes;
+    }
 
+    /**
+     * Saves current changes on the server.
+     *
+     * @return {Promise} The save request promise
+     */
+    save() {
+        const pk = this.primaryKey;
+        const changes = this.getChanges();
+        if (!changes) return this.$q.resolve();
+
+        const creates = changes.creates || [];
         let url = this.saveUrl ? this.saveUrl : `${this._url}/crud`;
         return this.$http.post(url, changes)
             .then(res => {
                 const created = res.data;
 
                 // Apply new data to created instances
-                for (let i = 0; i < orgCreates.length; i++) {
-                    const row = orgCreates[i];
+                for (let i = 0; i < creates.length; i++) {
+                    const row = creates[i];
                     row[pk] = created[i][pk];
 
                     for (let prop in row) {

loopback/util/not-found-error.js

@@ -0,0 +1,9 @@
+module.exports = class NotFoundError extends Error {
+    constructor(message = 'Not found', code = 'NOT_FOUND', ...translateArgs) {
+        super(message);
+        this.name = 'NotFoundError';
+        this.statusCode = 404;
+        this.code = code;
+        this.translateArgs = translateArgs;
+    }
+};

modules/claim/front/card/index.js

@@ -19,10 +19,26 @@ class Controller extends ModuleCard {
                 }, {
                     relation: 'ticket',
                     scope: {
-                        fields: ['zoneFk'],
-                        include: {
-                            relation: 'zone'
-                        }
+                        fields: ['zoneFk', 'addressFk'],
+                        include: [
+                            {
+                                relation: 'zone',
+                                scope: {
+                                    fields: ['name']
+                                }
+                            },
+                            {
+                                relation: 'address',
+                                scope: {
+                                    fields: ['provinceFk'],
+                                    include: {
+                                        relation: 'province',
+                                        scope: {
+                                            fields: ['name']
+                                        }
+                                    }
+                                }
+                            }]
                     }
                 }, {
                     relation: 'claimState',

modules/claim/front/descriptor/index.html

@@ -55,9 +55,13 @@
                 <span
                     ng-click="zoneDescriptor.show($event, $ctrl.claim.ticket.zoneFk)"
                     class="link">
-                    {{$ctrl.claim.ticket.zoneFk}}
+                    {{$ctrl.claim.ticket.zone.name}}
                 </span>
             </vn-label-value>
+            <vn-label-value
+                label="Province"
+                value="{{$ctrl.claim.ticket.address.province.name}}">
+            </vn-label-value>
             <vn-label-value
                 label="Ticket">
                 <span

modules/item/back/methods/tag/onSubmit.js

@@ -0,0 +1,93 @@
+
+module.exports = function(Self) {
+    Self.remoteMethodCtx('onSubmit', {
+        description: 'Save model changes',
+        accessType: 'WRITE',
+        accepts: [
+            {
+                arg: 'creates',
+                type: ['object'],
+                description: 'The itemTags records to create'
+            }, {
+                arg: 'deletes',
+                type: ['number'],
+                description: 'The itemTags ids to delete'
+            }, {
+                arg: 'updates',
+                type: ['object'],
+                description: 'The itemTags records to update'
+            }, {
+                arg: 'maxPriority',
+                type: 'number',
+                description: 'The maxPriority value'
+            }
+        ],
+        returns: {
+            root: true,
+            type: 'object'
+        },
+        http: {
+            verb: 'PATCH',
+            path: '/onSubmit'
+        }
+    });
+
+    Self.onSubmit = async(ctx, options) => {
+        const models = Self.app.models;
+        const args = ctx.args;
+        let tx;
+        const myOptions = {};
+
+        if (typeof options == 'object')
+            Object.assign(myOptions, options);
+
+        if (!myOptions.transaction) {
+            tx = await Self.beginTransaction({});
+            myOptions.transaction = tx;
+        }
+
+        try {
+            const promises = [];
+
+            if (args.deletes) {
+                for (const itemTagId of args.deletes) {
+                    const itemTagDeleted = models.ItemTag.destroyById(itemTagId, myOptions);
+                    promises.push(itemTagDeleted);
+                }
+            }
+
+            if (args.updates) {
+                for (const row of args.updates) {
+                    if (row.data.priority) {
+                        const itemTag = await models.ItemTag.findById(row.where.id, null, myOptions);
+                        const itemTagUpdatedPriority = itemTag.updateAttributes({
+                            priority: row.data.priority + args.maxPriority
+                        }, myOptions);
+                        promises.push(itemTagUpdatedPriority);
+                    }
+                }
+                for (const row of args.updates) {
+                    const itemTag = await models.ItemTag.findById(row.where.id, null, myOptions);
+                    const itemTagUpdated = itemTag.updateAttributes(row.data, myOptions);
+                    promises.push(itemTagUpdated);
+                }
+            }
+
+            if (args.creates) {
+                for (const itemTag of args.creates) {
+                    const newItemTag = models.ItemTag.create(itemTag, myOptions);
+                    promises.push(newItemTag);
+                }
+            }
+
+            const resolvedPromises = await Promise.all(promises);
+
+            if (tx) await tx.commit();
+
+            return resolvedPromises;
+        } catch (e) {
+            if (tx) await tx.rollback();
+            throw e;
+        }
+    };
+};

modules/item/back/methods/tag/specs/onSubmit.spec.js

@@ -0,0 +1,100 @@
+const models = require('vn-loopback/server/server').models;
+
+describe('tag onSubmit()', () => {
+    it('should delete a tag', async() => {
+        const tx = await models.Item.beginTransaction({});
+        const options = {transaction: tx};
+
+        try {
+            const deletes = [40];
+            const ctx = {
+                args: {
+                    deletes: deletes
+                }
+            };
+            const result = await models.Tag.onSubmit(ctx, options);
+
+            expect(result.length).toEqual(1);
+            await tx.rollback();
+        } catch (e) {
+            await tx.rollback();
+            throw e;
+        }
+    });
+
+    it('should update a tag', async() => {
+        const tx = await models.Item.beginTransaction({});
+        const options = {transaction: tx};
+
+        try {
+            const updates = [{data: {value: 'Container  Test'}, where: {id: 36}}];
+            const ctx = {
+                args: {
+                    updates: updates
+                }
+            };
+            const result = await models.Tag.onSubmit(ctx, options);
+
+            expect(result.length).toEqual(1);
+            await tx.rollback();
+        } catch (e) {
+            await tx.rollback();
+            throw e;
+        }
+    });
+
+    it('should create a tag', async() => {
+        const tx = await models.Item.beginTransaction({});
+        const options = {transaction: tx};
+
+        try {
+            const creates = [{
+                'itemFk': '6',
+                'priority': 8,
+                '$orgIndex': null,
+                '$oldData': null,
+                '$isNew': true,
+                'tagFk': 3,
+                'value': 'madera'
+            }];
+            const ctx = {
+                args: {
+                    creates: creates
+                }
+            };
+            const result = await models.Tag.onSubmit(ctx, options);
+
+            expect(result.length).toEqual(1);
+            await tx.rollback();
+        } catch (e) {
+            await tx.rollback();
+            throw e;
+        }
+    });
+
+    it('should swap priority for two tags', async() => {
+        const tx = await models.Item.beginTransaction({});
+        const options = {transaction: tx};
+
+        try {
+            const updates = [
+                {data: {priority: 2}, where: {id: 36}},
+                {data: {priority: 1}, where: {id: 37}}
+            ];
+            const ctx = {
+                args: {
+                    updates: updates,
+                    maxPriority: 7,
+
+                }
+            };
+            const result = await models.Tag.onSubmit(ctx, options);
+
+            expect(result.length).toEqual(4);
+            await tx.rollback();
+        } catch (e) {
+            await tx.rollback();
+            throw e;
+        }
+    });
+});

modules/item/back/models/tag.js

@@ -1,3 +1,4 @@
 module.exports = Self => {
     require('../methods/tag/filterValue')(Self);
+    require('../methods/tag/onSubmit')(Self);
 };

modules/item/front/tags/index.html

@@ -19,7 +19,7 @@
     data="tags"
     auto-load="true">
 </vn-crud-model>
-<form name="form" ng-submit="$ctrl.onSubmit()" class="vn-w-md">
+<form name="form" class="vn-w-md">
     <vn-card class="vn-pa-lg">
         <vn-horizontal ng-repeat="itemTag in $ctrl.itemTags">
             <vn-autocomplete vn-two vn-id="tag" vn-focus
@@ -74,8 +74,9 @@
     </vn-card>
     <vn-button-bar>
         <vn-submit
+            ng-click="$ctrl.onSubmit()"
             disabled="!watcher.dataChanged()"
             label="Save">
         </vn-submit>
     </vn-button-bar>
-</form>
+</form>

modules/item/front/tags/index.js

@@ -29,11 +29,17 @@ class Controller extends Section {
     }
 
     onSubmit() {
-        this.$.watcher.check();
-        this.$.model.save().then(() => {
+        const changes = this.$.model.getChanges();
+        const data = {
+            creates: changes.creates,
+            deletes: changes.deletes,
+            updates: changes.updates,
+            maxPriority: this.getHighestPriority()
+        };
+        this.$http.patch(`Tags/onSubmit`, data).then(() => {
+            this.$.model.refresh();
             this.$.watcher.notifySaved();
             this.$.watcher.updateOriginalData();
-            this.card.reload();
         });
     }
 }

modules/order/front/catalog/index.js

@@ -157,7 +157,7 @@ class Controller extends Section {
      * Apply order to model
      */
     applyOrder() {
-        if (this.typeId || this.tagGroups.length > 0)
+        if (this.typeId || this.tagGroups.length > 0 || this.itemName)
             this.$.model.addFilter(null, {orderBy: this.getOrderBy()});
     }
 

modules/route/back/methods/route/downloadZip.js

@@ -0,0 +1,62 @@
+const JSZip = require('jszip');
+
+module.exports = Self => {
+    Self.remoteMethodCtx('downloadZip', {
+        description: 'Download a zip file with multiple routes pdfs',
+        accessType: 'READ',
+        accepts: [
+            {
+                arg: 'id',
+                type: 'string',
+                description: 'The routes ids',
+            }
+        ],
+        returns: [
+            {
+                arg: 'body',
+                type: 'file',
+                root: true
+            }, {
+                arg: 'Content-Type',
+                type: 'string',
+                http: {target: 'header'}
+            }, {
+                arg: 'Content-Disposition',
+                type: 'string',
+                http: {target: 'header'}
+            }
+        ],
+        http: {
+            path: '/downloadZip',
+            verb: 'GET'
+        }
+    });
+
+    Self.downloadZip = async function(ctx, id, options) {
+        const models = Self.app.models;
+        const myOptions = {};
+        const zip = new JSZip();
+
+        if (typeof options == 'object')
+            Object.assign(myOptions, options);
+
+        const ids = id.split(',');
+        for (let id of ids) {
+            ctx.args.id = id;
+            const routePdf = await models.Route.driverRoutePdf(ctx, id);
+            const fileName = extractFileName(routePdf[2]);
+            const body = routePdf[0];
+
+            zip.file(fileName, body);
+        }
+
+        const stream = zip.generateNodeStream({streamFiles: true});
+
+        return [stream, 'application/zip', `filename="download.zip"`];
+    };
+
+    function extractFileName(str) {
+        const matches = str.match(/"(.*?)"/);
+        return matches ? matches[1] : str;
+    }
+};

modules/route/back/models/route.js

@@ -13,6 +13,7 @@ module.exports = Self => {
     require('../methods/route/driverRoutePdf')(Self);
     require('../methods/route/driverRouteEmail')(Self);
     require('../methods/route/sendSms')(Self);
+    require('../methods/route/downloadZip')(Self);
 
     Self.validate('kmStart', validateDistance, {
         message: 'Distance must be lesser than 1000'

modules/route/front/index/index.js

@@ -34,12 +34,22 @@ export default class Controller extends Section {
     }
 
     showRouteReport() {
-        const routes = [];
+        const routesIds = [];
         for (let route of this.checked)
-            routes.push(route.id);
-        const routesId = routes.join(',');
+            routesIds.push(route.id);
+        const stringRoutesIds = routesIds.join(',');
 
-        this.vnReport.show(`Routes/${routesId}/driver-route-pdf`);
+        if (this.checked.length <= 1) {
+            const url = `api/Routes/${stringRoutesIds}/driver-route-pdf?access_token=${this.vnToken.token}`;
+            window.open(url, '_blank');
+        } else {
+            const serializedParams = this.$httpParamSerializer({
+                access_token: this.vnToken.token,
+                id: stringRoutesIds
+            });
+            const url = `api/Routes/downloadZip?${serializedParams}`;
+            window.open(url, '_blank');
+        }
     }
 
     openClonationDialog() {

modules/route/front/index/index.spec.js

@@ -44,17 +44,15 @@ describe('Component vnRouteIndex', () => {
 
     describe('showRouteReport()', () => {
         it('should call to the vnReport show method', () => {
-            controller.vnReport.show = jest.fn();
+            jest.spyOn(window, 'open').mockReturnThis();
 
             const data = controller.$.model.data;
             data[0].checked = true;
             data[2].checked = true;
 
-            const routeIds = '1,3';
-
             controller.showRouteReport();
 
-            expect(controller.vnReport.show).toHaveBeenCalledWith(`Routes/${routeIds}/driver-route-pdf`);
+            expect(window.open).toHaveBeenCalled();
         });
     });
 

modules/shelving/front/routes.json

@@ -1,12 +1,12 @@
 {
     "module": "shelving",
     "name": "Shelvings",
-    "icon" : "contact_support",
+    "icon" : "icon-inventory",
     "dependencies": ["worker"],
     "validations" : true,
     "menus": {
         "main": [
-            {"state": "shelving.index", "icon": "contact_support"}
+            {"state": "shelving.index", "icon": "icon-inventory"}
         ],
         "card": [
             {"state": "shelving.card.basicData", "icon": "settings"},
@@ -20,7 +20,7 @@
             "abstract": true,
             "component": "vn-shelving",
             "description": "Shelvings"
-        }, 
+        },
         {
             "url": "/index?q",
             "state": "shelving.index",
@@ -32,13 +32,13 @@
             "state": "shelving.create",
             "component": "vn-shelving-create",
             "description": "New shelving"
-        }, 
+        },
         {
             "url": "/:id",
             "state": "shelving.card",
             "abstract": true,
             "component": "vn-shelving-card"
-        }, 
+        },
         {
             "url": "/summary",
             "state": "shelving.card.summary",
@@ -47,7 +47,7 @@
             "params": {
                 "shelving": "$ctrl.shelving"
             }
-        }, 
+        },
         {
             "url": "/basic-data",
             "state": "shelving.card.basicData",
@@ -56,7 +56,7 @@
             "params": {
                 "shelving": "$ctrl.shelving"
             }
-        }, 
+        },
         {
             "url" : "/log",
             "state": "shelving.card.log",
@@ -64,4 +64,4 @@
             "description": "Log"
         }
     ]
-}
+}

modules/ticket/back/methods/sale-tracking/listSaleTracking.js

@@ -36,7 +36,7 @@ module.exports = Self => {
                 st.originalQuantity,
                 st.created,
                 st.workerFk,
-                u.nickname userNickname,
+                u.name,
                 ste.name AS state
             FROM saleTracking st
                 JOIN sale s ON s.id = st.saleFk
@@ -48,24 +48,6 @@ module.exports = Self => {
 
         const trackings = await Self.rawStmt(stmt, myOptions);
 
-        const salesFilter = {
-            include: [
-                {
-                    relation: 'item'
-                }
-            ],
-            where: {ticketFk: filter.where.ticketFk}
-        };
-
-        const sales = await Self.app.models.Sale.find(salesFilter, myOptions);
-
-        for (const tracking of trackings) {
-            for (const sale of sales) {
-                if (tracking.itemFk == sale.itemFk)
-                    tracking.item = sale.item();
-            }
-        }
-
         return trackings;
     };
 };

modules/ticket/front/sale-tracking/index.html

@@ -30,12 +30,12 @@
                     <span class="chip {{$ctrl.chipIsControled(sale.preparingList.isControled)}} vn-mx-xs" vn-tooltip="is controled"></span>
                 </vn-td>
                 <vn-td number>
-                    <span
-                        ng-click="$ctrl.showItemDescriptor($event, sale)"
+                        <span
+                        ng-click="itemDescriptor.show($event, sale.item.id)"
                         class="link">
-                        {{::sale.itemFk | zeroFill:6}}
+                        {{::sale.item.id}}
                     </span>
-                </vn-td>
+                    </vn-td>
                 <vn-td vn-fetched-tags>
                     <div>
                         <vn-one title="{{::sale.item.name}}">{{::sale.item.name}}</vn-one>
@@ -96,27 +96,23 @@
                 </vn-tr>
             </vn-thead>
             <vn-tbody>
-                <vn-tr ng-repeat="sale in saleTrackings">
-                    <vn-td number>{{::sale.quantity}}</vn-td>
-                    <vn-td number>{{::sale.originalQuantity}}</vn-td>
+                <vn-tr ng-repeat="saleTracking in saleTrackings">
+                    <vn-td number>{{::saleTracking.quantity}}</vn-td>
+                    <vn-td number>{{::saleTracking.originalQuantity}}</vn-td>
                     <vn-td expand>
                         <span
                             class="link"
-                            ng-click="workerDescriptor.show($event, sale.workerFk)">
-                            {{::sale.userNickname | dashIfEmpty}}
+                            ng-click="workerDescriptor.show($event, saleTracking.workerFk)">
+                            {{::saleTracking.name | dashIfEmpty}}
                         </span>
                     </vn-td>
-                    <vn-td shrink>{{::sale.state}}</vn-td>
-                    <vn-td expand>{{::sale.created | date: 'dd/MM/yyyy HH:mm'}}</vn-td>
+                    <vn-td shrink>{{::saleTracking.state}}</vn-td>
+                    <vn-td expand>{{::saleTracking.created | date: 'dd/MM/yyyy HH:mm'}}</vn-td>
                 </vn-tr>
             </vn-tbody>
         </vn-table>
         </vn-card>
     </vn-data-viewer>
-    <vn-item-descriptor-popover
-        vn-id="item-descriptor"
-        warehouse-fk="$ctrl.ticket.warehouseFk">
-    </vn-item-descriptor-popover>
     <vn-worker-descriptor-popover
         vn-id="worker-descriptor">
     </vn-worker-descriptor-popover>

modules/ticket/front/sale-tracking/index.js

@@ -45,14 +45,14 @@ class Controller extends Section {
             btnThree: {
                 icon: 'icon-transaction',
                 state: `item.card.diary({
-                    id: ${sale.itemFk},
+                    id: ${sale.item.id},
                     warehouseFk: ${this.ticket.warehouseFk},
                     lineFk: ${sale.id}
                 })`,
                 tooltip: 'Item diary'
             }
         };
-        this.$.itemDescriptor.show(event.target, sale.itemFk);
+        this.$.itemDescriptor.show(event.target, sale.item.id);
     }
 
     chipHasSaleGroupDetail(hasSaleGroupDetail) {

print/core/mixins/vn-report.js

@@ -0,0 +1,23 @@
+const Component = require(`vn-print/core/component`);
+const reportHeader = new Component('report-header');
+const reportFooter = new Component('report-footer');
+const reportBody = new Component('report-body');
+const NotFoundError = require('vn-loopback/util/not-found-error');
+
+module.exports = {
+    components: {
+        'report-body': reportBody.build(),
+        'report-header': reportHeader.build(),
+        'report-footer': reportFooter.build()
+    },
+    methods: {
+        checkMainEntity: function(entity) {
+            if (entity == null)
+                throw new NotFoundError();
+        },
+        formatDate: function(date, format) {
+            const filters = this.$options.filters;
+            return filters.date(date, format);
+        }
+    },
+};

print/templates/reports/balance-compensation/balance-compensation.html

@@ -3,7 +3,7 @@
         <div class="grid-block">
             <div class="columns">
                 <div class="size50">
-                    <p style="text-align: right">{{$t('Place')}} {{currentDate()}}</p>
+                    <p style="text-align: right">{{$t('Place')}} {{formatDate(new Date(), '%d-%m-%Y')}}</p>
                     <h3 style="text-align: center; margin-top: 8%">{{$t('Compensation') | uppercase}}</h3>
                     <p style="margin-top: 8%">{{$t('In one hand')}}:</p>
                     <p style="text-align: justify">
@@ -17,7 +17,7 @@
                     </p>
                     <h4 style="text-align: center; margin-top: 10%">{{$t('Agree') | uppercase}}</h4>
                     <p style="margin-top: 8%; text-align: justify">
-                        {{$t('Date')}} {{client.payed | date('%d-%m-%Y')}} {{$t('Compensate')}} {{client.amountPaid}} €
+                        {{$t('Date')}} {{formatDate(client.payed, '%d-%m-%Y')}} {{$t('Compensate')}} {{client.amountPaid}} €
                         {{$t('From client')}} {{client.name}} {{$t('Toclient')}} {{company.name}}.
                     </p>
                     <p style="margin-top: 8%">

print/templates/reports/balance-compensation/balance-compensation.js

@@ -1,28 +1,12 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'balance-compensation',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.client = await this.fetchClient(this.id);
-        this.company = await this.fetchCompany(this.id);
-    },
-    methods: {
-        fetchClient(id) {
-            return this.findOneFromDef('client', [id]);
-        },
-        fetchCompany(id) {
-            return this.findOneFromDef('company', [id]);
-        },
-
-        currentDate() {
-            const current = new Date();
-            const date = `${current.getDate()}/${current.getMonth() + 1}/${current.getFullYear()}`;
-            return date;
-        }
-    },
-    components: {
-        'report-body': reportBody.build()
+        this.client = await this.findOneFromDef('client', [this.id]);
+        this.checkMainEntity(this.client);
+        this.company = await this.findOneFromDef('company', [this.id]);
     },
     props: {
         id: {

print/templates/reports/campaign-metrics/campaign-metrics.html

@@ -13,11 +13,11 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray">{{$t('From')}}</td>
-                                    <th>{{from | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(from, '%d-%m-%Y')}}</th>
                                 </tr>
                                 <tr>
                                     <td class="font gray">{{$t('To')}}</td>
-                                    <th>{{to | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(to, '%d-%m-%Y')}}</th>
                                 </tr>
                             </tbody>
                         </table>

print/templates/reports/campaign-metrics/campaign-metrics.js

@@ -1,27 +1,12 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'campaign-metrics',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.client = await this.fetchClient(this.id);
-        this.sales = await this.fetchSales(this.id, this.from, this.to);
-
-        if (!this.client)
-            throw new Error('Something went wrong');
-    },
-    methods: {
-        fetchClient(id) {
-            return this.findOneFromDef('client', [id]);
-        },
-        fetchSales(id, from, to) {
-            return this.rawSqlFromDef('sales', [id, from, to]);
-        },
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
+        this.client = await this.findOneFromDef('client', [this.id]);
+        this.checkMainEntity(this.client);
+        this.sales = await this.rawSqlFromDef('sales', [this.id, this.from, this.to]);
     },
     props: {
         id: {

print/templates/reports/claim-pickup-order/claim-pickup-order.html

@@ -20,7 +20,7 @@
                             </tr>
                             <tr>
                                 <td class="font gray uppercase">{{$t('date')}}</td>
-                                <th>{{dated}}</th>
+                                <th>{{formatDate(new Date(), '%d-%m-%Y')}}</th>
                             </tr>
                         </tbody>
                     </table>

print/templates/reports/claim-pickup-order/claim-pickup-order.js

@@ -1,34 +1,12 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'claim-pickup-order',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.client = await this.fetchClient(this.id);
-        this.sales = await this.fetchSales(this.id);
-
-        if (!this.client)
-            throw new Error('Something went wrong');
-    },
-    computed: {
-        dated: function() {
-            const filters = this.$options.filters;
-
-            return filters.date(new Date(), '%d-%m-%Y');
-        }
-    },
-    methods: {
-        fetchClient(id) {
-            return this.findOneFromDef('client', [id]);
-        },
-        fetchSales(id) {
-            return this.rawSqlFromDef('sales', [id]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
+        this.client = await this.findOneFromDef('client', [this.id]);
+        this.checkMainEntity(this.client);
+        this.sales = await this.rawSqlFromDef('sales', [this.id]);
     },
     props: {
         id: {
@@ -36,5 +14,5 @@ module.exports = {
             required: true,
             description: 'The claim id'
         }
-    }
+    },
 };

print/templates/reports/client-debt-statement/client-debt-statement.html

@@ -13,7 +13,7 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('date')}}</td>
-                                    <th>{{dated}}</th>
+                                    <th>{{formatDate(new Date(), '%d-%m-%Y');}}</th>
                                 </tr>
                             </tbody>
                         </table>
@@ -44,7 +44,7 @@
                 </thead>
                 <tbody v-for="sale in sales" :key="sale.id">
                     <tr>
-                        <td>{{sale.issued | date('%d-%m-%Y')}}</td>
+                        <td>{{formatDate(sale.issued, '%d-%m-%Y');}}</td>
                         <td>{{sale.ref}}</td>
                         <td class="number">{{sale.debtOut}}</td>
                         <td class="number">{{sale.debtIn}}</td>

print/templates/reports/client-debt-statement/client-debt-statement.js

@@ -1,44 +1,18 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'client-debt-statement',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.client = await this.fetchClient(this.id);
-        this.sales = await this.fetchSales(this.id, this.from);
-
-        if (!this.client)
-            throw new Error('Something went wrong');
-    },
-    computed: {
-        dated: function() {
-            const filters = this.$options.filters;
-
-            return filters.date(new Date(), '%d-%m-%Y');
-        }
+        this.client = await this.findOneFromDef('client', [this.id]);
+        this.checkMainEntity(this.client);
+        this.sales = await this.rawSqlFromDef('sales',
+            [this.from, this.id, this.from, this.id, this.from, this.id, this.from, this.id, this.from, this.id]);
     },
     data() {
         return {totalBalance: 0.00};
     },
     methods: {
-        fetchClient(id) {
-            return this.findOneFromDef('client', [id]);
-        },
-        fetchSales(id, from) {
-            return this.rawSqlFromDef('sales', [
-                from,
-                id,
-                from,
-                id,
-                from,
-                id,
-                from,
-                id,
-                from,
-                id
-            ]);
-        },
         getBalance(sale) {
             if (sale.debtOut)
                 this.totalBalance += parseFloat(sale.debtOut);
@@ -63,10 +37,6 @@ module.exports = {
             return debtIn.toFixed(2);
         },
     },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
-    },
     props: {
         id: {
             type: Number,

print/templates/reports/collection-label/collection-label.js

@@ -1,11 +1,10 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
 const jsBarcode = require('jsbarcode');
 const {DOMImplementation, XMLSerializer} = require('xmldom');
-const UserError = require('vn-loopback/util/user-error');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'collection-label',
+    mixins: [vnReport],
     props: {
         id: {
             type: Number,
@@ -30,8 +29,7 @@ module.exports = {
             ticketIds = [this.id];
 
         this.labelsData = await this.rawSqlFromDef('labelsData', [ticketIds]);
-        if (!this.labelsData.length)
-            throw new UserError('Empty data source');
+        this.checkMainEntity(this.labelsData);
     },
     methods: {
         getBarcode(id) {
@@ -62,7 +60,4 @@ module.exports = {
             return value;
         },
     },
-    components: {
-        'report-body': reportBody.build()
-    },
 };

print/templates/reports/credit-request/credit-request.html

@@ -159,6 +159,6 @@
         </div>
     </div>
     <template v-slot:footer>
-        <report-footer id="pageFooter" v-bind:left-text="dated" v-bind="$props"> </report-footer>
+        <report-footer id="pageFooter" v-bind:left-text="formatDate(new Date(), '%d-%m-%Y')" v-bind="$props"> </report-footer>
     </template>
 </report-body>

print/templates/reports/credit-request/credit-request.js

@@ -1,20 +1,7 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body')
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
-const rptCreditRequest = {
+module.exports = {
     name: 'credit-request',
-    computed: {
-        dated: function() {
-            const filters = this.$options.filters;
-
-            return filters.date(new Date(), '%d-%m-%Y');
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
-    }
+    mixins: [vnReport],
 };
 
-module.exports = rptCreditRequest;

print/templates/reports/delivery-note/delivery-note.html

@@ -20,7 +20,7 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('date')}}</td>
-                                    <th>{{ticket.shipped | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(ticket.shipped, '%d-%m-%Y')}}</th>
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('packages')}}</td>
@@ -231,7 +231,7 @@
                         <div class="header">{{$t('digitalSignature')}}</div>
                         <div class="body centered">
                             <img v-bind:src="dmsPath" />
-                            <div>{{signature.created | date('%d-%m-%Y')}}</div>
+                            <div>{{formatDate(signature.created, '%d-%m-%Y')}}</div>
                         </div>
                     </div>
                 </div>

print/templates/reports/delivery-note/delivery-note.js

@@ -1,25 +1,21 @@
 const config = require(`vn-print/core/config`);
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportHeader = new Component('report-header');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 const md5 = require('md5');
 const fs = require('fs-extra');
 
 module.exports = {
     name: 'delivery-note',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.client = await this.fetchClient(this.id);
-        this.ticket = await this.fetchTicket(this.id);
-        this.sales = await this.fetchSales(this.id);
-        this.address = await this.fetchAddress(this.id);
-        this.services = await this.fetchServices(this.id);
-        this.taxes = await this.fetchTaxes(this.id);
-        this.packagings = await this.fetchPackagings(this.id);
-        this.signature = await this.fetchSignature(this.id);
-
-        if (!this.ticket)
-            throw new Error('Something went wrong');
+        this.ticket = await this.findOneFromDef('ticket', [this.id]);
+        this.checkMainEntity(this.ticket);
+        this.client = await this.findOneFromDef('client', [this.id]);
+        this.sales = await this.rawSqlFromDef('sales', [this.id]);
+        this.address = await this.findOneFromDef(`address`, [this.id]);
+        this.services = await this.rawSqlFromDef('services', [this.id]);
+        this.taxes = await this.rawSqlFromDef('taxes', [this.id]);
+        this.packagings = await this.rawSqlFromDef('packagings', [this.id]);
+        this.signature = await this.findOneFromDef('signature', [this.id]);
     },
     data() {
         return {totalBalance: 0.00};
@@ -61,31 +57,6 @@ module.exports = {
         }
     },
     methods: {
-        fetchClient(id) {
-            return this.findOneFromDef('client', [id]);
-        },
-        fetchTicket(id) {
-            return this.findOneFromDef('ticket', [id]);
-        },
-        fetchAddress(id) {
-            return this.findOneFromDef(`address`, [id]);
-        },
-        fetchSignature(id) {
-            return this.findOneFromDef('signature', [id]);
-        },
-        fetchTaxes(id) {
-            return this.findOneFromDef(`taxes`, [id]);
-        },
-        fetchSales(id) {
-            return this.rawSqlFromDef('sales', [id]);
-        },
-        fetchPackagings(id) {
-            return this.rawSqlFromDef('packagings', [id]);
-        },
-        fetchServices(id) {
-            return this.rawSqlFromDef('services', [id]);
-        },
-
         getSubTotal() {
             let subTotal = 0.00;
             this.sales.forEach(sale => {
@@ -125,11 +96,6 @@ module.exports = {
             ).join(', ');
         }
     },
-    components: {
-        'report-body': reportBody.build(),
-        'report-header': reportHeader.build(),
-        'report-footer': reportFooter.build()
-    },
     props: {
         id: {
             type: Number,

print/templates/reports/driver-route/driver-route.html

@@ -16,13 +16,13 @@
                                 </tr>
                                 <tr>
                                     <th class="font gray align-right">{{$t('date')}}</th>
-                                    <td>{{route.created | date('%d-%m-%Y')}}</td>
+                                    <td>{{formatDate(route.created, '%d-%m-%Y')}}</td>
                                     <th class="font gray align-right">{{$t('vehicle')}}</th>
                                     <td>{{route.vehicleTradeMark}} {{route.vehicleModel}}</td>
                                 </tr>
                                 <tr>
                                     <th class="font gray align-right">{{$t('time')}}</th>
-                                    <td>{{route.time | date('%H:%M')}}</td>
+                                    <td>{{formatDate(route.time, '%H:%M')}}</td>
                                     <td></td>
                                     <td>{{route.plateNumber}}</td>
                                 </tr>

print/templates/reports/driver-route/driver-route.js

@@ -1,9 +1,8 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'driver-route',
+    mixins: [vnReport],
     async serverPrefetch() {
         let ids = this.id;
 
@@ -11,8 +10,8 @@ module.exports = {
         if (hasMultipleRoutes)
             ids = this.id.split(',');
 
-        const routes = await this.fetchRoutes(ids);
-        const tickets = await this.fetchTickets(ids);
+        const routes = await this.rawSqlFromDef('routes', [ids]);
+        const tickets = await this.rawSqlFromDef('tickets', [ids, ids]);
 
         const map = new Map();
 
@@ -27,20 +26,7 @@ module.exports = {
 
         this.routes = routes;
 
-        if (!this.routes)
-            throw new Error('Something went wrong');
-    },
-    methods: {
-        fetchRoutes(ids) {
-            return this.rawSqlFromDef('routes', [ids]);
-        },
-        fetchTickets(ids) {
-            return this.rawSqlFromDef('tickets', [ids, ids]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
+        this.checkMainEntity(this.routes);
     },
     props: {
         id: {

print/templates/reports/entry-order/entry-order.html

@@ -16,7 +16,7 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('date')}}</td>
-                                    <th>{{entry.landed | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(entry.landed,'%d-%m-%Y')}}</th>
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('ref')}}</td>

print/templates/reports/entry-order/entry-order.js

@@ -1,31 +1,18 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportHeader = new Component('report-header');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'entry-order',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.supplier = await this.fetchSupplier(this.id);
-        this.entry = await this.fetchEntry(this.id);
-        this.buys = await this.fetchBuys(this.id);
-
-        if (!this.entry)
-            throw new Error('Something went wrong');
+        this.entry = await this.findOneFromDef('entry', [this.id]);
+        this.checkMainEntity(this.entry);
+        this.supplier = await this.findOneFromDef('supplier', [this.id]);
+        this.buys = await this.rawSqlFromDef('buys', [this.id]);
     },
     data() {
         return {totalBalance: 0.00};
     },
     methods: {
-        fetchSupplier(id) {
-            return this.findOneFromDef('supplier', [id]);
-        },
-        fetchEntry(id) {
-            return this.findOneFromDef('entry', [id]);
-        },
-        fetchBuys(id) {
-            return this.rawSqlFromDef('buys', [id]);
-        },
         getTotal() {
             let total = 0.00;
             this.buys.forEach(buy => {
@@ -35,11 +22,6 @@ module.exports = {
             return total;
         }
     },
-    components: {
-        'report-body': reportBody.build(),
-        'report-header': reportHeader.build(),
-        'report-footer': reportFooter.build()
-    },
     props: {
         id: {
             type: Number,

print/templates/reports/expedition-pallet-label/expedition-pallet-label.js

@@ -1,12 +1,11 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
+const vnReport = require('../../../core/mixins/vn-report.js');
 const jsBarcode = require('jsbarcode');
 const {DOMImplementation, XMLSerializer} = require('xmldom');
-const UserError = require('vn-loopback/util/user-error');
 const qrcode = require('qrcode');
 
 module.exports = {
     name: 'expedition-pallet-label',
+    mixins: [vnReport],
     props: {
         id: {
             type: Number,
@@ -33,8 +32,7 @@ module.exports = {
         });
 
         this.QR = await this.getQR(QRdata);
-        if (!this.labelsData.length)
-            throw new UserError('Empty data source');
+        this.checkMainEntity(this.labelsData);
     },
     methods: {
         getQR(id) {
@@ -56,7 +54,4 @@ module.exports = {
             return xmlSerializer.serializeToString(svgNode);
         },
     },
-    components: {
-        'report-body': reportBody.build()
-    },
 };

print/templates/reports/exportation/exportation.html

@@ -3,7 +3,7 @@
         <div class="grid-block">
             <h1 class="title centered uppercase">{{$t('title')}}</h1>
             <p>{{$t('toAttention')}}</p>
-            <p v-html="$t('declaration', [invoice.ref, issued])"></p>
+            <p v-html="$t('declaration', [invoice.ref, formatDate(invoice.issued, '%d-%m-%Y')])"></p>
             <p>
             <ul>
                 <li v-for="responsibility in $t('responsibilities')">
@@ -32,4 +32,4 @@
     <template v-slot:footer>
         <report-footer id="pageFooter" v-bind:left-text="$t('invoice', [invoice.ref])" v-bind="$props"></report-footer>
     </template>
-</report-body>
+</report-body>

print/templates/reports/exportation/exportation.js

@@ -1,33 +1,13 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'exportation',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.invoice = await this.fetchInvoice(this.reference);
-
-        if (!this.invoice)
-            throw new Error('Something went wrong');
-
+        this.invoice = await this.findOneFromDef('invoice', [this.reference]);
+        this.checkMainEntity(this.invoice);
         this.company = await this.findOneFromDef('company', [this.invoice.companyFk]);
     },
-    methods: {
-        fetchInvoice(reference) {
-            return this.findOneFromDef('invoice', [reference]);
-        }
-    },
-    computed: {
-        issued: function() {
-            const filters = this.$options.filters;
-
-            return filters.date(this.invoice.issued, '%d-%m-%Y');
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
-    },
     props: {
         reference: {
             type: Number,

print/templates/reports/extra-community/extra-community.html

@@ -26,7 +26,7 @@
                                 </tr>
                                 <tr>
                                     <th class="font gray align-right">{{$t('shipped')}}</th>
-                                    <td>{{travel.shipped | date('%d-%m-%Y')}}</td>
+                                    <td>{{formatDate(travel.shipped, '%d-%m-%Y')}}</td>
                                     <th class="font gray align-right">{{$t('physicalKg')}}</th>
                                     <td>{{travel.loadedKg | number($i18n.locale)}}</td>
                                 </tr>
@@ -62,6 +62,6 @@
         </div>
     </div>
     <template v-slot:footer>
-        <report-footer id="pageFooter" v-bind:left-text="dated" v-bind="$props"></report-footer>
+        <report-footer id="pageFooter" v-bind:left-text="formatDate(new Date(), '%d-%m-%Y')" v-bind="$props"></report-footer>
     </template>
 </report-body>

print/templates/reports/extra-community/extra-community.js

@@ -1,12 +1,10 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 const db = require(`vn-print/core/database`);
 
 module.exports = {
     name: 'extra-community',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.filters = this.$options.filters;
         const args = {
             landedTo: this.landedEnd,
             shippedFrom: this.shippedStart,
@@ -21,8 +19,9 @@ module.exports = {
         };
 
         const travels = await this.fetchTravels(args);
+        this.checkMainEntity(travels);
         const travelIds = travels.map(travel => travel.id);
-        const entries = await this.fetchEntries(travelIds);
+        const entries = await this.rawSqlFromDef('entries', [travelIds]);
 
         const map = new Map();
         for (let travel of travels)
@@ -35,23 +34,15 @@ module.exports = {
         }
 
         this.travels = travels;
-
-        if (!this.travels)
-            throw new Error('Something went wrong');
     },
     computed: {
-        dated: function() {
-            return this.filters.date(new Date(), '%d-%m-%Y');
-        },
         landedEnd: function() {
             if (!this.landedTo) return;
-
-            return this.filters.date(this.landedTo, '%Y-%m-%d');
+            return formatDate(this.landedTo, '%Y-%m-%d');
         },
         shippedStart: function() {
             if (!this.shippedFrom) return;
-
-            return this.filters.date(this.shippedFrom, '%Y-%m-%d');
+            return formatDate(this.shippedFrom, '%Y-%m-%d');
         }
     },
     methods: {
@@ -83,25 +74,17 @@ module.exports = {
             query = db.merge(query, where);
             query = db.merge(query, 'GROUP BY t.id');
             query = db.merge(query, `
-                ORDER BY 
-                    shipped ASC, 
-                    landed ASC, 
-                    travelFk, 
-                    loadPriority, 
-                    agencyModeFk, 
+                ORDER BY
+                    shipped ASC,
+                    landed ASC,
+                    travelFk,
+                    loadPriority,
+                    agencyModeFk,
                     evaNotes
             `);
 
             return this.rawSql(query);
         },
-
-        fetchEntries(travelIds) {
-            return this.rawSqlFromDef('entries', [travelIds]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
     },
     props: [
         'landedTo',

print/templates/reports/incoterms-authorization/incoterms-authorization.js

@@ -1,23 +1,12 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'incoterms-authorization',
+    mixins: [vnReport],
     async serverPrefetch() {
         this.client = await this.findOneFromDef('client', [this.id]);
+        this.checkMainEntity(this.client);
         this.company = await this.findOneFromDef('company', [this.companyId]);
-        if (!this.client)
-            throw new Error('Something went wrong');
-    },
-    computed: {
-        issued: function() {
-            return new Date();
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
     },
     props: {
         id: {

print/templates/reports/invoice-incoterms/invoice-incoterms.html

@@ -20,7 +20,7 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('date')}}</td>
-                                    <th>{{invoice.issued | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(invoice.issued, '%d-%m-%Y')}}</th>
                                 </tr>
                             </tbody>
                         </table>

print/templates/reports/invoice-incoterms/invoice-incoterms.js

@@ -1,34 +1,13 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportHeader = new Component('report-header');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'invoice-incoterms',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.invoice = await this.fetchInvoice(this.reference);
-        this.client = await this.fetchClient(this.reference);
-        this.incoterms = await this.fetchIncoterms(this.reference);
-
-        if (!this.invoice)
-            throw new Error('Something went wrong');
-    },
-    computed: {
-
-    },
-    methods: {
-        fetchInvoice(reference) {
-            return this.findOneFromDef('invoice', [reference]);
-        },
-        fetchClient(reference) {
-            return this.findOneFromDef('client', [reference]);
-        },
-        fetchIncoterms(reference) {
-            return this.findOneFromDef('incoterms', [reference, reference, reference]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-header': reportHeader.build()
+        this.invoice = await this.findOneFromDef('invoice', [this.reference]);
+        this.checkMainEntity(this.invoice);
+        this.client = await this.findOneFromDef('client', [this.reference]);
+        this.incoterms = await this.findOneFromDef('incoterms', [this.reference, this.reference, this.reference]);
     },
     props: {
         reference: {

print/templates/reports/invoice/invoice.html

@@ -21,7 +21,7 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('date')}}</td>
-                                    <th>{{invoice.issued | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(invoice.issued, '%d-%m-%Y')}}</th>
                                 </tr>
                             </tbody>
                         </table>
@@ -53,7 +53,7 @@
                     <tbody>
                         <tr v-for="row in rectified">
                             <td>{{row.ref}}</td>
-                            <td>{{row.issued | date}}</td>
+                            <td>{{formatDate(row.issued, '%d-%m-%Y')}}</td>
                             <td class="number">{{row.amount | currency('EUR', $i18n.locale)}}</td>
                             <td width="50%">{{row.description}}</td>
                         </tr>
@@ -75,7 +75,7 @@
                     </div>
                     <div class="pull-left">
                         <div class="field rectangle">
-                            <span>{{ticket.shipped | date}}</span>
+                            <span>{{formatDate(ticket.shipped, '%d-%m-%Y')}}</span>
                         </div>
                     </div>
                     <span id="nickname" class="pull-right">

print/templates/reports/invoice/invoice.js

@@ -1,22 +1,21 @@
-const Component = require(`vn-print/core/component`);
 const Report = require(`vn-print/core/report`);
-const reportBody = new Component('report-body');
-const reportHeader = new Component('report-header');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 const invoiceIncoterms = new Report('invoice-incoterms');
 
 module.exports = {
     name: 'invoice',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.invoice = await this.fetchInvoice(this.reference);
-        this.client = await this.fetchClient(this.reference);
-        this.taxes = await this.fetchTaxes(this.reference);
-        this.intrastat = await this.fetchIntrastat(this.reference);
-        this.rectified = await this.fetchRectified(this.reference);
-        this.hasIncoterms = await this.fetchHasIncoterms(this.reference);
+        this.invoice = await this.findOneFromDef('invoice', [this.reference]);
+        this.checkMainEntity(this.invoice);
+        this.client = await this.findOneFromDef('client', [this.reference]);
+        this.taxes = await this.rawSqlFromDef(`taxes`, [this.reference]);
+        this.intrastat = await this.rawSqlFromDef(`intrastat`, [this.reference, this.reference, this.reference]);
+        this.rectified = await this.rawSqlFromDef(`rectified`, [this.reference]);
+        this.hasIncoterms = await this.findValueFromDef(`hasIncoterms`, [this.reference]);
 
-        const tickets = await this.fetchTickets(this.reference);
-        const sales = await this.fetchSales(this.reference);
+        const tickets = await this.rawSqlFromDef('tickets', [this.reference]);
+        const sales = await this.rawSqlFromDef('sales', [this.reference, this.reference]);
 
         const map = new Map();
 
@@ -33,9 +32,6 @@ module.exports = {
         }
 
         this.tickets = tickets;
-
-        if (!this.invoice)
-            throw new Error('Something went wrong');
     },
     data() {
         return {totalBalance: 0.00};
@@ -66,30 +62,6 @@ module.exports = {
         }
     },
     methods: {
-        fetchInvoice(reference) {
-            return this.findOneFromDef('invoice', [reference]);
-        },
-        fetchClient(reference) {
-            return this.findOneFromDef('client', [reference]);
-        },
-        fetchTickets(reference) {
-            return this.rawSqlFromDef('tickets', [reference]);
-        },
-        fetchSales(reference) {
-            return this.rawSqlFromDef('sales', [reference, reference]);
-        },
-        fetchTaxes(reference) {
-            return this.rawSqlFromDef(`taxes`, [reference]);
-        },
-        fetchIntrastat(reference) {
-            return this.rawSqlFromDef(`intrastat`, [reference, reference, reference]);
-        },
-        fetchRectified(reference) {
-            return this.rawSqlFromDef(`rectified`, [reference]);
-        },
-        fetchHasIncoterms(reference) {
-            return this.findValueFromDef(`hasIncoterms`, [reference]);
-        },
         saleImport(sale) {
             const price = sale.quantity * sale.price;
 
@@ -111,9 +83,6 @@ module.exports = {
         }
     },
     components: {
-        'report-body': reportBody.build(),
-        'report-header': reportHeader.build(),
-        'report-footer': reportFooter.build(),
         'invoice-incoterms': invoiceIncoterms.build()
     },
     props: {

print/templates/reports/invoiceIn/invoiceIn.html

@@ -19,7 +19,7 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('date')}}</td>
-                                    <th>{{invoice.created | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(invoice.created, '%d-%m-%Y')}}</th>
                                 </tr>
                             </tbody>
                         </table>
@@ -54,7 +54,7 @@
                     </div>
                     <div class="pull-left">
                         <div class="field rectangle">
-                            <span>{{entry.landed | date}}</span>
+                            <span>{{formatDate(entry.landed, '%d-%m-%Y')}}</span>
                         </div>
                     </div>
                     <span id="nickname" class="pull-right">

print/templates/reports/invoiceIn/invoiceIn.js

@@ -1,15 +1,14 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportHeader = new Component('report-header');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'invoiceIn',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.invoice = await this.fetchInvoice(this.id);
+        this.invoice = await this.findOneFromDef('invoice', [this.id]);
+        this.checkMainEntity(this.invoice);
         this.taxes = await this.fetchTaxes(this.id);
 
-        let defaultTax = await this.fetchDefaultTax();
+        let defaultTax = await this.findOneFromDef('defaultTax');
 
         if (defaultTax) {
             defaultTax = Object.assign(defaultTax, {
@@ -19,11 +18,8 @@ module.exports = {
             this.taxes.push(defaultTax);
         }
 
-        if (!this.invoice)
-            throw new Error('Something went wrong');
-
-        const entries = await this.fetchEntry(this.id);
-        const buys = await this.fetchBuy(this.id);
+        const entries = await this.rawSqlFromDef('entry', [this.id]);
+        const buys = await this.rawSqlFromDef('buy', [this.id]);
 
         const map = new Map();
 
@@ -41,21 +37,7 @@ module.exports = {
 
         this.entries = entries;
     },
-    computed: {
-    },
     methods: {
-        fetchInvoice(id) {
-            return this.findOneFromDef('invoice', [id]);
-        },
-        fetchEntry(id) {
-            return this.rawSqlFromDef('entry', [id]);
-        },
-        fetchBuy(id) {
-            return this.rawSqlFromDef('buy', [id]);
-        },
-        fetchDefaultTax() {
-            return this.findOneFromDef('defaultTax');
-        },
         async fetchTaxes(id) {
             const taxes = await this.rawSqlFromDef(`taxes`, [id]);
             return this.taxVat(taxes);
@@ -95,11 +77,6 @@ module.exports = {
             return base + vat;
         }
     },
-    components: {
-        'report-body': reportBody.build(),
-        'report-header': reportHeader.build(),
-        'report-footer': reportFooter.build(),
-    },
     props: {
         id: {
             type: Number,

print/templates/reports/item-label/item-label.html

@@ -16,7 +16,7 @@
             <div class="details">
                 <div class="package">
                     <div class="packing">{{packing()}}</div>
-                    <div class="dated">{{dated}}</div>
+                    <div class="dated">{{formatDate(new Date(), '%W/%d')}}</div>
                     <div class="labelNumber">{{labelPage}}</div>
                 </div>
                 <div class="size">{{item.size}}</div>

print/templates/reports/item-label/item-label.js

@@ -1,24 +1,17 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
+const vnReport = require('../../../core/mixins/vn-report.js');
 const qrcode = require('qrcode');
 
 module.exports = {
     name: 'item-label',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.item = await this.fetchItem(this.id, this.warehouseId);
+        this.item = await this.findOneFromDef('item', [this.id, this.warehouseId]);
+        this.checkMainEntity(this.item);
         this.tags = await this.fetchItemTags(this.id);
         this.barcode = await this.getBarcodeBase64(this.id);
-
-        if (!this.item)
-            throw new Error('Something went wrong');
     },
 
     computed: {
-        dated() {
-            const filters = this.$options.filters;
-
-            return filters.date(new Date(), '%W/%d');
-        },
         labelPage() {
             const labelNumber = this.labelNumber ? this.labelNumber : 1;
             const totalLabels = this.totalLabels ? this.totalLabels : 1;
@@ -27,9 +20,6 @@ module.exports = {
         }
     },
     methods: {
-        fetchItem(id, warehouseId) {
-            return this.findOneFromDef('item', [id, warehouseId]);
-        },
         fetchItemTags(id) {
             return this.rawSqlFromDef('itemTags', [id]).then(rows => {
                 const tags = {};
@@ -48,9 +38,6 @@ module.exports = {
             return `${this.item.packing}x${stems}`;
         }
     },
-    components: {
-        'report-body': reportBody.build()
-    },
     props: {
         id: {
             type: Number,

print/templates/reports/letter-debtor/letter-debtor.html

@@ -13,7 +13,7 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray uppercase">{{$t('date')}}</td>
-                                    <th>{{dated}}</th>
+                                    <th>{{formatDate(new Date(), '%d-%m-%Y')}}</th>
                                 </tr>
                             </tbody>
                         </table>
@@ -44,7 +44,7 @@
                 </thead>
                 <tbody v-for="sale in sales" :key="sale.id">
                     <tr>
-                        <td>{{sale.issued | date('%d-%m-%Y')}}</td>
+                        <td>{{formatDate(sale.issued, '%d-%m-%Y')}}</td>
                         <td>{{sale.ref}}</td>
                         <td class="number">{{sale.debtOut}}</td>
                         <td class="number">{{sale.debtIn}}</td>

print/templates/reports/letter-debtor/letter-debtor.js

@@ -1,36 +1,17 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'letter-debtor',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.client = await this.fetchClient(this.id);
-        this.sales = await this.fetchSales(this.id, this.companyId);
-
-        if (!this.client)
-            throw new Error('Something went wrong');
-    },
-    computed: {
-        dated: function() {
-            const filters = this.$options.filters;
-
-            return filters.date(new Date(), '%d-%m-%Y');
-        }
+        this.client = await this.findOneFromDef('client', [this.id]);
+        this.checkMainEntity(this.client);
+        this.sales = await this.findOneFromDef('sales', [this.id, this.companyId]);
     },
     data() {
         return {totalBalance: 0.00};
     },
     methods: {
-        fetchClient(id) {
-            return this.findOneFromDef('client', [id]);
-        },
-        fetchSales(id, companyId) {
-            return this.findOneFromDef('sales', [
-                id,
-                companyId
-            ]);
-        },
         getBalance(sale) {
             if (sale.debtOut)
                 this.totalBalance += parseFloat(sale.debtOut);
@@ -57,10 +38,6 @@ module.exports = {
             return debtIn.toFixed(2);
         },
     },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
-    },
     props: {
         id: {
             type: Number,

print/templates/reports/previa-label/previa-label.js

@@ -1,36 +1,24 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
+const vnReport = require('../../../core/mixins/vn-report.js');
 const qrcode = require('qrcode');
-const UserError = require('vn-loopback/util/user-error');
 
 module.exports = {
     name: 'previa-label',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.previa = await this.fetchPrevia(this.id);
-        this.sector = await this.fetchSector(this.id);
+        this.sector = await this.findOneFromDef('sector', [this.id]);
+        this.checkMainEntity(this.sector);
+        this.previa = await this.findOneFromDef('previa', [this.id]);
         this.barcode = await this.getBarcodeBase64(this.id);
 
         if (this.previa)
             this.previa = this.previa[0];
-
-        if (!this.sector)
-            throw new UserError('Something went wrong - no sector found');
     },
     methods: {
-        fetchPrevia(id) {
-            return this.findOneFromDef('previa', [id]);
-        },
         getBarcodeBase64(id) {
             const data = String(id);
 
             return qrcode.toDataURL(data, {margin: 0});
         },
-        fetchSector(id) {
-            return this.findOneFromDef('sector', [id]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build()
     },
     props: {
         id: {

print/templates/reports/receipt/receipt.js

@@ -1,27 +1,12 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'receipt',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.client = await this.fetchClient(this.id);
-        this.receipt = await this.fetchReceipt(this.id);
-
-        if (!this.receipt)
-            throw new Error('Something went wrong');
-    },
-    methods: {
-        fetchClient(id) {
-            return this.findOneFromDef('client', [id]);
-        },
-        fetchReceipt(id) {
-            return this.findOneFromDef('receipt', [id]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
+        this.receipt = await this.findOneFromDef('receipt', [this.id]);
+        this.checkMainEntity(this.receipt);
+        this.client = await this.findOneFromDef('client', [this.id]);
     },
     props: {
         id: {

print/templates/reports/sepa-core/sepa-core.html

@@ -147,7 +147,7 @@
                             </tr>
                             <tr>
                                 <td>{{$t('client.signLocation')}}</td>
-                                <th>{{dated}}, {{client.province}}</th>
+                                <th>{{formatDate(new Date(), '%d-%m-%Y')}}, {{client.province}}</th>
                             </tr>
                             <tr>
                                 <td>{{$t('client.sign')}}</td>

print/templates/reports/sepa-core/sepa-core.js

@@ -1,44 +1,12 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportHeader = new Component('report-header');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
-const rptSepaCore = {
+module.exports = {
     name: 'sepa-core',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.client = await this.fetchClient(this.id, this.companyId);
-        this.supplier = await this.fetchSupplier(this.id, this.companyId);
-
-        if (!this.client)
-            throw new Error('Something went wrong');
-    },
-    computed: {
-        dated: function() {
-            const filters = this.$options.filters;
-
-            return filters.date(new Date(), '%d-%m-%Y');
-        }
-    },
-    methods: {
-        fetchClient(id, companyId) {
-            return this.findOneFromDef('client', [
-                companyId,
-                companyId,
-                id
-            ]);
-        },
-        fetchSupplier(id, companyId) {
-            return this.findOneFromDef('supplier', [
-                companyId,
-                companyId,
-                id
-            ]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-header': reportHeader.build(),
-        'report-footer': reportFooter.build()
+        this.client = await this.findOneFromDef('client', [this.companyId, this.companyId, this.id]);
+        this.checkMainEntity(this.client);
+        this.supplier = await this.findOneFromDef('supplier', [this.companyId, this.companyId, this.id]);
     },
     props: {
         id: {
@@ -52,5 +20,3 @@ const rptSepaCore = {
         }
     }
 };
-
-module.exports = rptSepaCore;

print/templates/reports/supplier-campaign-metrics/supplier-campaign-metrics.html

@@ -13,11 +13,11 @@
                                 </tr>
                                 <tr>
                                     <td class="font gray">{{$t('From')}}</td>
-                                    <th>{{from | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(from, '%d-%m-%Y')}}</th>
                                 </tr>
                                 <tr>
                                     <td class="font gray">{{$t('To')}}</td>
-                                    <th>{{to | date('%d-%m-%Y')}}</th>
+                                    <th>{{formatDate(to, '%d-%m-%Y')}}</th>
                                 </tr>
                             </tbody>
                         </table>
@@ -38,7 +38,7 @@
             <div v-for="entry in entries" v-if="entry.buys">
                 <h2>
                     <span>{{$t('entry')}} {{entry.id}}</span>
-                    <span>{{$t('dated')}} {{entry.shipped | date('%d-%m-%Y')}}</span>
+                    <span>{{$t('dated')}} {{formatDate(entry.shipped, '%d-%m-%Y')}}</span>
                     <span class="pull-right">{{$t('reference')}} {{entry.reference}}</span>
                 </h2>
                 <table class="column-oriented repeatable">

print/templates/reports/supplier-campaign-metrics/supplier-campaign-metrics.js

@@ -1,19 +1,19 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-const reportFooter = new Component('report-footer');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'supplier-campaign-metrics',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.supplier = await this.fetchSupplier(this.id);
-        let entries = await this.fetchEntries(this.id, this.from, this.to);
+        this.supplier = await this.findOneFromDef('supplier', [this.id]);
+        this.checkMainEntity(this.supplier);
+        let entries = await this.rawSqlFromDef('entries', [this.id, this.from, this.to]);
 
         const entriesId = [];
 
         for (let entry of entries)
             entriesId.push(entry.id);
 
-        const buys = await this.fetchBuys(entriesId);
+        const buys = await this.rawSqlFromDef('buys', [entriesId]);
 
         const entriesMap = new Map();
         for (let entry of entries)
@@ -29,23 +29,6 @@ module.exports = {
         }
 
         this.entries = entries;
-        if (!this.supplier)
-            throw new Error('Something went wrong');
-    },
-    methods: {
-        fetchSupplier(supplierId) {
-            return this.findOneFromDef('supplier', [supplierId]);
-        },
-        fetchEntries(supplierId, from, to) {
-            return this.rawSqlFromDef('entries', [supplierId, from, to]);
-        },
-        fetchBuys(entriesId) {
-            return this.rawSqlFromDef('buys', [entriesId]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build(),
-        'report-footer': reportFooter.build()
     },
     props: {
         id: {

print/templates/reports/vehicle-event-expired/vehicle-event-expired.html

@@ -16,7 +16,7 @@
                     <tr>
                         <td>{{vehicleEvent.numberPlate}}</td>
                         <td>{{vehicleEvent.description}}</td>
-                        <td>{{vehicleEvent.finished | date('%d-%m-%Y')}}</td>
+                        <td>{{formatDate(vehicleEvent.finished, '%d-%m-%Y')}}</td>
                     </tr>
                 </tbody>
             </table>

print/templates/reports/vehicle-event-expired/vehicle-event-expired.js

@@ -1,21 +1,10 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
-
+const vnReport = require('../../../core/mixins/vn-report.js');
 module.exports = {
     name: 'vehicle-event-expired',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.vehicleEvents = await this.fetchVehicleEvent(this.eventIds);
-
-        if (!this.vehicleEvents)
-            throw new Error('Something went wrong');
-    },
-    methods: {
-        fetchVehicleEvent(vehicleEventIds) {
-            return this.rawSqlFromDef('vehicleEvents', [vehicleEventIds]);
-        },
-    },
-    components: {
-        'report-body': reportBody.build()
+        this.vehicleEvents = await this.rawSqlFromDef('vehicleEvents', [this.eventIds]);
+        this.checkMainEntity(this.vehicleEvents);
     },
     props: {
         eventIds: {

print/templates/reports/zone/zone.html

@@ -1,5 +1,5 @@
 <report-body v-bind="$props">
     <div class="text">{{zone.agencyName}}</div>
     <div class="text">{{zone.id}}</div>
-    <div class="text">{{zone.plateNumber}} {{zone.time | date('%H:%M')}}</div>
+    <div class="text">{{zone.plateNumber}} {{formatDate(zone.time, '%H:%M')}}</div>
 </report-body>

print/templates/reports/zone/zone.js

@@ -1,21 +1,11 @@
-const Component = require(`vn-print/core/component`);
-const reportBody = new Component('report-body');
+const vnReport = require('../../../core/mixins/vn-report.js');
 
 module.exports = {
     name: 'zone',
+    mixins: [vnReport],
     async serverPrefetch() {
-        this.zone = await this.fetchZone(this.id);
-
-        if (!this.zone)
-            throw new Error('Something went wrong');
-    },
-    methods: {
-        fetchZone(id) {
-            return this.findOneFromDef('zone', [id]);
-        }
-    },
-    components: {
-        'report-body': reportBody.build()
+        this.zone = await this.findOneFromDef('zone', [this.id]);
+        this.checkMainEntity(this.zone);
     },
     props: {
         id: {