merge

@salix/app/src/components/main-menu/main-menu.html

@@ -3,12 +3,12 @@
     <vn-icon icon="apps" id="apps" title="Applications"></vn-icon>
     <vn-icon icon="notifications" title="Notifications"></vn-icon>
     <vn-icon icon="account_circle" title="Profile" style="font-size: 35px;"></vn-icon>
+<!--
     <vn-popover pad-medium for="apps">
         <a ui-sref="clients"><vn-icon icon=""></vn-icon></a>
     </vn-popover>
-<!--
+-->
     <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right user-menu" pad-medium for="apps">
          <a ui-sref="clients"><i class="material-icons" id="clients">person</i></a>
     </ul>
--->
 </div>

@salix/app/src/components/main-menu/main-menu.js

@@ -7,12 +7,11 @@ export const COMPONENT = {
     template: template,
     controllerAs: "mainMenu",
     controller: function() {
-        this.onLogoutClick = function ()
-        {
+        this.onLogoutClick = function() {
             let appName = 'salix';
             document.cookie = `${appName}-session=; expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
             window.location = `/account?api_key=${appName}`;
-        }
+        };
     }
 };
 module.component(NAME, COMPONENT);

@salix/app/src/components/searchbar/searchbar.html

@@ -1,6 +1,8 @@
 <vn-horizontal>
-     <vn-textfield vn-one label="Search"></vn-textfield>
-     <vn-icon icon="keyboard_arrow_down"></vn-icon>
+     <vn-textfield vn-one label="Search" model="$ctrl.search"></vn-textfield>
+     <vn-icon icon="keyboard_arrow_down" ng-click="searchbar.onClick($event)" style="cursor: pointer;"></vn-icon>
      <vn-icon-button icon="search"></vn-icon-button>
-</vn-horizontal>
-    
+     <vn-popover id="popover">
+        <vn-search-panel></vn-search-panel>
+     </vn-popover>
+</vn-horizontal>

@salix/app/src/components/searchbar/searchbar.js

@@ -1,8 +1,18 @@
 import template from './searchbar.html';
 import {module} from '../../module';
+require('./style.css');
 
 export const NAME = 'vnSearchbar'
 export const COMPONENT = {
-    template: template
+    template: template,
+    transclude: true,
+    controllerAs: 'searchbar',
+    controller: function($element) {
+        this.onClick = function(event) {
+            var popover = $element.find('vn-popover');
+            popover.controller('vnPopover').show($element);
+        };
+    }
 };
+COMPONENT.controller.$inject = ['$element'];
 module.component(NAME, COMPONENT);

@salix/core/src/core.js

@@ -1,52 +1,54 @@
-require('./mdl-override.css');
-
-export * from './module';
-export * from './util';
-
-export {SplitingRegister as splitingRegister} from './splitingregister';
-export {NAME as RESOLVEDEFAULTCOMPONENT, ResolveDefaultComponent} from './resolveDefaultComponents';
-export {NAME as INTERPOLATE, Interpolate} from './interpolate';
-export {NAME as ROUTES_LOADER, RoutesLoader} from './routesLoader';
-
-export {NAME as FOCUS, directive as Focus} from './focus';
-export {NAME as RULE, directive as Rule} from './rule';
-
-export {NAME as BUTTON, directive as ButtonDirective} from './button/button';
-export {NAME as BUTTON_MDL, factory as buttonMdl} from './button/button.mdl';
-export {NAME as BUTTON_BT, factory as buttonBt} from './button/button.bt';
-export {NAME as CHECK, directive as CheckDirective} from './check/check';
-export {NAME as CHECK_MDL, factory as checknMdl} from './check/check.mdl';
-export {NAME as CHECK_BT, factory as checkBt} from './check/check.bt';
-export {NAME as RADIO, directive as RadioDirective} from './radio/radio';
-export {NAME as RADIO_MDL, factory as radionMdl} from './radio/radio.mdl';
-export {NAME as RADIO_BT, factory as radioBt} from './radio/radio.bt';
-export {NAME as TEXTFIELD, directive as TextfieldDirective} from './textfield/textfield';
-export {NAME as TEXTFIELD_MDL, factory as textfieldMdl} from './textfield/textfield.mdl';
-export {NAME as TEXTFIELD_BT, factory as textfieldBt} from './textfield/textfield.bt';
-export {NAME as LABEL, directive as LabelDirective} from './label/label';
-export {NAME as LABEL_MDL, factory as labelMdl} from './label/label.mdl';
-export {NAME as LABEL_BT, factory as labelBt} from './label/label.bt';
-export {NAME as ICON_BUTTON, directive as IconButtonDirective} from './icon-button/icon-button';
-export {NAME as ICON_BUTTON_MDL, factory as iconButtonMdl} from './icon-button/icon-button.mdl';
-export {NAME as PASSWORD, directive as PasswordDirective} from './password/password';
-export {NAME as PASSWORD_MDL, factory as passwordMdl} from './password/password.mdl';
-export {NAME as SUBMIT, directive as SubmitDirective} from './submit/submit';
-export {NAME as SUBMIT_MDL, factory as submitMdl} from './submit/submit.mdl';
-export {NAME as SNACKBAR, directive as SnackbarDirective} from './snackbar/snackbar';
-export {NAME as SNACKBAR_MDL, factory as snackbarMdl} from './snackbar/snackbar.mdl';
-export {NAME as SPINNER, directive as SpinnerDirective} from './spinner/spinner';
-export {NAME as SPINNER_MDL, factory as spinnerMdl} from './spinner/spinner.mdl';
-export {NAME as COMBO, directive as ComboDirective} from './combo/combo';
-export {NAME as COMBO_MDL, factory as comboMdl} from './combo/combo.mdl';
-export {NAME as DATE_PICKER, directive as DatePickerDirective} from './date-picker/date-picker';
-export {NAME as DATE_PICKER_MDL, factory as datePickerMdl} from './date-picker/date-picker.mdl';
-export {NAME as CARD, directive as CardDirective} from './card/card';
-export {NAME as CARD_MDL, factory as cardMdl} from './card/card.mdl';
-
-export {directive as Popover} from './popover/popover';
-export {factory as PopoverMdl} from './popover/popover.mdl';
-export {directive as Icon} from './icon/icon';
-export {factory as IconMdl} from './icon/icon.mdl';
-
-export {NAME as TITLE, COMPONENT as TITLE_COMPONENT} from './title/title';
-export {NAME as SUBTITLE, COMPONENT as SUBTITLE_COMPONENT} from './subtitle/subtitle';
+require('./mdl-override.css');
+
+export * from './module';
+export * from './util';
+
+export {SplitingRegister as splitingRegister} from './splitingregister';
+export {NAME as RESOLVEDEFAULTCOMPONENT, ResolveDefaultComponent} from './resolveDefaultComponents';
+export {NAME as INTERPOLATE, Interpolate} from './interpolate';
+export {NAME as ROUTES_LOADER, RoutesLoader} from './routesLoader';
+
+export {NAME as FOCUS, directive as Focus} from './focus';
+export {NAME as RULE, directive as Rule} from './rule';
+
+export {NAME as BUTTON, directive as ButtonDirective} from './button/button';
+export {NAME as BUTTON_MDL, factory as buttonMdl} from './button/button.mdl';
+export {NAME as BUTTON_BT, factory as buttonBt} from './button/button.bt';
+export {NAME as CHECK, directive as CheckDirective} from './check/check';
+export {NAME as CHECK_MDL, factory as checknMdl} from './check/check.mdl';
+export {NAME as CHECK_BT, factory as checkBt} from './check/check.bt';
+export {NAME as RADIO, directive as RadioDirective} from './radio/radio';
+export {NAME as RADIO_MDL, factory as radionMdl} from './radio/radio.mdl';
+export {NAME as RADIO_BT, factory as radioBt} from './radio/radio.bt';
+export {NAME as TEXTFIELD, directive as TextfieldDirective} from './textfield/textfield';
+export {NAME as TEXTFIELD_MDL, factory as textfieldMdl} from './textfield/textfield.mdl';
+export {NAME as TEXTFIELD_BT, factory as textfieldBt} from './textfield/textfield.bt';
+export {NAME as LABEL, directive as LabelDirective} from './label/label';
+export {NAME as LABEL_MDL, factory as labelMdl} from './label/label.mdl';
+export {NAME as LABEL_BT, factory as labelBt} from './label/label.bt';
+export {NAME as ICON_BUTTON, directive as IconButtonDirective} from './icon-button/icon-button';
+export {NAME as ICON_BUTTON_MDL, factory as iconButtonMdl} from './icon-button/icon-button.mdl';
+export {NAME as PASSWORD, directive as PasswordDirective} from './password/password';
+export {NAME as PASSWORD_MDL, factory as passwordMdl} from './password/password.mdl';
+export {NAME as SUBMIT, directive as SubmitDirective} from './submit/submit';
+export {NAME as SUBMIT_MDL, factory as submitMdl} from './submit/submit.mdl';
+export {NAME as SNACKBAR, directive as SnackbarDirective} from './snackbar/snackbar';
+export {NAME as SNACKBAR_MDL, factory as snackbarMdl} from './snackbar/snackbar.mdl';
+export {NAME as SPINNER, directive as SpinnerDirective} from './spinner/spinner';
+export {NAME as SPINNER_MDL, factory as spinnerMdl} from './spinner/spinner.mdl';
+export {NAME as COMBO, directive as ComboDirective} from './combo/combo';
+export {NAME as COMBO_MDL, factory as comboMdl} from './combo/combo.mdl';
+export {NAME as DATE_PICKER, directive as DatePickerDirective} from './date-picker/date-picker';
+export {NAME as DATE_PICKER_MDL, factory as datePickerMdl} from './date-picker/date-picker.mdl';
+export {NAME as CARD, directive as CardDirective} from './card/card';
+export {NAME as CARD_MDL, factory as cardMdl} from './card/card.mdl';
+export {NAME as SWITCH, directive as SwitchDirective} from './switch/switch';
+export {NAME as SWITCH_MDL, factory as switchdMdl} from './switch/switch.mdl';
+
+export {directive as Popover} from './popover/popover';
+export {factory as PopoverMdl} from './popover/popover.mdl';
+export {directive as Icon} from './icon/icon';
+export {factory as IconMdl} from './icon/icon.mdl';
+
+export {NAME as TITLE, COMPONENT as TITLE_COMPONENT} from './title/title';
+export {NAME as SUBTITLE, COMPONENT as SUBTITLE_COMPONENT} from './subtitle/subtitle';

@salix/core/src/module.js

@@ -1,6 +1,6 @@
-import * as vendors from 'vendor';
-import {getModuleName,getVendorDependencies} from './util';
-
-const DEPENDENCIES = getVendorDependencies(vendors)
-export const NAME = getModuleName('core');
-export const module = vendors.ng.module(NAME,DEPENDENCIES);
+import * as vendors from 'vendor';
+import {getModuleName, getVendorDependencies} from './util';
+
+const DEPENDENCIES = getVendorDependencies(vendors);
+export const NAME = getModuleName('core');
+export const module = vendors.ng.module(NAME, DEPENDENCIES);

@salix/core/src/popover/popover.js

@@ -9,13 +9,70 @@ export function directive(resolver) {
     return {
         restrict: 'E',
         transclude: true,
+        controllerAs: 'popover',
         template: function(_, attrs) {
             return resolver.getTemplate(_NAME, attrs);
         },
-        controller: function() {
-            this.onClick = function (event) {
-                event.stopPropagation();
+        controller: function($element) {
+            var self = this;
+            var doc = angular.element(document);
+            function docMouseDownHandler (event) {
+                if (event != self.lastEvent)
+                    self.hide();
             }
+            this.onMouseDown = function(event) {
+                this.lastEvent = event;
+            };
+            this.hide = function ()
+            {
+                $element[0].style.display = 'none';
+                doc.off('mousedown', docMouseDownHandler);
+            }
+            this.show = function(parent) {
+                var node = $element[0];
+                var style = node.style;
+    
+                var spacing = 4;
+                var margin = 20;
+                var dblMargin = margin * 2;
+    
+                var width = node.offsetWidth;
+                var height = node.offsetHeight;
+                var innerWidth = window.innerWidth;
+                var innerHeight = window.innerHeight;
+
+                if(width + dblMargin > innerWidth) {
+                    width = innerWidth - dblMargin;
+                    style.width = width +'px';
+                }
+                if(height + dblMargin > innerHeight) {
+                    height = innerHeight - dblMargin;
+                    style.height = height +'px';
+                }
+
+                if(parent) {
+                    var parentNode = parent[0];
+                    var rect = parentNode.getBoundingClientRect();
+                    var left = rect.left;
+                    var top = rect.top + spacing + parentNode.offsetHeight;
+
+                    if(left + width > innerWidth)
+                        left -= (left + width) - window.innerWidth + margin;
+                    if(top + height > innerHeight)
+                        top -= height + parentNode.offsetHeight + spacing * 2;
+
+                    if(left < 0)
+                        left = margin;
+                    if(top < 0)
+                        top = margin;
+
+                    style.top = (top) +'px';
+                    style.left = (left) +'px';
+                }
+
+                style.display = 'block';
+                doc.on('mousedown', docMouseDownHandler);
+            };
         }
     }
 }

@salix/core/src/popover/popover.mdl.html

@@ -1,7 +1,5 @@
 <div
-    class="mdl-menu mdl-js-menu mdl-menu--bottom-right user-menu"
-    ng-click="$ctrl.onClick($event)"
-    pad-medium
+    ng-mousedown="popover.onMouseDown($event)"
     ng-transclude
     *[foo]*>
 </div>

@salix/core/src/popover/style.css

@@ -1,4 +1,9 @@
 vn-popover {
     display: none;
-    position: absolute;
+    position: fixed;
+    box-shadow: 0 0 .2em rgba(1,1,1,.4);
+    background-color: white;
+    z-index: 100;
+    top: 0;
+    left: 0;
 }

@salix/core/src/rule.js

@@ -4,8 +4,8 @@ export const NAME = 'vnRule';
 export function directive() {
     return {
         restrict: 'A',
-        link: function (attrs, element) {
-        } 
+        link: function(attrs, element) {
+        }
     };
 }
 module.directive(NAME, directive);

@salix/core/src/switch/switch.js

@@ -0,0 +1,28 @@
+import {module as _module} from '../module';
+import * as resolveFactory from '../resolveDefaultComponents';
+import * as normalizerFactory from '../inputAttrsNormalizer';
+import * as util from '../util';
+
+const _NAME = 'switch';
+export const NAME = util.getName(_NAME);
+
+directive.$inject = [resolveFactory.NAME, normalizerFactory.NAME];
+export function directive(resolve, normalizer) {
+    return {
+        restrict: 'E',
+        template: function(_, attrs) {
+            normalizer.normalize(attrs);
+            return resolve.getTemplate(_NAME, attrs);
+        },
+        link: function(scope, element, attrs) {
+            scope.$watch(attrs.model, () => {
+                let mdlField = element[0].firstChild.MaterialSwitch;
+                if (mdlField)
+                    mdlField.updateClasses_();
+            });
+        }
+    };
+}
+
+_module.directive(NAME, directive);
+

@salix/core/src/switch/switch.mdl.html

@@ -0,0 +1,4 @@
+<label class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
+    <input type="checkbox" class="*[className]*" ng-model="*[model]*">
+    <span class="mdl-switch__label">*[label]*</span>
+</label>

@salix/core/src/switch/switch.mdl.js

@@ -0,0 +1,21 @@
+import {module as _module} from '../module';
+import * as util from '../util';
+import * as constant from '../constants';
+import template from './switch.mdl.html';
+
+const _NAME = 'switch';
+const DEFAULT_CLASS = 'mdl-switch__input';
+
+export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
+
+export function factory() {
+    return {
+        template: template,
+        default: {
+            className: DEFAULT_CLASS,
+            label: ""
+        }
+    }
+}
+
+_module.factory(NAME, factory);

@salix/crud/src/client/basic-data/index.html

@@ -5,13 +5,10 @@
             <vn-horizontal>
                 <vn-textfield vn-one label="Nombre" field="basicData.client.name" focus></vn-textfield>
                 <vn-textfield vn-one label="NIF/CIF" field="basicData.client.fi"></vn-textfield>
-            </vn-horizontal>
-            <vn-horizontal>
                 <vn-textfield autofocus vn-one label="Razón social" field="basicData.client.socialName"></vn-textfield>
-                <vn-date-picker vn-one label="Fecha alta" field="basicData.client.dischargeDate"></vn-date-picker>
             </vn-horizontal>
             <vn-horizontal>
-                <vn-textfield vn-one label="Teléfono" field="basicData.client.telefono"></vn-textfield>
+                <vn-textfield vn-one label="Teléfono" field="basicData.client.phone"></vn-textfield>
                 <vn-textfield vn-one label="Fax" field="basicData.client.fax"></vn-textfield>
                 <vn-textfield vn-one label="Email" field="basicData.client.email"></vn-textfield>
             </vn-horizontal>
@@ -19,6 +16,7 @@
                 <vn-combo vn-one label="Comercial" field="basicData.client.salesPerson">
                     <option ng-repeat="p in basicData.sales" value="{{p.id}}">{{p.name}}</ng-repeat>
                 </vn-combo>
+                <vn-two></vn-two>
             </vn-horizontal>
             <vn-horizontal>
                 <vn-one>

@salix/crud/src/client/basic-data/index.js

@@ -6,7 +6,7 @@ export const COMPONENT = {
     template: template,
     controllerAs: 'basicData',
     bindings: {
-        client: '<'
+        client: '='
     },
     controller: function($http) {
         $http.get('/client/api/SalesPeople').then(

@salix/crud/src/client/card/card.html

@@ -1,7 +1,7 @@
 <vn-vertical class="full-height">
     <vn-topbar></vn-topbar>
     <vn-horizontal class="full-height">
-        <vn-empty  style="width: 18em" pad-medium-left >
+        <vn-empty  pad-medium-left >
             <vn-descriptor descriptor="card.descriptor" class="display-block" ></vn-descriptor>
             <vn-left-menu items="card.items"></vn-left-menu>
         </vn-empty>

@salix/crud/src/client/card/card.js

@@ -1,3 +1,4 @@
+import './style.css';
 import template from './card.html';
 import {module} from '../../module';
 
@@ -15,7 +16,8 @@ export const COMPONENT = {
                 this.descriptor = {
                     clientId: this.client.id,
                     name: this.client.name,
-                    phone: this.client.phone
+                    phone: this.client.phone,
+                    active: this.client.active
                 };
             },
             json => console.error(json.data.error.message)

@salix/crud/src/client/card/style.css

@@ -0,0 +1,3 @@
+vn-descriptor{
+    font-family: raleway-bold;
+}

@salix/crud/src/client/create/index.html

@@ -1,16 +1,21 @@
+<vn-topbar></vn-topbar>
 <form ng-submit="create.submit()"  pad-large>
-    <vn-title>Crear Cliente</vn-title>
-    <vn-horizontal>
-        <vn-textfield  vn-one label="Nombre" field="create.model.name"></vn-textfield>
-        <vn-textfield vn-one label="NIF/CIF" field="create.model.fi"></vn-textfield>
-    </vn-horizontal>
-    <vn-horizontal>
-        <vn-textfield autofocus vn-one label="Razón social" field="create.model.socialName"></vn-textfield>
-        <vn-one></vn-one>
-    </vn-horizontal>
-    <vn-horizontal>
-        <vn-one>
-            <vn-submit label="Crear" id="create"></vn-submit>
-        </vn-one>
-    </vn-horizontal>
+    <vn-card>
+        <vn-vertical pad-large>
+            <vn-title>Crear Cliente</vn-title>
+            <vn-horizontal>
+                <vn-textfield  vn-one label="Nombre" field="create.model.name"></vn-textfield>
+                <vn-textfield vn-one label="NIF/CIF" field="create.model.fi"></vn-textfield>
+            </vn-horizontal>
+            <vn-horizontal>
+                <vn-textfield autofocus vn-one label="Razón social" field="create.model.socialName"></vn-textfield>
+                <vn-one></vn-one>
+            </vn-horizontal>
+            <vn-horizontal>
+                <vn-one>
+                    <vn-submit label="Crear" id="create"></vn-submit>
+                </vn-one>
+            </vn-horizontal>
+        </vn-vertical>
+    </vn-card>
 </form>

@salix/crud/src/client/descriptor/descriptor.html

@@ -1,12 +1,15 @@
 <vn-card>
-    <vn-horizontal class="margin-medium" pad-medium-top pad-medium-bottom>
-        <vn-one>
-            <i class="material-icons" style="font-size:60px;">person</i>
-        </vn-one>
-        <vn-vertical vn-two>
-            <div class="margin-right: .4em;" class="margin-none">{{descriptor.descriptor.clientId}}</div>
-            <div class="margin-none">{{descriptor.descriptor.name}}</div>
-            <div class="margin-none">{{descriptor.descriptor.phone}}</div>
-        </vn-vertical>
-    </vn-horizontal>
+    <vn-vertical class="margin-medium" pad-medium-top pad-medium-bottom>
+        <vn-horizontal>
+            <vn-one>
+                <i class="material-icons descriptor-icon">person</i>
+            </vn-one>
+            <vn-vertical vn-two>
+                <div class="margin-none">{{descriptor.descriptor.clientId}}</div>
+                <div class="margin-none">{{descriptor.descriptor.name}}</div>
+                <div class="margin-none">{{descriptor.descriptor.phone}}</div>
+            </vn-vertical>
+        </vn-horizontal>
+        <vn-switch label="Activo" field="descriptor.descriptor.active"></vn-switch>
+    </vn-vertical>
 </vn-card>

@salix/crud/src/client/descriptor/descriptor.js

@@ -1,3 +1,4 @@
+import './style.css';
 import template from './descriptor.html';
 import {module} from '../../module';
 

@salix/crud/src/client/descriptor/style.css

@@ -0,0 +1,3 @@
+.descriptor-icon{
+    font-size:60px;
+}

@salix/crud/src/client/index/index.html

@@ -17,7 +17,4 @@
             </vn-item-client>
         </vn-card>
     </div>
-    <vn-popover>
-        Popover test!
-    </vn-popover>
 </vn-vertical>

@salix/crud/src/client/index/index.js

@@ -8,14 +8,12 @@ export const COMPONENT = {
     controllerAs: 'search',
     controller: function($http) {
         this.clients = [];
-
         $http.get('/client/api/Clients').then(
             json => {
                 this.clients = json.data;
             },
             json => console.error(json.data.error.message)
         );
-
         this.submit = function() {
             var query = {where: model};
             var self = this;

@salix/crud/src/client/index/item-client.html

@@ -1,11 +1,11 @@
 <a ui-sref="clientCard.basicData({ id: {{itemClient.client.id}} })" pad-medium border-solid-bottom>
 <vn-horizontal>
     <vn-auto>
-        <div><b>{{itemClient.client.name}}</b></div>
-        <div>{{itemClient.client.phone}}, {{itemClient.client.contact}}</div>
+        <div class="vn-item-client-name">{{itemClient.client.name}}</div>
+        <div>{{itemClient.client.id}} </div>
     </vn-auto>
     <vn-empty style="vertical-align: middle;">
-        <vn-icon icon="arrow_forward"></vn-icon>
+        <vn-icon-button icon="arrow_forward"></vn-icon>
     </vn-empty>
 </vn-horizontal>
 </a>

@salix/crud/src/client/index/style.css

@@ -8,4 +8,8 @@ vn-item-client a {
 }
 vn-item-client a:hover {
     background-color: rgba(0, 0, 0, .1);
+}
+
+.vn-item-client-name{
+    font-family: raleway-bold;
 }

@salix/crud/src/client/search-panel/search-panel.html

@@ -1,5 +1,5 @@
-<div class="mdl-menu mdl-js-menu mdl-menu--bottom-left user-menu" pad-medium for="searchbar" style="width:600px">
-<form name="form" ng-submit="form.$valid && search.submit()" pad-large>
+<div pad-large style="width: 600px;">
+<form name="form" ng-submit="form.$valid && search.submit()">
     <vn-horizontal>
         <vn-textfield vn-one label="Id Cliente" field="search.model.id"></vn-textfield>
         <vn-textfield vn-one label="NIF/CIF" field="search.model.fi"></vn-textfield>
@@ -18,9 +18,7 @@
         <vn-textfield vn-one label="Email" field="search.model.email"></vn-textfield>
         <vn-textfield vn-one label="Teléfono" field="search.model.phone"></vn-textfield>
     </vn-horizontal>
-    <vn-submit label="">
-        <i class="material-icons">add_shopping_cart</i>Add to shopping cart
-    </vn-submit>
+    <vn-button label="Search"></vn-button>
 </form>
 </div>
 

@salix/vendor/src/util.js

@@ -1,11 +1,11 @@
-export function getComponentName(name, isProvider){
-    if(isProvider){
+export function getComponentName(name, isProvider) {
+    if (isProvider) {
         return {
-            name: name, 
+            name: name,
             provider: name + "Provider"
-        }
-    } 
+        };
+    }
     return {
         name: name
-    }
+    };
 }

services/client/common/models/Client.json

@@ -25,16 +25,13 @@
       "type": "string"
     },
     "street": {
-      "type": "string",
-      "required": "true"
+      "type": "string"
     },
     "consignee": {
-      "type": "string",
-      "required": "true"
+      "type": "string"
     },
     "city": {
-      "type": "string",
-      "required": "true"
+      "type": "string"
     },
     "postcode": {
       "type": "string"
@@ -43,8 +40,7 @@
       "type": "Number"
     },
     "country": {
-      "type": "string",
-      "required": "true"
+      "type": "string"
     },
     "email": {
       "type": "string"