Merge branch 'dev' of https://gitea.verdnatura.es/verdnatura/salix into 3351-ticket_step-two

2021-11-17 07:20:08 +01:00 · 2021-11-17 07:20:08 +01:00 · b45b8950fb
parent 8a5ed6782a b7e58aa9cd
commit b45b8950fb
87 changed files with 2512 additions and 1070 deletions
--- a/back/methods/user-config-view/save.js
+++ b/back/methods/user-config-view/save.js
@ -7,8 +7,7 @@ module.exports = function(Self) {
            required: true,
            description: `Code of the table you ask its configuration`,
            http: {source: 'body'}
-        }
-        ],
+        }],
        returns: {
            type: 'object',
            root: true
@ -29,6 +28,6 @@ module.exports = function(Self) {

        config.userFk = ctx.req.accessToken.userId;

-        return await Self.app.models.UserConfigView.create(config);
+        return Self.app.models.UserConfigView.create(config);
    };
 };
--- a/back/model-config.json
+++ b/back/model-config.json
@ -29,6 +29,9 @@
    "ChatConfig": {
        "dataSource": "vn"
    },
+    "DefaultViewConfig": {
+        "dataSource": "vn"
+    },
    "Delivery": {
        "dataSource": "vn"
    },
--- a/back/models/default-view-config.json
+++ b/back/models/default-view-config.json
@ -0,0 +1,25 @@
+{
+    "name": "DefaultViewConfig",
+    "base": "VnModel",
+    "options": {
+        "mysql": {
+            "table": "salix.defaultViewConfig"
+        }
+    },
+    "properties": {
+        "tableCode": {
+            "id": true,
+            "type": "string",
+            "required": true
+        },
+        "columns": {
+            "type": "object"
+        }
+    },
+    "acls": [{
+        "accessType": "READ",
+        "principalType": "ROLE",
+        "principalId": "$everyone",
+        "permission": "ALLOW"
+    }]
+}
--- a/db/changes/10370-pickles/00-payMethod.sql
+++ b/db/changes/10370-pickles/00-payMethod.sql
@ -0,0 +1,4 @@
+ALTER TABLE vn.payMethod CHANGE ibanRequired ibanRequiredForClients tinyint(3) DEFAULT 0 NULL;
+ALTER TABLE vn.payMethod ADD ibanRequiredForSuppliers tinyint(3) DEFAULT 0 NULL;
+ALTER TABLE vn.payMethod CHANGE ibanRequiredForSuppliers ibanRequiredForSuppliers tinyint(3) DEFAULT 0 NULL AFTER ibanRequiredForClients;
+UPDATE vn.payMethod SET ibanRequiredForSuppliers = 1 WHERE code = 'wireTransfer';
--- a/db/changes/10380-allsaints/00-defaultViewConfig.sql
+++ b/db/changes/10380-allsaints/00-defaultViewConfig.sql
@ -0,0 +1,14 @@
+CREATE TABLE `salix`.`defaultViewConfig`
+(
+	tableCode VARCHAR(25) not null,
+	columns JSON not null
+)
+comment 'The default configuration of columns for views';
+
+INSERT INTO `salix`.`defaultViewConfig` (tableCode, columns)
+	VALUES 
+		('itemsIndex', '{"intrastat":false,"stemMultiplier":false,"landed":false}'),
+		('latestBuys', '{"intrastat":false,"description":false,"density":false,"isActive":false,"freightValue":false,"packageValue":false,"isIgnored":false,"price2":false,"minPrice":true,"ektFk":false,"weight":false,"id":true,"packing":true,"grouping":true,"quantity":true,"size":false,"name":true,"code":true,"origin":true,"family":true,"entryFk":true,"buyingValue":true,"comissionValue":false,"price3":true,"packageFk":true,"packingOut":true}'),
+		('ticketsMonitor', '{"id":false}');
+
+		
--- a/db/dump/fixtures.sql
+++ b/db/dump/fixtures.sql
@ -217,14 +217,14 @@ UPDATE `vn`.`agencyMode` SET `web` = 1, `reportMail` = 'no-reply@gothamcity.com'

 UPDATE `vn`.`agencyMode` SET `code` = 'refund' WHERE  `id` = 23;

-INSERT INTO `vn`.`payMethod`(`id`,`code`,  `name`, `graceDays`, `outstandingDebt`, `ibanRequired`)
+INSERT INTO `vn`.`payMethod`(`id`,`code`,  `name`, `graceDays`, `outstandingDebt`, `ibanRequiredForClients`, `ibanRequiredForSuppliers`)
    VALUES 
-        (1, NULL,           'PayMethod one',            0,  001,    0),
-        (2, NULL,           'PayMethod two',            10, 001,    0),
-        (3, 'compensation', 'PayMethod three',          0,  001,    0),
-        (4, NULL,           'PayMethod with IBAN',      0,  001,    1),
-        (5, NULL,           'PayMethod five',           10, 001,    0),
-        (8,'wireTransfer',  'WireTransfer',             5,  001,    1);
+        (1, NULL,           'PayMethod one',            0,  001,    0, 0),
+        (2, NULL,           'PayMethod two',            10, 001,    0, 0),
+        (3, 'compensation', 'PayMethod three',          0,  001,    0, 0),
+        (4, NULL,           'PayMethod with IBAN',      0,  001,    1, 0),
+        (5, NULL,           'PayMethod five',           10, 001,    0, 0),
+        (8,'wireTransfer',  'WireTransfer',             5,  001,    1, 1);

 INSERT INTO `vn`.`payDem`(`id`, `payDem`)
    VALUES 
--- a/db/dump/structure.sql
+++ b/db/dump/structure.sql
@ -33928,7 +33928,8 @@ CREATE TABLE `payMethod` (
  `solution` varchar(1) COLLATE utf8_unicode_ci DEFAULT NULL,
  `outstandingDebt` tinyint(3) unsigned zerofill NOT NULL DEFAULT '000',
  `graceDays` int(11) unsigned NOT NULL DEFAULT '0',
-  `ibanRequired` tinyint(3) DEFAULT '0',
+  `ibanRequiredForClients` tinyint(3) DEFAULT '0',
+  `ibanRequiredForSuppliers` tinyint(3) DEFAULT '0',
  `isNotified` tinyint(3) NOT NULL DEFAULT '1',
  PRIMARY KEY (`id`)
 ) ENGINE=InnoDBDEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
--- a/e2e/helpers/extensions.js
+++ b/e2e/helpers/extensions.js
@ -341,48 +341,32 @@ let actions = {
    },

    waitForTextInElement: async function(selector, text) {
-        const expectedText = text.toLowerCase();
-        return new Promise((resolve, reject) => {
-            let attempts = 0;
-            const interval = setInterval(async() => {
-                const currentText = await this.evaluate(selector => {
-                    return document.querySelector(selector).innerText.toLowerCase();
-                }, selector);
-
-                if (currentText === expectedText || attempts === 40) {
-                    clearInterval(interval);
-                    resolve(currentText);
-                }
-                attempts += 1;
-            }, 100);
-        }).then(result => {
-            return expect(result).toContain(expectedText);
-        });
+        await this.waitForFunction((selector, text) => {
+            if (document.querySelector(selector)) {
+                const innerText = document.querySelector(selector).innerText.toLowerCase();
+                const expectedText = text.toLowerCase();
+                if (innerText.includes(expectedText))
+                    return innerText;
+            }
+        }, {}, selector, text);
    },

    waitForTextInField: async function(selector, text) {
-        let builtSelector = await this.selectorFormater(selector);
-        await this.waitForSelector(builtSelector);
-        const expectedText = text.toLowerCase();
-        return new Promise((resolve, reject) => {
-            let attempts = 0;
-            const interval = setInterval(async() => {
-                const currentText = await this.evaluate(selector => {
-                    return document.querySelector(selector).value.toLowerCase();
-                }, builtSelector);
+        const builtSelector = await this.selectorFormater(selector);
+        const expectedValue = text.toLowerCase();

-                if (currentText === expectedText || attempts === 40) {
-                    clearInterval(interval);
-                    resolve(currentText);
+        try {
+            await this.waitForFunction((selector, text) => {
+                const element = document.querySelector(selector);
+                if (element) {
+                    const value = element.value.toLowerCase();
+                    if (value.includes(text))
+                        return true;
                }
-                attempts += 1;
-            }, 100);
-        }).then(result => {
-            if (result === '')
-                return expect(result).toEqual(expectedText);
-
-            return expect(result).toContain(expectedText);
-        });
+            }, {}, builtSelector, expectedValue);
+        } catch (error) {
+            throw new Error(`${text} wasn't the value of ${builtSelector}, ${error}`);
+        }
    },

    selectorFormater: function(selector) {
--- a/e2e/helpers/selectors.js
+++ b/e2e/helpers/selectors.js
@ -119,6 +119,7 @@ export default {
        name: 'vn-client-create vn-textfield[ng-model="$ctrl.client.name"]',
        taxNumber: 'vn-client-create vn-textfield[ng-model="$ctrl.client.fi"]',
        socialName: 'vn-client-create vn-textfield[ng-model="$ctrl.client.socialName"]',
+        businessType: 'vn-client-create vn-autocomplete[ng-model="$ctrl.client.businessTypeFk"]',
        street: 'vn-client-create vn-textfield[ng-model="$ctrl.client.street"]',
        addPostCode: 'vn-client-create vn-datalist[ng-model="$ctrl.client.postcode"] vn-icon-button[icon="add_circle"]',
        addProvince: 'vn-autocomplete[ng-model="$ctrl.location.provinceFk"] vn-icon-button[icon="add_circle"]',
@ -312,27 +313,26 @@ export default {
    },
    itemsIndex: {
        createItemButton: `vn-float-button`,
-        firstSearchResult: 'vn-item-index a:nth-child(1)',
-        searchResult: 'vn-item-index a.vn-tr',
-        firstResultPreviewButton: 'vn-item-index vn-tbody > :nth-child(1) .buttons > [icon="preview"]',
+        firstSearchResult: 'vn-item-index tbody tr:nth-child(1)',
+        searchResult: 'vn-item-index tbody tr:not(.empty-rows)',
+        firstResultPreviewButton: 'vn-item-index tbody > :nth-child(1) .buttons > [icon="preview"]',
        searchResultCloneButton: 'vn-item-index .buttons > [icon="icon-clone"]',
        acceptClonationAlertButton: '.vn-confirm.shown [response="accept"]',
        closeItemSummaryPreview: '.vn-popup.shown',
-        fieldsToShowButton: 'vn-item-index vn-table > div > div > vn-icon-button[icon="more_vert"]',
-        fieldsToShowForm: '.vn-popover.shown .content',
-        firstItemImage: 'vn-item-index vn-tbody > a:nth-child(1) > vn-td:nth-child(1) > img',
-        firstItemImageTd: 'vn-item-index vn-table a:nth-child(1) vn-td:nth-child(1)',
-        firstItemId: 'vn-item-index vn-tbody > a:nth-child(1) > vn-td:nth-child(2)',
-        idCheckbox: '.vn-popover.shown vn-horizontal:nth-child(1) > vn-check',
-        stemsCheckbox: '.vn-popover.shown vn-horizontal:nth-child(2) > vn-check',
-        sizeCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check',
-        typeCheckbox: '.vn-popover.shown vn-horizontal:nth-child(5) > vn-check',
-        categoryCheckbox: '.vn-popover.shown vn-horizontal:nth-child(6) > vn-check',
-        intrastadCheckbox: '.vn-popover.shown vn-horizontal:nth-child(7) > vn-check',
-        originCheckbox: '.vn-popover.shown vn-horizontal:nth-child(8) > vn-check',
-        buyerCheckbox: '.vn-popover.shown vn-horizontal:nth-child(9) > vn-check',
-        destinyCheckbox: '.vn-popover.shown vn-horizontal:nth-child(10) > vn-check',
-        taxClassCheckbox: '.vn-popover.shown vn-horizontal:nth-child(11) > vn-check',
+        shownColumns: 'vn-item-index vn-button[id="shownColumns"]',
+        shownColumnsList: '.vn-popover.shown .content',
+        firstItemImage: 'vn-item-index tbody > tr:nth-child(1) > td:nth-child(1) > img',
+        firstItemImageTd: 'vn-item-index smart-table tr:nth-child(1) td:nth-child(1)',
+        firstItemId: 'vn-item-index tbody > tr:nth-child(1) > td:nth-child(2)',
+        idCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Identifier"]',
+        stemsCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Stems"]',
+        sizeCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Size"]',
+        typeCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Type"]',
+        categoryCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Category"]',
+        intrastadCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Intrastat"]',
+        originCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Origin"]',
+        buyerCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Buyer"]',
+        densityCheckbox: '.vn-popover.shown vn-horizontal:nth-child(3) > vn-check[label="Density"]',
        saveFieldsButton: '.vn-popover.shown vn-button[label="Save"] > button'
    },
    itemFixedPrice: {
@ -1086,7 +1086,7 @@ export default {
        allBuyCheckbox: 'vn-entry-buy-index thead vn-check',
        firstBuyCheckbox: 'vn-entry-buy-index tbody:nth-child(2) vn-check',
        deleteBuysButton: 'vn-entry-buy-index vn-button[icon="delete"]',
-        addBuyButton: 'vn-entry-buy-index vn-icon[icon="add_circle"]',
+        addBuyButton: 'vn-entry-buy-index vn-icon[icon="add"]',
        secondBuyPackingPrice: 'vn-entry-buy-index tbody:nth-child(3) > tr:nth-child(1) vn-input-number[ng-model="buy.price3"]',
        secondBuyGroupingPrice: 'vn-entry-buy-index tbody:nth-child(3) > tr:nth-child(1) vn-input-number[ng-model="buy.price2"]',
        secondBuyPrice: 'vn-entry-buy-index tbody:nth-child(3) > tr:nth-child(1) vn-input-number[ng-model="buy.buyingValue"]',
@ -1108,9 +1108,9 @@ export default {
        importBuysButton: 'vn-entry-buy-import button[type="submit"]'
    },
    entryLatestBuys: {
-        firstBuy: 'vn-entry-latest-buys vn-tbody > a:nth-child(1)',
-        allBuysCheckBox: 'vn-entry-latest-buys vn-thead vn-check',
-        secondBuyCheckBox: 'vn-entry-latest-buys a:nth-child(2) vn-check[ng-model="buy.checked"]',
+        firstBuy: 'vn-entry-latest-buys tbody > tr:nth-child(1)',
+        allBuysCheckBox: 'vn-entry-latest-buys thead vn-check',
+        secondBuyCheckBox: 'vn-entry-latest-buys tbody tr:nth-child(2) vn-check[ng-model="buy.$checked"]',
        editBuysButton: 'vn-entry-latest-buys vn-button[icon="edit"]',
        fieldAutocomplete: 'vn-autocomplete[ng-model="$ctrl.editedColumn.field"]',
        newValueInput: 'vn-textfield[ng-model="$ctrl.editedColumn.newValue"]',
--- a/e2e/paths/01-salix/01_login.spec.js
+++ b/e2e/paths/01-salix/01_login.spec.js
@ -19,7 +19,9 @@ describe('Login path', async() => {
            const message = await page.waitForSnackbar();
            const state = await page.getState();

-            expect(message.text).toContain('Invalid login, remember that distinction is made between uppercase and lowercase');
+            const errorMessage = 'Invalid login, remember that distinction is made between uppercase and lowercase';
+
+            expect(message.text).toContain(errorMessage);
            expect(state).toBe('login');
        });

@ -28,7 +30,9 @@ describe('Login path', async() => {
            const message = await page.waitForSnackbar();
            const state = await page.getState();

-            expect(message.text).toContain('Invalid login, remember that distinction is made between uppercase and lowercase');
+            const errorMessage = 'Invalid login, remember that distinction is made between uppercase and lowercase';
+
+            expect(message.text).toContain(errorMessage);
            expect(state).toBe('login');
        });

--- a/e2e/paths/02-client/01_create_client.spec.js
+++ b/e2e/paths/02-client/01_create_client.spec.js
@ -27,16 +27,19 @@ describe('Client create path', () => {
        await page.waitForState('client.create');
    });

-    it('should receive an error when clicking the create button having name and Business name fields empty', async() => {
-        await page.write(selectors.createClientView.taxNumber, '74451390E');
-        await page.write(selectors.createClientView.userName, 'CaptainMarvel');
-        await page.write(selectors.createClientView.email, 'CarolDanvers@verdnatura.es');
-        await page.autocompleteSearch(selectors.createClientView.salesPerson, 'salesPerson');
-        await page.waitToClick(selectors.createClientView.createButton);
-        const message = await page.waitForSnackbar();
+    it('should receive an error when clicking the create button having name and Business name fields empty',
+        async() => {
+            await page.write(selectors.createClientView.taxNumber, '74451390E');
+            await page.write(selectors.createClientView.userName, 'CaptainMarvel');
+            await page.write(selectors.createClientView.email, 'CarolDanvers@verdnatura.es');
+            await page.autocompleteSearch(selectors.createClientView.salesPerson, 'salesPerson');
+            await page.autocompleteSearch(selectors.createClientView.businessType, 'florist');
+            await page.waitToClick(selectors.createClientView.createButton);
+            const message = await page.waitForSnackbar();

-        expect(message.text).toContain('Some fields are invalid');
-    });
+            expect(message.text).toContain('Some fields are invalid');
+        }
+    );

    it(`should create a new province`, async() => {
        await page.waitToClick(selectors.createClientView.addPostCode);
@ -80,9 +83,18 @@ describe('Client create path', () => {
        expect(message.text).toContain('Some fields are invalid');
    });

-    it(`should attempt to create a new user with all it's data but wrong postal code`, async() => {
+    it(`should attempt to create a new user with all it's data but wrong business type`, async() => {
        await page.clearInput(selectors.createClientView.email);
        await page.write(selectors.createClientView.email, 'CarolDanvers@verdnatura.es');
+        await page.clearInput(selectors.createClientView.businessType);
+        await page.waitToClick(selectors.createClientView.createButton);
+        const message = await page.waitForSnackbar();
+
+        expect(message.text).toContain('Some fields are invalid');
+    });
+
+    it(`should attempt to create a new user with all it's data but wrong postal code`, async() => {
+        await page.autocompleteSearch(selectors.createClientView.businessType, 'florist');
        await page.clearInput(selectors.createClientView.postcode);
        await page.write(selectors.createClientView.postcode, '479999');
        await page.waitToClick(selectors.createClientView.createButton);
--- a/e2e/paths/02-client/03_edit_fiscal_data.spec.js
+++ b/e2e/paths/02-client/03_edit_fiscal_data.spec.js
@ -112,7 +112,7 @@ describe('Client Edit fiscalData path', () => {
            expect(message.text).toContain('Cannot check Equalization Tax in this NIF/CIF');
        });

-        it('should finally edit the fixcal data correctly as VIES isnt checked and fiscal id is valid for EQtax', async() => {
+        it('should edit the fiscal data correctly as VIES isnt checked and fiscal id is valid for EQtax', async() => {
            await page.clearInput(selectors.clientFiscalData.fiscalId);
            await page.write(selectors.clientFiscalData.fiscalId, '94980061C');
            await page.waitToClick(selectors.clientFiscalData.saveButton);
--- a/e2e/paths/02-client/04_edit_billing_data.spec.js
+++ b/e2e/paths/02-client/04_edit_billing_data.spec.js
@ -38,10 +38,13 @@ describe('Client Edit billing data path', () => {
        await page.autocompleteSearch(selectors.clientBillingData.newBankEntityCountry, 'España');
        await page.write(selectors.clientBillingData.newBankEntityCode, '9999');
        await page.waitToClick(selectors.clientBillingData.acceptBankEntityButton);
+        const message = await page.waitForSnackbar();
        await page.waitForTextInField(selectors.clientBillingData.swiftBic, 'Gotham City Bank');
        const newcode = await page.waitToGetProperty(selectors.clientBillingData.swiftBic, 'value');

        expect(newcode).toEqual('GTHMCT Gotham City Bank');
+
+        expect(message.text).toContain('Data saved!');
    });

    it(`should confirm the IBAN pay method was sucessfully saved`, async() => {
--- a/e2e/paths/04-item/01_summary.spec.js
+++ b/e2e/paths/04-item/01_summary.spec.js
@ -16,13 +16,13 @@ describe('Item summary path', () => {

    it('should search for an item', async() => {
        await page.doSearch('Ranged weapon');
-        const nResults = await page.countElement(selectors.itemsIndex.searchResult);
+        const resultsCount = await page.countElement(selectors.itemsIndex.searchResult);

        await page.waitForTextInElement(selectors.itemsIndex.searchResult, 'Ranged weapon');
        await page.waitToClick(selectors.itemsIndex.firstResultPreviewButton);
        const isVisible = await page.isVisible(selectors.itemSummary.basicData);

-        expect(nResults).toBe(3);
+        expect(resultsCount).toBe(3);
        expect(isVisible).toBeTruthy();
    });

@ -61,12 +61,12 @@ describe('Item summary path', () => {

    it('should search for other item', async() => {
        await page.doSearch('Melee Reinforced');
-        const nResults = await page.countElement(selectors.itemsIndex.searchResult);
+        const resultsCount = await page.countElement(selectors.itemsIndex.searchResult);

        await page.waitToClick(selectors.itemsIndex.firstResultPreviewButton);
        await page.waitForSelector(selectors.itemSummary.basicData, {visible: true});

-        expect(nResults).toBe(2);
+        expect(resultsCount).toBe(2);
    });

    it(`should now check the item summary preview shows fields from basic data`, async() => {
--- a/e2e/paths/04-item/07_create.spec.js
+++ b/e2e/paths/04-item/07_create.spec.js
@ -0,0 +1,71 @@
+import selectors from '../../helpers/selectors.js';
+import getBrowser from '../../helpers/puppeteer';
+
+describe('Item Create', () => {
+    let browser;
+    let page;
+    beforeAll(async() => {
+        browser = await getBrowser();
+        page = browser.page;
+        await page.loginAndModule('buyer', 'item');
+    });
+
+    afterAll(async() => {
+        await browser.close();
+    });
+
+    it(`should search for the item Infinity Gauntlet to confirm it isn't created yet`, async() => {
+        await page.doSearch('Infinity Gauntlet');
+        const resultsCount = await page.countElement(selectors.itemsIndex.searchResult);
+
+        expect(resultsCount).toEqual(0);
+    });
+
+    it('should access to the create item view by clicking the create floating button', async() => {
+        await page.waitToClick(selectors.itemsIndex.createItemButton);
+        await page.waitForState('item.create');
+    });
+
+    it('should return to the item index by clickig the cancel button', async() => {
+        await page.waitToClick(selectors.itemCreateView.cancelButton);
+        await page.waitForState('item.index');
+    });
+
+    it('should now access to the create item view by clicking the create floating button', async() => {
+        await page.waitToClick(selectors.itemsIndex.createItemButton);
+        await page.waitForState('item.create');
+    });
+
+    it('should create the Infinity Gauntlet item', async() => {
+        await page.write(selectors.itemCreateView.temporalName, 'Infinity Gauntlet');
+        await page.autocompleteSearch(selectors.itemCreateView.type, 'Crisantemo');
+        await page.autocompleteSearch(selectors.itemCreateView.intrastat, 'Coral y materiales similares');
+        await page.autocompleteSearch(selectors.itemCreateView.origin, 'Holand');
+        await page.waitToClick(selectors.itemCreateView.createButton);
+        const message = await page.waitForSnackbar();
+
+        expect(message.text).toContain('Data saved!');
+    });
+
+    it('should confirm Infinity Gauntlet item was created', async() => {
+        let result = await page
+            .waitToGetProperty(selectors.itemBasicData.name, 'value');
+
+        expect(result).toEqual('Infinity Gauntlet');
+
+        result = await page
+            .waitToGetProperty(selectors.itemBasicData.type, 'value');
+
+        expect(result).toEqual('Crisantemo');
+
+        result = await page
+            .waitToGetProperty(selectors.itemBasicData.intrastat, 'value');
+
+        expect(result).toEqual('5080000 Coral y materiales similares');
+
+        result = await page
+            .waitToGetProperty(selectors.itemBasicData.origin, 'value');
+
+        expect(result).toEqual('Holand');
+    });
+});
--- a/e2e/paths/04-item/07_create_and_clone.spec.js
+++ b/e2e/paths/04-item/07_create_and_clone.spec.js
@ -1,105 +0,0 @@
-import selectors from '../../helpers/selectors.js';
-import getBrowser from '../../helpers/puppeteer';
-
-describe('Item Create/Clone path', () => {
-    let browser;
-    let page;
-    beforeAll(async() => {
-        browser = await getBrowser();
-        page = browser.page;
-        await page.loginAndModule('buyer', 'item');
-    });
-
-    afterAll(async() => {
-        await browser.close();
-    });
-
-    describe('create', () => {
-        it(`should search for the item Infinity Gauntlet to confirm it isn't created yet`, async() => {
-            await page.doSearch('Infinity Gauntlet');
-            const nResults = await page.countElement(selectors.itemsIndex.searchResult);
-
-            expect(nResults).toEqual(0);
-        });
-
-        it('should access to the create item view by clicking the create floating button', async() => {
-            await page.waitToClick(selectors.itemsIndex.createItemButton);
-            await page.waitForState('item.create');
-        });
-
-        it('should return to the item index by clickig the cancel button', async() => {
-            await page.waitToClick(selectors.itemCreateView.cancelButton);
-            await page.waitForState('item.index');
-        });
-
-        it('should now access to the create item view by clicking the create floating button', async() => {
-            await page.waitToClick(selectors.itemsIndex.createItemButton);
-            await page.waitForState('item.create');
-        });
-
-        it('should create the Infinity Gauntlet item', async() => {
-            await page.write(selectors.itemCreateView.temporalName, 'Infinity Gauntlet');
-            await page.autocompleteSearch(selectors.itemCreateView.type, 'Crisantemo');
-            await page.autocompleteSearch(selectors.itemCreateView.intrastat, 'Coral y materiales similares');
-            await page.autocompleteSearch(selectors.itemCreateView.origin, 'Holand');
-            await page.waitToClick(selectors.itemCreateView.createButton);
-            const message = await page.waitForSnackbar();
-
-            expect(message.text).toContain('Data saved!');
-        });
-
-        it('should confirm Infinity Gauntlet item was created', async() => {
-            let result = await page
-                .waitToGetProperty(selectors.itemBasicData.name, 'value');
-
-            expect(result).toEqual('Infinity Gauntlet');
-
-            result = await page
-                .waitToGetProperty(selectors.itemBasicData.type, 'value');
-
-            expect(result).toEqual('Crisantemo');
-
-            result = await page
-                .waitToGetProperty(selectors.itemBasicData.intrastat, 'value');
-
-            expect(result).toEqual('5080000 Coral y materiales similares');
-
-            result = await page
-                .waitToGetProperty(selectors.itemBasicData.origin, 'value');
-
-            expect(result).toEqual('Holand');
-        });
-    });
-
-    // Issue #2201
-    // When there is just one result you're redirected automatically to it, so
-    // it's not possible to use the clone option.
-    xdescribe('clone', () => {
-        it('should return to the items index by clicking the return to items button', async() => {
-            await page.waitToClick(selectors.itemBasicData.goToItemIndexButton);
-            await page.waitForSelector(selectors.itemsIndex.createItemButton);
-            await page.waitForState('item.index');
-        });
-
-        it(`should search for the item Infinity Gauntlet`, async() => {
-            await page.doSearch('Infinity Gauntlet');
-            const nResults = await page.countElement(selectors.itemsIndex.searchResult);
-
-            expect(nResults).toEqual(1);
-        });
-
-        it(`should clone the Infinity Gauntlet`, async() => {
-            await page.waitForTextInElement(selectors.itemsIndex.searchResult, 'Infinity Gauntlet');
-            await page.waitToClick(selectors.itemsIndex.searchResultCloneButton);
-            await page.waitToClick(selectors.itemsIndex.acceptClonationAlertButton);
-            await page.waitForState('item.tags');
-        });
-
-        it('should search for the item Infinity Gauntlet and find two', async() => {
-            await page.doSearch('Infinity Gauntlet');
-            const nResults = await page.countElement(selectors.itemsIndex.searchResult);
-
-            expect(nResults).toEqual(2);
-        });
-    });
-});
--- a/e2e/paths/04-item/09_index.spec.js
+++ b/e2e/paths/04-item/09_index.spec.js
@ -16,8 +16,8 @@ describe('Item index path', () => {
    });

    it('should click on the fields to show button to open the list of columns to show', async() => {
-        await page.waitToClick(selectors.itemsIndex.fieldsToShowButton);
-        const visible = await page.isVisible(selectors.itemsIndex.fieldsToShowForm);
+        await page.waitToClick(selectors.itemsIndex.shownColumns);
+        const visible = await page.isVisible(selectors.itemsIndex.shownColumnsList);

        expect(visible).toBeTruthy();
    });
@ -31,7 +31,7 @@ describe('Item index path', () => {
        await page.waitToClick(selectors.itemsIndex.intrastadCheckbox);
        await page.waitToClick(selectors.itemsIndex.originCheckbox);
        await page.waitToClick(selectors.itemsIndex.buyerCheckbox);
-        await page.waitToClick(selectors.itemsIndex.destinyCheckbox);
+        await page.waitToClick(selectors.itemsIndex.densityCheckbox);
        await page.waitToClick(selectors.itemsIndex.saveFieldsButton);
        const message = await page.waitForSnackbar();

@ -39,6 +39,7 @@ describe('Item index path', () => {
    });

    it('should navigate forth and back to see the images column is still visible', async() => {
+        await page.closePopup();
        await page.waitToClick(selectors.itemsIndex.firstSearchResult);
        await page.waitToClick(selectors.itemDescriptor.goBackToModuleIndexButton);
        await page.waitToClick(selectors.globalItems.searchButton);
@ -54,7 +55,7 @@ describe('Item index path', () => {
    });

    it('should mark all unchecked boxes to leave the index as it was', async() => {
-        await page.waitToClick(selectors.itemsIndex.fieldsToShowButton);
+        await page.waitToClick(selectors.itemsIndex.shownColumns);
        await page.waitToClick(selectors.itemsIndex.idCheckbox);
        await page.waitToClick(selectors.itemsIndex.stemsCheckbox);
        await page.waitToClick(selectors.itemsIndex.sizeCheckbox);
@ -63,7 +64,7 @@ describe('Item index path', () => {
        await page.waitToClick(selectors.itemsIndex.intrastadCheckbox);
        await page.waitToClick(selectors.itemsIndex.originCheckbox);
        await page.waitToClick(selectors.itemsIndex.buyerCheckbox);
-        await page.waitToClick(selectors.itemsIndex.destinyCheckbox);
+        await page.waitToClick(selectors.itemsIndex.densityCheckbox);
        await page.waitToClick(selectors.itemsIndex.saveFieldsButton);
        const message = await page.waitForSnackbar();

@ -71,6 +72,7 @@ describe('Item index path', () => {
    });

    it('should now navigate forth and back to see the ids column is now visible', async() => {
+        await page.closePopup();
        await page.waitToClick(selectors.itemsIndex.firstSearchResult);
        await page.waitToClick(selectors.itemDescriptor.goBackToModuleIndexButton);
        await page.waitToClick(selectors.globalItems.searchButton);
--- a/e2e/paths/05-ticket/04_packages.spec.js
+++ b/e2e/paths/05-ticket/04_packages.spec.js
@ -62,7 +62,7 @@ describe('Ticket Create packages path', () => {
        expect(result).toEqual('7 : Container medical box 1m');
    });

-    it(`should confirm the first quantity is just a number and the string part was ignored by the imput number`, async() => {
+    it(`should confirm quantity is just a number and the string part was ignored by the imput number`, async() => {
        await page.waitForTextInField(selectors.ticketPackages.firstQuantity, '-99');
        const result = await page.waitToGetProperty(selectors.ticketPackages.firstQuantity, 'value');

--- a/e2e/paths/12-entry/03_latestBuys.spec.js
+++ b/e2e/paths/12-entry/03_latestBuys.spec.js
@ -31,7 +31,7 @@ describe('Entry lastest buys path', () => {
        await page.waitForSelector(selectors.entryLatestBuys.fieldAutocomplete, {visible: true});
    });

-    it('should search for the "Description" field and type a new description for the items in each selected buy', async() => {
+    it('should search for the "Description" and type a new one for the items in each selected buy', async() => {
        await page.autocompleteSearch(selectors.entryLatestBuys.fieldAutocomplete, 'Description');
        await page.write(selectors.entryLatestBuys.newValueInput, 'Crafted item');
        await page.waitToClick(selectors.entryLatestBuys.acceptEditBuysDialog);
--- a/e2e/paths/12-entry/07_buys.spec.js
+++ b/e2e/paths/12-entry/07_buys.spec.js
@ -28,7 +28,7 @@ describe('Entry import, create and edit buys path', () => {
        await page.waitForState('entry.card.buy.import');
    });

-    it('should fill the form, import the designated JSON file and select items for each import and confirm import', async() => {
+    it('should fill the form, import the a JSON file and select items for each import and confirm import', async() => {
        let currentDir = process.cwd();
        let filePath = `${currentDir}/e2e/assets/07_import_buys.json`;

@ -42,7 +42,8 @@ describe('Entry import, create and edit buys path', () => {
        await page.waitForTextInField(selectors.entryBuys.observation, '729-6340 2846');

        await page.autocompleteSearch(selectors.entryBuys.firstImportedItem, 'Ranged Reinforced weapon pistol 9mm');
-        await page.autocompleteSearch(selectors.entryBuys.secondImportedItem, 'Melee Reinforced weapon heavy shield 1x0.5m');
+        const itemName = 'Melee Reinforced weapon heavy shield 1x0.5m';
+        await page.autocompleteSearch(selectors.entryBuys.secondImportedItem, itemName);
        await page.autocompleteSearch(selectors.entryBuys.thirdImportedItem, 'Container medical box 1m');
        await page.autocompleteSearch(selectors.entryBuys.fourthImportedItem, 'Container ammo box 1m');

@ -88,37 +89,37 @@ describe('Entry import, create and edit buys path', () => {

    it('should edit the newest buy', async() => {
        await page.clearInput(selectors.entryBuys.secondBuyPackingPrice);
-        await page.waitForTextInField(selectors.entryBuys.secondBuyPackingPrice, '');
+        await page.waitForTimeout(250);
        await page.write(selectors.entryBuys.secondBuyPackingPrice, '100');
        await page.waitForSnackbar();

        await page.clearInput(selectors.entryBuys.secondBuyGroupingPrice);
-        await page.waitForTextInField(selectors.entryBuys.secondBuyGroupingPrice, '');
+        await page.waitForTimeout(250);
        await page.write(selectors.entryBuys.secondBuyGroupingPrice, '200');
        await page.waitForSnackbar();

        await page.clearInput(selectors.entryBuys.secondBuyPrice);
-        await page.waitForTextInField(selectors.entryBuys.secondBuyPrice, '');
+        await page.waitForTimeout(250);
        await page.write(selectors.entryBuys.secondBuyPrice, '300');
        await page.waitForSnackbar();

        await page.clearInput(selectors.entryBuys.secondBuyGrouping);
-        await page.waitForTextInField(selectors.entryBuys.secondBuyGrouping, '');
+        await page.waitForTimeout(250);
        await page.write(selectors.entryBuys.secondBuyGrouping, '400');
        await page.waitForSnackbar();

        await page.clearInput(selectors.entryBuys.secondBuyPacking);
-        await page.waitForTextInField(selectors.entryBuys.secondBuyPacking, '');
+        await page.waitForTimeout(250);
        await page.write(selectors.entryBuys.secondBuyPacking, '500');
        await page.waitForSnackbar();

        await page.clearInput(selectors.entryBuys.secondBuyWeight);
-        await page.waitForTextInField(selectors.entryBuys.secondBuyWeight, '');
+        await page.waitForTimeout(250);
        await page.write(selectors.entryBuys.secondBuyWeight, '600');
        await page.waitForSnackbar();

        await page.clearInput(selectors.entryBuys.secondBuyStickers);
-        await page.waitForTextInField(selectors.entryBuys.secondBuyStickers, '');
+        await page.waitForTimeout(250);
        await page.write(selectors.entryBuys.secondBuyStickers, '700');
        await page.waitForSnackbar();

@ -126,7 +127,7 @@ describe('Entry import, create and edit buys path', () => {
        await page.waitForSnackbar();

        await page.clearInput(selectors.entryBuys.secondBuyQuantity);
-        await page.waitForTextInField(selectors.entryBuys.secondBuyQuantity, '');
+        await page.waitForTimeout(250);
        await page.write(selectors.entryBuys.secondBuyQuantity, '800');
    });

--- a/front/core/components/contextmenu/index.js
+++ b/front/core/components/contextmenu/index.js
@ -49,7 +49,7 @@ export default class Contextmenu {
    get rowIndex() {
        if (!this.row) return null;

-        const table = this.row.closest('vn-table, .vn-table');
+        const table = this.row.closest('table, vn-table, .vn-table');
        const rows = table.querySelectorAll('[ng-repeat]');

        return Array.from(rows).findIndex(
@ -67,13 +67,13 @@ export default class Contextmenu {
    get cell() {
        if (!this.target) return null;

-        return this.target.closest('vn-td, .vn-td, vn-td-editable');
+        return this.target.closest('td, vn-td, .vn-td, vn-td-editable');
    }

    get cellIndex() {
        if (!this.row) return null;

-        const cells = this.row.querySelectorAll('vn-td, .vn-td, vn-td-editable');
+        const cells = this.row.querySelectorAll('td, vn-td, .vn-td, vn-td-editable');
        return Array.from(cells).findIndex(
            cellItem => cellItem == this.cell
        );
@ -82,8 +82,8 @@ export default class Contextmenu {
    get rowHeader() {
        if (!this.row) return null;

-        const table = this.row.closest('vn-table, .vn-table');
-        const headerCells = table && table.querySelectorAll('vn-thead vn-th');
+        const table = this.row.closest('table, vn-table, .vn-table');
+        const headerCells = table && table.querySelectorAll('thead th, vn-thead vn-th');
        const headerCell = headerCells && headerCells[this.cellIndex];

        return headerCell;
@ -147,7 +147,7 @@ export default class Contextmenu {
     */
    isActionAllowed() {
        if (!this.target) return false;
-        const isTableCell = this.target.closest('vn-td, .vn-td');
+        const isTableCell = this.target.closest('td, vn-td, .vn-td');

        return isTableCell && this.fieldName;
    }
@ -172,9 +172,28 @@ export default class Contextmenu {
    excludeSelection() {
        let where = {[this.fieldName]: {neq: this.fieldValue}};
        if (this.exprBuilder) {
-            where = buildFilter(where, (param, value) =>
-                this.exprBuilder({param, value})
-            );
+            where = {[this.fieldName]: this.fieldValue};
+            where = buildFilter(where, (param, value) => {
+                const expr = this.exprBuilder({param, value});
+                const props = Object.keys(expr);
+                let newExpr = {};
+                for (let prop of props) {
+                    if (expr[prop].like) {
+                        const operator = expr[prop].like;
+                        newExpr[prop] = {nlike: operator};
+                    } else if (expr[prop].between) {
+                        const operator = expr[prop].between;
+                        newExpr = {
+                            or: [
+                                {[prop]: {lt: operator[0]}},
+                                {[prop]: {gt: operator[1]}},
+                            ]
+                        };
+                    } else
+                        newExpr[prop] = {neq: this.fieldValue};
+                }
+                return newExpr;
+            });
        }

        this.model.addFilter({where});
@ -208,15 +227,22 @@ export default class Contextmenu {
            if (prop == findProp)
                delete instance[prop];

-            if (prop === 'and') {
-                for (let [index, param] of instance[prop].entries()) {
+            if (prop === 'and' || prop === 'or') {
+                const instanceCopy = instance[prop].slice();
+                for (let param of instanceCopy) {
                    const [key] = Object.keys(param);
+                    const index = instance[prop].findIndex(param => {
+                        return Object.keys(param)[0] == key;
+                    });
                    if (key == findProp)
                        instance[prop].splice(index, 1);

                    if (param[key] instanceof Array)
                        removeProp(param, filterKey, key);
                }
+
+                if (instance[prop].length == 0)
+                    delete instance[prop];
            }
        }

--- a/front/core/components/index.js
+++ b/front/core/components/index.js
@ -52,3 +52,4 @@ import './wday-picker';
 import './datalist';
 import './contextmenu';
 import './rating';
+import './smart-table';
--- a/front/core/components/multi-check/multi-check.js
+++ b/front/core/components/multi-check/multi-check.js
@ -145,9 +145,8 @@ export default class MultiCheck extends FormInput {
    toggle() {
        const data = this.model.data;
        if (!data) return;
-        data.forEach(el => {
+        for (let el of data)
            el[this.checkField] = this.checkAll;
-        });
    }
 }

@ -156,8 +155,9 @@ ngModule.vnComponent('vnMultiCheck', {
    controller: MultiCheck,
    bindings: {
        model: '<',
-        checkField: '<?',
+        checkField: '@?',
        checkAll: '=?',
+        checked: '=?',
        disabled: '<?'
    }
 });
--- a/front/core/components/smart-table/index.html
+++ b/front/core/components/smart-table/index.html
@ -0,0 +1,102 @@
+<div class="vn-pa-md">
+    <vn-horizontal class="actions">
+        <div class="actions-left">
+            <vn-button icon="view_column"
+                id="shownColumns"
+                ng-if="$ctrl.options.activeButtons.shownColumns"
+                ng-click="smartTableColumns.show($event)"
+                vn-tooltip="Shown columns">
+            </vn-button>
+            <div ng-transclude="actions"></div>
+        </div>
+        <div class="actions-right">
+            <div class="totalRows" ng-if="$ctrl.model.data"> 
+                {{model.data.length}} 
+                <span translate>results</span> 
+            </div>
+            <vn-button icon="search"
+                ng-if="$ctrl.options.activeButtons.search"
+                ng-click="$ctrl.displaySearch()"
+                vn-tooltip="Search">
+            </vn-button>
+            <div class="button-group"
+                ng-if="$ctrl.options.activeButtons.crud">
+                <vn-button icon="add"
+                    ng-click="$ctrl.createRow()"
+                    vn-tooltip="Add new row">
+                </vn-button>
+                <vn-button icon="undo"
+                    ng-click="$ctrl.model.undoChanges()"
+                    vn-tooltip="Undo">
+                </vn-button>
+                <vn-button icon="delete"
+                    ng-click="deleteConfirmation.show($event)"
+                    ng-show="$ctrl.checkedRows.length > 0"
+                    vn-tooltip="Remove selected rows">
+                </vn-button>
+                <vn-button icon="save"
+                    ng-click="$ctrl.saveAll()"
+                    vn-tooltip="Save data">
+                </vn-button>
+            </div>
+            <vn-button icon="refresh"
+                ng-click="$ctrl.model.refresh()"
+                vn-tooltip="Refresh">
+            </vn-button>
+        </div>
+    </vn-horizontal>
+    <div id="table"></div>
+    <vn-pagination
+        ng-if="$ctrl.model"
+        model="$ctrl.model"
+        class="vn-pt-md">
+    </vn-pagination>
+</div>
+
+<vn-confirm
+    vn-id="deleteConfirmation"
+    on-accept="$ctrl.deleteAll()"
+    question="Are you sure you want to continue?"
+    message="Remove selected rows">
+</vn-confirm>
+
+<vn-crud-model
+    ng-if="$ctrl.viewConfigId"
+    vn-id="userViewModel" 
+    url="UserConfigViews"
+    link="{tableCode: $ctrl.viewConfigId, userFk: $ctrl.currentUserId}"
+    data="$ctrl.viewConfig"
+    auto-load="true">
+</vn-crud-model>
+<vn-popover vn-id="smart-table-columns" message="Fields to show">
+    <tpl-body>
+        <div class="smart-table-columns vn-pa-md vn-w-sm">
+            <vn-horizontal>
+                <h6 translate style="margin:0">Shown columns</h6>
+                <vn-icon 
+                    vn-none
+                    icon="info" 
+                    color-marginal
+                    vn-tooltip="Check the columns you want to see"/>
+            </vn-horizontal>
+            <div class="vn-mb-md">
+                <vn-check label="Tick all"
+                    ng-model="$ctrl.checkAll">
+                </vn-check>
+            </div>
+
+            <vn-horizontal class="vn-mb-md">
+                <vn-check ng-repeat="column in $ctrl.columns"
+                    label="{{column.caption}}"
+                    ng-model="$ctrl.viewConfig[0].configuration[column.field]">
+                </vn-check>
+            </vn-horizontal>
+            <vn-horizontal>
+                <vn-button
+                    label="Save"
+                    ng-click="$ctrl.saveViewConfig()">
+                </vn-button>
+            </vn-horizontal>
+        </div>
+    </tpl-body>
+</vn-popover>
--- a/front/core/components/smart-table/index.js
+++ b/front/core/components/smart-table/index.js
@ -0,0 +1,454 @@
+import ngModule from '../../module';
+import Component from '../../lib/component';
+import {buildFilter} from 'vn-loopback/util/filter';
+import angular from 'angular';
+import {camelToKebab} from '../../lib/string';
+import './style.scss';
+import './table.scss';
+
+export default class SmartTable extends Component {
+    constructor($element, $, $transclude) {
+        super($element, $);
+        this.currentUserId = window.localStorage.currentUserWorkerId;
+        this.$transclude = $transclude;
+        this.sortCriteria = [];
+        this.$inputsScope;
+        this.columns = [];
+        this.autoSave = false;
+        this.transclude();
+    }
+
+    $onDestroy() {
+        const styleElement = document.querySelector('style[id="smart-table"]');
+        if (this.$.css && styleElement)
+            styleElement.parentNode.removeChild(styleElement);
+    }
+
+    get options() {
+        return this._options;
+    }
+
+    set options(options) {
+        this._options = options;
+        if (!options) return;
+
+        const activeButtons = options.activeButtons;
+        const missingId = activeButtons && activeButtons.shownColumns && !this.viewConfigId;
+        if (missingId)
+            throw new Error('vnSmartTable: View identifier not defined');
+    }
+
+    get model() {
+        return this._model;
+    }
+
+    set model(value) {
+        this._model = value;
+        if (value)
+            this.$.model = value;
+    }
+
+    get viewConfigId() {
+        return this._viewConfigId;
+    }
+
+    set viewConfigId(value) {
+        this._viewConfigId = value;
+
+        /*         if (value) {
+            this.defaultViewConfig = {};
+
+            const url = 'DefaultViewConfigs';
+            const filter = {where: {tableCode: value}};
+            this.$http.get(url, {filter})
+                .then(res => {
+                    if (res && res.data.length) {
+                        const columns = res.data[0].columns;
+                        this.defaultViewConfig = columns;
+                    }
+                });
+        } */
+    }
+
+    getDefaultViewConfig() {
+        const url = 'DefaultViewConfigs';
+        const filter = {where: {tableCode: this.viewConfigId}};
+        return this.$http.get(url, {filter})
+            .then(res => {
+                if (res && res.data.length)
+                    return res.data[0].columns;
+            });
+    }
+
+    get viewConfig() {
+        return this._viewConfig;
+    }
+
+    set viewConfig(value) {
+        this._viewConfig = value;
+
+        if (!value) return;
+
+        if (!value.length) {
+            this.getDefaultViewConfig().then(columns => {
+                const defaultViewConfig = columns ? columns : {};
+
+                const userViewModel = this.$.userViewModel;
+                for (const column of this.columns) {
+                    if (defaultViewConfig[column.field] == undefined)
+                        defaultViewConfig[column.field] = true;
+                }
+
+                userViewModel.insert({
+                    userFk: this.currentUserId,
+                    tableConfig: this.viewConfigId,
+                    configuration: defaultViewConfig
+                });
+            }).finally(() => this.applyViewConfig());
+        } else
+            this.applyViewConfig();
+    }
+
+    get checkedRows() {
+        const model = this.model;
+        if (model && model.data)
+            return model.data.filter(row => row.$checked);
+
+        return null;
+    }
+
+    get checkAll() {
+        return this._checkAll;
+    }
+
+    set checkAll(value) {
+        this._checkAll = value;
+        if (value !== undefined) {
+            const shownColumns = this.viewConfig[0].configuration;
+            for (let param in shownColumns)
+                shownColumns[param] = value;
+        }
+    }
+
+    transclude() {
+        const slotTable = this.element.querySelector('#table');
+        this.$transclude($clone => {
+            const table = $clone[0];
+            slotTable.appendChild(table);
+            this.registerColumns();
+            this.emptyDataRows();
+        }, null, 'table');
+    }
+
+    saveViewConfig() {
+        const userViewModel = this.$.userViewModel;
+        const [viewConfig] = userViewModel.data;
+        viewConfig.configuration = Object.assign({}, viewConfig.configuration);
+        userViewModel.save()
+            .then(() => this.vnApp.showSuccess(this.$t('Data saved!')))
+            .then(() => this.applyViewConfig())
+            .then(() => this.$.smartTableColumns.hide());
+    }
+
+    applyViewConfig() {
+        const userViewModel = this.$.userViewModel;
+        const [viewConfig] = userViewModel.data;
+
+        const selectors = [];
+        for (const column of this.columns) {
+            if (viewConfig.configuration[column.field] == false) {
+                const baseSelector = `smart-table[view-config-id="${this.viewConfigId}"] table`;
+                selectors.push(`${baseSelector} thead > tr > th:nth-child(${column.index + 1})`);
+                selectors.push(`${baseSelector} tbody > tr > td:nth-child(${column.index + 1})`);
+            }
+        }
+
+        let styleElement = document.querySelector('style[id="smart-table"]');
+
+        if (styleElement)
+            styleElement.parentNode.removeChild(styleElement);
+
+        if (selectors.length) {
+            const rule = selectors.join(', ') + '{display: none}';
+            this.$.css = document.createElement('style');
+            this.$.css.setAttribute('id', 'smart-table');
+            document.head.appendChild(this.$.css);
+            this.$.css.appendChild(document.createTextNode(rule));
+        }
+    }
+
+    registerColumns() {
+        const header = this.element.querySelector('thead > tr');
+        if (!header) return;
+        const columns = header.querySelectorAll('th');
+
+        // Click handler
+        for (const [index, column] of columns.entries()) {
+            const field = column.getAttribute('field');
+            if (field) {
+                const columnElement = angular.element(column);
+                const caption = columnElement.text().trim();
+
+                this.columns.push({field, caption, index});
+
+                column.addEventListener('click', () => this.orderHandler(column));
+            }
+        }
+    }
+
+    emptyDataRows() {
+        const header = this.element.querySelector('thead > tr');
+        const columns = header.querySelectorAll('th');
+        const tbody = this.element.querySelector('tbody');
+        if (tbody) {
+            const noSearch = this.$compile(`
+                    <tr class="empty-rows" ng-if="!model.data">
+                        <td colspan="${columns.length}" translate>Enter a new search</td>
+                    </tr>
+                `)(this.$);
+            tbody.appendChild(noSearch[0]);
+
+            const noRows = this.$compile(`
+                    <tr class="empty-rows" ng-if="model.data.length == 0">
+                        <td colspan="${columns.length}" translate>No data</td>
+                    </tr>
+                `)(this.$);
+            tbody.appendChild(noRows[0]);
+        }
+    }
+
+    orderHandler(element) {
+        const field = element.getAttribute('field');
+        const existingCriteria = this.sortCriteria.find(criteria => {
+            return criteria.field == field;
+        });
+
+        const isASC = existingCriteria && existingCriteria.sortType == 'ASC';
+        const isDESC = existingCriteria && existingCriteria.sortType == 'DESC';
+
+        if (!existingCriteria) {
+            this.sortCriteria.push({field: field, sortType: 'ASC'});
+            element.classList.remove('desc');
+            element.classList.add('asc');
+        }
+
+        if (isDESC) {
+            this.sortCriteria.splice(this.sortCriteria.findIndex(criteria => {
+                return criteria.field == field;
+            }), 1);
+            element.classList.remove('desc');
+            element.classList.remove('asc');
+        }
+
+        if (isASC) {
+            existingCriteria.sortType = 'DESC';
+            element.classList.remove('asc');
+            element.classList.add('desc');
+        }
+
+        this.applySort();
+    }
+
+    displaySearch() {
+        const header = this.element.querySelector('thead > tr');
+        if (!header) return;
+
+        const tbody = this.element.querySelector('tbody');
+        const columns = header.querySelectorAll('th');
+
+        const hasSearchRow = tbody.querySelector('tr#searchRow');
+        if (hasSearchRow) {
+            if (this.$inputsScope)
+                this.$inputsScope.$destroy();
+
+            return hasSearchRow.remove();
+        }
+
+        const searchRow = document.createElement('tr');
+        searchRow.setAttribute('id', 'searchRow');
+
+        this.$inputsScope = this.$.$new();
+
+        for (let column of columns) {
+            const field = column.getAttribute('field');
+            const cell = document.createElement('td');
+            if (field) {
+                let input;
+                let options;
+                const columnOptions = this.options && this.options.columns;
+
+                if (columnOptions)
+                    options = columnOptions.find(column => column.field == field);
+
+                if (options && options.searchable == false) {
+                    searchRow.appendChild(cell);
+                    continue;
+                }
+
+                if (options && options.autocomplete) {
+                    let props = ``;
+
+                    const autocomplete = options.autocomplete;
+                    for (const prop in autocomplete)
+                        props += `${camelToKebab(prop)}="${autocomplete[prop]}"\n`;
+                    input = this.$compile(`
+                    <vn-autocomplete
+                        class="dense"
+                        name="${field}"
+                        ng-model="searchProps['${field}']"
+                        ${props}
+                        on-change="$ctrl.searchByColumn('${field}')"
+                        clear-disabled="true"
+                    />`)(this.$inputsScope);
+                } else {
+                    input = this.$compile(`
+                        <vn-textfield
+                            class="dense"
+                            name="${field}"
+                            ng-model="searchProps['${field}']"
+                            ng-keydown="$ctrl.searchWithEvent($event, '${field}')"
+                            clear-disabled="true"
+                        />`)(this.$inputsScope);
+                }
+                cell.appendChild(input[0]);
+            }
+            searchRow.appendChild(cell);
+        }
+
+        tbody.prepend(searchRow);
+    }
+
+    searchWithEvent($event, field) {
+        if ($event.key != 'Enter') return;
+
+        this.searchByColumn(field);
+    }
+
+    searchByColumn(field) {
+        const searchCriteria = this.$inputsScope.searchProps[field];
+        const emptySearch = searchCriteria == '' || null;
+
+        const filters = this.filterSanitizer(field);
+
+        if (filters && filters.userFilter)
+            this.model.userFilter = filters.userFilter;
+
+        if (!emptySearch)
+            this.addFilter(field, this.$inputsScope.searchProps[field]);
+        else this.model.refresh();
+    }
+
+    addFilter(field, value) {
+        let where = {[field]: value};
+
+        if (this.exprBuilder) {
+            where = buildFilter(where, (param, value) =>
+                this.exprBuilder({param, value})
+            );
+        }
+
+        this.model.addFilter({where});
+    }
+
+    applySort() {
+        let order = this.sortCriteria.map(criteria => `${criteria.field} ${criteria.sortType}`);
+        order = order.join(', ');
+
+        if (order)
+            this.model.order = order;
+
+        this.model.refresh();
+    }
+
+    filterSanitizer(field) {
+        const userFilter = this.model.userFilter;
+        const userParams = this.model.userParams;
+        const where = userFilter && userFilter.where;
+
+        if (this.exprBuilder) {
+            const param = this.exprBuilder({
+                param: field,
+                value: null
+            });
+            if (param) [field] = Object.keys(param);
+        }
+
+        if (!where) return;
+
+        const whereKeys = Object.keys(where);
+        for (let key of whereKeys) {
+            removeProp(where, field, key);
+
+            if (!Object.keys(where))
+                delete userFilter.where;
+        }
+
+        function removeProp(instance, findProp, prop) {
+            if (prop == findProp)
+                delete instance[prop];
+
+            if (prop === 'and') {
+                for (let [index, param] of instance[prop].entries()) {
+                    const [key] = Object.keys(param);
+                    if (key == findProp)
+                        instance[prop].splice(index, 1);
+
+                    if (param[key] instanceof Array)
+                        removeProp(param, field, key);
+                }
+            }
+        }
+
+        return {userFilter, userParams};
+    }
+
+    removeFilter() {
+        this.model.applyFilter(userFilter, userParams);
+    }
+
+    createRow() {
+        let data = {};
+
+        if (this.defaultNewData)
+            data = this.defaultNewData();
+
+        this.model.insert(data);
+    }
+
+    deleteAll() {
+        for (let row of this.checkedRows)
+            this.model.removeRow(row);
+
+        if (this.autoSave)
+            this.saveAll();
+    }
+
+    saveAll() {
+        const model = this.model;
+
+        if (!model.isChanged)
+            return this.vnApp.showError(this.$t('No changes to save'));
+
+        this.model.save()
+            .then(() => this.vnApp.showSuccess(this.$t('Data saved!')));
+    }
+}
+
+SmartTable.$inject = ['$element', '$scope', '$transclude'];
+
+ngModule.vnComponent('smartTable', {
+    template: require('./index.html'),
+    controller: SmartTable,
+    transclude: {
+        table: '?slotTable',
+        actions: '?slotActions'
+    },
+    bindings: {
+        model: '<?',
+        viewConfigId: '@?',
+        autoSave: '<?',
+        exprBuilder: '&?',
+        defaultNewData: '&?',
+        options: '<?'
+    }
+});
--- a/front/core/components/smart-table/locale/es.yml
+++ b/front/core/components/smart-table/locale/es.yml
@ -0,0 +1,9 @@
+Remove selected rows: Eliminar líneas seleccionadas
+Add new row: Añadir nueva fila
+Undo: Deshacer
+Save data: Guardar datos
+Shown columns: Columnas visibles
+Check the columns you want to see: Marca las columnas que quieres ver
+Showing: Mostrando
+results: resultados
+Tick all: Marcar todas
--- a/front/core/components/smart-table/style.scss
+++ b/front/core/components/smart-table/style.scss
@ -0,0 +1,146 @@
+@import "effects";
+@import "variables";
+
+smart-table {
+    th[field] {
+        overflow: visible;
+        cursor: pointer;
+        align-items: center;
+
+    }
+    th[field][number] {
+        & > :before {
+            vertical-align: middle;
+            font-family: 'Material Icons';
+            content: 'arrow_downward';
+            color: $color-spacer;
+            margin-right: 2px;
+            opacity: 0
+        
+        }
+
+        &.asc > :before, &.desc > :before {
+            color: $color-font;
+            opacity: 1;
+        }
+
+        &.asc > :before {
+            content: 'arrow_upward';
+        }
+
+        &.desc > :before {
+            content: 'arrow_downward';
+        }
+
+        &:hover > :before {
+            opacity: 1;
+        }
+    }
+
+    th[field]:not([number]) {
+        & > :after {
+            vertical-align: middle;
+            font-family: 'Material Icons';
+            content: 'arrow_downward';
+            color: $color-spacer;
+            margin-left: 2px;
+            opacity: 0
+        
+        }
+
+        &.asc > :after, &.desc > :after {
+            color: $color-font;
+            opacity: 1;
+        }
+
+        &.asc > :after {
+            content: 'arrow_upward';
+        }
+
+        &.desc > :after {
+            content: 'arrow_downward';
+        }
+
+        &:hover > :after {
+            opacity: 1;
+        }
+    }
+
+    tr[vn-anchor] {
+        @extend %clickable;
+    }
+
+    .totalRows {
+        color: $color-font-secondary;
+    }
+
+    .actions-left, 
+    .actions-right {
+        display: flex;
+        align-items: center;
+
+        .button-group {
+            display: flex;
+            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
+
+            & > vn-button {
+                box-shadow: 0 0 0 0
+            }
+        }
+    }
+
+    .actions-left {
+        justify-content: flex-start;
+        
+        slot-actions > vn-button,
+        & > vn-button,
+        .button-group {
+            margin-right: 10px
+        }
+
+        slot-actions {
+            display: flex
+        }
+    }
+
+    .actions-right {
+        justify-content: flex-end;
+        & > vn-button,
+        .button-group {
+            margin-left: 10px
+        }
+    }
+
+    #table {
+        overflow-x: auto;
+        margin-top: 15px
+    }
+
+    vn-tbody a[ng-repeat].vn-tr:focus {
+        background-color: $color-primary-light
+    }
+
+    .new-row {
+        background-color: $color-success-light
+    }
+
+    .changed-row {
+        background-color: $color-primary-light
+    }
+}
+
+.smart-table-columns {
+    h6 {
+        color: $color-font-secondary
+    }
+
+    & > vn-horizontal {
+        align-items: flex-start;
+        flex-wrap: wrap;
+    }
+
+    vn-check {
+        flex: initial;
+        width: 33%
+    }
+}
--- a/front/core/components/smart-table/table.scss
+++ b/front/core/components/smart-table/table.scss
@ -0,0 +1,108 @@
+@import "effects";
+@import "variables";
+
+smart-table table {
+    width: 100%;
+    border-collapse: collapse;
+
+    & > thead {
+        border-bottom: 2px solid $color-spacer;
+
+        & > * > th {
+            font-weight: normal;
+        }
+    }
+    & > tfoot {
+        border-top: 2px solid $color-spacer;
+    }
+    thead, tbody, tfoot {
+        & > * {
+            & > th {
+                color: $color-font-light;
+            }
+            & > th,
+            & > td {
+                overflow: hidden;
+            }
+            & > th,
+            & > td {
+                text-align: left;
+                padding: 9px 5px;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+
+                &[number] {
+                    text-align: right;
+                }
+                &[centered] {
+                    text-align: center;
+                }
+                &[shrink] {
+                    width: 1px;
+                    text-align: center;
+                }
+                &[shrink-date] {
+                    width: 100px;
+                    max-width: 100px;
+                }
+                &[shrink-datetime] {
+                    width: 150px;
+                    max-width: 150px;
+                }
+                &[expand] {
+                    max-width: 400px;
+                    min-width: 0;
+                }
+                &[actions] {
+                    width: 1px;
+
+                    & > * {
+                        vertical-align: middle;
+                    }
+                }
+                vn-icon.bright, i.bright {
+                    color: #f7931e;
+                }
+            }
+        }
+    }
+    tbody > * {
+        border-bottom: 1px solid $color-spacer-light;
+
+        &:last-child {
+            border-bottom: none;
+        }
+        & > td {
+            .chip {
+                padding: 4px;
+                border-radius: 4px;
+                color: $color-font-bg;
+
+                &.notice {
+                    background-color: $color-notice-medium
+                }
+                &.success {
+                    background-color: $color-success-medium;
+                }
+                &.warning {
+                    background-color: $color-main-medium;
+                }
+                &.alert {
+                    background-color: $color-alert-medium;
+                }
+                &.message {
+                    color: $color-font-dark;
+                    background-color: $color-bg-dark
+                }
+            }
+        }
+    }
+    .vn-check {
+        margin: 0;
+    }
+    .empty-rows > td {
+        color: $color-font-secondary;
+        font-size: 1.375rem;
+        text-align: center;
+    }
+}
--- a/front/core/directives/index.js
+++ b/front/core/directives/index.js
@ -16,3 +16,4 @@ import './droppable';
 import './http-click';
 import './http-submit';
 import './anchor';
+
--- a/front/salix/components/log/index.html
+++ b/front/salix/components/log/index.html
@ -1,5 +1,11 @@
-<vn-crud-model vn-id="model" url="{{$ctrl.url}}" filter="$ctrl.filter" link="{originFk: $ctrl.originId}"
-    data="$ctrl.logs" limit="20" auto-load="true">
+<vn-crud-model 
+    vn-id="model" 
+    url="{{$ctrl.url}}" 
+    filter="$ctrl.filter" 
+    link="{originFk: $ctrl.originId}"
+    data="$ctrl.logs" 
+    limit="20" 
+    auto-load="true">
 </vn-crud-model>
 <vn-data-viewer model="model" class="vn-w-xl">
    <vn-card>
--- a/gulpfile.js
+++ b/gulpfile.js
@ -128,7 +128,8 @@ async function launchBackTest(done) {
    if (err)
        throw err;
 }
-launchBackTest.description = `Runs the backend tests once using a random container, can receive --ci arg to save reports on a xml file`;
+launchBackTest.description = `
+    Runs the backend tests once using a random container, can receive --ci arg to save reports on a xml file`;

 // Backend tests

--- a/loopback/locale/en.json
+++ b/loopback/locale/en.json
@ -117,5 +117,6 @@
 	"INACTIVE_PROVIDER": "Inactive provider",
 	"reference duplicated": "reference duplicated",
 	"The PDF document does not exists": "The PDF document does not exists. Try regenerating it from 'Regenerate invoice PDF' option",
-	"This item is not available": "This item is not available"
+	"This item is not available": "This item is not available",
+	"Deny buy request": "Purchase request for ticket id [{{ticketId}}]({{{url}}}) has been rejected. Reason: {{observation}}"
 }
--- a/loopback/locale/es.json
+++ b/loopback/locale/es.json
@ -133,6 +133,7 @@
 	"reserved": "reservado",
 	"Changed sale reserved state": "He cambiado el estado reservado de las siguientes lineas al ticket [{{ticketId}}]({{{ticketUrl}}}): {{{changes}}}",
 	"Bought units from buy request": "Se ha comprado {{quantity}} unidades de [{{itemId}} {{concept}}]({{{urlItem}}}) para el ticket id [{{ticketId}}]({{{url}}})",
+	"Deny buy request":"Se ha rechazado la petición de compra para el ticket id [{{ticketId}}]({{{url}}}). Motivo: {{observation}}",
 	"MESSAGE_INSURANCE_CHANGE": "He cambiado el crédito asegurado del cliente [{{clientName}} ({{clientId}})]({{{url}}}) a *{{credit}} €*",
 	"Changed client 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}}})",
--- a/modules/client/back/methods/client/createWithUser.js
+++ b/modules/client/back/methods/client/createWithUser.js
@ -50,7 +50,8 @@ module.exports = function(Self) {
                city: data.city,
                provinceFk: data.provinceFk,
                countryFk: data.countryFk,
-                isEqualizated: data.isEqualizated
+                isEqualizated: data.isEqualizated,
+                businessTypeFk: data.businessTypeFk
            }, myOptions);

            const address = await models.Address.create({
--- a/modules/client/back/methods/client/specs/createWithUser.spec.js
+++ b/modules/client/back/methods/client/specs/createWithUser.spec.js
@ -8,7 +8,8 @@ describe('Client Create', () => {
        name: 'Wade',
        socialName: 'Deadpool Marvel',
        street: 'Wall Street',
-        city: 'New York'
+        city: 'New York',
+        businessTypeFk: 'florist'
    };

    it(`should not find Deadpool as he's not created yet`, async() => {
@ -45,6 +46,7 @@ describe('Client Create', () => {
            expect(client.email).toEqual(newAccount.email);
            expect(client.fi).toEqual(newAccount.fi);
            expect(client.socialName).toEqual(newAccount.socialName);
+            expect(client.businessTypeFk).toEqual(newAccount.businessTypeFk);

            await tx.rollback();
        } catch (e) {
--- a/modules/client/back/models/client.js
+++ b/modules/client/back/models/client.js
@ -129,7 +129,7 @@ module.exports = Self => {

    function hasIban(err, done) {
        Self.app.models.PayMethod.findById(this.payMethodFk, (_, instance) => {
-            if (instance && instance.ibanRequired && !this.iban)
+            if (instance && instance.ibanRequiredForClients && !this.iban)
                err();
            done();
        });
--- a/modules/client/back/models/client.json
+++ b/modules/client/back/models/client.json
@ -130,6 +130,13 @@
 			"mysql": {
 				"columnName": "transactionTypeSageFk"
 			}
+		},
+		"businessTypeFk": {
+			"type": "string",
+			"mysql": {
+				"columnName": "businessTypeFk"
+			},
+			"required": true
 		}
 	},
 	"relations": {
--- a/modules/client/back/models/pay-method.json
+++ b/modules/client/back/models/pay-method.json
@ -25,7 +25,10 @@
        "outstandingDebt": {
            "type": "Number"
        },
-        "ibanRequired": {
+        "ibanRequiredForClients": {
+            "type": "boolean"
+        },
+        "ibanRequiredForSuppliers": {
            "type": "boolean"
        }
    }
--- a/modules/client/front/billing-data/index.html
+++ b/modules/client/front/billing-data/index.html
@ -19,7 +19,7 @@
                vn-acl="salesAssistant"
                ng-model="$ctrl.client.payMethodFk"
                data="paymethods"
-                fields="['ibanRequired']"
+                fields="['ibanRequiredForClients']"
                initial-data="$ctrl.client.payMethod">
            </vn-autocomplete>
            <vn-input-number
--- a/modules/client/front/create/index.html
+++ b/modules/client/front/create/index.html
@ -26,18 +26,28 @@
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
-            <vn-textfield
-                vn-two
-                label="Business name"
-                ng-model="$ctrl.client.socialName"
+            <vn-autocomplete 
+                vn-id="businessTypeFk"
+                ng-model="$ctrl.client.businessTypeFk"
+                url="BusinessTypes"
+                show-field="description"
+                value-field="code"
+                label="Business type"
                rule>
-            </vn-textfield>
+            </vn-autocomplete>
            <vn-textfield
                label="Tax number"
                ng-model="$ctrl.client.fi"
                rule>
            </vn-textfield>
        </vn-horizontal>
+        <vn-horizontal>
+            <vn-textfield
+                label="Business name"
+                ng-model="$ctrl.client.socialName"
+                rule>
+            </vn-textfield>
+        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-two
--- a/modules/entry/front/buy/import/index.spec.js
+++ b/modules/entry/front/buy/import/index.spec.js
@ -63,8 +63,21 @@ describe('Entry', () => {
                        }
                    ]}`;
                const expectedBuys = [
-                    {'buyingValue': 5.77, 'description': 'Bow', 'grouping': 1, 'packing': 1, 'size': 1, 'volume': 1200},
-                    {'buyingValue': 2.16, 'description': 'Arrow', 'grouping': 1, 'packing': 1, 'size': 25, 'volume': 1125}
+                    {
+                        'buyingValue': 5.77,
+                        'description': 'Bow',
+                        'grouping': 1,
+                        'packing': 1,
+                        'size': 1,
+                        'volume': 1200},
+
+                    {
+                        'buyingValue': 2.16,
+                        'description': 'Arrow',
+                        'grouping': 1,
+                        'packing': 1,
+                        'size': 25,
+                        'volume': 1125}
                ];
                controller.fillData(rawData);
                controller.$.$apply();
@ -81,8 +94,21 @@ describe('Entry', () => {
        describe('fetchBuys()', () => {
            it(`should perform a query to fetch the buys data`, () => {
                const buys = [
-                    {'buyingValue': 5.77, 'description': 'Bow', 'grouping': 1, 'packing': 1, 'size': 1, 'volume': 1200},
-                    {'buyingValue': 2.16, 'description': 'Arrow', 'grouping': 1, 'packing': 1, 'size': 25, 'volume': 1125}
+                    {
+                        'buyingValue': 5.77,
+                        'description': 'Bow',
+                        'grouping': 1,
+                        'packing': 1,
+                        'size': 1,
+                        'volume': 1200},
+
+                    {
+                        'buyingValue': 2.16,
+                        'description': 'Arrow',
+                        'grouping': 1,
+                        'packing': 1,
+                        'size': 25,
+                        'volume': 1125}
                ];

                const serializedParams = $httpParamSerializer({buys});
@ -105,17 +131,31 @@ describe('Entry', () => {
                    observation: '123456',
                    ref: '1, 2',
                    buys: [
-                        {'buyingValue': 5.77, 'description': 'Bow', 'grouping': 1, 'packing': 1, 'size': 1, 'volume': 1200},
-                        {'buyingValue': 2.16, 'description': 'Arrow', 'grouping': 1, 'packing': 1, 'size': 25, 'volume': 1125}
+                        {
+                            'buyingValue': 5.77,
+                            'description': 'Bow',
+                            'grouping': 1,
+                            'packing': 1,
+                            'size': 1,
+                            'volume': 1200},
+                        {
+                            'buyingValue': 2.16,
+                            'description': 'Arrow',
+                            'grouping': 1,
+                            'packing': 1,
+                            'size': 25,
+                            'volume': 1125}
                    ]
                };

                controller.onSubmit();

-                expect(controller.vnApp.showError).toHaveBeenCalledWith(`Some of the imported buys doesn't have an item`);
+                const message = `Some of the imported buys doesn't have an item`;
+
+                expect(controller.vnApp.showError).toHaveBeenCalledWith(message);
            });

-            it(`should perform a query to update columns`, () => {
+            it(`should now perform a query to update columns`, () => {
                jest.spyOn(controller.vnApp, 'showSuccess');
                controller.$state.go = jest.fn();

@ -123,8 +163,22 @@ describe('Entry', () => {
                    observation: '123456',
                    ref: '1, 2',
                    buys: [
-                        {'itemFk': 10, 'buyingValue': 5.77, 'description': 'Bow', 'grouping': 1, 'packing': 1, 'size': 1, 'volume': 1200},
-                        {'itemFk': 11, 'buyingValue': 2.16, 'description': 'Arrow', 'grouping': 1, 'packing': 1, 'size': 25, 'volume': 1125}
+                        {
+                            'itemFk': 10,
+                            'buyingValue': 5.77,
+                            'description': 'Bow',
+                            'grouping': 1,
+                            'packing': 1,
+                            'size': 1,
+                            'volume': 1200},
+                        {
+                            'itemFk': 11,
+                            'buyingValue': 2.16,
+                            'description': 'Arrow',
+                            'grouping': 1,
+                            'packing': 1,
+                            'size': 25,
+                            'volume': 1125}
                    ]
                };
                const params = controller.import;
--- a/modules/entry/front/buy/index/index.html
+++ b/modules/entry/front/buy/index/index.html
@ -188,22 +188,19 @@
                    <tr><td></td></tr>
                </tbody>
            </table>
-            <div>
-                <vn-icon-button
-                    vn-one
-                    vn-tooltip="Add buy"
-                    vn-bind="+"
-                    icon="add_circle"
-                    ng-click="model.insert({})">
-                </vn-icon-button>
-            </div>
        </div>
    </vn-card>
 </vn-data-viewer>
 <div fixed-bottom-right>
    <vn-vertical style="align-items: center;">
-        <a ui-sref="entry.card.buy.import" 
+        <vn-button class="round md vn-mb-sm"
+            ng-click="model.insert({})"
+            icon="add"
+            vn-tooltip="Add buy"
+            tooltip-position="left"
            vn-bind="+">
+        </vn-button>
+        <a ui-sref="entry.card.buy.import" >
            <vn-button class="round md vn-mb-sm"
                icon="publish"
                vn-tooltip="Import buys"
--- a/modules/entry/front/latest-buys/index.html
+++ b/modules/entry/front/latest-buys/index.html
@ -16,146 +16,203 @@
        auto-state="false">
    </vn-searchbar>
 </vn-portal>
-<vn-data-viewer
-    model="model"
-    class="vn-mb-xl vn-w-xl">
-    <vn-card>
-    <vn-table
+<vn-card>
+    <smart-table
        model="model"
-        show-fields="$ctrl.showFields"
-        vn-smart-table="latestBuys">
-        <vn-thead>
-            <vn-tr>
-                <vn-th shrink>
-                    <vn-multi-check
-                        model="model">
-                    </vn-multi-check>
-                </vn-th>
-                <vn-th field="Image">Picture</vn-th>
-                <vn-th smart-table-ignore field="id">Id</vn-th>
-                <vn-th field="packing">Packing</vn-th>
-                <vn-th field="grouping">Grouping</vn-th>
-                <vn-th field="quantity">Quantity</vn-th>
-                <vn-th field="description" style="text-align: center">Description</vn-th>
-                <vn-th field="size">Size</vn-th>
-                <vn-th field="name" style="text-align: center">Tags</vn-th>
-                <vn-th field="code">Type</vn-th>
-                <vn-th field="intrastat">Intrastat</vn-th>
-                <vn-th field="origin">Origin</vn-th>
-                <vn-th field="density">Density</vn-th>
-                <vn-th field="isActive">Active</vn-th>
-                <vn-th field="family">Family</vn-th>
-                <vn-th field="entryFk">Entry</vn-th>
-                <vn-th field="buyingValue">Buying value</vn-th>
-                <vn-th field="freightValue">Freight value</vn-th>
-                <vn-th field="comissionValue" expand>Commission value</vn-th>
-                <vn-th field="packageValue" expand>Package value</vn-th>
-                <vn-th field="isIgnored">Is ignored</vn-th>
-                <vn-th expand field="price2">Grouping price</vn-th>
-                <vn-th expand field="price3">Packing price</vn-th>
-                <vn-th field="minPrice">Min price</vn-th>
-                <vn-th field="ektFk">Ekt</vn-th>
-                <vn-th field="weight">Weight</vn-th>
-                <vn-th field="packageFk" expand>PackageName</vn-th>
-                <vn-th field="packingOut" expand>PackingOut</vn-th>
-            </vn-tr>
-        </vn-thead>
-        <vn-tbody>
-            <a ng-repeat="buy in $ctrl.buys" 
-                class="clickable vn-tr search-result"
-                ui-sref="entry.card.buy.index({id: {{::buy.entryFk}}})">
-                <vn-td shrink>
-                    <vn-check 
-                        ng-model="buy.checked"
-                        vn-click-stop>
-                    </vn-check>
-                </vn-td>
-                <vn-td shrink >
-                    <img 
-                        ng-src="{{::$root.imagePath('catalog', '50x50', buy.itemFk)}}"
-                        zoom-image="{{::$root.imagePath('catalog', '1600x900', buy.itemFk)}}"
-                        vn-click-stop
-                        on-error-src/>
-                </vn-td>
-                <vn-td shrink>
-                    <span
-                        vn-click-stop="itemDescriptor.show($event, buy.itemFk)"
-                        class="link">
-                        {{::buy.itemFk | zeroFill:6}}
-                    </span>
-                </vn-td>
-                <vn-td number>
-                    <vn-chip class="transparent" translate-attr="buy.groupingMode == 2 ? {title: 'Minimun amount'} : {title: 'Packing'}" ng-class="{'message': buy.groupingMode == 2}"> 
-                        <span translate>{{::buy.packing | dashIfEmpty}}</span>
-                    </vn-chip>
-                </vn-td>
-                <vn-td number>
-                    <vn-chip class="transparent" translate-attr="buy.groupingMode == 1 ? {title: 'Minimun amount'} : {title: 'Grouping'}" ng-class="{'message': buy.groupingMode == 1}"> 
-                        <span translate>{{::buy.grouping | dashIfEmpty}}</span>
-                    </vn-chip>
-                </vn-td>
-                <vn-td number>{{::buy.quantity}}</vn-td>
-                <vn-td vn-two title="{{::buy.description}}">
-                    {{::buy.description | dashIfEmpty}}
-                </vn-td>
-                <vn-td number>{{::buy.size}}</vn-td>
-                <vn-td vn-fetched-tags>
-                    <div>
-                        <vn-one title="{{::buy.name}}">{{::buy.name}}</vn-one>
-                        <vn-one ng-if="::buy.subName">
-                            <h3 title="{{::buy.subName}}">{{::buy.subName}}</h3>
-                        </vn-one>
-                    </div>
-                    <vn-fetched-tags
-                        max-length="6"
-                        item="::buy"
-                        tabindex="-1">
-                    </vn-fetched-tags>
-                </vn-td>
-                <vn-td shrink title="{{::buy.type}}">
-                    {{::buy.code}}
-                </vn-td>
-                <vn-td shrink title="{{::item.intrastat}}">
-                    {{::buy.intrastat}}
-                </vn-td>
-                <vn-td shrink>{{::buy.origin}}</vn-td>
-                <vn-td shrink>{{::buy.density}}</vn-td>
-                <vn-td shrink>
-                    <vn-check
-                        disabled="true"
-                        ng-model="::buy.isActive">
-                    </vn-check> 
-                </vn-td>
-                <vn-td shrink>{{::buy.family}}</vn-td>
-                <vn-td shrink>
-                    <span
-                        vn-click-stop="entryDescriptor.show($event, buy.entryFk)"
-                        class="link">
-                        {{::buy.entryFk}}
-                    </span>
-                </vn-td>
-                <vn-td number>{{::buy.buyingValue | currency: 'EUR':2}}</vn-td>
-                <vn-td number>{{::buy.freightValue | currency: 'EUR':2}}</vn-td>
-                <vn-td number>{{::buy.comissionValue | currency: 'EUR':2}}</vn-td>
-                <vn-td number>{{::buy.packageValue | currency: 'EUR':2}}</vn-td>
-                <vn-td shrink>
-                    <vn-check
-                        disabled="true"
-                        ng-model="::buy.isIgnored">
-                    </vn-check> 
-                </vn-td>
-                <vn-td number>{{::buy.price2 | currency: 'EUR':2}}</vn-td>
-                <vn-td number>{{::buy.price3 | currency: 'EUR':2}}</vn-td>
-                <vn-td number>{{::buy.minPrice | currency: 'EUR':2}}</vn-td>
-                <vn-td number>{{::buy.ektFk | dashIfEmpty}}</vn-td>
-                <vn-td number>{{::buy.weight}}</vn-td>
-                <vn-td number>{{::buy.packageFk}}</vn-td>
-                <vn-td number>{{::buy.packingOut}}</vn-td>
-            </a>
-        </vn-tbody>
-    </vn-table>
-    </vn-card>
-</vn-data-viewer>
+        view-config-id="latestBuys"
+        options="$ctrl.smartTableOptions" 
+        expr-builder="$ctrl.exprBuilder(param, value)">
+        <slot-table>
+            <table>
+                <thead>
+                    <tr>
+                        <th shrink>
+                            <vn-multi-check
+                                checked="$ctrl.checkAll"
+                                model="model"
+                                check-field="$checked">
+                            </vn-multi-check>
+                        </th>
+                        <th translate>Picture</th>
+                        <th field="id">
+                            <span translate>Identifier</span>
+                        </th>
+                        <th field="packing" number>
+                            <span translate>Packing</span>
+                        </th>
+                        <th field="grouping" number>
+                            <span translate>Grouping</span>
+                        </th>
+                        <th field="quantity" number>
+                            <span translate>Quantity</span>
+                        </th>
+                        <th field="description">
+                            <span translate>Description</span>
+                        </th>
+                        <th field="size">
+                            <span translate>Size</span>
+                        </th>
+                        <th field="name">
+                            <span translate>Tags</span>
+                        </th>
+                        <th field="code">
+                            <span translate>Type</span>
+                        </th>
+                        <th field="intrastat">
+                            <span translate>Intrastat</span>
+                        </th>
+                        <th field="origin">
+                            <span translate>Origin</span>
+                        </th>
+                        <th field="density">
+                            <span translate>Density</span>
+                        </th>
+                        <th field="isActive">
+                            <span translate>Active</span>
+                        </th>
+                        <th field="family">
+                            <span translate>Family</span>
+                        </th>
+                        <th field="entryFk">
+                            <span translate>Entry</span>
+                        </th>
+                        <th field="buyingValue" number>
+                            <span translate>Buying value</span>
+                        </th>
+                        <th field="freightValue" number>
+                            <span translate>Freight value</span>
+                        </th>
+                        <th field="comissionValue" number>
+                            <span translate>Commission value</span>
+                        </th>
+                        <th field="packageValue" number>
+                            <span translate>Package value</span>
+                        </th>
+                        <th field="isIgnored">
+                            <span translate>Is ignored</span>
+                        </th>
+                        <th field="price2" number>
+                            <span translate>Grouping</span>
+                        </th>
+                        <th field="price3" number>
+                            <span translate>Packing</span>
+                        </th>
+                        <th field="minPrice" number>
+                            <span translate>Min</span>
+                        </th>
+                        <th field="ektFk">
+                            <span translate>Ekt</span>
+                        </th>
+                        <th field="weight">
+                            <span translate>Weight</span>
+                        </th>
+                        <th field="packageFk">
+                            <span translate>Package</span>
+                        </th>
+                        <th field="packingOut">
+                            <span translate>Package out</span>
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr ng-repeat="buy in $ctrl.buys"
+                        vn-anchor="::{
+                            state: 'entry.card.buy.index', 
+                            params: {id: {{::buy.entryFk}}}
+                        }">
+                        <td>
+                            <vn-check 
+                                ng-model="buy.$checked"
+                                vn-click-stop>
+                            </vn-check>
+                        </td>
+                        <td >
+                            <img 
+                                ng-src="{{::$root.imagePath('catalog', '50x50', buy.itemFk)}}"
+                                zoom-image="{{::$root.imagePath('catalog', '1600x900', buy.itemFk)}}"
+                                vn-click-stop
+                                on-error-src/>
+                        </td>
+                        <td>
+                            <span
+                                vn-click-stop="itemDescriptor.show($event, buy.itemFk)"
+                                class="link">
+                                {{::buy.itemFk}}
+                            </span>
+                        </td>
+                        <td number>
+                            <vn-chip class="transparent" translate-attr="buy.groupingMode == 2 ? {title: 'Minimun amount'} : {title: 'Packing'}" ng-class="{'message': buy.groupingMode == 2}"> 
+                                <span translate>{{::buy.packing | dashIfEmpty}}</span>
+                            </vn-chip>
+                        </td>
+                        <td number>
+                            <vn-chip class="transparent" translate-attr="buy.groupingMode == 1 ? {title: 'Minimun amount'} : {title: 'Grouping'}" ng-class="{'message': buy.groupingMode == 1}"> 
+                                <span translate>{{::buy.grouping | dashIfEmpty}}</span>
+                            </vn-chip>
+                        </td>
+                        <td number>{{::buy.quantity}}</td>
+                        <td vn-two title="{{::buy.description}}">
+                            {{::buy.description | dashIfEmpty}}
+                        </td>
+                        <td number>{{::buy.size}}</td>
+                        <td vn-fetched-tags>
+                            <div>
+                                <vn-one title="{{::buy.name}}">{{::buy.name}}</vn-one>
+                                <vn-one ng-if="::buy.subName">
+                                    <h3 title="{{::buy.subName}}">{{::buy.subName}}</h3>
+                                </vn-one>
+                            </div>
+                            <vn-fetched-tags
+                                max-length="6"
+                                item="::buy"
+                                tabindex="-1">
+                            </vn-fetched-tags>
+                        </td>
+                        <td title="{{::buy.type}}">
+                            {{::buy.code}}
+                        </td>
+                        <td title="{{::item.intrastat}}">
+                            {{::buy.intrastat}}
+                        </td>
+                        <td>{{::buy.origin}}</td>
+                        <td>{{::buy.density}}</td>
+                        <td>
+                            <vn-check
+                                disabled="true"
+                                ng-model="::buy.isActive">
+                            </vn-check> 
+                        </td>
+                        <td>{{::buy.family}}</td>
+                        <td>
+                            <span
+                                vn-click-stop="entryDescriptor.show($event, buy.entryFk)"
+                                class="link">
+                                {{::buy.entryFk}}
+                            </span>
+                        </td>
+                        <td number>{{::buy.buyingValue | currency: 'EUR':2}}</td>
+                        <td number>{{::buy.freightValue | currency: 'EUR':2}}</td>
+                        <td number>{{::buy.comissionValue | currency: 'EUR':2}}</td>
+                        <td number>{{::buy.packageValue | currency: 'EUR':2}}</td>
+                        <td>
+                            <vn-check
+                                disabled="true"
+                                ng-model="::buy.isIgnored">
+                            </vn-check> 
+                        </td>
+                        <td number>{{::buy.price2 | currency: 'EUR':2}}</td>
+                        <td number>{{::buy.price3 | currency: 'EUR':2}}</td>
+                        <td number>{{::buy.minPrice | currency: 'EUR':2}}</td>
+                        <td>{{::buy.ektFk | dashIfEmpty}}</td>
+                        <td>{{::buy.weight}}</td>
+                        <td>{{::buy.packageFk}}</td>
+                        <td>{{::buy.packingOut}}</td>
+                    </tr>
+                </tbody>
+            </table>
+        </slot-table>
+    </smart-table>
+</vn-card>
 <div fixed-bottom-right>
    <vn-vertical style="align-items: center;">
        <vn-button class="round sm vn-mb-sm"
--- a/modules/entry/front/latest-buys/index.js
+++ b/modules/entry/front/latest-buys/index.js
@ -5,11 +5,64 @@ import './style.scss';
 export default class Controller extends Section {
    constructor($element, $) {
        super($element, $);
-        this.showFields = {
-            id: false,
-            actions: false
-        };
        this.editedColumn;
+        this.$checkAll = false;
+
+        this.smartTableOptions = {
+            activeButtons: {
+                search: true,
+                shownColumns: true,
+            },
+            columns: [
+                {
+                    field: 'code',
+                    autocomplete: {
+                        url: 'ItemTypes',
+                        showField: 'code',
+                        valueField: 'code',
+                    }
+                },
+                {
+                    field: 'origin',
+                    autocomplete: {
+                        url: 'Origins',
+                        showField: 'code',
+                        valueField: 'code'
+                    }
+                },
+                {
+                    field: 'family',
+                    autocomplete: {
+                        url: 'ItemFamilies',
+                        valueField: 'code',
+                        showField: 'code'
+                    }
+                },
+                {
+                    field: 'intrastat',
+                    autocomplete: {
+                        url: 'Intrastats',
+                        showField: 'description',
+                        valueField: 'description'
+                    }
+                },
+                {
+                    field: 'packageFk',
+                    autocomplete: {
+                        url: 'Packagings',
+                        showField: 'id'
+                    }
+                },
+                {
+                    field: 'isActive',
+                    searchable: false
+                },
+                {
+                    field: 'isIgnored',
+                    searchable: false
+                },
+            ]
+        };
    }

    get columns() {
@ -33,21 +86,54 @@ export default class Controller extends Section {
        const buys = this.$.model.data || [];
        const checkedBuys = [];
        for (let buy of buys) {
-            if (buy.checked)
+            if (buy.$checked)
                checkedBuys.push(buy);
        }

        return checkedBuys;
    }

-    uncheck() {
-        const lines = this.checked;
-        for (let line of lines) {
-            if (line.checked)
-                line.checked = false;
+    exprBuilder(param, value) {
+        switch (param) {
+        case 'id':
+        case 'size':
+        case 'density':
+        case 'isActive':
+        case 'family':
+        case 'minPrice':
+        case 'packingOut':
+            return {[`i.${param}`]: value};
+        case 'name':
+        case 'description':
+            return {[`i.${param}`]: {like: `%${value}%`}};
+        case 'code':
+            return {'it.code': value};
+        case 'intrastat':
+            return {'intr.description': value};
+        case 'origin':
+            return {'ori.code': value};
+        case 'packing':
+        case 'grouping':
+        case 'quantity':
+        case 'entryFk':
+        case 'buyingValue':
+        case 'freightValue':
+        case 'comissionValue':
+        case 'packageValue':
+        case 'isIgnored':
+        case 'price2':
+        case 'price3':
+        case 'ektFk':
+        case 'weight':
+        case 'packageFk':
+            return {[`b.${param}`]: value};
        }
    }

+    uncheck() {
+        this.checkAll = false;
+    }
+
    get totalChecked() {
        return this.checked.length;
    }
@ -57,7 +143,7 @@ export default class Controller extends Section {
        for (let row of this.checked)
            rowsToEdit.push({id: row.id, itemFk: row.itemFk});

-        let data = {
+        const data = {
            field: this.editedColumn.field,
            newValue: this.editedColumn.newValue,
            lines: rowsToEdit
--- a/modules/entry/front/latest-buys/index.spec.js
+++ b/modules/entry/front/latest-buys/index.spec.js
@ -7,9 +7,9 @@ describe('Entry', () => {

        beforeEach(ngModule('entry'));

-        beforeEach(angular.mock.inject(($componentController, $compile, $rootScope, _$httpBackend_) => {
+        beforeEach(angular.mock.inject(($componentController, $rootScope, _$httpBackend_) => {
            $httpBackend = _$httpBackend_;
-            let $element = $compile('<vn-entry-latest-buys></vn-entry-latest-buys')($rootScope);
+            const $element = angular.element('<vn-entry-latest-buys></vn-entry-latest-buys');
            controller = $componentController('vnEntryLatestBuys', {$element});
            controller.$ = {
                model: {refresh: () => {}},
@ -31,10 +31,10 @@ describe('Entry', () => {
        describe('get checked', () => {
            it(`should return a set of checked lines`, () => {
                controller.$.model.data = [
-                    {checked: true, id: 1},
-                    {checked: true, id: 2},
-                    {checked: true, id: 3},
-                    {checked: false, id: 4},
+                    {$checked: true, id: 1},
+                    {$checked: true, id: 2},
+                    {$checked: true, id: 3},
+                    {$checked: false, id: 4},
                ];

                let result = controller.checked;
@ -43,38 +43,10 @@ describe('Entry', () => {
            });
        });

-        describe('uncheck()', () => {
-            it(`should clear the selection of lines on the controller`, () => {
-                controller.$.model.data = [
-                    {checked: true, id: 1},
-                    {checked: true, id: 2},
-                    {checked: true, id: 3},
-                    {checked: false, id: 4},
-                ];
-
-                let result = controller.checked;
-
-                expect(result.length).toEqual(3);
-
-                controller.uncheck();
-
-                result = controller.checked;
-
-                expect(result.length).toEqual(0);
-            });
-        });
-
        describe('onEditAccept()', () => {
            it(`should perform a query to update columns`, () => {
-                $httpBackend.whenGET('UserConfigViews/getConfig?tableCode=latestBuys').respond([]);
-                $httpBackend.whenGET('Buys/latestBuysFilter?filter=%7B%22limit%22:20%7D').respond([
-                    {entryFk: 1},
-                    {entryFk: 2},
-                    {entryFk: 3},
-                    {entryFk: 4}
-                ]);
                controller.editedColumn = {field: 'my field', newValue: 'the new value'};
-                let query = 'Buys/editLatestBuys';
+                const query = 'Buys/editLatestBuys';

                $httpBackend.expectPOST(query).respond();
                controller.onEditAccept();
--- a/modules/entry/front/latest-buys/locale/es.yml
+++ b/modules/entry/front/latest-buys/locale/es.yml
@ -14,4 +14,4 @@ Field to edit: Campo a editar
 PackageName: Cubo
 Edit: Editar
 buy(s): compra(s)
-PackingOut: Packing envíos
+Package out: Embalaje envíos
--- a/modules/invoiceOut/back/methods/invoiceOut/summary.js
+++ b/modules/invoiceOut/back/methods/invoiceOut/summary.js
@ -56,7 +56,7 @@ module.exports = Self => {
                {
                    relation: 'client',
                    scope: {
-                        fields: ['id', 'socialName']
+                        fields: ['id', 'socialName', 'email']
                    }
                }
            ]
--- a/modules/invoiceOut/front/descriptor-menu/index.html
+++ b/modules/invoiceOut/front/descriptor-menu/index.html
@ -0,0 +1,139 @@
+
+<vn-icon-button
+    icon="more_vert"
+    vn-popover="menu">
+</vn-icon-button>
+<vn-menu vn-id="menu">
+    <vn-list>
+        <vn-item class="dropdown"
+            vn-click-stop="showInvoiceMenu.show($event, 'left')"
+            name="showInvoicePdf"
+            translate>
+            Show invoice...
+
+            <vn-menu vn-id="showInvoiceMenu">
+                <vn-list>
+                    <a class="vn-item"
+                        href="api/InvoiceOuts/{{$ctrl.id}}/download?access_token={{$ctrl.vnToken.token}}"
+                        target="_blank"
+                        name="showInvoicePdf"
+                        translate>
+                        Show as PDF
+                    </a>
+                    <vn-item
+                        ng-click="$ctrl.showCsvInvoice()"
+                        translate>
+                        Show as CSV
+                    </vn-item>
+                </vn-list>
+            </vn-menu>
+        </vn-item>
+        <vn-item class="dropdown"
+            vn-click-stop="sendInvoiceMenu.show($event, 'left')"
+            name="sendInvoice"
+            translate>
+            Send invoice...
+
+            <vn-menu vn-id="sendInvoiceMenu">
+                <vn-list>
+                    <vn-item
+                        ng-click="sendPdfConfirmation.show({email: $ctrl.invoiceOut.client.email})"
+                        translate>
+                        Send PDF
+                    </vn-item>
+                    <vn-item
+                        ng-click="sendCsvConfirmation.show({email: $ctrl.invoiceOut.client.email})"
+                        translate>
+                        Send CSV
+                    </vn-item>
+                </vn-list>
+            </vn-menu>
+        </vn-item>
+        <vn-item
+            ng-click="deleteConfirmation.show()"
+            vn-acl="invoicing"
+            vn-acl-action="remove"
+            name="deleteInvoice"
+            translate>
+            Delete Invoice
+        </vn-item>
+        <vn-item
+            ng-click="bookConfirmation.show()"
+            vn-acl="invoicing"
+            vn-acl-action="remove"
+            name="bookInvoice"
+            translate>
+            Book invoice
+        </vn-item>
+        <vn-item
+            ng-click="createInvoicePdfConfirmation.show()"
+            ng-show="$ctrl.hasInvoicing || !$ctrl.invoiceOut.hasPdf"
+            name="regenerateInvoice"
+            translate>
+            {{!$ctrl.invoiceOut.hasPdf ? 'Generate PDF invoice': 'Regenerate PDF invoice'}}
+        </vn-item>
+        <vn-item
+            ng-click="$ctrl.showExportationLetter()"
+            ng-show="$ctrl.invoiceOut.serial == 'E'"
+            translate>
+            Show CIES letter
+        </vn-item>
+    </vn-list>
+</vn-menu>
+<vn-confirm
+    vn-id="deleteConfirmation"
+    on-accept="$ctrl.deleteInvoiceOut()"
+    question="Are you sure you want to delete this invoice?">
+</vn-confirm>
+<vn-confirm
+    vn-id="bookConfirmation"
+    on-accept="$ctrl.bookInvoiceOut()"
+    question="Are you sure you want to book this invoice?">
+</vn-confirm>
+<vn-client-descriptor-popover 
+    vn-id="clientDescriptor">
+</vn-client-descriptor-popover>
+
+<!-- Create invoice PDF confirmation dialog -->
+<vn-confirm
+    vn-id="createInvoicePdfConfirmation"
+    on-accept="$ctrl.createPdfInvoice()"
+    question="Are you sure you want to generate/regenerate the PDF invoice?"
+    message="Generate PDF invoice document">
+</vn-confirm>
+
+<!-- Send PDF invoice confirmation popup -->
+<vn-dialog
+    vn-id="sendPdfConfirmation"
+    on-accept="$ctrl.sendPdfInvoice($data)"
+    message="Send PDF invoice">
+    <tpl-body>
+        <span translate>Are you sure you want to send it?</span>
+        <vn-textfield vn-one
+            label="Email"
+            ng-model="sendPdfConfirmation.data.email">
+        </vn-textfield>
+    </tpl-body>
+    <tpl-buttons>
+        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
+        <button response="accept" translate>Confirm</button>
+    </tpl-buttons>
+</vn-dialog>
+
+<!-- Send CSV invoice confirmation popup -->
+<vn-dialog
+    vn-id="sendCsvConfirmation"
+    on-accept="$ctrl.sendCsvInvoice($data)"
+    message="Send CSV invoice">
+    <tpl-body>
+        <span translate>Are you sure you want to send it?</span>
+        <vn-textfield vn-one
+            label="Email"
+            ng-model="sendCsvConfirmation.data.email">
+        </vn-textfield>
+    </tpl-body>
+    <tpl-buttons>
+        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
+        <button response="accept" translate>Confirm</button>
+    </tpl-buttons>
+</vn-dialog>
--- a/modules/invoiceOut/front/descriptor-menu/index.js
+++ b/modules/invoiceOut/front/descriptor-menu/index.js
@ -0,0 +1,121 @@
+import ngModule from '../module';
+import Section from 'salix/components/section';
+import './style.scss';
+
+class Controller extends Section {
+    constructor($element, $, vnReport, vnEmail) {
+        super($element, $);
+        this.vnReport = vnReport;
+        this.vnEmail = vnEmail;
+    }
+
+    get invoiceOut() {
+        return this._invoiceOut;
+    }
+
+    set invoiceOut(value) {
+        this._invoiceOut = value;
+        if (value)
+            this.id = value.id;
+    }
+
+    loadData() {
+        const filter = {
+            include: [
+                {
+                    relation: 'company',
+                    scope: {
+                        fields: ['id', 'code']
+                    }
+                }, {
+                    relation: 'client',
+                    scope: {
+                        fields: ['id', 'name', 'email']
+                    }
+                }
+            ]
+        };
+        return this.$http.get(`InvoiceOuts/${this.invoiceOut.id}`, {filter})
+            .then(res => this.invoiceOut = res.data);
+    }
+    reload() {
+        return this.loadData().then(() => {
+            if (this.parentReload)
+                this.parentReload();
+        });
+    }
+
+    cardReload() {
+        // Prevents error when not defined
+    }
+
+    deleteInvoiceOut() {
+        return this.$http.post(`InvoiceOuts/${this.invoiceOut.id}/delete`)
+            .then(() => this.$state.go('invoiceOut.index'))
+            .then(() => this.$state.reload())
+            .then(() => this.vnApp.showSuccess(this.$t('InvoiceOut deleted')));
+    }
+
+    bookInvoiceOut() {
+        return this.$http.post(`InvoiceOuts/${this.invoiceOut.ref}/book`)
+            .then(() => this.$state.reload())
+            .then(() => this.vnApp.showSuccess(this.$t('InvoiceOut booked')));
+    }
+
+    createPdfInvoice() {
+        return this.$http.post(`InvoiceOuts/${this.id}/createPdf`)
+            .then(() => this.reload())
+            .then(() => {
+                const snackbarMessage = this.$t(
+                    `The invoice PDF document has been regenerated`);
+                this.vnApp.showSuccess(snackbarMessage);
+            });
+    }
+
+    showCsvInvoice() {
+        this.vnReport.showCsv('invoice', {
+            recipientId: this.invoiceOut.client.id,
+            invoiceId: this.id
+        });
+    }
+
+    sendPdfInvoice($data) {
+        if (!$data.email)
+            return this.vnApp.showError(this.$t(`The email can't be empty`));
+
+        return this.vnEmail.send('invoice', {
+            recipientId: this.invoiceOut.client.id,
+            recipient: $data.email,
+            invoiceId: this.id
+        });
+    }
+
+    sendCsvInvoice($data) {
+        if (!$data.email)
+            return this.vnApp.showError(this.$t(`The email can't be empty`));
+
+        return this.vnEmail.sendCsv('invoice', {
+            recipientId: this.invoiceOut.client.id,
+            recipient: $data.email,
+            invoiceId: this.id
+        });
+    }
+
+    showExportationLetter() {
+        this.vnReport.show('exportation', {
+            recipientId: this.invoiceOut.client.id,
+            invoiceId: this.id
+        });
+    }
+}
+
+Controller.$inject = ['$element', '$scope', 'vnReport', 'vnEmail'];
+
+ngModule.vnComponent('vnInvoiceOutDescriptorMenu', {
+    template: require('./index.html'),
+    controller: Controller,
+    bindings: {
+        invoiceOut: '<',
+        parentReload: '&'
+    }
+});
--- a/modules/invoiceOut/front/descriptor-menu/index.spec.js
+++ b/modules/invoiceOut/front/descriptor-menu/index.spec.js
@ -0,0 +1,96 @@
+import './index';
+
+describe('vnInvoiceOutDescriptorMenu', () => {
+    let controller;
+    let $httpBackend;
+    let $httpParamSerializer;
+    const invoiceOut = {
+        id: 1,
+        client: {id: 1101}
+    };
+
+    beforeEach(ngModule('invoiceOut'));
+
+    beforeEach(inject(($componentController, _$httpParamSerializer_, _$httpBackend_) => {
+        $httpBackend = _$httpBackend_;
+        $httpParamSerializer = _$httpParamSerializer_;
+        controller = $componentController('vnInvoiceOutDescriptorMenu', {$element: null});
+    }));
+
+    describe('createPdfInvoice()', () => {
+        it('should make a query to the createPdf() endpoint and show a success snackbar', () => {
+            jest.spyOn(controller.vnApp, 'showSuccess');
+
+            controller.invoiceOut = invoiceOut;
+
+            $httpBackend.whenGET(`InvoiceOuts/${invoiceOut.id}`).respond();
+            $httpBackend.expectPOST(`InvoiceOuts/${invoiceOut.id}/createPdf`).respond();
+            controller.createPdfInvoice();
+            $httpBackend.flush();
+
+            expect(controller.vnApp.showSuccess).toHaveBeenCalled();
+        });
+    });
+
+    describe('showCsvInvoice()', () => {
+        it('should make a query to the csv invoice download endpoint and show a message snackbar', () => {
+            jest.spyOn(window, 'open').mockReturnThis();
+
+            controller.invoiceOut = invoiceOut;
+
+            const expectedParams = {
+                invoiceId: invoiceOut.id,
+                recipientId: invoiceOut.client.id
+            };
+            const serializedParams = $httpParamSerializer(expectedParams);
+            const expectedPath = `api/csv/invoice/download?${serializedParams}`;
+            controller.showCsvInvoice();
+
+            expect(window.open).toHaveBeenCalledWith(expectedPath);
+        });
+    });
+
+    describe('sendPdfInvoice()', () => {
+        it('should make a query to the email invoice endpoint and show a message snackbar', () => {
+            jest.spyOn(controller.vnApp, 'showMessage');
+
+            controller.invoiceOut = invoiceOut;
+
+            const $data = {email: 'brucebanner@gothamcity.com'};
+            const expectedParams = {
+                invoiceId: invoiceOut.id,
+                recipient: $data.email,
+                recipientId: invoiceOut.client.id
+            };
+            const serializedParams = $httpParamSerializer(expectedParams);
+
+            $httpBackend.expectGET(`email/invoice?${serializedParams}`).respond();
+            controller.sendPdfInvoice($data);
+            $httpBackend.flush();
+
+            expect(controller.vnApp.showMessage).toHaveBeenCalled();
+        });
+    });
+
+    describe('sendCsvInvoice()', () => {
+        it('should make a query to the csv invoice send endpoint and show a message snackbar', () => {
+            jest.spyOn(controller.vnApp, 'showMessage');
+
+            controller.invoiceOut = invoiceOut;
+
+            const $data = {email: 'brucebanner@gothamcity.com'};
+            const expectedParams = {
+                invoiceId: invoiceOut.id,
+                recipient: $data.email,
+                recipientId: invoiceOut.client.id
+            };
+            const serializedParams = $httpParamSerializer(expectedParams);
+
+            $httpBackend.expectGET(`csv/invoice/send?${serializedParams}`).respond();
+            controller.sendCsvInvoice($data);
+            $httpBackend.flush();
+
+            expect(controller.vnApp.showMessage).toHaveBeenCalled();
+        });
+    });
+});
--- a/modules/invoiceOut/front/descriptor-menu/locale/es.yml
+++ b/modules/invoiceOut/front/descriptor-menu/locale/es.yml
@ -0,0 +1,17 @@
+Show invoice...: Ver factura...
+Send invoice...: Enviar factura...
+Send PDF invoice: Enviar factura en PDF
+Send CSV invoice: Enviar factura en CSV
+Delete Invoice:  Eliminar factura
+Clone Invoice:  Clonar factura
+Book invoice: Asentar factura
+Generate PDF invoice: Generar PDF factura
+Show CIES letter: Ver carta CIES
+InvoiceOut deleted: Factura eliminada
+Are you sure you want to delete this invoice?: Estas seguro de eliminar esta factura?
+Are you sure you want to clone this invoice?: Estas seguro de clonar esta factura?
+InvoiceOut booked: Factura asentada
+Are you sure you want to book this invoice?: Estas seguro de querer asentar esta factura? 
+Regenerate PDF invoice: Regenerar PDF factura
+The invoice PDF document has been regenerated: El documento PDF de la factura ha sido regenerado
+The email can't be empty: El correo no puede estar vacío
--- a/modules/invoiceOut/front/descriptor-menu/style.scss
+++ b/modules/invoiceOut/front/descriptor-menu/style.scss
@ -0,0 +1,24 @@
+@import "./effects";
+@import "variables";
+
+vn-invoice-out-descriptor-menu {
+    & > vn-icon-button[icon="more_vert"] {
+        display: flex;
+        min-width: 45px;
+        height: 45px;
+        box-sizing: border-box;
+        align-items: center;
+        justify-content: center;
+    }
+    & > vn-icon-button[icon="more_vert"] {
+        @extend %clickable;
+        color: inherit;
+    
+        & > vn-icon {
+            padding: 10px;
+        }
+        vn-icon {
+            font-size: 1.75rem;
+        }
+    }
+}
--- a/modules/invoiceOut/front/descriptor/index.html
+++ b/modules/invoiceOut/front/descriptor/index.html
@ -1,81 +1,12 @@
 <vn-descriptor-content
    module="invoiceOut"
    description="$ctrl.invoiceOut.ref">
-    <slot-menu>
-        <vn-item class="dropdown"
-            vn-click-stop="showInvoiceMenu.show($event, 'left')"
-            name="showInvoicePdf"
-            translate>
-            Show invoice...
-
-            <vn-menu vn-id="showInvoiceMenu">
-                <vn-list>
-                    <a class="vn-item"
-                        href="api/InvoiceOuts/{{$ctrl.id}}/download?access_token={{$ctrl.vnToken.token}}"
-                        target="_blank"
-                        name="showInvoicePdf"
-                        translate>
-                        Show as PDF
-                    </a>
-                    <vn-item
-                        ng-click="$ctrl.showCsvInvoice()"
-                        translate>
-                        Show as CSV
-                    </vn-item>
-                </vn-list>
-            </vn-menu>
-        </vn-item>
-        <vn-item class="dropdown"
-            vn-click-stop="sendInvoiceMenu.show($event, 'left')"
-            name="sendInvoice"
-            translate>
-            Send invoice...
-
-            <vn-menu vn-id="sendInvoiceMenu">
-                <vn-list>
-                    <vn-item
-                        ng-click="sendPdfConfirmation.show({email: $ctrl.invoiceOut.client.email})"
-                        translate>
-                        Send PDF
-                    </vn-item>
-                    <vn-item
-                        ng-click="sendCsvConfirmation.show({email: $ctrl.invoiceOut.client.email})"
-                        translate>
-                        Send CSV
-                    </vn-item>
-                </vn-list>
-            </vn-menu>
-        </vn-item>
-        <vn-item
-            ng-click="deleteConfirmation.show()"
-            vn-acl="invoicing"
-            vn-acl-action="remove"
-            name="deleteInvoice"
-            translate>
-            Delete Invoice
-        </vn-item>
-        <vn-item
-            ng-click="bookConfirmation.show()"
-            vn-acl="invoicing"
-            vn-acl-action="remove"
-            name="bookInvoice"
-            translate>
-            Book invoice
-        </vn-item>
-        <vn-item
-            ng-click="createInvoicePdfConfirmation.show()"
-            ng-show="$ctrl.hasInvoicing || !$ctrl.invoiceOut.hasPdf"
-            name="regenerateInvoice"
-            translate>
-            {{!$ctrl.invoiceOut.hasPdf ? 'Generate PDF invoice': 'Regenerate PDF invoice'}}
-        </vn-item>
-        <vn-item
-            ng-click="$ctrl.showExportationLetter()"
-            ng-show="$ctrl.invoiceOut.serial == 'E'"
-            translate>
-            Show CIES letter
-        </vn-item>
-    </slot-menu>
+    <slot-dot-menu>
+        <vn-invoice-out-descriptor-menu 
+            invoice-out="$ctrl.invoiceOut"
+            parent-reload="$ctrl.reload()"
+        />
+    </slot-dot-menu>
    <slot-body>
        <div class="attributes">
            <vn-label-value
@ -118,59 +49,4 @@
            </div>
        </div>
    </slot-body>
-</vn-descriptor-content>
-<vn-confirm
-    vn-id="deleteConfirmation"
-    on-accept="$ctrl.deleteInvoiceOut()"
-    question="Are you sure you want to delete this invoice?">
-</vn-confirm>
-<vn-confirm
-    vn-id="bookConfirmation"
-    on-accept="$ctrl.bookInvoiceOut()"
-    question="Are you sure you want to book this invoice?">
-</vn-confirm>
-<vn-client-descriptor-popover 
-    vn-id="clientDescriptor">
-</vn-client-descriptor-popover>
-
-<!-- Create invoice PDF confirmation dialog -->
-<vn-confirm
-    vn-id="createInvoicePdfConfirmation"
-    on-accept="$ctrl.createPdfInvoice()"
-    question="Are you sure you want to generate/regenerate the PDF invoice?"
-    message="Generate PDF invoice document">
-</vn-confirm>
-
-<!-- Send PDF invoice confirmation popup -->
-<vn-dialog
-    vn-id="sendPdfConfirmation"
-    on-accept="$ctrl.sendPdfInvoice($data)"
-    message="Send PDF invoice">
-    <tpl-body>
-        <span translate>Are you sure you want to send it?</span>
-        <vn-textfield vn-one
-            ng-model="sendPdfConfirmation.data.email">
-        </vn-textfield>
-    </tpl-body>
-    <tpl-buttons>
-        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
-        <button response="accept" translate>Confirm</button>
-    </tpl-buttons>
-</vn-dialog>
-
-<!-- Send CSV invoice confirmation popup -->
-<vn-dialog
-    vn-id="sendCsvConfirmation"
-    on-accept="$ctrl.sendCsvInvoice($data)"
-    message="Send CSV invoice">
-    <tpl-body>
-        <span translate>Are you sure you want to send it?</span>
-        <vn-textfield vn-one
-            ng-model="sendCsvConfirmation.data.email">
-        </vn-textfield>
-    </tpl-body>
-    <tpl-buttons>
-        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
-        <button response="accept" translate>Confirm</button>
-    </tpl-buttons>
-</vn-dialog>
+</vn-descriptor-content>
--- a/modules/invoiceOut/front/descriptor/index.js
+++ b/modules/invoiceOut/front/descriptor/index.js
@ -41,70 +41,6 @@ class Controller extends Descriptor {
        return this.getData(`InvoiceOuts/${this.id}`, {filter})
            .then(res => this.entity = res.data);
    }
-
-    reload() {
-        return this.loadData().then(() => {
-            if (this.cardReload)
-                this.cardReload();
-        });
-    }
-
-    cardReload() {
-        // Prevents error when not defined
-    }
-
-    deleteInvoiceOut() {
-        return this.$http.post(`InvoiceOuts/${this.id}/delete`)
-            .then(() => this.$state.go('invoiceOut.index'))
-            .then(() => this.vnApp.showSuccess(this.$t('InvoiceOut deleted')));
-    }
-
-    bookInvoiceOut() {
-        return this.$http.post(`InvoiceOuts/${this.invoiceOut.ref}/book`)
-            .then(() => this.$state.reload())
-            .then(() => this.vnApp.showSuccess(this.$t('InvoiceOut booked')));
-    }
-
-    createPdfInvoice() {
-        const invoiceId = this.invoiceOut.id;
-        return this.$http.post(`InvoiceOuts/${invoiceId}/createPdf`)
-            .then(() => this.reload())
-            .then(() => {
-                const snackbarMessage = this.$t(
-                    `The invoice PDF document has been regenerated`);
-                this.vnApp.showSuccess(snackbarMessage);
-            });
-    }
-
-    showCsvInvoice() {
-        this.vnReport.showCsv('invoice', {
-            recipientId: this.invoiceOut.client.id,
-            invoiceId: this.id,
-        });
-    }
-
-    sendPdfInvoice($data) {
-        return this.vnEmail.send('invoice', {
-            recipientId: this.invoiceOut.client.id,
-            recipient: $data.email,
-            invoiceId: this.id
-        });
-    }
-
-    sendCsvInvoice($data) {
-        return this.vnEmail.sendCsv('invoice', {
-            recipientId: this.invoiceOut.client.id,
-            recipient: $data.email,
-            invoiceId: this.id
-        });
-    }
-
-    showExportationLetter() {
-        this.vnReport.show('exportation', {
-            recipientId: this.invoiceOut.client.id,
-            invoiceId: this.id,
-        });
-    }
 }

 ngModule.vnComponent('vnInvoiceOutDescriptor', {
@ -112,6 +48,5 @@ ngModule.vnComponent('vnInvoiceOutDescriptor', {
    controller: Controller,
    bindings: {
        invoiceOut: '<',
-        cardReload: '&'
    }
 });
--- a/modules/invoiceOut/front/descriptor/index.spec.js
+++ b/modules/invoiceOut/front/descriptor/index.spec.js
@ -3,17 +3,11 @@ import './index';
 describe('vnInvoiceOutDescriptor', () => {
    let controller;
    let $httpBackend;
-    let $httpParamSerializer;
-    const invoiceOut = {
-        id: 1,
-        client: {id: 1101}
-    };

    beforeEach(ngModule('invoiceOut'));

-    beforeEach(inject(($componentController, _$httpParamSerializer_, _$httpBackend_) => {
+    beforeEach(inject(($componentController, _$httpBackend_) => {
        $httpBackend = _$httpBackend_;
-        $httpParamSerializer = _$httpParamSerializer_;
        controller = $componentController('vnInvoiceOutDescriptor', {$element: null});
    }));

@ -29,81 +23,4 @@ describe('vnInvoiceOutDescriptor', () => {
            expect(controller.invoiceOut).toEqual(response);
        });
    });
-
-    describe('createPdfInvoice()', () => {
-        it('should make a query to the createPdf() endpoint and show a success snackbar', () => {
-            jest.spyOn(controller.vnApp, 'showSuccess');
-
-            controller.invoiceOut = invoiceOut;
-
-            $httpBackend.whenGET(`InvoiceOuts/${invoiceOut.id}`).respond();
-            $httpBackend.expectPOST(`InvoiceOuts/${invoiceOut.id}/createPdf`).respond();
-            controller.createPdfInvoice();
-            $httpBackend.flush();
-
-            expect(controller.vnApp.showSuccess).toHaveBeenCalled();
-        });
-    });
-
-    describe('showCsvInvoice()', () => {
-        it('should make a query to the csv invoice download endpoint and show a message snackbar', () => {
-            jest.spyOn(window, 'open').mockReturnThis();
-
-            controller.invoiceOut = invoiceOut;
-
-            const expectedParams = {
-                invoiceId: invoiceOut.id,
-                recipientId: invoiceOut.client.id
-            };
-            const serializedParams = $httpParamSerializer(expectedParams);
-            const expectedPath = `api/csv/invoice/download?${serializedParams}`;
-            controller.showCsvInvoice();
-
-            expect(window.open).toHaveBeenCalledWith(expectedPath);
-        });
-    });
-
-    describe('sendPdfInvoice()', () => {
-        it('should make a query to the email invoice endpoint and show a message snackbar', () => {
-            jest.spyOn(controller.vnApp, 'showMessage');
-
-            controller.invoiceOut = invoiceOut;
-
-            const $data = {email: 'brucebanner@gothamcity.com'};
-            const expectedParams = {
-                invoiceId: invoiceOut.id,
-                recipient: $data.email,
-                recipientId: invoiceOut.client.id
-            };
-            const serializedParams = $httpParamSerializer(expectedParams);
-
-            $httpBackend.expectGET(`email/invoice?${serializedParams}`).respond();
-            controller.sendPdfInvoice($data);
-            $httpBackend.flush();
-
-            expect(controller.vnApp.showMessage).toHaveBeenCalled();
-        });
-    });
-
-    describe('sendCsvInvoice()', () => {
-        it('should make a query to the csv invoice send endpoint and show a message snackbar', () => {
-            jest.spyOn(controller.vnApp, 'showMessage');
-
-            controller.invoiceOut = invoiceOut;
-
-            const $data = {email: 'brucebanner@gothamcity.com'};
-            const expectedParams = {
-                invoiceId: invoiceOut.id,
-                recipient: $data.email,
-                recipientId: invoiceOut.client.id
-            };
-            const serializedParams = $httpParamSerializer(expectedParams);
-
-            $httpBackend.expectGET(`csv/invoice/send?${serializedParams}`).respond();
-            controller.sendCsvInvoice($data);
-            $httpBackend.flush();
-
-            expect(controller.vnApp.showMessage).toHaveBeenCalled();
-        });
-    });
 });
--- a/modules/invoiceOut/front/descriptor/locale/es.yml
+++ b/modules/invoiceOut/front/descriptor/locale/es.yml
@ -1,20 +1,2 @@
-Volume exceded: Volumen excedido
-Volume: Volumen
 Client card: Ficha del cliente
-Invoice ticket list: Listado de tickets de la factura
-Show invoice...: Ver factura...
-Send invoice...: Enviar factura...
-Send PDF invoice: Enviar factura en PDF
-Send CSV invoice: Enviar factura en CSV
-Delete Invoice:  Eliminar factura
-Clone Invoice:  Clonar factura
-Book invoice: Asentar factura
-Generate PDF invoice: Generar PDF factura
-Show CIES letter: Ver carta CIES
-InvoiceOut deleted: Factura eliminada
-Are you sure you want to delete this invoice?: Estas seguro de eliminar esta factura?
-Are you sure you want to clone this invoice?: Estas seguro de clonar esta factura?
-InvoiceOut booked: Factura asentada
-Are you sure you want to book this invoice?: Estas seguro de querer asentar esta factura? 
-Regenerate PDF invoice: Regenerar PDF factura
-The invoice PDF document has been regenerated: El documento PDF de la factura ha sido regenerado
+Invoice ticket list: Listado de tickets de la factura
--- a/modules/invoiceOut/front/index.js
+++ b/modules/invoiceOut/front/index.js
@ -7,5 +7,6 @@ import './summary';
 import './card';
 import './descriptor';
 import './descriptor-popover';
+import './descriptor-menu';
 import './index/manual';
 import './index/global-invoicing';
--- a/modules/invoiceOut/front/summary/index.html
+++ b/modules/invoiceOut/front/summary/index.html
@ -13,6 +13,10 @@
            <vn-icon-button icon="launch"></vn-icon-button>
        </a>
        <span>{{$ctrl.summary.invoiceOut.ref}} - {{$ctrl.summary.invoiceOut.client.socialName}}</span>
+        <vn-invoice-out-descriptor-menu 
+            invoice-out="$ctrl.summary.invoiceOut" 
+            parent-reload="$ctrl.reload()"
+        />
    </h5>
    <vn-horizontal>
        <vn-one>
--- a/modules/item/back/methods/item/filter.js
+++ b/modules/item/back/methods/item/filter.js
@ -113,7 +113,7 @@ module.exports = Self => {
                return {'i.typeFk': value};
            case 'categoryFk':
                return {'ic.id': value};
-            case 'salesPersonFk':
+            case 'buyerFk':
                return {'it.workerFk': value};
            case 'origin':
                return {'ori.code': value};
--- a/modules/item/back/model-config.json
+++ b/modules/item/back/model-config.json
@ -23,6 +23,9 @@
    "ItemCategory": {
        "dataSource": "vn"
    },
+    "ItemFamily": {
+        "dataSource": "vn"
+    },
    "ItemLog": {
        "dataSource": "vn"
    },
--- a/modules/item/back/models/intrastat.json
+++ b/modules/item/back/models/intrastat.json
@ -8,12 +8,12 @@
    },
    "properties": {
        "id": {
-            "type": "Number",
+            "type": "number",
            "id": true,
            "description": "Identifier"
        },
        "description": {
-            "type": "String"
+            "type": "string"
        }
    },
    "relations": {
--- a/modules/item/back/models/item-category.json
+++ b/modules/item/back/models/item-category.json
@ -8,18 +8,18 @@
    },
    "properties": {
        "id": {
-            "type": "Number",
+            "type": "number",
            "id": true,
            "description": "Identifier"
        },
        "name": {
-            "type": "String"
+            "type": "string"
        },
        "display": {
-            "type": "Boolean"
+            "type": "boolean"
        },
        "icon": {
-            "type": "String"
+            "type": "string"
        }
    },
    "relations": {
--- a/modules/item/back/models/item-family.json
+++ b/modules/item/back/models/item-family.json
@ -0,0 +1,27 @@
+{
+    "name": "ItemFamily",
+    "base": "VnModel",
+    "options": {
+        "mysql": {
+          "table": "itemFamily"
+        }
+    },
+    "properties": {
+        "code": {
+            "type": "string",
+            "id": true,
+            "description": "Identifier"
+        },
+        "description": {
+            "type": "string"
+        }
+    },
+    "acls": [
+      {
+        "accessType": "READ",
+        "principalType": "ROLE",
+        "principalId": "$everyone",
+        "permission": "ALLOW"
+      }
+    ]
+}
--- a/modules/item/back/models/item-type.json
+++ b/modules/item/back/models/item-type.json
@ -8,21 +8,21 @@
    },
    "properties": {
        "id": {
-            "type": "Number",
+            "type": "number",
            "id": true,
            "description": "Identifier"
        },
        "code": {
-            "type": "String"
+            "type": "string"
        },
        "name": {
-            "type": "String"
+            "type": "string"
        },
        "life": {
-            "type": "Number"
+            "type": "number"
        },
        "isPackaging": {
-            "type": "Boolean"
+            "type": "boolean"
        }
    },
    "relations": {
--- a/modules/item/back/models/origin.json
+++ b/modules/item/back/models/origin.json
@ -8,15 +8,15 @@
    },
    "properties": {
        "id": {
-            "type": "Number",
+            "type": "number",
            "id": true,
            "description": "Identifier"
        },
        "code": {
-            "type": "String"
+            "type": "string"
        },
        "name": {
-            "type": "String"
+            "type": "string"
        }
    },
    "acls": [
--- a/modules/item/front/diary/index.html
+++ b/modules/item/front/diary/index.html
@ -50,7 +50,7 @@
                    on-last="$ctrl.scrollToLine(sale.lastPreparedLineFk)"
                    ng-attr-id="vnItemDiary-{{::sale.lineFk}}">
                    <vn-td shrink>
-                        <a ui-sref="claim.card.basicData({id: sale.claimFk})">
+                        <a ui-sref="claim.card.summary({id: sale.claimFk})">
                            <vn-icon icon="icon-claims"
                                ng-show="sale.claimFk"
                                vn-tooltip="{{::$ctrl.$t('Claim')}}: {{::sale.claimFk}}">
--- a/modules/item/front/fixed-price-search-panel/index.html
+++ b/modules/item/front/fixed-price-search-panel/index.html
@ -44,7 +44,7 @@
            <vn-autocomplete 
                vn-one
                ng-model="filter.buyerFk"
-                url="Workers/activeWithRolee"
+                url="Workers/activeWithRole"
                show-field="nickname"
                search-function="{firstName: $search}"
                value-field="id"
--- a/modules/item/front/fixed-price/index.html
+++ b/modules/item/front/fixed-price/index.html
@ -116,7 +116,8 @@
                                class="dense"
                                vn-focus
                                ng-model="price.minPrice"
-                                on-change="$ctrl.upsertPrice(price)">
+                                on-change="$ctrl.upsertPrice(price)"
+                                step="0.01">
                            </vn-input-number>
                        </field>
                    </vn-td-editable>
@ -140,7 +141,7 @@
                        <vn-icon-button
                            icon="delete"
                            vn-tooltip="Delete"
-                            ng-click="$ctrl.removePrice($index)">
+                            ng-click="deleteFixedPrice.show({$index})">
                        </vn-icon-button>
                    </vn-td>
                </vn-tr>
@ -154,9 +155,19 @@
                ng-click="model.insert()">
            </vn-icon-button>
        </div>
+        <vn-pagination
+            model="model"
+            class="vn-pt-md">
+        </vn-pagination>
    </vn-card>
 </div>
 <vn-item-descriptor-popover
    vn-id="item-descriptor"
    warehouse-fk="$ctrl.vnConfig.warehouseFk">
-</vn-item-descriptor-popover>
+</vn-item-descriptor-popover>
+<vn-confirm
+    vn-id="deleteFixedPrice"
+    on-accept="$ctrl.removePrice($data.$index)"
+    question="Are you sure you want to continue?"
+    message="This row will be removed">
+</vn-confirm>
--- a/modules/item/front/fixed-price/locale/es.yml
+++ b/modules/item/front/fixed-price/locale/es.yml
@ -1,4 +1,5 @@
 Fixed prices: Precios fijados
 Search prices by item ID or code: Buscar por ID de artículo o código
 Search fixed prices: Buscar precios fijados
-Add fixed price: Añadir precio fijado
+Add fixed price: Añadir precio fijado
+This row will be removed: Esta linea se eliminará
--- a/modules/item/front/index/index.html
+++ b/modules/item/front/index/index.html
@ -1,115 +1,148 @@
 <vn-auto-search
    model="model">
 </vn-auto-search>
-<vn-data-viewer
-    model="model"
-    class="vn-w-xl vn-mb-xl">
-    <vn-card>
-        <vn-table
-            model="model"
-            show-fields="$ctrl.showFields"
-            vn-smart-table="itemIndex">
-            <vn-thead>
-                <vn-tr>
-                    <vn-th shrink></vn-th>
-                    <vn-th field="id" shrink>Id</vn-th>
-                    <vn-th field="grouping" shrink>Grouping</vn-th>
-                    <vn-th field="packing" shrink>Packing</vn-th>
-                    <vn-th field="name">Description</vn-th>
-                    <vn-th field="stems" shrink>Stems</vn-th>
-                    <vn-th field="size" shrink>Size</vn-th>
-                    <vn-th field="typeFk" shrink>Type</vn-th>
-                    <vn-th field="category" shrink>Category</vn-th>
-                    <vn-th field="intrastat" shrink>Intrastat</vn-th>
-                    <vn-th field="origin" shrink>Origin</vn-th>
-                    <vn-th field="salesperson" shrink>Buyer</vn-th>
-                    <vn-th field="density" shrink>Density</vn-th>
-                    <vn-th field="stemMultiplier" shrink>Multiplier</vn-th>
-                    <vn-th field="active" shrink>Active</vn-th>
-                    <vn-th field="landed" shrink-date>Landed</vn-th>
-                    <vn-th></vn-th>
-                </vn-tr>
-            </vn-thead>
-            <vn-tbody>
-                <a ng-repeat="item in model.data"
-                    class="clickable vn-tr search-result"
-                    ui-sref="item.card.summary({id: item.id})">
-                    <vn-td shrink>
-                        <img 
-                            ng-src="{{::$root.imagePath('catalog', '50x50', item.id)}}"
-                            zoom-image="{{::$root.imagePath('catalog', '1600x900', item.id)}}"
-                            vn-click-stop
-                            on-error-src/>
-                    </vn-td>
-                    <vn-td shrink>
-                        <span
-                            vn-click-stop="itemDescriptor.show($event, item.id)"
-                            class="link">
-                            {{::item.id}}
-                        </span>
-                    </vn-td>
-                    <vn-td shrink>{{::item.grouping | dashIfEmpty}}</vn-td>
-                    <vn-td shrink>{{::item.packing | dashIfEmpty}}</vn-td>
-                    <vn-td vn-fetched-tags>
-                        <div>
-                            <vn-one title="{{::item.name}}">{{::item.name}}</vn-one>
-                            <vn-one ng-if="::item.subName">
-                                <h3 title="{{::item.subName}}">{{::item.subName}}</h3>
-                            </vn-one>
-                        </div>
-                        <vn-fetched-tags
-                            max-length="6"
-                            item="item"
-                            tabindex="-1">
-                        </vn-fetched-tags>
-                    </vn-td>
-                    <vn-td shrink>{{::item.stems}}</vn-td>
-                    <vn-td shrink>{{::item.size}}</vn-td>
-                    <vn-td shrink title="{{::item.typeName}}">
-                        {{::item.typeName}}
-                    </vn-td>
-                    <vn-td shrink title="{{::item.category}}">
-                        {{::item.category}}
-                    </vn-td>
-                    <vn-td shrink title="{{::item.intrastat}}">
-                        {{::item.intrastat}}
-                    </vn-td>
-                    <vn-td shrink>{{::item.origin}}</vn-td>
-                    <vn-td shrink title="{{::item.userName}}">
-                        <span 
-                            class="link" 
-                            vn-click-stop="workerDescriptor.show($event, item.buyerFk)">
-                            {{::item.userName}}
-                        </span>
-                    </vn-td>
-                    <vn-td shrink>{{::item.density}}</vn-td>
-                    <vn-td shrink >{{::item.stemMultiplier}}</vn-td>
-                    <vn-td shrink>
-                        <vn-check
-                            disabled="true"
-                            ng-model="::item.isActive">
-                        </vn-check> 
-                    </vn-td>
-                    <vn-td shrink-date>{{::item.landed | date:'dd/MM/yyyy'}}</vn-td> 
-                    <vn-td shrink>
-                        <vn-horizontal class="buttons">
-                            <vn-icon-button
-                                vn-click-stop="clone.show(item.id)"
-                                vn-tooltip="Clone"
-                                icon="icon-clone">
-                            </vn-icon-button>
-                            <vn-icon-button
-                                vn-click-stop="$ctrl.preview(item)"
-                                vn-tooltip="Preview"
-                                icon="preview">
-                            </vn-icon-button>
-                        </vn-horizontal>
-                    </vn-td>
-                </a>
-            </vn-tbody>
-        </vn-table>
-    </vn-card>
-</vn-data-viewer>
+<vn-card>
+    <smart-table 
+        model="model" 
+        view-config-id="itemsIndex" 
+        options="$ctrl.smartTableOptions" 
+        expr-builder="$ctrl.exprBuilder(param, value)">
+        <slot-table>
+            <table>
+                <thead>
+                    <tr>
+                        <th shrink></th>
+                        <th field="id">
+                            <span translate>Identifier</span>
+                        </th>
+                        <th field="grouping">
+                            <span translate>Grouping</span>
+                        </th>
+                        <th field="packing">
+                            <span translate>Packing</span>
+                        </th>
+                        <th field="name">
+                            <span translate>Description</span>
+                        </th>
+                        <th field="stems">
+                            <span translate>Stems</span>
+                        </th>
+                        <th field="size">
+                            <span translate>Size</span>
+                        </th>
+                        <th field="typeFk">
+                            <span translate>Type</span>
+                        </th>
+                        <th field="category">
+                            <span translate>Category</span>
+                        </th>
+                        <th field="intrastat">
+                            <span translate>Intrastat</span>
+                        </th>
+                        <th field="origin">
+                            <span translate>Origin</span>
+                        </th>
+                        <th field="buyerFk">
+                            <span translate>Buyer</span>
+                        </th>
+                        <th field="density">
+                            <span translate>Density</span>
+                        </th>
+                        <th field="stemMultiplier">
+                            <span translate>Multiplier</span>
+                        </th>
+                        <th field="active">
+                            <span translate>Active</span>
+                        </th>
+                        <th field="landed">
+                            <span translate>Landed</span>
+                        </th>
+                        <th></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr ng-repeat="item in model.data"
+                        vn-anchor="::{
+                            state: 'item.card.summary', 
+                            params: {id: item.id}
+                        }">
+                        <td>
+                            <img 
+                                ng-src="{{::$root.imagePath('catalog', '50x50', item.id)}}"
+                                zoom-image="{{::$root.imagePath('catalog', '1600x900', item.id)}}"
+                                vn-click-stop
+                                on-error-src/>
+                        </td>
+                        <td>
+                            <span
+                                vn-click-stop="itemDescriptor.show($event, item.id)"
+                                class="link">
+                                {{::item.id}}
+                            </span>
+                        </td>
+                        <td>{{::item.grouping | dashIfEmpty}}</td>
+                        <td>{{::item.packing | dashIfEmpty}}</td>
+                        <td vn-fetched-tags>
+                            <div>
+                                <vn-one title="{{::item.name}}">{{::item.name}}</vn-one>
+                                <vn-one ng-if="::item.subName">
+                                    <h3 title="{{::item.subName}}">{{::item.subName}}</h3>
+                                </vn-one>
+                            </div>
+                            <vn-fetched-tags
+                                max-length="6"
+                                item="item"
+                                tabindex="-1">
+                            </vn-fetched-tags>
+                        </td>
+                        <td>{{::item.stems}}</td>
+                        <td>{{::item.size}}</td>
+                        <td title="{{::item.typeName}}">
+                            {{::item.typeName}}
+                        </td>
+                        <td title="{{::item.category}}">
+                            {{::item.category}}
+                        </td>
+                        <td title="{{::item.intrastat}}">
+                            {{::item.intrastat}}
+                        </td>
+                        <td>{{::item.origin}}</td>
+                        <td title="{{::item.userName}}">
+                            <span 
+                                class="link" 
+                                vn-click-stop="workerDescriptor.show($event, item.buyerFk)">
+                                {{::item.userName}}
+                            </span>
+                        </td>
+                        <td>{{::item.density}}</td>
+                        <td>{{::item.stemMultiplier}}</td>
+                        <td>
+                            <vn-check
+                                disabled="true"
+                                ng-model="::item.isActive">
+                            </vn-check> 
+                        </td>
+                        <td shrink-date>{{::item.landed | date:'dd/MM/yyyy'}}</td> 
+                        <td>
+                            <vn-horizontal class="buttons">
+                                <vn-icon-button
+                                    vn-click-stop="clone.show(item.id)"
+                                    vn-tooltip="Clone"
+                                    icon="icon-clone">
+                                </vn-icon-button>
+                                <vn-icon-button
+                                    vn-click-stop="$ctrl.preview(item)"
+                                    vn-tooltip="Preview"
+                                    icon="preview">
+                                </vn-icon-button>
+                            </vn-horizontal>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </slot-table>
+    </smart-table>
+</vn-card>
 <a ui-sref="item.create" vn-tooltip="New item" vn-bind="+" fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
 </a>
@ -133,7 +166,7 @@
 </vn-popup>
 <vn-contextmenu 
    vn-id="contextmenu" 
-    targets="['vn-data-viewer']" 
+    targets="['smart-table']" 
    model="model"
    expr-builder="$ctrl.exprBuilder(param, value)">
        <slot-menu>
--- a/modules/item/front/index/index.js
+++ b/modules/item/front/index/index.js
@ -5,9 +5,61 @@ import './style.scss';
 class Controller extends Section {
    constructor($element, $) {
        super($element, $);
-        this.showFields = {
-            id: false,
-            actions: false
+
+        this.smartTableOptions = {
+            activeButtons: {
+                search: true,
+                shownColumns: true,
+            },
+            columns: [
+                {
+                    field: 'category',
+                    autocomplete: {
+                        url: 'ItemCategories',
+                        valueField: 'name',
+                    }
+                },
+                {
+                    field: 'origin',
+                    autocomplete: {
+                        url: 'Origins',
+                        showField: 'code',
+                        valueField: 'code'
+                    }
+                },
+                {
+                    field: 'typeFk',
+                    autocomplete: {
+                        url: 'ItemTypes',
+                    }
+                },
+                {
+                    field: 'intrastat',
+                    autocomplete: {
+                        url: 'Intrastats',
+                        showField: 'description',
+                        valueField: 'description'
+                    }
+                },
+                {
+                    field: 'buyerFk',
+                    autocomplete: {
+                        url: 'Workers/activeWithRole',
+                        where: `{role: {inq: ['logistic', 'buyer']}}`,
+                        searchFunction: '{firstName: $search}',
+                        showField: 'nickname',
+                        valueField: 'id',
+                    }
+                },
+                {
+                    field: 'active',
+                    searchable: false
+                },
+                {
+                    field: 'landed',
+                    searchable: false
+                },
+            ]
        };
    }

@ -15,7 +67,7 @@ class Controller extends Section {
        switch (param) {
        case 'category':
            return {'ic.name': value};
-        case 'salesPersonFk':
+        case 'buyerFk':
            return {'it.workerFk': value};
        case 'grouping':
            return {'b.grouping': value};
@ -27,9 +79,10 @@ class Controller extends Section {
            return {'i.typeFk': value};
        case 'intrastat':
            return {'intr.description': value};
+        case 'name':
+            return {'i.name': {like: `%${value}%`}};
        case 'id':
        case 'size':
-        case 'name':
        case 'subname':
        case 'isActive':
        case 'density':
--- a/modules/item/front/index/style.scss
+++ b/modules/item/front/index/style.scss
@ -23,7 +23,7 @@ vn-item-product {
    }
 }

-vn-table {
+table {
    img {
        border-radius: 50%;
        width: 50px;
--- a/modules/item/front/last-entries/index.html
+++ b/modules/item/front/last-entries/index.html
@ -23,7 +23,6 @@
    </vn-horizontal>
 </vn-card>

-
 <vn-data-viewer
    model="model"
    class="vn-mb-xl vn-w-xl vn-pa-md">
--- a/modules/item/front/search-panel/index.html
+++ b/modules/item/front/search-panel/index.html
@ -41,7 +41,7 @@
            <vn-autocomplete 
                vn-one
                disabled="false"
-                ng-model="filter.salesPersonFk"
+                ng-model="filter.buyerFk"
                url="Workers/activeWithRole"
                show-field="nickname"
                search-function="{firstName: $search}"
--- a/modules/monitor/front/index/locale/es.yml
+++ b/modules/monitor/front/index/locale/es.yml
@ -9,5 +9,6 @@ Minimize/Maximize: Minimizar/Maximizar
 Problems: Problemas
 Theoretical: Teórica
 Practical: Práctica
+Preparation: Preparación
 Auto-refresh: Auto-refresco
 Toggle auto-refresh every 2 minutes: Conmuta el refresco automático cada 2 minutos
--- a/modules/monitor/front/index/tickets/index.html
+++ b/modules/monitor/front/index/tickets/index.html
@ -20,155 +20,187 @@
    <vn-one translate>
        Tickets monitor
    </vn-one> 
-    <vn-none>
-        <vn-check
+</vn-horizontal>
+<vn-card>
+    <smart-table 
+        model="model" 
+        view-config-id="ticketsMonitor" 
+        options="$ctrl.smartTableOptions" 
+        expr-builder="$ctrl.exprBuilder(param, value)">
+        <slot-actions><vn-check
            label="Auto-refresh"
            vn-tooltip="Toggle auto-refresh every 2 minutes"
            on-change="$ctrl.autoRefresh(value)">
-        </vn-check>
-        <vn-icon
-            icon="refresh"
-            vn-tooltip="Refresh"
-            ng-click="model.refresh()">
-        </vn-icon>
-    </vn-none>
-</vn-horizontal>
-<vn-card>
-    <vn-table model="model">
-        <vn-thead>
-            <vn-tr>
-                <vn-th field="totalProblems" menu-enabled="false">Problems</vn-th>
-                <vn-th field="nickname">Client</vn-th>
-                <vn-th field="salesPersonFk" class="expendable" shrink>Salesperson</vn-th>
-                <vn-th field="shipped" shrink-date>Date</vn-th>
-                <vn-th field="preparationHour" filter-enabled="false">Prep.</vn-th>
-                <vn-th field="theoreticalHour">Theoretical</vn-th>
-                <vn-th field="practicalHour">Practical</vn-th>
-                <vn-th field="provinceFk" class="expendable">Province</vn-th>
-                <vn-th field="stateFk">State</vn-th>
-                <vn-th field="zoneFk">Zone</vn-th>
-                <vn-th field="totalWithVat" shrink>Total</vn-th>
-                <vn-th></vn-th>
-            </vn-tr>
-        </vn-thead>
-        <vn-tbody>
-            <a ng-repeat="ticket in model.data"
-                class="clickable vn-tr search-result"
-                ui-sref="ticket.card.summary({id: {{::ticket.id}}})" target="_blank">
-                <vn-td expand>
-                    <vn-icon
-                        ng-show="::ticket.isTaxDataChecked === 0"
-                        translate-attr="{title: 'No verified data'}"
-                        class="bright"
-                        icon="icon-no036">
-                    </vn-icon>
-                    <vn-icon
-                        ng-show="::ticket.hasTicketRequest"
-                        translate-attr="{title: 'Purchase request'}"
-                        class="bright"
-                        icon="icon-100">
-                    </vn-icon>
-                    <vn-icon
-                        ng-show="::ticket.isAvailable === 0"
-                        translate-attr="{title: 'Not available'}"
-                        class="bright"
-                        icon="icon-unavailable">
-                    </vn-icon>
-                    <vn-icon
-                        ng-show="::ticket.isFreezed"
-                        translate-attr="{title: 'Client frozen'}"
-                        class="bright"
-                        icon="icon-frozen">
-                    </vn-icon>
-                    <vn-icon
-                        ng-show="::ticket.risk"
-                        ng-class="::{'highRisk': ticket.hasHighRisk}"
-                        title="{{::$ctrl.$t('Risk')}}: {{ticket.risk}}"
-                        class="bright"
-                        icon="icon-risk">
-                    </vn-icon>
-                    <vn-icon
-                        ng-show="::ticket.hasComponentLack"
-                        translate-attr="{title: 'Component lack'}"
-                        class="bright"
-                        icon="icon-components">
-                    </vn-icon>
-                </vn-td>
-                <vn-td name="nickname">
-                    <span
-                        title="{{::ticket.nickname}}"
-                        vn-click-stop="clientDescriptor.show($event, ticket.clientFk)"
-                        class="link">
-                        {{::ticket.nickname}}
-                    </span>
-                </vn-td>
-                <vn-td class="expendable" shrink>
-                    <span
-                        title="{{::ticket.userName}}"
-                        vn-click-stop="workerDescriptor.show($event, ticket.salesPersonFk)"
-                        class="link">
-                        {{::ticket.userName | dashIfEmpty}}
-                    </span>
-                </vn-td>
-                <vn-td shrink-date>
-                    <span class="chip {{::$ctrl.compareDate(ticket.shipped)}}">
-                        {{::ticket.shipped | date: 'dd/MM/yyyy'}}
-                    </span>
-                </vn-td>
-                <vn-td shrink>{{::ticket.shipped | date: 'HH:mm'}}</vn-td>
-                <vn-td shrink>{{::ticket.zoneLanding | date: 'HH:mm'}}</vn-td>
-                <vn-td shrink>{{::ticket.practicalHour | date: 'HH:mm'}}</vn-td>
-                <vn-td class="expendable">{{::ticket.province}}</vn-td>
-                <vn-td class="expendable">
-                    <span
-                        ng-show="::ticket.refFk"
-                        title="{{::ticket.refFk}}"
-                        vn-click-stop="invoiceOutDescriptor.show($event, ticket.invoiceOutId)"
-                        class="link">
-                        {{::ticket.refFk}}
-                    </span>
-                    <span 
-                        ng-show="::!ticket.refFk"
-                        class="chip {{::$ctrl.stateColor(ticket)}}">
-                        {{::ticket.state}}
-                    </span>
-                </vn-td>
-                <vn-td>
-                    <span
-                        title="{{::ticket.zoneName}}"
-                        vn-click-stop="zoneDescriptor.show($event, ticket.zoneFk)"
-                        class="link">
-                        {{::ticket.zoneName | dashIfEmpty}}
-                    </span>
-                </vn-td>
-                <vn-td shrink>
-                    <span class="chip {{::$ctrl.totalPriceColor(ticket)}}">
-                        {{::(ticket.totalWithVat ? ticket.totalWithVat : 0) | currency: 'EUR': 2}}
-                    </span>
-                </vn-td>
-                <vn-td actions>
-                    <vn-icon-button
+        </vn-check></slot-actions>
+        <slot-table>
+            <table>
+                <thead>
+                    <tr>
+                        <th field="totalProblems" menu-enabled="false">
+                            <span translate>Problems</span>
+                        </th>
+                        <th field="id">
+                            <span translate>Identifier</span>
+                        </th>
+                        <th field="nickname">
+                            <span translate>Client</span>
+                        </th>
+                        <th field="salesPersonFk">
+                            <span translate>Salesperson</span>
+                        </th>
+                        <th field="shipped" shrink-date>
+                            <span translate>Date</span>
+                        </th>
+                        <th field="theoreticalHour">
+                            <span translate>Theoretical</span>
+                        </th>
+                        <th field="practicalHour">
+                            <span translate>Practical</span>
+                        </th>
+                        <th field="preparationHour" filter-enabled="false">
+                            <span translate>Preparation</span>
+                        </th>
+                        <th field="provinceFk">
+                            <span translate>Province</span>
+                        </th>
+                        <th field="stateFk">
+                            <span translate>State</span>
+                        </th>
+                        <th field="zoneFk">
+                            <span translate>Zone</span>
+                        </th>
+                        <th field="totalWithVat" shrink>
+                            <span translate>Total</span>
+                        </th>
+                        <th shrink></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr ng-repeat="ticket in model.data"
                        vn-anchor="::{
-                            state: 'ticket.card.sale', 
-                            params: {id: ticket.id}, 
+                            state: 'ticket.card.summary', 
+                            params: {id: ticket.id},
                            target: '_blank'
-                        }"
-                        vn-tooltip="Go to lines"
-                        icon="icon-lines">
-                    </vn-icon-button>
-                    <vn-icon-button
-                        vn-click-stop="$ctrl.preview(ticket)"
-                        vn-tooltip="Preview"
-                        icon="preview">
-                    </vn-icon-button>
-                </vn-td>
-            </a>
-        </vn-tbody>
-    </vn-table>
-    <vn-pagination
-        model="model"
-        class="vn-pt-xs">
-    </vn-pagination>
+                        }">
+                        <td>
+                            <vn-icon
+                                ng-show="::ticket.isTaxDataChecked === 0"
+                                translate-attr="{title: 'No verified data'}"
+                                class="bright"
+                                icon="icon-no036">
+                            </vn-icon>
+                            <vn-icon
+                                ng-show="::ticket.hasTicketRequest"
+                                translate-attr="{title: 'Purchase request'}"
+                                class="bright"
+                                icon="icon-100">
+                            </vn-icon>
+                            <vn-icon
+                                ng-show="::ticket.isAvailable === 0"
+                                translate-attr="{title: 'Not available'}"
+                                class="bright"
+                                icon="icon-unavailable">
+                            </vn-icon>
+                            <vn-icon
+                                ng-show="::ticket.isFreezed"
+                                translate-attr="{title: 'Client frozen'}"
+                                class="bright"
+                                icon="icon-frozen">
+                            </vn-icon>
+                            <vn-icon
+                                ng-show="::ticket.risk"
+                                ng-class="::{'highRisk': ticket.hasHighRisk}"
+                                title="{{::$ctrl.$t('Risk')}}: {{ticket.risk}}"
+                                class="bright"
+                                icon="icon-risk">
+                            </vn-icon>
+                            <vn-icon
+                                ng-show="::ticket.hasComponentLack"
+                                translate-attr="{title: 'Component lack'}"
+                                class="bright"
+                                icon="icon-components">
+                            </vn-icon>
+                        </td>
+                         <td>
+                            <span
+                                vn-click-stop="ticketDescriptor.show($event, ticket.id)"
+                                class="link">
+                                {{::ticket.id}}
+                            </span>
+                        </td>
+                        <td name="nickname">
+                            <span
+                                title="{{::ticket.nickname}}"
+                                vn-click-stop="clientDescriptor.show($event, ticket.clientFk)"
+                                class="link">
+                                {{::ticket.nickname}}
+                            </span>
+                        </td>
+                        <td>
+                            <span
+                                title="{{::ticket.userName}}"
+                                vn-click-stop="workerDescriptor.show($event, ticket.salesPersonFk)"
+                                class="link">
+                                {{::ticket.userName | dashIfEmpty}}
+                            </span>
+                        </td>
+                        <td>
+                            <span class="chip {{::$ctrl.compareDate(ticket.shipped)}}">
+                                {{::ticket.shipped | date: 'dd/MM/yyyy'}}
+                            </span>
+                        </td>
+                        <td>{{::ticket.zoneLanding | date: 'HH:mm'}}</td>
+                        <td>{{::ticket.practicalHour | date: 'HH:mm'}}</td>
+                        <td>{{::ticket.shipped | date: 'HH:mm'}}</td>
+                        <td>{{::ticket.province}}</td>
+                        <td>
+                            <span
+                                ng-show="::ticket.refFk"
+                                title="{{::ticket.refFk}}"
+                                vn-click-stop="invoiceOutDescriptor.show($event, ticket.invoiceOutId)"
+                                class="link">
+                                {{::ticket.refFk}}
+                            </span>
+                            <span 
+                                ng-show="::!ticket.refFk"
+                                class="chip {{::$ctrl.stateColor(ticket)}}">
+                                {{::ticket.state}}
+                            </span>
+                        </td>
+                        <td>
+                            <span
+                                title="{{::ticket.zoneName}}"
+                                vn-click-stop="zoneDescriptor.show($event, ticket.zoneFk)"
+                                class="link">
+                                {{::ticket.zoneName | dashIfEmpty}}
+                            </span>
+                        </td>
+                        <td number>
+                            <span class="chip {{::$ctrl.totalPriceColor(ticket)}}">
+                                {{::(ticket.totalWithVat ? ticket.totalWithVat : 0) | currency: 'EUR': 2}}
+                            </span>
+                        </td>
+                        <td actions>
+                            <vn-icon-button
+                                vn-anchor="::{
+                                    state: 'ticket.card.sale', 
+                                    params: {id: ticket.id}, 
+                                    target: '_blank'
+                                }"
+                                vn-tooltip="Go to lines"
+                                icon="icon-lines">
+                            </vn-icon-button>
+                            <vn-icon-button
+                                vn-click-stop="$ctrl.preview(ticket)"
+                                vn-tooltip="Preview"
+                                icon="preview">
+                            </vn-icon-button>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </slot-table>
+    </smart-table>
 </vn-card>
 <vn-worker-descriptor-popover 
    vn-id="workerDescriptor">
@ -185,7 +217,7 @@
        model="model">
    </vn-ticket-summary>
 </vn-popup>
-<vn-contextmenu vn-id="contextmenu" targets="['vn-monitor-sales-tickets vn-table']" model="model"
+<vn-contextmenu vn-id="contextmenu" targets="['vn-monitor-sales-tickets smart-table']" model="model"
    expr-builder="$ctrl.exprBuilder(param, value)">
    <slot-menu>
        <vn-item translate
--- a/modules/monitor/front/index/tickets/index.js
+++ b/modules/monitor/front/index/tickets/index.js
@ -7,6 +7,64 @@ export default class Controller extends Section {
        super($element, $);

        this.filterParams = this.fetchParams();
+        this.smartTableOptions = {
+            activeButtons: {
+                search: true,
+                shownColumns: true,
+            },
+            columns: [
+                {
+                    field: 'totalProblems',
+                    searchable: false
+                },
+                {
+                    field: 'salesPersonFk',
+                    autocomplete: {
+                        url: 'Workers/activeWithInheritedRole',
+                        where: `{role: 'salesPerson'}`,
+                        searchFunction: '{firstName: $search}',
+                        showField: 'nickname',
+                        valueField: 'id',
+                    }
+                },
+                {
+                    field: 'provinceFk',
+                    autocomplete: {
+                        url: 'Provinces',
+                    }
+                },
+                {
+                    field: 'stateFk',
+                    autocomplete: {
+                        url: 'States',
+                    }
+                },
+                {
+                    field: 'zoneFk',
+                    autocomplete: {
+                        url: 'Zones',
+                    }
+                },
+                {
+                    field: 'warehouseFk',
+                    autocomplete: {
+                        url: 'Warehouses',
+                    }
+                },
+                {
+                    field: 'shipped',
+                    searchable: false
+                },
+                {
+                    field: 'theoreticalHour',
+                    searchable: false
+                },
+                {
+                    field: 'preparationHour',
+                    searchable: false
+                }
+            ]
+        };
    }

    $onInit() {
@ -93,8 +151,10 @@ export default class Controller extends Section {
            return {'t.shipped': {
                between: this.dateRange(value)}
            };
-        case 'zoneFk':
        case 'nickname':
+            return {[`t.nickname`]: {like: `%${value}%`}};
+        case 'zoneFk':
+        case 'totalWithVat':
            return {[`t.${param}`]: value};
        }
    }
--- a/modules/supplier/back/models/specs/supplier.spec.js
+++ b/modules/supplier/back/models/specs/supplier.spec.js
@ -1,12 +1,13 @@
-const app = require('vn-loopback/server/server');
+const models = require('vn-loopback/server/server').models;
+const LoopBackContext = require('loopback-context');

 describe('loopback model Supplier', () => {
    let supplierOne;
    let supplierTwo;

    beforeAll(async() => {
-        supplierOne = await app.models.Supplier.findById(1);
-        supplierTwo = await app.models.Supplier.findById(442);
+        supplierOne = await models.Supplier.findById(1);
+        supplierTwo = await models.Supplier.findById(442);
    });

    afterAll(async() => {
@ -18,9 +19,9 @@ describe('loopback model Supplier', () => {
        it('should throw an error when attempting to set an invalid payMethod id in the supplier', async() => {
            let error;
            const expectedError = 'You can not select this payment method without a registered bankery account';
-            const supplier = await app.models.Supplier.findById(1);
+            const supplier = await models.Supplier.findById(1);

-            await supplier.updateAttribute('payMethodFk', 4)
+            await supplier.updateAttribute('payMethodFk', 8)
                .catch(e => {
                    error = e;

@ -31,14 +32,27 @@ describe('loopback model Supplier', () => {
        });

        it('should not throw if the payMethod id is valid', async() => {
+            const activeCtx = {
+                accessToken: {userId: 9},
+                http: {
+                    req: {
+                        headers: {origin: 'http://localhost'}
+                    }
+                }
+            };
+
+            spyOn(LoopBackContext, 'getCurrentContext').and.returnValue({
+                active: activeCtx
+            });
+
            let error;
-            const supplier = await app.models.Supplier.findById(442);
+            const supplier = await models.Supplier.findById(442);
            await supplier.updateAttribute('payMethodFk', 4)
                .catch(e => {
                    error = e;
                });

-            expect(error).toBeDefined();
+            expect(error).not.toBeDefined();
        });
    });
 });
--- a/modules/supplier/back/models/supplier-log.json
+++ b/modules/supplier/back/models/supplier-log.json
@ -9,40 +9,40 @@
 	"properties": {
 		"id": {
 			"id": true,
-			"type": "Number",
+			"type": "number",
 			"forceId": false
 		},
 		"originFk": {
-			"type": "Number",
+			"type": "number",
 			"required": true
 		},
 		"userFk": {
-			"type": "Number"
+			"type": "number"
 		},
 		"action": {
-			"type": "String",
+			"type": "string",
 			"required": true
 		},
 		"changedModel": {
-			"type": "String"
+			"type": "string"
 		},
 		"oldInstance": {
-			"type": "Object"
+			"type": "object"
 		},
 		"newInstance": {
-			"type": "Object"
+			"type": "object"
 		},
 		"creationDate": {
-			"type": "Date"
+			"type": "date"
 		},
 		"changedModelId": {
-			"type": "String"
+			"type": "string"
 		},
 		"changedModelValue": {
-			"type": "String"
+			"type": "string"
 		},
 		"description": {
-			"type": "String"
+			"type": "string"
 		}
 	},
 	"relations": {
--- a/modules/supplier/back/models/supplier.js
+++ b/modules/supplier/back/models/supplier.js
@ -80,7 +80,7 @@ module.exports = Self => {
        const supplierAccount = await Self.app.models.SupplierAccount.findOne({where: {supplierFk: this.id}});
        const hasIban = supplierAccount && supplierAccount.iban;

-        if (payMethod && payMethod.ibanRequired && !hasIban)
+        if (payMethod && payMethod.ibanRequiredForSuppliers && !hasIban)
            err();

        done();
--- a/modules/supplier/front/billing-data/index.html
+++ b/modules/supplier/front/billing-data/index.html
@ -24,7 +24,7 @@
                vn-acl="salesAssistant"
                ng-model="$ctrl.supplier.payMethodFk"
                data="paymethods"
-                fields="['ibanRequired']"
+                fields="['ibanRequiredForSuppliers']"
                initial-data="$ctrl.supplier.payMethod">
            </vn-autocomplete>
            <vn-autocomplete
--- a/modules/ticket/back/methods/ticket-request/deny.js
+++ b/modules/ticket/back/methods/ticket-request/deny.js
@ -24,6 +24,8 @@ module.exports = Self => {
    });

    Self.deny = async(ctx, options) => {
+        const models = Self.app.models;
+        const $t = ctx.req.__; // $translate
        const myOptions = {};
        let tx;

@ -48,6 +50,17 @@ module.exports = Self => {
            const request = await Self.app.models.TicketRequest.findById(ctx.args.id, null, myOptions);
            await request.updateAttributes(params, myOptions);

+            const origin = ctx.req.headers.origin;
+            const requesterId = request.requesterFk;
+
+            const message = $t('Deny buy request', {
+                ticketId: request.ticketFk,
+                url: `${origin}/#!/ticket/${request.ticketFk}/request/index`,
+                observation: params.response
+            });
+
+            await models.Chat.sendCheckingPresence(ctx, requesterId, message, myOptions);
+
            if (tx) await tx.commit();

            return request;
--- a/modules/ticket/back/methods/ticket-request/specs/deny.spec.js
+++ b/modules/ticket/back/methods/ticket-request/specs/deny.spec.js
@ -1,13 +1,23 @@
 const models = require('vn-loopback/server/server').models;

 describe('ticket-request deny()', () => {
-    it('should return the dinied ticket request', async() => {
+    it('should return the denied ticket request', async() => {
        const tx = await models.TicketRequest.beginTransaction({});

        try {
            const options = {transaction: tx};

-            const ctx = {req: {accessToken: {userId: 9}}, args: {id: 4, observation: 'my observation'}};
+            const ctx = {
+                req: {
+                    accessToken: {userId: 9},
+                    headers: {origin: 'http://localhost'}
+                },
+                args: {id: 4, observation: 'my observation'},
+            };
+
+            ctx.req.__ = value => {
+                return value;
+            };

            const result = await models.TicketRequest.deny(ctx, options);

--- a/modules/ticket/back/models/packaging.json
+++ b/modules/ticket/back/models/packaging.json
@ -9,29 +9,29 @@
    "properties": {
      "id": {
        "id": true,
-        "type": "String",
+        "type": "string",
        "description": "Identifier"
      },
      "volume": {
-        "type": "Number"
+        "type": "number"
      },
      "width": {
-        "type": "Date"
+        "type": "date"
      },
      "height": {
-        "type": "Number"
+        "type": "number"
      },
      "depth": {
-        "type": "Number"
+        "type": "number"
      },
      "isPackageReturnable": {
-        "type": "Number"
+        "type": "boolean"
      },
      "created": {
-        "type": "Date"
+        "type": "date"
      },
      "price": {
-        "type": "Number"
+        "type": "number"
      }
    },
    "relations": {
--- a/modules/ticket/front/request/index/index.html
+++ b/modules/ticket/front/request/index/index.html
@ -25,7 +25,7 @@
                <vn-th number>Quantity</vn-th>
                <vn-th number>Price</vn-th>
                <vn-th number>Item id</vn-th>
-                <vn-th number>Ok</vn-th>
+                <vn-th number>State</vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
@ -78,13 +78,9 @@
                        {{::request.saleFk | zeroFill:6}}
                    </span>
                </vn-td>
-                <vn-td number>
-                    <vn-check vn-one
-                        ng-model="::request.isOk"
-                        triple-state="true"
-                        title="{{$ctrl.getRequestState(request.isOk)}}"
-                        disabled="true">
-                    </vn-check>
+                <vn-td number
+                       translate>
+                    {{$ctrl.getRequestState(request.isOk)}}
                </vn-td>
                <vn-td number>
                    <vn-icon-button 
@ -93,7 +89,7 @@
                        ng-click="$ctrl.removeLine($index)"
                        vn-tooltip="Remove request"
                        tabindex="-1">
-                    </vn-icon-button>
+                    </vn-icon-button> 
                </vn-td>
            </vn-tr>
        </vn-tbody>
--- a/modules/ticket/front/request/index/locale/es.yml
+++ b/modules/ticket/front/request/index/locale/es.yml
@ -4,4 +4,7 @@ Remove request: Eliminar petición
 New request: Crear petición
 Sale id: Id linea
 Requester: Solicitante
-New purchase request: Nueva petición de compra
+New purchase request: Nueva petición de compra
+Denied: Denegada
+Acepted: Aceptada
+New: Nueva
--- a/print/core/smtp.js
+++ b/print/core/smtp.js
@ -24,13 +24,24 @@ module.exports = {

            throw err;
        }).finally(async() => {
+            const attachments = [];
+            for (let attachment of options.attachments) {
+                const fileName = attachment.filename;
+                const filePath = attachment.path;
+                // if (fileName.includes('.png')) return;
+
+                if (fileName || filePath)
+                    attachments.push(filePath ? filePath : fileName);
+            }
+            const fileNames = attachments.join(',\n');
            await db.rawSql(`
-                INSERT INTO vn.mail (receiver, replyTo, sent, subject, body, status)
-                    VALUES (?, ?, 1, ?, ?, ?)`, [
+                INSERT INTO vn.mail (receiver, replyTo, sent, subject, body, attachment, status)
+                    VALUES (?, ?, 1, ?, ?, ?, ?)`, [
                options.to,
                options.replyTo,
                options.subject,
                options.text || options.html,
+                fileNames,
                error && error.message || 'Sent'
            ]);
        });