From 7eab262175e45985075be1874ae355bf2c8f25e6 Mon Sep 17 00:00:00 2001
From: Daniel Herrero <dherrero@alfatecsistemas.es>
Date: Tue, 30 Jan 2018 08:59:43 +0100
Subject: [PATCH 1/2] CRUD item basic data finish

---
 client/item/src/card/item-card.js     |  4 +++-
 client/item/src/data/item-data.html   | 17 +++++++++++++++++
 services/item/common/models/item.json |  5 +++++
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/client/item/src/card/item-card.js b/client/item/src/card/item-card.js
index 063910369..35e8323b4 100644
--- a/client/item/src/card/item-card.js
+++ b/client/item/src/card/item-card.js
@@ -14,7 +14,9 @@ class ItemCard {
                 {relation: "origin"},
                 {relation: "ink"},
                 {relation: "producer"},
-                {relation: "intrastat"}
+                {relation: "intrastat"},
+                {relation: "expence"},
+                {relation: "taxClass"}
             ]
         };
         this.$http.get(`/item/api/Items/${this.$state.params.id}?filter=${JSON.stringify(filter)}`).then(
diff --git a/client/item/src/data/item-data.html b/client/item/src/data/item-data.html
index 35fbf0b1a..16deded6c 100644
--- a/client/item/src/data/item-data.html
+++ b/client/item/src/data/item-data.html
@@ -23,6 +23,7 @@
                     show-field="name"
                     value-field="id"
                     field="$ctrl.item.typeFk"
+                    initial-data="$ctrl.item.itemType"
                 >
                 </vn-autocomplete>
             </vn-horizontal>
@@ -35,6 +36,7 @@
                     field="$ctrl.item.intrastatFk"
                     order="description ASC"
                     filter-search="{where: {description: {regexp: 'search'}} }"
+                    initial-data="$ctrl.item.intrastat"
                 >
                     <tpl-item>{{$parent.$parent.item.description}}</tpl-item>
                 </vn-autocomplete>
@@ -49,13 +51,28 @@
                     show-field="name"
                     value-field="id"
                     field="$ctrl.item.originFk"
+                    initial-data="$ctrl.item.origin"
                 ></vn-autocomplete>
                 <vn-autocomplete vn-one
                     url="/item/api/Expences"
                     label="Expence"
                     field="$ctrl.item.expenceFk"
+                    initial-data="$ctrl.item.expence"
                 ></vn-autocomplete>
             </vn-horizontal>
+            <vn-horizontal>
+                <vn-autocomplete vn-one
+                url="/item/api/TaxClasses"
+                label="TaxClass"
+                show-field="description"
+                value-field="id"
+                order="description ASC"
+                filter-search="{where: {description: {regexp: 'search'}} }"
+                field="$ctrl.item.taxClassFk"
+                initial-data="$ctrl.item.taxClass"
+            ><tpl-item>{{$parent.$parent.item.description}}</tpl-item></vn-autocomplete>
+            <vn-one></vn-one>
+            </vn-horizontal>
         </vn-vertical>
     </vn-card>
     <vn-button-bar>
diff --git a/services/item/common/models/item.json b/services/item/common/models/item.json
index 3b0db4753..8cfc618ba 100644
--- a/services/item/common/models/item.json
+++ b/services/item/common/models/item.json
@@ -75,6 +75,11 @@
         "type": "belongsTo",
         "model": "Expence",
         "foreignKey": "expenceFk"
+      },
+      "taxClass": {
+        "type": "belongsTo",
+        "model": "TaxClass",
+        "foreignKey": "taxClassFk"
       }
     }
   }
\ No newline at end of file

From 90fab7b01a48609019b4dc0fddc1a074d3a265d0 Mon Sep 17 00:00:00 2001
From: Daniel Herrero <dherrero@alfatecsistemas.es>
Date: Tue, 30 Jan 2018 14:47:47 +0100
Subject: [PATCH 2/2] address observations, list and view edit (TODO save)

---
 .../client/src/address-edit/address-edit.html | 41 ++++++++++++
 .../client/src/address-edit/address-edit.js   | 67 ++++++++++++++++++-
 client/client/src/addresses/addresses.html    | 28 +++++---
 client/salix/src/styles/font-style.scss       | 14 +++-
 karma.conf.js                                 |  6 +-
 .../client/common/methods/client/addresses.js |  3 +-
 .../common/models/address-observation.json    | 34 ++++++++++
 services/client/common/models/address.json    |  5 ++
 .../common/models/observation-type.json       | 22 ++++++
 services/client/server/model-config.json      |  6 ++
 10 files changed, 209 insertions(+), 17 deletions(-)
 create mode 100644 services/client/common/models/address-observation.json
 create mode 100644 services/client/common/models/observation-type.json

diff --git a/client/client/src/address-edit/address-edit.html b/client/client/src/address-edit/address-edit.html
index 2d4caea42..f83fee845 100644
--- a/client/client/src/address-edit/address-edit.html
+++ b/client/client/src/address-edit/address-edit.html
@@ -46,6 +46,47 @@
                 <vn-textfield vn-one label="Phone" field="$ctrl.address.phone"></vn-textfield>
                 <vn-textfield vn-one label="Mobile" field="$ctrl.address.mobile"></vn-textfield>
             </vn-horizontal>
+
+            <vn-one margin-medium-top>
+                <vn-title>Notes</vn-title>
+                <mg-ajax path="/client/api/ObservationTypes" options="mgIndex as observationsTypes"></mg-ajax>
+                <vn-horizontal ng-repeat="note in $ctrl.notes track by note.id">
+                    <vn-autocomplete
+                        vn-one
+                        initial-data = "note.observationType"
+                        field = "note.observationTypeFk"
+                        data = "observationsTypes.model"
+                        show-field = "description"
+                        label = "Observation type"
+                        order = "description ASC"
+                        filter-search="{where: {description: {regexp: 'search'}} }"
+                    >
+                        <tpl-item>{{$parent.$parent.item.description}}</tpl-item>
+                    </vn-autocomplete>
+                    <vn-textfield vn-three label="Description" model="note.description"></vn-textfield>
+                    <vn-one pad-medium-top>
+                        <vn-icon
+                            pointer 
+                            medium-grey
+                            icon="remove_circle_outline"
+                            ng-if = "note.showRemoveIcon" 
+                            ng-click="$ctrl.removeNote(note.id)"
+                            >
+                        </vn-icon>
+                        <vn-icon
+                            pointer 
+                            margin-medium-left
+                            orange
+                            icon="add_circle"
+                            ng-if = "note.showAddIcon" 
+                            ng-click="$ctrl.addNote()"
+                        ></vn-icon>  
+                    </vn-one>
+                </vn-horizontal>
+
+            </vn-one>
+
+
         </vn-vertical>
     </vn-card>
     <vn-button-bar>
diff --git a/client/client/src/address-edit/address-edit.js b/client/client/src/address-edit/address-edit.js
index caad023e2..14db7035d 100644
--- a/client/client/src/address-edit/address-edit.js
+++ b/client/client/src/address-edit/address-edit.js
@@ -1,13 +1,76 @@
 import ngModule from '../module';
 
 export default class Controller {
-    constructor($state) {
+    constructor($state, $http) {
         this.address = {
             id: parseInt($state.params.addressId)
         };
+        this.$http = $http;
+        this.notes = [];
+    }
+
+    _setIconAdd() {
+        if (this.notes.length) {
+            this.notes.forEach(element => {
+                element.showAddIcon = false;
+            });
+            this.notes[this.notes.length - 1].showAddIcon = true;
+        }
+    }
+    _setRemoveAdd() {
+        if (this.notes.length) {
+            this.notes.forEach(element => {
+                element.showRemoveIcon = true;
+            });
+        } else {
+            this.notes = [this._createEmptyNote()];
+        }
+    }
+    _createEmptyNote() {
+        return {id: this._createFakeId(), observationTypeFk: null, description: null, showRemoveIcon: true, showAddIcon: true};
+    }
+    _createFakeId() {
+        let now = Date.now();
+        let random = Math.ceil((Math.random() * 100000) + 1);
+        return `fakeId${now}${random}`;
+    }
+    addNote() {
+        this.notes.push(this._createEmptyNote());
+        this._setIconAdd();
+        this._setRemoveAdd();
+    }
+    removeNote(id) {
+        let found = false;
+        for (let i = 0; i < this.notes.length; i++) {
+            if (this.notes[i].id === id) {
+                this.notes.splice(i, 1);
+                found = true;
+                break;
+            }
+        }
+
+        if (found) {
+            this._setIconAdd();
+            this._setRemoveAdd();
+        }
+    }
+    $onInit() {
+        let filter = {
+            where: {
+                addressFk: this.address.id
+            },
+            include: [
+                {relation: 'observationType'}
+            ]
+        };
+        this.$http.get(`/client/api/AddressObservations?filter=${JSON.stringify(filter)}`).then(res => {
+            this.notes = (res.data && res.data.length) ? res.data : [this._createEmptyNote()];
+            this._setIconAdd();
+            this._setRemoveAdd();
+        });
     }
 }
-Controller.$inject = ['$state'];
+Controller.$inject = ['$state', '$http'];
 
 ngModule.component('vnAddressEdit', {
     template: require('./address-edit.html'),
diff --git a/client/client/src/addresses/addresses.html b/client/client/src/addresses/addresses.html
index 8b7050222..251520fc2 100644
--- a/client/client/src/addresses/addresses.html
+++ b/client/client/src/addresses/addresses.html
@@ -5,21 +5,29 @@
             <vn-horizontal>
                 <vn-title vn-one>Addresses</vn-title>
             </vn-horizontal>
-            <vn-horizontal ng-repeat="i in index.model.items track by i.id" class="pad-medium-top" style="align-items: center;">
+            <vn-horizontal ng-repeat="address in index.model.items track by address.id" class="pad-medium-top" style="align-items: center;">
                 <vn-one border-radius class="pad-small border-solid"
-                    ng-class="{'bg-dark-item': i.isDefaultAddress,'bg-opacity-item': !i.isEnabled && !i.isDefaultAddress}">
+                    ng-class="{'bg-dark-item': address.isDefaultAddress,'bg-opacity-item': !address.isEnabled && !address.isDefaultAddress}">
                     <vn-horizontal style="align-items: center;">
                         <vn-none pad-medium-h style="color:#FFA410;">
-                            <i class="material-icons" ng-if="i.isDefaultAddress">star</i>
-                            <i class="material-icons pointer" ng-if="!i.isDefaultAddress&&i.isEnabled" vn-tooltip="Set as default" tooltip-position="left" ng-click="$ctrl.setDefault(i.id)">star_border</i>
+                            <i class="material-icons" ng-if="address.isDefaultAddress">star</i>
+                            <i class="material-icons pointer" ng-if="!address.isDefaultAddress&&address.isEnabled" vn-tooltip="Set as default" tooltip-position="left" ng-click="$ctrl.setDefault(address.id)">star_border</i>
                         </vn-none>
-                        <vn-one>
-                            <div><b>{{::i.consignee}}</b></div>
-                            <div>{{::i.street}}</div>
-                            <div>{{::i.city}}, {{::i.province}}</div>
-                            <div>{{::i.phone}}, {{::i.mobile}}</div>
+                        <vn-one border-solid-right>
+                            <div><b>{{::address.consignee}}</b></div>
+                            <div>{{::address.street}}</div>
+                            <div>{{::address.city}}, {{::address.province}}</div>
+                            <div>{{::address.phone}}, {{::address.mobile}}</div>
                         </vn-one>
-                        <a vn-auto ui-sref="clientCard.addresses.edit({addressId: {{i.id}}})">
+                        
+                        <vn-vertical vn-one pad-medium-h>
+                            <vn-one ng-repeat="observation in address.observations track by $index" ng-class="{'pad-small-top': $index}">
+                                <b margin-medium-right>{{::observation.observationType.description}}:</b>
+                                <span>{{::observation.description}}</span>
+                            </vn-one>
+                        </vn-vertical>
+                        
+                        <a vn-auto ui-sref="clientCard.addresses.edit({addressId: {{address.id}}})">
                             <vn-icon-button icon="edit"></vn-icon-button>
                         </a>
                     </vn-horizontal>
diff --git a/client/salix/src/styles/font-style.scss b/client/salix/src/styles/font-style.scss
index db0198cde..bb26140ee 100644
--- a/client/salix/src/styles/font-style.scss
+++ b/client/salix/src/styles/font-style.scss
@@ -9,4 +9,16 @@ body {
 }
 html [uppercase], .uppercase {
     text-transform: uppercase;
-}
\ No newline at end of file
+}
+
+html [green], .green{color: $color-green}
+html [orange], .orange{color: $color-orange}
+html [white], .white{color: $color-white}
+html [dark], .dark{color: $color-dark}
+html [dark-grey], .dark-grey{color: $color-dark-grey}
+html [light-grey], .light-grey{color: $color-light-grey}
+html [medium-grey], .medium-grey{color: $color-medium-grey}
+html [medium-green], .medium-green{color: $color-medium-green}
+html [medium-orange], .medium-orange{color: $color-medium-orange}
+html [light-green], .light-green{color: $color-light-green}
+html [light-orange], .light-orange{color: $color-light-orange}
\ No newline at end of file
diff --git a/karma.conf.js b/karma.conf.js
index e8b1fcbd5..bf4d0e461 100644
--- a/karma.conf.js
+++ b/karma.conf.js
@@ -61,10 +61,10 @@ module.exports = function(config) {
 
     // start these browsers
     // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-        browsers: ['ChromeNoSandboxHeadless'],
+        browsers: ['ChromiumNoSandboxHeadless'],
         customLaunchers: {
-            ChromeNoSandboxHeadless: {
-                base: 'Chrome',
+            ChromiumNoSandboxHeadless: {
+                base: 'Chromium',
                 flags: [
                     '--no-sandbox',
                     // See https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md
diff --git a/services/client/common/methods/client/addresses.js b/services/client/common/methods/client/addresses.js
index a4c09ac7e..5000d04d0 100644
--- a/services/client/common/methods/client/addresses.js
+++ b/services/client/common/methods/client/addresses.js
@@ -38,7 +38,8 @@ module.exports = function(Client) {
             },
             skip: (params.page - 1) * params.size,
             limit: params.size,
-            order: ['isDefaultAddress DESC', 'isEnabled DESC']
+            order: ['isDefaultAddress DESC', 'isEnabled DESC'],
+            include: {observations: 'observationType'}
         };
 
         let total = null;
diff --git a/services/client/common/models/address-observation.json b/services/client/common/models/address-observation.json
new file mode 100644
index 000000000..53b6155ec
--- /dev/null
+++ b/services/client/common/models/address-observation.json
@@ -0,0 +1,34 @@
+{
+    "name": "AddressObservation",
+    "base": "VnModel",
+    "options": {
+        "mysql": {
+          "table": "addressObservation",
+          "database": "vn"
+        }
+    },
+    "properties": {
+      "id": {
+        "type": "Number",
+        "id": true,
+        "description": "Identifier"
+      },
+      "description": {
+        "type": "string",
+        "required": true
+      }
+    },
+    "relations": {
+      "address": {
+        "type": "belongsTo",
+        "model": "Address",
+        "foreignKey": "addressFk"
+      },
+      "observationType": {
+        "type": "belongsTo",
+        "model": "ObservationType",
+        "foreignKey": "observationTypeFk"
+      }
+    }
+  }
+  
\ No newline at end of file
diff --git a/services/client/common/models/address.json b/services/client/common/models/address.json
index 937073d16..1dfe5a52c 100644
--- a/services/client/common/models/address.json
+++ b/services/client/common/models/address.json
@@ -60,6 +60,11 @@
       "type": "belongsTo",
       "model": "AgencyMode",
       "foreignKey": "defaultAgencyFk"
+    },
+    "observations": {
+      "type": "hasMany",
+      "model": "AddressObservation",
+      "foreignKey": "addressFk"
     }
   }
 }
diff --git a/services/client/common/models/observation-type.json b/services/client/common/models/observation-type.json
new file mode 100644
index 000000000..b1a45e883
--- /dev/null
+++ b/services/client/common/models/observation-type.json
@@ -0,0 +1,22 @@
+{
+    "name": "ObservationType",
+    "base": "VnModel",
+    "options": {
+        "mysql": {
+          "table": "observationType",
+          "database": "vn"
+        }
+    },
+    "properties": {
+      "id": {
+        "type": "Number",
+        "id": true,
+        "description": "Identifier"
+      },
+      "description": {
+        "type": "string",
+        "required": true
+      }
+    }
+  }
+  
\ No newline at end of file
diff --git a/services/client/server/model-config.json b/services/client/server/model-config.json
index 9a8946a2e..7335468a7 100644
--- a/services/client/server/model-config.json
+++ b/services/client/server/model-config.json
@@ -74,5 +74,11 @@
   },
   "Company": {
     "dataSource": "vn"
+  },
+  "AddressObservation": {
+    "dataSource": "vn"
+  },
+  "ObservationType": {
+    "dataSource": "vn"
   }
 }