Merge pull request '2583-create_account_supplier' (#552) from 2583-create_account_supplier into dev

Reviewed-on: #552
Reviewed-by: Joan Sanchez <joan@verdnatura.es>

back/models/bank-entity.js

@@ -2,9 +2,11 @@ module.exports = Self => {
     Self.validatesPresenceOf('name', {
         message: 'Name cannot be blank'
     });
+
     Self.validatesPresenceOf('bic', {
         message: 'Swift / BIC cannot be empty'
     });
+
     Self.validatesUniquenessOf('bic', {
         message: 'This BIC already exist.'
     });

db/changes/10271-wisemen/00-ACL.sql

@@ -1,5 +1,6 @@
-INSERT INTO `salix`.`ACL` (`model`, `property`, `accessType`, `permission`, `principalType`, `principalId`) VALUES ('FixedPrice', '*', '*', 'ALLOW', 'ROLE', 'buyer');
-INSERT INTO `salix`.`ACL` (`model`, `property`, `accessType`, `permission`, `principalType`, `principalId`) VALUES ('PayDem', '*', 'READ', 'ALLOW', 'ROLE', 'employee');
-INSERT INTO `salix`.`ACL` (`model`, `property`, `accessType`, `permission`, `principalType`, `principalId`) VALUES ('Client', 'createReceipt', '*', 'ALLOW', 'ROLE', 'administrative');
-INSERT INTO salix.ACL (model, property, accessType, permission, principalType, principalId) 
-    VALUES ('PrintServerQueue', '*', 'WRITE', 'ALLOW', 'ROLE', 'employee');
+INSERT INTO `salix`.`ACL` (`model`, `property`, `accessType`, `permission`, `principalType`, `principalId`) 
+    VALUES 
+        ('FixedPrice', '*', '*', 'ALLOW', 'ROLE', 'buyer'),
+        ('PayDem', '*', 'READ', 'ALLOW', 'ROLE', 'employee'),
+        ('Client', 'createReceipt', '*', 'ALLOW', 'ROLE', 'administrative'),
+        ('PrintServerQueue', '*', 'WRITE', 'ALLOW', 'ROLE', 'employee');

db/changes/10281-valentineDay/00-ACL.sql

@@ -1,3 +1,4 @@
 INSERT INTO `salix`.`ACL` (`model`, `property`, `accessType`, `permission`, `principalType`, `principalId`) 
     VALUES 
+        ('SupplierAccount', '*', '*', 'ALLOW', 'ROLE', 'administrative'),
         ('Entry', '*', '*', 'ALLOW', 'ROLE', 'administrative');

front/salix/components/bank-entity/index.html

@@ -0,0 +1,40 @@
+<vn-dialog class="edit"
+    vn-id="bankEntityDialog"
+    on-open="$ctrl.resetData()"
+    on-accept="$ctrl.onAccept()"
+    message="New bank entity">
+    <tpl-body>
+        <p translate>Please, ensure you put the correct data!</p>
+        <vn-horizontal>
+            <vn-textfield
+                vn-one
+                vn-focus
+                vn-id="entityName"
+                label="Name"
+                ng-model="$ctrl.data.name"
+                required="true">
+            </vn-textfield>
+        </vn-horizontal>
+        <vn-horizontal>
+            <vn-textfield
+                vn-one
+                vn-focus
+                vn-id="bic"
+                label="Swift"
+                ng-model="$ctrl.data.bic"
+                required="true">
+            </vn-textfield>
+            <vn-autocomplete vn-one
+                ng-model="$ctrl.data.countryFk"
+                url="Countries"
+                show-field="country"
+                value-field="id"
+                label="Country">
+            </vn-autocomplete>
+        </vn-horizontal>
+    </tpl-body>
+    <tpl-buttons>
+        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
+        <button id= "saveBankEntity" response="accept" translate>Save</button>
+    </tpl-buttons>
+</vn-dialog>

front/salix/components/bank-entity/index.js

@@ -0,0 +1,37 @@
+import ngModule from '../../module';
+import Component from 'core/lib/component';
+import './style.scss';
+
+class Controller extends Component {
+    open() {
+        this.$.bankEntityDialog.show();
+    }
+
+    resetData() {
+        this.data = {};
+    }
+
+    onAccept() {
+        try {
+            if (!this.data.countryFk)
+                throw new Error(`The country can't be empty`);
+
+            this.$http.post(`bankEntities`, this.data).then(res => {
+                this.vnApp.showMessage(this.$t('The bank entity has been created. You can save the data now'));
+                this.emit('response', {$response: res.data});
+            });
+        } catch (e) {
+            this.vnApp.showError(this.$t(e.message));
+            return false;
+        }
+        return true;
+    }
+}
+
+ngModule.vnComponent('vnNewBankEntity', {
+    template: require('./index.html'),
+    controller: Controller,
+    bindings: {
+        data: '<',
+    }
+});

front/salix/components/bank-entity/index.spec.js

@@ -0,0 +1,53 @@
+import './index';
+
+describe('Salix Component vnNewBankEntity', () => {
+    let controller;
+    let $httpBackend;
+    let $scope;
+    let $element;
+    let vnApp;
+
+    beforeEach(ngModule('salix'));
+
+    beforeEach(inject(($componentController, $rootScope, _$httpBackend_, _vnApp_) => {
+        $httpBackend = _$httpBackend_;
+        vnApp = _vnApp_;
+        jest.spyOn(vnApp, 'showError');
+        $scope = $rootScope.$new();
+        $element = angular.element('<vn-dialog></dialog>');
+        controller = $componentController('vnNewBankEntity', {$element, $scope});
+    }));
+
+    describe('resetData()', () => {
+        it('should reset the location in the controller', () => {
+            expect(controller.data).toBeUndefined();
+
+            controller.resetData();
+
+            expect(controller.data).toEqual({});
+        });
+    });
+
+    describe('onAccept()', () => {
+        it('should throw an error if there is no country id in the location', () => {
+            jest.spyOn(controller.vnApp, 'showMessage');
+
+            controller.data = {};
+
+            controller.onAccept();
+
+            expect(controller.vnApp.showError).toHaveBeenCalledWith(`The country can't be empty`);
+        });
+
+        it('should do add the new bank entity', () => {
+            controller.data = {
+                countryFk: 1
+            };
+
+            $httpBackend.expectPOST('bankEntities', controller.data).respond(200, controller.data);
+
+            controller.onAccept();
+            $httpBackend.flush();
+        });
+    });
+});

front/salix/components/bank-entity/locale/es.yml

@@ -0,0 +1,12 @@
+New postcode: Nuevo código postal
+New city: Nueva ciudad
+New province: Nueva provincia
+Please, ensure you put the correct data!: ¡Por favor, asegúrate de poner los datos correctos!
+The postcode can't be empty: El código postal no puede quedar vacío
+The town can't be empty: La población no puede quedar vacía
+The province can't be empty: La provincia no puede quedar vacía
+The country can't be empty: El país no puede quedar vacío
+The postcode has been created. You can save the data now: Se ha creado el código postal. Ahora puedes guardar los datos
+The city has been created: Se ha creado la ciudad
+The province has been created: Se ha creado la provincia
+The bank entity has been created. You can save the data now: Se ha creado la entidad bancaria. Puedes guardar los datos ahora

front/salix/components/bank-entity/style.scss

@@ -0,0 +1,9 @@
+@import "variables";
+
+vn-new-bank-entity {
+    vn-dialog {
+        p {
+            color: $color-alert
+        }
+    }
+}

front/salix/components/index.js

@@ -14,3 +14,4 @@ import './summary';
 import './topbar/topbar';
 import './user-popover';
 import './upload-photo';
+import './bank-entity';

modules/supplier/back/models/supplier-account.json

@@ -1,6 +1,10 @@
 {
     "name": "SupplierAccount",
-    "base": "VnModel",
+    "base": "Loggable",
+    "log": {
+        "model":"SupplierLog",
+        "relation": "supplier"
+	},
     "options": {
         "mysql": {
         "table": "supplierAccount"
@@ -45,6 +49,11 @@
 			"type": "belongsTo",
 			"model": "Supplier",
 			"foreignKey": "supplierFk"
+        },
+        "bankEntity": {
+			"type": "belongsTo",
+			"model": "BankEntity",
+			"foreignKey": "bankEntityFk"
 		}
     }
 }

modules/supplier/front/account/index.html

@@ -0,0 +1,67 @@
+<vn-crud-model
+    vn-id="model"
+    url="SupplierAccounts"
+    fields="['id', 'supplierFk', 'iban', 'bankEntityFk']"
+    link="{supplierFk: $ctrl.$params.id}"
+    include="$ctrl.include"
+    data="$ctrl.supplierAccounts"
+    auto-load="true">
+</vn-crud-model>
+<vn-watcher
+    vn-id="watcher"
+    data="$ctrl.supplierAccounts"
+    form="form">
+</vn-watcher>
+<form name="form" ng-submit="$ctrl.onSubmit()" class="vn-w-md">
+    <vn-card class="vn-pa-lg">
+        <vn-horizontal ng-repeat="supplierAccount in $ctrl.supplierAccounts">
+            <vn-textfield vn-three
+            ng-show="supplierAccount.iban || supplierAccount.iban == undefined"
+            label="Iban"
+            ng-model="supplierAccount.iban"
+            rule>
+            </vn-textfield>
+            <vn-autocomplete vn-two
+                label="Bank entity"
+                ng-model="supplierAccount.bankEntityFk"
+                url="BankEntities"
+                show-field="name"
+                rule>
+            </vn-autocomplete>
+            <append>
+                <vn-icon-button
+                    icon="add_circle"
+                    vn-tooltip="New bank entity"
+                    ng-click="$ctrl.showBankEntity($event, $index)">
+                </vn-icon-button>
+            </append>
+            <vn-none>
+                <vn-icon-button
+                    vn-tooltip="Remove account"
+                    icon="delete"
+                    ng-click="model.remove($index)"
+                    tabindex="-1">
+                </vn-icon-button>
+            </vn-none>
+        </vn-horizontal>
+        <vn-one>
+            <vn-icon-button
+                vn-bind="+"
+                vn-tooltip="Add account"
+                icon="add_circle"
+                ng-click="$ctrl.add()">
+            </vn-icon-button>
+        </vn-one>
+    </vn-card>
+    <vn-button-bar>
+        <vn-submit
+            disabled="!watcher.dataChanged()"
+            label="Save">
+        </vn-submit>
+    </vn-button-bar>
+</form>
+<!-- New bankentity dialog -->
+<vn-new-bank-entity
+    vn-id="bankEntity"
+    on-response="$ctrl.onResponse($response)">
+</vn-new-bank-entity>

modules/supplier/front/account/index.js

@@ -0,0 +1,56 @@
+import ngModule from '../module';
+import Section from 'salix/components/section';
+
+class Controller extends Section {
+    constructor($element, $) {
+        super($element, $);
+        this.include = {
+            relation: 'bankEntity',
+            scope: {
+                fields: ['countryFk', 'id', 'name', 'bic']
+            }
+        };
+    }
+
+    add() {
+        this.$.model.insert({
+            supplierFk: this.$params.id
+        });
+    }
+
+    onResponse(response) {
+        const data = this.$.model.data;
+        const supplierAccount = data[this.currentRowIndex];
+        supplierAccount.bankEntityFk = response.id;
+    }
+
+    showBankEntity(event, $index) {
+        if (event.defaultPrevented) return;
+        event.preventDefault();
+        this.currentRowIndex = $index;
+        this.$.bankEntity.open();
+    }
+
+    onBankEntityAccept() {
+        const query = `SupplierAccounts/${this.$params.id}/createBankEntity`;
+        return this.$http.patch(query, this.newBankEntity)
+            .then(res => this.supplierAccount.bankEntityFk = res.data.id);
+    }
+
+    onSubmit() {
+        this.$.watcher.check();
+        this.$.model.save().then(() => {
+            this.$.watcher.notifySaved();
+            this.$.watcher.updateOriginalData();
+            this.card.reload();
+        });
+    }
+}
+
+ngModule.vnComponent('vnSupplierAccount', {
+    template: require('./index.html'),
+    controller: Controller,
+    require: {
+        card: '^vnSupplierCard'
+    }
+});

modules/supplier/front/account/index.spec.js

@@ -0,0 +1,71 @@
+import './index.js';
+
+describe('Supplier Component vnSupplierAccount', () => {
+    let $scope;
+    let $element;
+    let controller;
+    let $httpBackend;
+    beforeEach(ngModule('supplier'));
+
+    beforeEach(inject(($componentController, $rootScope, _$httpBackend_) => {
+        $httpBackend = _$httpBackend_;
+        $scope = $rootScope.$new();
+        $scope.bankEntity = {
+            open: () => {}
+        };
+        $element = angular.element('<vn-supplier-accounts></supplier-accounts>');
+        controller = $componentController('vnSupplierAccount', {$element, $scope});
+        controller.supplierAccount = {
+            supplierFk: 442,
+            name: 'Verdnatura'
+        };
+    }));
+
+    describe('showBankEntity()', () => {
+        it('should do nothing if it default is prevented', () => {
+            const event = {
+                defaultPrevented: true,
+                preventDefault: () => {}
+            };
+            jest.spyOn(event, 'preventDefault');
+            jest.spyOn(controller.$.bankEntity, 'open');
+
+            controller.showBankEntity(event);
+
+            expect(event.preventDefault).not.toHaveBeenCalledWith();
+            expect(controller.$.bankEntity.open).not.toHaveBeenCalledWith();
+        });
+
+        it('should call preventDefault() and open() when the default is not prevented', () => {
+            const event = {
+                defaultPrevented: false,
+                preventDefault: () => {}
+            };
+
+            jest.spyOn(event, 'preventDefault');
+            jest.spyOn(controller.$.bankEntity, 'open');
+
+            controller.showBankEntity(event);
+
+            expect(event.preventDefault).toHaveBeenCalledWith();
+            expect(controller.$.bankEntity.open).toHaveBeenCalledWith();
+        });
+
+        it('should request to create a new bank entity', () => {
+            controller.bankEntity = {
+                name: 'My new bank entity',
+                bic: 'ES1234',
+                countryFk: 1,
+                id: 2200
+            };
+
+            const query = `SupplierAccounts/${controller.$.bankEntity.id}/createBankEntity`;
+            $httpBackend.expectPATCH(query).respond({id: 2200});
+            controller.onBankEntityAccept();
+            $httpBackend.flush();
+
+            expect(controller.supplierAccount.bankEntityFk).toEqual(controller.bankEntity.id);
+        });
+    });
+});
+

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

@@ -0,0 +1,3 @@
+Bank entity: Entidad bancaria
+swift: Swift BIC
+Add account: Añadir cuenta

modules/supplier/front/index.js

@@ -8,6 +8,7 @@ import './search-panel';
 import './summary';
 import './basic-data';
 import './fiscal-data';
+import './account';
 import './contact';
 import './log';
 import './consumption';

modules/supplier/front/routes.json

@@ -9,6 +9,7 @@
             {"state": "supplier.index", "icon": "icon-supplier"}
         ],
         "card": [
+            {"state": "supplier.card.account", "icon": "contact_support"},
             {"state": "supplier.card.basicData", "icon": "settings"},
             {"state": "supplier.card.fiscalData", "icon": "account_balance"},
             {"state": "supplier.card.billingData", "icon": "icon-payment"},
@@ -99,6 +100,15 @@
                 "supplier": "$ctrl.supplier"
             },
             "acl": ["administrative"]
+        },{
+            "url": "/account",
+            "state": "supplier.card.account",
+            "component": "vn-supplier-account",
+            "description": "Account",
+            "params": {
+                "supplier": "$ctrl.supplier"
+            },
+            "acl": ["administrative"]
         }
     ]
 }

package.json

@@ -33,7 +33,7 @@
         "request": "^2.88.0",
         "request-promise-native": "^1.0.8",
         "require-yaml": "0.0.1",
-        "sharp": "^0.25.4",
+        "sharp": "^0.27.1",
         "smbhash": "0.0.1",
         "soap": "^0.35.0",
         "strong-error-handler": "^2.3.2",