Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix into 2208-ticket_summary

db/dump/fixtures.sql

@@ -564,6 +564,10 @@ INSERT INTO `vn`.`ticketObservation`(`id`, `ticketFk`, `observationTypeFk`, `des
         (10, 23, 4, 'Reclama ticket: 8'),
         (11, 24, 4, 'Reclama ticket: 7');
 
+-- FIX for state hours on local, inter_afterInsert 
+UPDATE vncontrol.inter SET odbc_date = DATE_ADD(CURDATE(), INTERVAL -10 SECOND);
+
+
 INSERT INTO `vn`.`ticketTracking`(`ticketFk`, `stateFk`, `workerFk`, `created`)
     VALUES
         (1,  16, 5 , DATE_ADD(NOW(), INTERVAL -1 MONTH)),

e2e/helpers/selectors.js

@@ -367,6 +367,13 @@ export default {
         advancedSearchInvoiceOut: 'vn-ticket-search-panel vn-textfield[ng-model="filter.refFk"]',
         newTicketButton: 'vn-ticket-index a',
         searchResult: 'vn-ticket-index vn-card > vn-table > div > vn-tbody > a.vn-tr',
+        secondTicketCheckbox: 'vn-ticket-index vn-tbody > a:nth-child(2) > vn-td:nth-child(1) > vn-check',
+        thirdTicketCheckbox: 'vn-ticket-index vn-tbody > a:nth-child(3) > vn-td:nth-child(1) > vn-check',
+        sixthTicketCheckbox: 'vn-ticket-index vn-tbody > a:nth-child(6) > vn-td:nth-child(1) > vn-check',
+        payoutButton: 'vn-ticket-index vn-button[icon="icon-recovery"]',
+        payoutCompany: '.vn-dialog vn-autocomplete[ng-model="$ctrl.receipt.companyFk"]',
+        payoutBank: '.vn-dialog vn-autocomplete[ng-model="$ctrl.receipt.bankFk"]',
+        submitPayout: '.vn-dialog vn-button[label="Save"]',
         searchWeeklyResult: 'vn-ticket-weekly-index vn-table vn-tbody > vn-tr',
         searchResultDate: 'vn-ticket-summary [label=Landed] span',
         topbarSearch: 'vn-searchbar',

e2e/paths/05-ticket/18_index_payout.spec.js

@@ -0,0 +1,60 @@
+import selectors from '../../helpers/selectors.js';
+import getBrowser from '../../helpers/puppeteer';
+
+describe('Ticket index payout path', () => {
+    let browser;
+    let page;
+
+    beforeAll(async() => {
+        browser = await getBrowser();
+        page = browser.page;
+    });
+
+    afterAll(async() => {
+        await browser.close();
+    });
+
+    it('should navigate to the ticket index', async() => {
+        await page.loginAndModule('administrative', 'ticket');
+        let url = await page.expectURL('#!/ticket/index');
+
+        expect(url).toBe(true);
+    });
+
+    it('should check three tickets 2 of a clinet and 1 of another', async() => {
+        await page.keyboard.press('Enter');
+        await page.waitToClick(selectors.ticketsIndex.secondTicketCheckbox);
+        await page.waitToClick(selectors.ticketsIndex.sixthTicketCheckbox);
+        await page.waitToClick(selectors.ticketsIndex.payoutButton);
+        const result = await page.waitForLastSnackbar();
+
+        expect(result).toEqual('You cannot make a payment on account from multiple clients');
+    });
+
+    it('should uncheck the sixth ticket result and check the third which is from the same client then open the payout form', async() => {
+        await page.waitToClick(selectors.ticketsIndex.sixthTicketCheckbox);
+        await page.waitToClick(selectors.ticketsIndex.thirdTicketCheckbox);
+        await page.waitToClick(selectors.ticketsIndex.payoutButton);
+
+        await page.waitForSelector(selectors.ticketsIndex.payoutCompany);
+    });
+
+    it('should fill the company and bank to perform a payout', async() => {
+        await page.autocompleteSearch(selectors.ticketsIndex.payoutBank, 'cash');
+        await page.waitToClick(selectors.ticketsIndex.submitPayout);
+        const result = await page.waitForLastSnackbar();
+
+        expect(result).toEqual('Data saved!');
+    });
+
+    it('should navigate to the client balance section and check a new balance line was entered', async() => {
+        await page.waitToClick(selectors.globalItems.homeButton);
+        await page.selectModule('client');
+        await page.accessToSearchResult('101');
+        await page.accessToSection('client.card.balance.index');
+        await page.waitForSelector('vn-client-balance-index vn-tbody > vn-tr');
+        let result = await page.countElement('vn-client-balance-index vn-tbody > vn-tr');
+
+        expect(result).toEqual(4);
+    });
+});

e2e/paths/07-order/02_basic_data.spec.js

@@ -81,7 +81,7 @@ describe('Order edit basic data path', () => {
             await page.waitToClick(selectors.orderBasicData.saveButton);
             const result = await page.waitForLastSnackbar();
 
-            expect(result).toEqual('Data saved!');
+            expect(result).toContain('Data saved!');
         });
 
         it('should now confirm the client have been edited', async() => {

e2e/paths/07-order/04_catalog.spec.js

@@ -69,8 +69,7 @@ describe('Order catalog', () => {
     });
 
     it('should search for an item by id', async() => {
-        await page.write(selectors.orderCatalog.itemId, '2');
-        await page.keyboard.press('Enter');
+        await page.accessToSearchResult('2');
         await page.waitForNumberOfElements('section.product', 1);
         const result = await page.countElement('section.product');
 

loopback/locale/en.json

@@ -62,6 +62,7 @@
 	"MESSAGE_INSURANCE_CHANGE": "I have changed the insurence credit of client [{{clientName}} (#{{clientId}})]({{{url}}}) to *{{credit}} €*",
 	"MESSAGE_CHANGED_PAYMETHOD": "I have changed the pay method for client [{{clientName}} (#{{clientId}})]({{{url}}})",
 	"Sent units from ticket": "I sent *{{quantity}}* units of [{{concept}} (#{{itemId}})]({{{itemUrl}}}) to *\"{{nickname}}\"* coming from ticket id [#{{ticketId}}]({{{ticketUrl}}})",
+	"This ticket is not an stowaway anymore": "The ticket id [#{{ticketId}}]({{{ticketUrl}}}) is not an stowaway anymore",
 	"Customs agent is required for a non UEE member": "Customs agent is required for a non UEE member",
 	"Incoterms is required for a non UEE member": "Incoterms is required for a non UEE member",
 	"Client checked as validated despite of duplication": "Client checked as validated despite of duplication from client id {{clientId}}",

loopback/locale/es.json

@@ -125,6 +125,7 @@
 	"MESSAGE_INSURANCE_CHANGE": "He cambiado el crédito asegurado del cliente [{{clientName}} (#{{clientId}})]({{{url}}}) a *{{credit}} €*",
 	"MESSAGE_CHANGED_PAYMETHOD": "He cambiado la forma de pago del cliente [{{clientName}} (#{{clientId}})]({{{url}}})",
 	"Sent units from ticket": "Envio *{{quantity}}* unidades de [{{concept}} (#{{itemId}})]({{{itemUrl}}}) a *\"{{nickname}}\"* provenientes del ticket id [#{{ticketId}}]({{{ticketUrl}}})",
+	"This ticket is not an stowaway anymore": "El ticket id [#{{ticketId}}]({{{ticketUrl}}}) ha dejado de ser un polizón",
 	"Client checked as validated despite of duplication": "Cliente comprobado a pesar de que existe el cliente id {{clientId}}",
 	"ORDER_ROW_UNAVAILABLE": "No hay disponibilidad de este producto",
 	"Distance must be lesser than 1000": "La distancia debe ser inferior a 1000",

modules/order/front/catalog/index.html

@@ -11,6 +11,13 @@
     limit="50"
     data="$ctrl.items">
 </vn-crud-model>
+<vn-portal slot="topbar">
+    <vn-searchbar 
+        auto-state="false"
+        info="Search by item id or name"
+        on-search="$ctrl.onSearch($params)">
+    </vn-searchbar>
+</vn-portal>
 
 <vn-order-catalog-view model="model" 
     order="$ctrl.order">
@@ -77,14 +84,6 @@
         </div>
     </vn-vertical>
     <vn-vertical class="input vn-pt-md">
-        <vn-textfield vn-id="itemId"
-            ng-keyUp="$ctrl.onSearchById($event)"
-            label="Item id">
-            <prepend>
-                <vn-icon icon="icon-item"></vn-icon>
-            </prepend>
-        </vn-textfield>
-
         <vn-datalist vn-one 
             vn-id="search"
             data="$ctrl.tagValues"
@@ -117,10 +116,19 @@
             ng-if="$ctrl.itemId"
             removable="true"
             translate-attr="{title: 'Item'}"
-            on-remove="$ctrl.itemId = null"
+            on-remove="$ctrl.removeItemId()"
             class="colored"> 
             <span>Id: {{$ctrl.itemId}}</span>
         </vn-chip>
+        <vn-chip 
+            ng-if="$ctrl.itemName"
+            removable="true"
+            translate-attr="{title: 'Item'}"
+            on-remove="$ctrl.removeItemName()"
+            class="colored"> 
+            <span translate>Name</span>
+            <span>: {{$ctrl.itemName}}</span>
+        </vn-chip>
         <vn-chip 
             ng-if="category.selection"
             removable="true"

modules/order/front/catalog/index.js

@@ -48,9 +48,6 @@ class Controller extends Section {
         if (!value) return;
 
         this.$.$applyAsync(() => {
-            if (this.$params.itemId)
-                this.itemId = parseInt(this.$params.itemId);
-
             if (this.$params.categoryId)
                 this.categoryId = parseInt(this.$params.categoryId);
 
@@ -111,17 +108,6 @@ class Controller extends Section {
             this.applyFilters();
     }
 
-    get itemId() {
-        return this._itemId;
-    }
-
-    set itemId(value) {
-        this._itemId = value;
-
-        this.updateStateParams();
-        this.applyFilters();
-    }
-
     get tags() {
         return this._tags;
     }
@@ -195,18 +181,6 @@ class Controller extends Section {
             this.itemTypes = res.data);
     }
 
-    /**
-     * Search by item id filter
-     * @param {object} event
-     */
-    onSearchById(event) {
-        const value = this.$.itemId.value;
-        if (event.key === 'Enter' && value) {
-            this.itemId = value;
-            this.$.itemId.value = null;
-        }
-    }
-
     /**
      * Search by tag value
      * @param {object} event
@@ -230,9 +204,19 @@ class Controller extends Section {
             this.applyFilters();
     }
 
-    applyFilters() {
+    removeItemId() {
+        this.itemId = null;
+        this.applyFilters();
+    }
+
+    removeItemName() {
+        this.itemName = null;
+        this.applyFilters();
+    }
+
+    applyFilters(filter = {}) {
         let newParams = {};
-        let newFilter = {};
+        let newFilter = Object.assign({}, filter);
         const model = this.$.model;
 
         if (this.categoryId)
@@ -241,16 +225,13 @@ class Controller extends Section {
         if (this.typeId)
             newFilter.typeFk = this.typeId;
 
-        if (this.itemId)
-            newFilter = {'i.id': this.itemId};
-
         newParams = {
-            orderFk: this.order.id,
+            orderFk: this.$params.id,
             orderBy: this.getOrderBy(),
             tags: this.tags,
         };
 
-        model.applyFilter({where: newFilter}, newParams);
+        return model.applyFilter({where: newFilter}, newParams);
     }
 
     openPanel(event) {
@@ -282,10 +263,6 @@ class Controller extends Section {
         if (this.typeId)
             params.typeId = this.typeId;
 
-        params.itemId = undefined;
-        if (this.itemId)
-            params.itemId = this.itemId;
-
         params.tags = undefined;
         if (this.tags.length) {
             const tags = [];
@@ -344,6 +321,27 @@ class Controller extends Section {
         newFilterList = newFilterList.concat(tags);
         this.orderFields = newFilterList;
     }
+
+    onSearch(params) {
+        if (!params) return;
+
+        this.itemId = null;
+        this.itemName = null;
+
+        if (params.search) {
+            if (/^\d+$/.test(params.search)) {
+                this.itemId = params.search;
+                return this.applyFilters({
+                    'i.id': params.search
+                });
+            } else {
+                this.itemName = params.search;
+                return this.applyFilters({
+                    'i.name': {like: `%${params.search}%`}
+                });
+            }
+        } else return this.applyFilters();
+    }
 }
 
 ngModule.component('vnOrderCatalog', {

modules/order/front/catalog/index.spec.js

@@ -17,12 +17,15 @@ describe('Order', () => {
             $scope.search = {};
             $scope.itemId = {};
             $state = _$state_;
-            $state.params.categoryId = 1;
-            $state.params.typeId = 2;
             $state.current.name = 'my.current.state';
             const $element = angular.element('<vn-order-catalog></vn-order-catalog>');
             controller = $componentController('vnOrderCatalog', {$element, $scope});
             controller._order = {id: 4};
+            controller.$params = {
+                categoryId: 1,
+                typeId: 2,
+                id: 4
+            };
         }));
 
         describe('order() setter', () => {
@@ -112,18 +115,6 @@ describe('Order', () => {
             });
         });
 
-        describe('itemId() setter', () => {
-            it(`should set itemId property and then call updateStateParams() and applyFilters() methods`, () => {
-                jest.spyOn(controller, 'updateStateParams');
-                jest.spyOn(controller, 'applyFilters');
-
-                controller.itemId = 1;
-
-                expect(controller.updateStateParams).toHaveBeenCalledWith();
-                expect(controller.applyFilters).toHaveBeenCalledWith();
-            });
-        });
-
         describe('tags() setter', () => {
             it(`should set tags property and then call updateStateParams() and applyFilters() methods`, () => {
                 jest.spyOn(controller, 'updateStateParams');
@@ -158,23 +149,27 @@ describe('Order', () => {
             });
         });
 
-        describe('onSearchById()', () => {
-            it(`should not filter by id if the event key code doesn't equals to 'Enter'`, () => {
+        describe('onSearch()', () => {
+            it(`should apply a filter by item id an then call the applyFilters method`, () => {
                 jest.spyOn(controller, 'applyFilters');
 
-                controller.$.itemId.value = 1;
-                controller.onSearchById({key: 'Tab'});
+                const itemId = 1;
+                controller.onSearch({search: itemId});
 
-                expect(controller.applyFilters).not.toHaveBeenCalledWith();
+                expect(controller.applyFilters).toHaveBeenCalledWith({
+                    'i.id': itemId
+                });
             });
 
-            it(`should filter by id if the event key code equals to 'Enter' an then call applyFilters()`, () => {
+            it(`should apply a filter by item name an then call the applyFilters method`, () => {
                 jest.spyOn(controller, 'applyFilters');
 
-                controller.$.itemId.value = 1;
-                controller.onSearchById({key: 'Enter'});
+                const itemName = 'Bow';
+                controller.onSearch({search: itemName});
 
-                expect(controller.applyFilters).toHaveBeenCalledWith();
+                expect(controller.applyFilters).toHaveBeenCalledWith({
+                    'i.name': {like: `%${itemName}%`}
+                });
             });
         });
 
@@ -224,7 +219,6 @@ describe('Order', () => {
 
                 controller._categoryId = 2;
                 controller._typeId = 4;
-                controller._itemId = 1;
                 controller._tags = [
                     {tagFk: 11, value: 'Precission', tagSelection: {name: 'Category'}}
                 ];
@@ -232,7 +226,7 @@ describe('Order', () => {
                     value: 'Precission',
                     tagFk: 11, tagSelection: {name: 'Category'}}
                 ]);
-                let result = {categoryId: 2, typeId: 4, itemId: 1, tags: tags};
+                let result = {categoryId: 2, typeId: 4, tags: tags};
                 controller.updateStateParams();
 
                 expect(controller.$state.go).toHaveBeenCalledWith('my.current.state', result);

modules/order/front/catalog/locale/es.yml

@@ -0,0 +1,2 @@
+Name: Nombre
+Search by item id or name: Buscar por id de artículo o nombre

modules/order/front/routes.json

@@ -41,7 +41,7 @@
                 "order": "$ctrl.order"
             }
         }, {
-            "url": "/catalog?categoryId&typeId&itemId&tags",
+            "url": "/catalog?q&categoryId&typeId&tags",
             "state": "order.card.catalog",
             "component": "vn-order-catalog",
             "description": "Catalog",

modules/ticket/back/methods/state/editableStates.js

@@ -3,6 +3,10 @@ module.exports = Self => {
     Self.remoteMethodCtx('editableStates', {
         description: 'Gets the editable states according the user role ',
         accessType: 'READ',
+        accepts: {
+            arg: 'filter',
+            type: 'object'
+        },
         returns: {
             type: ['Object'],
             root: true
@@ -13,10 +17,10 @@ module.exports = Self => {
         }
     });
 
-    Self.editableStates = async ctx => {
+    Self.editableStates = async(ctx, filter) => {
         let userId = ctx.req.accessToken.userId;
         let models = Self.app.models;
-        let statesList = await models.State.find();
+        let statesList = await models.State.find({where: filter.where});
 
         let isProduction = await models.Account.hasRole(userId, 'production');
         let isSalesPerson = await models.Account.hasRole(userId, 'salesPerson');

modules/ticket/back/methods/state/specs/editableState.spec.js

@@ -1,10 +1,12 @@
 const app = require('vn-loopback/server/server');
 
 describe('ticket editableStates()', () => {
+    const filter = {where: {name: {like: '%%'}}};
     it('should return the expected state for the given role', async() => {
         const productionRole = 49;
         const ctx = {req: {accessToken: {userId: productionRole}}};
-        let result = await app.models.State.editableStates(ctx);
+
+        let result = await app.models.State.editableStates(ctx, filter);
         let deliveredState = result.some(state => state.code == 'DELIVERED');
 
         expect(deliveredState).toBeTruthy();
@@ -13,7 +15,7 @@ describe('ticket editableStates()', () => {
     it(`should returns the expected states by a specific role`, async() => {
         const productionRole = 18;
         const ctx = {req: {accessToken: {userId: productionRole}}};
-        let result = await app.models.State.editableStates(ctx);
+        let result = await app.models.State.editableStates(ctx, filter);
         let deliveredState = result.some(state => state.code == 'DELIVERED');
         let pickerDesignedState = result.some(state => state.code == 'PICKER_DESIGNED');
 
@@ -24,7 +26,7 @@ describe('ticket editableStates()', () => {
     it(`should return again the expected state by a specific role`, async() => {
         const employeeRole = 1;
         const ctx = {req: {accessToken: {userId: employeeRole}}};
-        let result = await app.models.State.editableStates(ctx);
+        let result = await app.models.State.editableStates(ctx, filter);
         let pickerDesignedState = result.some(state => state.code == 'PICKER_DESIGNED');
 
         expect(pickerDesignedState).toBeFalsy();

modules/ticket/back/methods/ticket/deleteStowaway.js

@@ -1,6 +1,6 @@
 
 module.exports = Self => {
-    Self.remoteMethod('deleteStowaway', {
+    Self.remoteMethodCtx('deleteStowaway', {
         description: 'Deletes an stowaway',
         accessType: 'WRITE',
         accepts: [{
@@ -19,21 +19,66 @@ module.exports = Self => {
         }
     });
 
-    Self.deleteStowaway = async id => {
+    Self.deleteStowaway = async(ctx, id) => {
+        const models = Self.app.models;
+        const $t = ctx.req.__; // $translate
         const ticket = await Self.findById(id, {
             include: [{
                 relation: 'ship'
             }, {
                 relation: 'stowaway'
+            }, {
+                relation: 'client',
+                scope: {
+                    include: {
+                        relation: 'salesPerson'
+                    }
+                }
             }]
         });
 
-        let params;
-        if (ticket.stowaway())
-            params = [ticket.stowaway().shipFk, ticket.stowaway().id];
-        else if (ticket.ship())
-            params = [ticket.ship().shipFk, ticket.ship().id];
+        let stowawayFk;
+        let shipFk;
+        if (ticket.stowaway()) {
+            shipFk = ticket.stowaway().shipFk;
+            stowawayFk = ticket.stowaway().id;
+        } else if (ticket.ship()) {
+            shipFk = ticket.ship().shipFk;
+            stowawayFk = ticket.ship().id;
+        }
 
-        return Self.rawSql(`CALL vn.stowaway_unboarding(?, ?)`, params);
+        const stowaway = await models.Stowaway.findOne({
+            where: {
+                id: stowawayFk,
+                shipFk: shipFk
+            }
+        });
+        const result = await stowaway.destroy();
+
+        const state = await models.State.findOne({
+            where: {
+                code: 'BOARDING'
+            }
+        });
+        const ticketTracking = await models.TicketTracking.findOne({
+            where: {
+                ticketFk: shipFk,
+                stateFk: state.id
+            }
+        });
+
+        await ticketTracking.destroy();
+
+        const salesPerson = ticket.client().salesPerson();
+        if (salesPerson) {
+            const origin = ctx.req.headers.origin;
+            const message = $t('This ticket is not an stowaway anymore', {
+                ticketId: stowawayFk,
+                ticketUrl: `${origin}/#!/ticket/${stowawayFk}/summary`
+            });
+            await models.Chat.sendCheckingPresence(ctx, salesPerson.id, message);
+        }
+
+        return result;
     };
 };

modules/ticket/back/methods/ticket/specs/deleteStowaway.spec.js

@@ -3,40 +3,100 @@ const app = require('vn-loopback/server/server');
 describe('ticket deleteStowaway()', () => {
     const shipId = 16;
     const stowawayId = 17;
+    const ctx = {
+        req: {
+            accessToken: {userId: 18},
+            headers: {origin: 'http://localhost'}
+        }
+    };
+    ctx.req.__ = (value, params) => {
+        return params.nickname;
+    };
+
+    afterAll(async() => {
+        await app.models.Stowaway.rawSql(
+            `CALL ticketStateUpdate(?, ?)`, [shipId, 'OK']);
+        await app.models.Stowaway.rawSql(
+            `CALL ticketStateUpdate(?, ?)`, [stowawayId, 'OK']);
+    });
 
     it('should create an stowaway', async() => {
         await app.models.Stowaway.rawSql(`
             INSERT INTO stowaway (id, shipFk) VALUES (?, ?)
         `, [stowawayId, shipId]);
+        await app.models.Stowaway.rawSql(
+            `CALL ticketStateUpdate(?, ?)`, [shipId, 'BOARDING']);
 
         const stowawayExists = await app.models.Stowaway.count({id: stowawayId, shipFk: shipId});
 
         expect(stowawayExists).toEqual(1);
     });
 
+    it('should confirm that the ship ticket is on "BOARDING" state', async() => {
+        const shipState = await app.models.TicketLastState.findOne({
+            where: {
+                ticketFk: shipId
+            }
+        });
+
+        expect(shipState.name).toEqual('Embarcando');
+    });
+
     it('should delete the stowaway from the ship ticket', async() => {
-        await app.models.Ticket.deleteStowaway(shipId);
+        await app.models.Ticket.deleteStowaway(ctx, shipId);
 
         const stowawayExists = await app.models.Stowaway.count({id: stowawayId, shipFk: shipId});
 
         expect(stowawayExists).toEqual(0);
     });
 
+    it('should confirm that the ship ticket is not on "BOARDING" state anymore', async() => {
+        const shipState = await app.models.TicketLastState.findOne({
+            where: {
+                ticketFk: shipId
+            }
+        });
+
+        expect(shipState.name).toEqual('OK');
+    });
+
     it('should create again an stowaway', async() => {
         await app.models.Stowaway.rawSql(`
             INSERT INTO stowaway (id, shipFk) VALUES (?, ?)
-        `, [stowawayId, shipId]);
+        `, [shipId, stowawayId]);
+        await app.models.Stowaway.rawSql(
+            `CALL ticketStateUpdate(?, ?)`, [stowawayId, 'BOARDING']);
 
-        const stowawayExists = await app.models.Stowaway.count({id: stowawayId, shipFk: shipId});
+        const stowawayExists = await app.models.Stowaway.count({id: shipId, shipFk: stowawayId});
 
         expect(stowawayExists).toEqual(1);
     });
 
-    it('should delete the stowaway from the stowaway ticket', async() => {
-        await app.models.Ticket.deleteStowaway(stowawayId);
+    it('should confirm that the stowaway ticket is on "BOARDING" state', async() => {
+        const shipState = await app.models.TicketLastState.findOne({
+            where: {
+                ticketFk: stowawayId
+            }
+        });
 
-        const stowawayExists = await app.models.Stowaway.count({id: stowawayId, shipFk: shipId});
+        expect(shipState.name).toEqual('Embarcando');
+    });
+
+    it('should delete the stowaway from the stowaway ticket', async() => {
+        await app.models.Ticket.deleteStowaway(ctx, stowawayId);
+
+        const stowawayExists = await app.models.Stowaway.count({id: shipId, shipFk: stowawayId});
 
         expect(stowawayExists).toEqual(0);
     });
+
+    it('should confirm that the stowaway ticket is not on "BOARDING" state anymore', async() => {
+        const shipState = await app.models.TicketLastState.findOne({
+            where: {
+                ticketFk: stowawayId
+            }
+        });
+
+        expect(shipState.name).toEqual('OK');
+    });
 });

modules/ticket/back/model-config.json

@@ -56,6 +56,9 @@
     "TicketState":{
         "dataSource": "vn"
     },
+    "TicketLastState":{
+        "dataSource": "vn"
+    },
     "TicketService":{
         "dataSource": "vn"
     },

modules/ticket/back/models/ticket-last-state.json

@@ -0,0 +1,34 @@
+{
+    "name": "TicketLastState",
+    "base": "VnModel",
+    "options": {
+        "mysql": {
+            "table": "ticketLastState"
+        }
+    },
+    "properties": {
+        "name": {
+            "type": "string"
+        },
+        "ticketFk": {
+            "id": 1,
+            "type": "Number"
+        },
+        "ticketTrackingFk": {
+            "id": 2,
+            "type": "Number"
+        }
+    },
+    "relations": {
+        "ticket": {
+            "type": "belongsTo",
+            "model": "Ticket",
+            "foreignKey": "ticketFk"
+        },
+        "ticketTracking": {
+            "type": "belongsTo",
+            "model": "TicketTracking",
+            "foreignKey": "ticketTrackingFk"
+        }
+    }
+}

modules/ticket/front/index/index.js

@@ -29,7 +29,7 @@ export default class Controller extends Section {
     }
 
     get checked() {
-        const tickets = this.$.tickets || [];
+        const tickets = this.$.model.data || [];
         const checkedLines = [];
         for (let ticket of tickets) {
             if (ticket.checked)

modules/ticket/front/index/index.spec.js

@@ -88,7 +88,7 @@ describe('Component vnTicketIndex', () => {
             controller.$.balanceCreateDialog = {show: () => {}};
             jest.spyOn(controller.$.balanceCreateDialog, 'show').mockReturnThis();
 
-            controller.$.tickets = tickets;
+            controller.$.model = {data: tickets};
             controller.$.balanceCreateDialog.amountPaid = 0;
             controller.openBalanceDialog();
 
@@ -102,7 +102,7 @@ describe('Component vnTicketIndex', () => {
 
     describe('checked()', () => {
         it('should return an array of checked tickets', () => {
-            controller.$.tickets = tickets;
+            controller.$.model = {data: tickets};
             const result = controller.checked;
             const firstRow = result[0];
             const secondRow = result[1];
@@ -115,7 +115,7 @@ describe('Component vnTicketIndex', () => {
 
     describe('totalChecked()', () => {
         it('should return the total number of checked tickets', () => {
-            controller.$.tickets = tickets;
+            controller.$.model = {data: tickets};
             const result = controller.checked;
 
             expect(result.length).toEqual(2);

modules/zone/front/delivery-days/index.html

@@ -33,10 +33,59 @@
     </form>
 </vn-side-menu>
 
+<vn-crud-model vn-id="zoneModel"
+    url="Zones"
+    filter="::$ctrl.filter"
+    limit="20"
+    data="zones"
+    auto-load="false">
+</vn-crud-model>
+
 <!-- Zone Popover -->
 <vn-popover vn-id="zoneEvents">
     <div class="zoneEvents">
         <div class="header vn-pa-sm" translate>Zones</div>
-        <vn-zone-index vn-id="zoneIndex"></vn-zone-index>
+        <vn-data-viewer
+            model="zoneModel"
+            class="vn-w-md vn-mb-xl">
+            <vn-card>
+            <vn-table model="zoneModel">
+                <vn-thead>
+                    <vn-tr>
+                        <vn-th field="id" number>Id</vn-th>
+                        <vn-th field="name" expand>Name</vn-th>
+                        <vn-th field="agencyModeFk">Agency</vn-th>
+                        <vn-th field="hour" shrink>Closing</vn-th>
+                        <vn-th field="price" number>Price</vn-th>
+                        <vn-th shrink></vn-th>
+                    </vn-tr>
+                </vn-thead>
+                <vn-tbody>
+                    <vn-tr
+                        ng-repeat="zone in zoneModel.data"
+                        ui-sref="zone.card.summary({id: zone.id})"
+                        class="clickable search-result">
+                        <vn-td number>{{::zone.id}}</vn-td>
+                        <vn-td expand>{{::zone.name}}</vn-td>
+                        <vn-td>{{::zone.agencyMode.name}}</vn-td>
+                        <vn-td shrink>{{::zone.hour | date: 'HH:mm'}}</vn-td>
+                        <vn-td number>{{::zone.price | currency: 'EUR':2}}</vn-td>
+                        <vn-td shrink>
+                            <vn-horizontal class="buttons">
+                                <vn-icon-button
+                                    ng-click="$ctrl.preview($event, zone)"
+                                    vn-tooltip="Preview"
+                                    icon="desktop_windows">
+                                </vn-icon-button>
+                            </vn-horizontal>
+                        </vn-td>
+                    </vn-tr>
+                </vn-tbody>
+            </vn-table>
+            </vn-card>
+        </vn-data-viewer>
     </div>
-</vn-popover>
+</vn-popover>
+<vn-popup vn-id="summary">
+    <vn-zone-summary zone="$ctrl.selectedZone"></vn-zone-summary>
+</vn-popup>

modules/zone/front/delivery-days/index.js

@@ -26,8 +26,7 @@ class Controller extends Section {
             zones.push(event.zoneFk);
 
         this.$.zoneEvents.show($event.target);
-        const zoneIndex = this.$.zoneIndex;
-        const zoneModel = zoneIndex.$scope.model;
+        const zoneModel = this.$.zoneModel;
         zoneModel.applyFilter({
             include: {
                 relation: 'agencyMode',
@@ -38,6 +37,12 @@ class Controller extends Section {
             }
         });
     }
+
+    preview(event, zone) {
+        this.stopEvent(event);
+        this.selectedZone = zone;
+        this.$.summary.show();
+    }
 }
 
 ngModule.component('vnZoneDeliveryDays', {

modules/zone/front/delivery-days/index.spec.js

@@ -14,11 +14,7 @@ describe('Zone Component vnZoneDeliveryDays', () => {
         $element = angular.element('<vn-zone-delivery-days></vn-zone-delivery-days');
         controller = $componentController('vnZoneDeliveryDays', {$element});
         controller.$.zoneEvents = popover;
-        controller.$.zoneIndex = {
-            $scope: {
-                model: crudModel
-            }
-        };
+        controller.$.zoneModel = crudModel;
     }));
 
     describe('onSubmit()', () => {
@@ -60,7 +56,7 @@ describe('Zone Component vnZoneDeliveryDays', () => {
         });
 
         it('should call the show() method and then call the applyFilter() method with the expected ids', () => {
-            const zoneModel = controller.$.zoneIndex.$scope.model;
+            const zoneModel = controller.$.zoneModel;
             jest.spyOn(controller.$.zoneEvents, 'show');
             jest.spyOn(zoneModel, 'applyFilter');
 

modules/zone/front/delivery-days/style.scss

@@ -19,11 +19,7 @@ vn-zone-delivery-days {
 .zoneEvents {
     width: 700px;
     max-height: 450px;
-
-    vn-float-button {
-        display: none
-    }
-
+    
     vn-data-viewer {
         margin-bottom: 0;
         vn-pagination {