-
+
-
+ popover="vn-client-search-panel"
+ ignore-keys = "['page', 'size', 'search']">
-
+
+
-
+
-
-
-
+
+
+
+
+
+
+
+
diff --git a/client/client/src/index/index.js b/client/client/src/index/index.js
index 02c58f64f..6f49f2626 100644
--- a/client/client/src/index/index.js
+++ b/client/client/src/index/index.js
@@ -1,9 +1,22 @@
-import {module} from '../module';
-import './style.css';
+import ngModule from '../module';
import './item-client';
-export const NAME = 'vnClientIndex';
-export const COMPONENT = {
- template: require('./index.html')
-};
-module.component(NAME, COMPONENT);
+export default class Controller {
+ constructor($scope) {
+ this.$scope = $scope;
+ this.clientSelected = null;
+ }
+ search(index) {
+ index.accept();
+ }
+ openSummary(client) {
+ this.clientSelected = client;
+ this.$scope.dialogSummaryClient.show();
+ }
+}
+Controller.$inject = ['$scope'];
+
+ngModule.component('vnClientIndex', {
+ template: require('./index.html'),
+ controller: Controller
+});
diff --git a/client/client/src/index/index.spec.js b/client/client/src/index/index.spec.js
new file mode 100644
index 000000000..1836029e0
--- /dev/null
+++ b/client/client/src/index/index.spec.js
@@ -0,0 +1,36 @@
+import './index.js';
+
+describe('Client', () => {
+ describe('Component vnClientIndex', () => {
+ let $componentController;
+ let controller;
+
+ beforeEach(() => {
+ angular.mock.module('client');
+ });
+
+ beforeEach(angular.mock.inject(_$componentController_ => {
+ $componentController = _$componentController_;
+ controller = $componentController('vnClientIndex');
+ }));
+
+ it('should define and set clientSelected property as null', () => {
+ expect(controller.clientSelected).toEqual(null);
+ });
+
+ // describe('search()', () => {
+ // it(`should set model's search to the search input`, () => {
+ // controller.model.search = 'batman';
+ // let index = {
+ // filter: {},
+ // accept: () => {
+ // return 'accepted';
+ // }
+ // };
+ // controller.search(index);
+
+ // expect(index.filter.search).toBe('batman');
+ // });
+ // });
+ });
+});
diff --git a/client/client/src/index/item-client.html b/client/client/src/index/item-client.html
index 7b6c622e9..7ebb6b8f0 100644
--- a/client/client/src/index/item-client.html
+++ b/client/client/src/index/item-client.html
@@ -1,7 +1,21 @@
-
- {{itemClient.client.name}}
- Id Cliente: {{itemClient.client.id}}
- Teléfono: {{itemClient.client.phone | phone}}
- Población: {{itemClient.client.city}}
- email: {{itemClient.client.email}}
+
+
+
+ {{::$ctrl.client.name}}
+ Id {{::$ctrl.client.id}}
+ Phone {{::$ctrl.client.phone | phone}}
+ Town/City {{::$ctrl.client.city}}
+ Email {{::$ctrl.client.email}}
+
+
+
+
+
+
diff --git a/client/client/src/index/item-client.js b/client/client/src/index/item-client.js
index 0c666fd7b..5bacee25d 100644
--- a/client/client/src/index/item-client.js
+++ b/client/client/src/index/item-client.js
@@ -1,11 +1,24 @@
-import {module} from '../module';
+import ngModule from '../module';
-export const NAME = 'vnItemClient';
-export const COMPONENT = {
+class Controller {
+ onClick(event) {
+ if (event.defaultPrevented)
+ event.stopImmediatePropagation();
+ }
+
+ preview(event) {
+ event.preventDefault();
+ this.list.openSummary(this.client);
+ }
+}
+
+ngModule.component('vnItemClient', {
template: require('./item-client.html'),
- controllerAs: 'itemClient',
+ controller: Controller,
bindings: {
client: '<'
+ },
+ require: {
+ list: '^vnClientIndex'
}
-};
-module.component(NAME, COMPONENT);
+});
diff --git a/client/client/src/index/locale/es.yml b/client/client/src/index/locale/es.yml
new file mode 100644
index 000000000..c221de7f6
--- /dev/null
+++ b/client/client/src/index/locale/es.yml
@@ -0,0 +1,5 @@
+Client id: Id cliente
+Phone: Teléfono
+Town/City: Ciudad
+Email: Correo electrónico
+Create client: Crear cliente
\ No newline at end of file
diff --git a/client/client/src/index/style.scss b/client/client/src/index/style.scss
new file mode 100644
index 000000000..0f2ee429f
--- /dev/null
+++ b/client/client/src/index/style.scss
@@ -0,0 +1,3 @@
+vn-item-client {
+ display: block;
+}
\ No newline at end of file
diff --git a/client/client/src/invoices/invoices.html b/client/client/src/invoices/invoices.html
new file mode 100644
index 000000000..fcbb36b97
--- /dev/null
+++ b/client/client/src/invoices/invoices.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+ Invoices
+
+
+
+
+
+
+
+
+
+
+ {{::invoice.ref}}
+ {{::invoice.issued | date:'dd/MM/yyyy' }}
+ {{::invoice.dued | date:'dd/MM/yyyy' }}
+ {{::invoice.amount | currency:'€':2}}
+
+
+
+ No results
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/client/src/invoices/invoices.js b/client/client/src/invoices/invoices.js
new file mode 100644
index 000000000..6f1ea5df1
--- /dev/null
+++ b/client/client/src/invoices/invoices.js
@@ -0,0 +1,15 @@
+import ngModule from '../module';
+import FilterClientList from '../filter-client-list';
+
+class Controller extends FilterClientList {
+ constructor($scope, $timeout, $state, $stateParams) {
+ super($scope, $timeout, $state);
+ $scope.$stateParams = $stateParams;
+ }
+}
+Controller.$inject = ['$scope', '$timeout', '$state', '$stateParams'];
+
+ngModule.component('vnClientInvoices', {
+ template: require('./invoices.html'),
+ controller: Controller
+});
diff --git a/client/client/src/invoices/locale/es.yml b/client/client/src/invoices/locale/es.yml
new file mode 100644
index 000000000..1f03f6318
--- /dev/null
+++ b/client/client/src/invoices/locale/es.yml
@@ -0,0 +1,5 @@
+Invoices: Facturas
+Reference: Referencia
+Issue date: Fecha de emisión
+Due date: Vencimiento
+Amount: Total
\ No newline at end of file
diff --git a/client/client/src/locale/en.json b/client/client/src/locale/en.json
deleted file mode 100644
index 9e26dfeeb..000000000
--- a/client/client/src/locale/en.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
\ No newline at end of file
diff --git a/client/client/src/locale/en.yml b/client/client/src/locale/en.yml
new file mode 100644
index 000000000..3dec4a7ed
--- /dev/null
+++ b/client/client/src/locale/en.yml
@@ -0,0 +1,2 @@
+Client: Client
+Clients: Clients
\ No newline at end of file
diff --git a/client/client/src/locale/es.json b/client/client/src/locale/es.json
deleted file mode 100644
index 9e26dfeeb..000000000
--- a/client/client/src/locale/es.json
+++ /dev/null
@@ -1 +0,0 @@
-{}
\ No newline at end of file
diff --git a/client/client/src/locale/es.yml b/client/client/src/locale/es.yml
new file mode 100644
index 000000000..bb2984d9b
--- /dev/null
+++ b/client/client/src/locale/es.yml
@@ -0,0 +1,23 @@
+Active: Activo
+Client: Cliente
+Clients: Clientes
+Basic data: Datos básicos
+Fiscal data: Datos Fiscales
+Addresses: Consignatarios
+Web access: Acceso web
+Notes: Notas
+Has to invoice: Factura
+Invoice by mail: Factura impresa
+Country: País
+Street: Domicilio fiscal
+City: Municipio
+Postcode: Código postal
+Province: Provincia
+Save: Guardar
+Pay method : Forma de pago
+Address: Consignatario
+Credit : Crédito
+Secured credit: Crédito asegurado
+Verified data: Datos comprobados
+Mandate: Mandato
+Amount: Importe
\ No newline at end of file
diff --git a/client/client/src/mandate/locale/es.yml b/client/client/src/mandate/locale/es.yml
new file mode 100644
index 000000000..545707023
--- /dev/null
+++ b/client/client/src/mandate/locale/es.yml
@@ -0,0 +1,3 @@
+Company: Empresa
+Register date: Fecha alta
+End date: Fecha baja
\ No newline at end of file
diff --git a/client/client/src/mandate/mandate.html b/client/client/src/mandate/mandate.html
new file mode 100644
index 000000000..ef706ece6
--- /dev/null
+++ b/client/client/src/mandate/mandate.html
@@ -0,0 +1,30 @@
+
+
+
+
+ Mandate
+
+
+
+
+
+
+
+
+
+ {{::mandate.id}}
+ {{::mandate.company.code}}
+ {{::mandate.mandateType.name}}
+ {{::mandate.created | date:'dd/MM/yyyy HH:mm' }}
+ {{::mandate.finished | date:'dd/MM/yyyy HH:mm' || '-'}}
+
+
+ No results
+
+
+
+
+
\ No newline at end of file
diff --git a/client/client/src/mandate/mandate.js b/client/client/src/mandate/mandate.js
new file mode 100644
index 000000000..f21f83d28
--- /dev/null
+++ b/client/client/src/mandate/mandate.js
@@ -0,0 +1,7 @@
+import ngModule from '../module';
+import FilterClientList from '../filter-client-list';
+
+ngModule.component('vnClientMandate', {
+ template: require('./mandate.html'),
+ controller: FilterClientList
+});
diff --git a/client/client/src/module.js b/client/client/src/module.js
index 85de3c756..aabcb4d82 100644
--- a/client/client/src/module.js
+++ b/client/client/src/module.js
@@ -1,5 +1,5 @@
import {ng} from 'vendor';
-import * as core from 'core';
+import 'core';
-export const NAME = 'client';
-export const module = ng.module(NAME, []);
+const ngModule = ng.module('client', ['vnCore']);
+export default ngModule;
diff --git a/client/client/src/new-note/index.html b/client/client/src/new-note/index.html
deleted file mode 100644
index 2e05ec244..000000000
--- a/client/client/src/new-note/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
\ No newline at end of file
diff --git a/client/client/src/new-note/index.js b/client/client/src/new-note/index.js
deleted file mode 100644
index e4001c688..000000000
--- a/client/client/src/new-note/index.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import template from './index.html';
-import {module} from '../module';
-
-class Controller {
- constructor($element, $state) {
- this.element = $element[0];
- this.$state = $state;
- this.note = {
- client: $state.params.id,
- text: null
- };
- }
- onSubmit() {
- this.element.querySelector('vn-watcher').$ctrl.submit().then(
- () => this.$state.go('clientCard.notes')
- );
- }
-}
-Controller.$inject = ['$element', '$state'];
-
-export const NAME = 'vnNewNote';
-export const COMPONENT = {
- template: template,
- controllerAs: 'newNote',
- controller: Controller
-};
-module.component(NAME, COMPONENT);
diff --git a/client/client/src/note-create/locale/es.yml b/client/client/src/note-create/locale/es.yml
new file mode 100644
index 000000000..bfe773f48
--- /dev/null
+++ b/client/client/src/note-create/locale/es.yml
@@ -0,0 +1,2 @@
+New note: Nueva nota
+Note: Nota
\ No newline at end of file
diff --git a/client/client/src/note-create/note-create.html b/client/client/src/note-create/note-create.html
new file mode 100644
index 000000000..6ad907794
--- /dev/null
+++ b/client/client/src/note-create/note-create.html
@@ -0,0 +1,25 @@
+
+
+
\ No newline at end of file
diff --git a/client/client/src/note-create/note-create.js b/client/client/src/note-create/note-create.js
new file mode 100644
index 000000000..3f5c68ce2
--- /dev/null
+++ b/client/client/src/note-create/note-create.js
@@ -0,0 +1,16 @@
+import ngModule from '../module';
+
+export default class Controller {
+ constructor($state) {
+ this.note = {
+ clientFk: parseInt($state.params.id),
+ text: null
+ };
+ }
+}
+Controller.$inject = ['$state'];
+
+ngModule.component('vnNoteCreate', {
+ template: require('./note-create.html'),
+ controller: Controller
+});
diff --git a/client/client/src/note-create/note-create.spec.js b/client/client/src/note-create/note-create.spec.js
new file mode 100644
index 000000000..1414835fd
--- /dev/null
+++ b/client/client/src/note-create/note-create.spec.js
@@ -0,0 +1,25 @@
+import './note-create.js';
+
+describe('Client', () => {
+ describe('Component vnNoteCreate', () => {
+ let $componentController;
+ let $state;
+ let controller;
+
+ beforeEach(() => {
+ angular.mock.module('client');
+ });
+
+ beforeEach(angular.mock.inject((_$componentController_, _$state_) => {
+ $componentController = _$componentController_;
+ $state = _$state_;
+ $state.params.id = '1234';
+ controller = $componentController('vnNoteCreate', {$state: $state});
+ }));
+
+ it('should define clientFk using $state.params.id', () => {
+ expect(controller.note.clientFk).toBe(1234);
+ expect(controller.note.client).toBe(undefined);
+ });
+ });
+});
diff --git a/client/client/src/notes/index.html b/client/client/src/notes/index.html
deleted file mode 100644
index c276409fd..000000000
--- a/client/client/src/notes/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
- Notas
-
-
- {{n.creationTime | date:'dd/MM/yyyy HH:mm'}}
- {{n.employeeFk}}
- {{n.text}}
-
-
-
-
-
-
\ No newline at end of file
diff --git a/client/client/src/notes/index.js b/client/client/src/notes/index.js
deleted file mode 100644
index 459470167..000000000
--- a/client/client/src/notes/index.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import './style.css';
-import template from './index.html';
-import {module} from '../module';
-
-export const NAME = 'vnClientNotes';
-export const COMPONENT = {
- template: template,
- controllerAs: 'observation',
- bindings: {
- client: '<'
- },
- controller: function($http, $state) {
- this.$onChanges = function(changes) {
- if (this.client) {
- this.getObservation(this.client.id);
- }
- };
-
- this.getObservation = function(clientId) {
- let json = JSON.stringify({where: {clientFk: this.client.id}, order: 'creationTime DESC'});
- $http.get(`/client/api/clientObservations?filter=${json}`).then(
- json => {
- this.observations = json.data;
- }
- );
- };
-
- this.newObservation = () => {
- $state.go("clientCard.newNote", {id: this.client.id});
- };
- }
-};
-COMPONENT.controller.$inject = ['$http', '$state'];
-module.component(NAME, COMPONENT);
diff --git a/client/client/src/notes/notes.html b/client/client/src/notes/notes.html
new file mode 100644
index 000000000..213a4fecb
--- /dev/null
+++ b/client/client/src/notes/notes.html
@@ -0,0 +1,24 @@
+
+
+ Notes
+
+
+ {{::n.worker.firstName}} {{::n.worker.name}}
+ {{::n.created | date:'dd/MM/yyyy HH:mm'}}
+
+
+ {{::n.text}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/client/src/notes/notes.js b/client/client/src/notes/notes.js
new file mode 100644
index 000000000..7e0ec424a
--- /dev/null
+++ b/client/client/src/notes/notes.js
@@ -0,0 +1,37 @@
+import ngModule from '../module';
+import './style.css';
+
+export default class Controller {
+ constructor($http, $state) {
+ this.$http = $http;
+ this.$state = $state;
+ }
+
+ $onChanges() {
+ if (this.client) {
+ this.getObservation(this.client.id);
+ }
+ }
+
+ getObservation(clientId) {
+ let json = JSON.stringify({where: {clientFk: this.client.id}, order: 'created DESC'});
+ this.$http.get(`/client/api/clientObservations?filter=${json}`).then(
+ json => {
+ this.observations = json.data;
+ }
+ );
+ }
+
+ newObservation() {
+ this.$state.go("clientCard.notes.create", {id: this.client.id});
+ }
+}
+Controller.$inject = ['$http', '$state'];
+
+ngModule.component('vnClientNotes', {
+ template: require('./notes.html'),
+ controller: Controller,
+ bindings: {
+ client: '<'
+ }
+});
diff --git a/client/client/src/notes/notes.spec.js b/client/client/src/notes/notes.spec.js
new file mode 100644
index 000000000..1ec7744de
--- /dev/null
+++ b/client/client/src/notes/notes.spec.js
@@ -0,0 +1,58 @@
+import './notes.js';
+
+describe('Client', () => {
+ describe('Component vnClientNotes', () => {
+ let $componentController;
+ let $state;
+ let $httpBackend;
+ let controller;
+
+ beforeEach(() => {
+ angular.mock.module('client');
+ });
+
+ beforeEach(angular.mock.inject((_$componentController_, _$state_, _$httpBackend_) => {
+ $componentController = _$componentController_;
+ $state = _$state_;
+ $httpBackend = _$httpBackend_;
+ $httpBackend.when('GET', /\/locale\/\w+\/[a-z]{2}\.json/).respond({});
+ controller = $componentController('vnClientNotes', {$state: $state});
+ }));
+
+ describe('$onChanges()', () => {
+ it(`should call getObservation() with the client id`, () => {
+ controller.client = {
+ id: 1234
+ };
+ spyOn(controller, 'getObservation').and.returnValue();
+ controller.$onChanges();
+
+ expect(controller.getObservation).toHaveBeenCalledWith(1234);
+ });
+ });
+
+ describe('$getObservation()', () => {
+ it(`should request to GET the client notes`, () => {
+ controller.client = {id: '1234'};
+ let jsonString = JSON.stringify({where: {clientFk: '1234'}, order: 'created DESC'});
+ let json = {data: 'some data'};
+ $httpBackend.when('GET', `/client/api/clientObservations?filter=${jsonString}`).respond(json);
+ $httpBackend.expectGET(`/client/api/clientObservations?filter=${jsonString}`, {Accept: 'application/json, text/plain, */*'});
+ controller.getObservation();
+ $httpBackend.flush();
+
+ expect(controller.observations).toEqual(json);
+ });
+ });
+
+ describe('$newObservation()', () => {
+ it(`should redirect the user to the newObservation view`, () => {
+ controller.client = {id: '1234'};
+ spyOn(controller.$state, 'go');
+ controller.newObservation();
+
+ expect(controller.$state.go).toHaveBeenCalledWith('clientCard.notes.create', Object({id: '1234'}));
+ });
+ });
+ });
+});
diff --git a/client/client/src/notes/style.css b/client/client/src/notes/style.css
index b5e17c7a7..e69de29bb 100644
--- a/client/client/src/notes/style.css
+++ b/client/client/src/notes/style.css
@@ -1,3 +0,0 @@
-.notes-date{
- font-family: raleway-bold;
-}
\ No newline at end of file
diff --git a/client/client/src/recovery-create/locale/es.yml b/client/client/src/recovery-create/locale/es.yml
new file mode 100644
index 000000000..64e15cd43
--- /dev/null
+++ b/client/client/src/recovery-create/locale/es.yml
@@ -0,0 +1,2 @@
+Add recovery: Añadir recobro
+Period: Periodo
\ No newline at end of file
diff --git a/client/client/src/recovery-create/recovery-create.html b/client/client/src/recovery-create/recovery-create.html
new file mode 100644
index 000000000..a9ea4933d
--- /dev/null
+++ b/client/client/src/recovery-create/recovery-create.html
@@ -0,0 +1,42 @@
+
+
+
+
diff --git a/client/client/src/recovery-create/recovery-create.js b/client/client/src/recovery-create/recovery-create.js
new file mode 100644
index 000000000..67e4421a2
--- /dev/null
+++ b/client/client/src/recovery-create/recovery-create.js
@@ -0,0 +1,25 @@
+import ngModule from '../module';
+
+class ClientRecoveryCreate {
+ constructor($scope, $state, $filter) {
+ this.$ = $scope;
+ this.$state = $state;
+ this.recovery = {
+ started: $filter('date')(new Date(), 'yyyy-MM-dd HH:mm')
+ };
+ }
+ onSubmit() {
+ this.recovery.clientFk = this.$state.params.id;
+ this.$.watcher.submit().then(
+ () => {
+ this.$state.go('clientCard.recovery.list');
+ }
+ );
+ }
+}
+ClientRecoveryCreate.$inject = ['$scope', '$state', '$filter'];
+
+ngModule.component('vnClientRecoveryCreate', {
+ template: require('./recovery-create.html'),
+ controller: ClientRecoveryCreate
+});
diff --git a/client/client/src/recovery-create/recovery-create.spec.js b/client/client/src/recovery-create/recovery-create.spec.js
new file mode 100644
index 000000000..eede3a8f9
--- /dev/null
+++ b/client/client/src/recovery-create/recovery-create.spec.js
@@ -0,0 +1,39 @@
+import './recovery-create.js';
+
+describe('Client', () => {
+ describe('Component vnClientRecoveryCreate', () => {
+ let $componentController;
+ let $scope;
+ let $state;
+ let controller;
+
+ beforeEach(() => {
+ angular.mock.module('client');
+ });
+
+ beforeEach(angular.mock.inject((_$componentController_, $rootScope, _$state_) => {
+ $componentController = _$componentController_;
+ $scope = $rootScope.$new();
+ $state = _$state_;
+ $scope.watcher = {
+ submit: () => {
+ return {
+ then: callback => {
+ callback();
+ }
+ };
+ }
+ };
+ controller = $componentController('vnClientRecoveryCreate', {$scope: $scope});
+ }));
+
+ describe('onSubmit()', () => {
+ it('should call the function go() on $state to go to the recovery list', () => {
+ spyOn($state, 'go');
+ controller.onSubmit();
+
+ expect(controller.$state.go).toHaveBeenCalledWith('clientCard.recovery.list');
+ });
+ });
+ });
+});
diff --git a/client/client/src/recovery-list/locale/es.yml b/client/client/src/recovery-list/locale/es.yml
new file mode 100644
index 000000000..3ad385a5c
--- /dev/null
+++ b/client/client/src/recovery-list/locale/es.yml
@@ -0,0 +1,6 @@
+Since: Desde
+Employee: Empleado
+No results: Sin resultados
+To: Hasta
+Recovery: Recobros
+Finish that recovery period: Terminar el recobro
\ No newline at end of file
diff --git a/client/client/src/recovery-list/recovery-list.html b/client/client/src/recovery-list/recovery-list.html
new file mode 100644
index 000000000..b8d083e99
--- /dev/null
+++ b/client/client/src/recovery-list/recovery-list.html
@@ -0,0 +1,37 @@
+
+
+
+
+ Recovery
+
+
+
+
+
+
+
+
+
+ lock
+
+ {{recovery.started | date:'dd/MM/yyyy' }}
+ {{recovery.finished | date:'dd/MM/yyyy' }}
+ {{recovery.amount | currency:'€':0}}
+ {{recovery.period}}
+
+
+ No results
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/client/src/recovery-list/recovery-list.js b/client/client/src/recovery-list/recovery-list.js
new file mode 100644
index 000000000..5996f2d50
--- /dev/null
+++ b/client/client/src/recovery-list/recovery-list.js
@@ -0,0 +1,24 @@
+import ngModule from '../module';
+import FilterClientList from '../filter-client-list';
+
+class ClientRecoveryList extends FilterClientList {
+ constructor($scope, $timeout, $state, $http) {
+ super($scope, $timeout, $state);
+ this.$http = $http;
+ }
+ setFinished(recovery) {
+ if (!recovery.finished) {
+ let params = {finished: Date.now()};
+ this.$http.patch(`/client/api/Recoveries/${recovery.id}`, params).then(
+ () => this.$.index.accept()
+ );
+ }
+ }
+}
+
+ClientRecoveryList.$inject = ['$scope', '$timeout', '$state', '$http'];
+
+ngModule.component('vnClientRecoveryList', {
+ template: require('./recovery-list.html'),
+ controller: ClientRecoveryList
+});
diff --git a/client/client/src/search-panel/index.html b/client/client/src/search-panel/index.html
deleted file mode 100644
index 60385efc5..000000000
--- a/client/client/src/search-panel/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
diff --git a/client/client/src/search-panel/index.js b/client/client/src/search-panel/index.js
deleted file mode 100644
index bf8af3c03..000000000
--- a/client/client/src/search-panel/index.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import {module} from '../module';
-
-export const NAME = 'vnClientSearchPanel';
-export const COMPONENT = {
- template: require('./index.html'),
- controller: function($scope, $window) {
- this.filter = {id: null, fi: null, name: null, socialName: null, city: null, postcode: null, email: null, phone: null};
- this.formVisibility = true;
- this.onSearch = () => {
- this.setStorageValue();
- this.onSubmit(this.filter);
- };
- this.getKeyPressed = function(event) {
- if (event.which === 27)
- this.formVisibility = false;
- };
- this.$onChanges = () => {
- var value = JSON.parse($window.sessionStorage.getItem('filter'));
- if (value !== undefined)
- this.filter = value;
- };
- this.setStorageValue = () => {
- $window.sessionStorage.setItem('filter', JSON.stringify(this.filter));
- };
- }
-};
-
-module.component(NAME, COMPONENT);
diff --git a/client/client/src/search-panel/locale/es.yml b/client/client/src/search-panel/locale/es.yml
new file mode 100644
index 000000000..590d0e6d8
--- /dev/null
+++ b/client/client/src/search-panel/locale/es.yml
@@ -0,0 +1,8 @@
+Client id: Id cliente
+Tax number: NIF/CIF
+Name: Nombre
+Social name: Razon social
+Town/City: Ciudad
+Postcode: Código postal
+Email: Correo electrónico
+Phone: Teléfono
\ No newline at end of file
diff --git a/client/client/src/search-panel/search-panel.html b/client/client/src/search-panel/search-panel.html
new file mode 100644
index 000000000..2cb6a5aeb
--- /dev/null
+++ b/client/client/src/search-panel/search-panel.html
@@ -0,0 +1,25 @@
+
+
+
diff --git a/client/client/src/search-panel/search-panel.js b/client/client/src/search-panel/search-panel.js
new file mode 100644
index 000000000..74c4647ba
--- /dev/null
+++ b/client/client/src/search-panel/search-panel.js
@@ -0,0 +1,18 @@
+import ngModule from '../module';
+
+export default class Controller {
+ constructor() {
+ // onSubmit() is defined by @vnSearchbar
+ this.onSubmit = () => {};
+ }
+
+ onSearch() {
+ this.onSubmit(this.filter);
+ }
+}
+Controller.$inject = [];
+
+ngModule.component('vnClientSearchPanel', {
+ template: require('./search-panel.html'),
+ controller: Controller
+});
diff --git a/client/client/src/summary/client-summary.html b/client/client/src/summary/client-summary.html
new file mode 100644
index 000000000..e506ae23e
--- /dev/null
+++ b/client/client/src/summary/client-summary.html
@@ -0,0 +1,155 @@
+
+
+
+
+ {{$ctrl.summary.name}} - {{$ctrl.summary.id}} - {{$ctrl.summary.salesPerson.name}}
+
+
+
+ Basic data
+ Comercial Name {{$ctrl.summary.name}}
+ Contact {{$ctrl.summary.contact}}
+ Phone {{$ctrl.summary.phone}}
+ Mobile {{$ctrl.summary.mobile}}
+ Email {{$ctrl.summary.email}}
+ Salesperson {{$ctrl.summary.salesPerson.name}}
+ Channel {{$ctrl.summary.contactChannel.name}}
+
+
+ Fiscal data
+ Social name {{$ctrl.summary.socialName}}
+ NIF / CIF {{$ctrl.summary.fi}}
+ Street {{$ctrl.summary.street}}
+ City {{$ctrl.summary.city}}
+ Postcode {{$ctrl.summary.postcode}}
+ Province {{$ctrl.summary.province.name}}
+ Country {{$ctrl.summary.country.country}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Pay method
+ Pay method {{$ctrl.summary.payMethod.name}}
+ IBAN {{$ctrl.summary.iban}}
+ Due day {{$ctrl.summary.dueDay}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Default address
+ {{$ctrl.address.nickname}}
+ {{$ctrl.address.street}}
+ {{$ctrl.address.city}}
+
+
+ Web access
+ User {{$ctrl.summary.account.name}}
+
+
+
+
+
+
+ Recovery
+
+ Since {{$ctrl.recovery.started}}
+ To {{$ctrl.recovery.finished}}
+ Amount {{$ctrl.recovery.amount | currency:'€':2}}
+ Period {{$ctrl.recovery.period}}
+
+
+
+
+
+
+ Total greuge
+ Total {{$ctrl.greuge.sumAmount | currency:'€':2}}
+
+
+
+ Credit
+
+ Credit
+ {{$ctrl.summary.credit | currency:'€':2}}
+
+
+ Secured credit
+ -
+ {{$ctrl.summary.creditInsurance | currency:'€':2}}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/client/src/summary/client-summary.js b/client/client/src/summary/client-summary.js
new file mode 100644
index 000000000..a3e7c7bae
--- /dev/null
+++ b/client/client/src/summary/client-summary.js
@@ -0,0 +1,100 @@
+import ngModule from '../module';
+
+class ClientSummary {
+
+ constructor($http) {
+ this.$http = $http;
+ }
+
+ set client(value) {
+ if (!value)
+ return;
+
+ let filter = {
+ include: [
+ {
+ relation: 'account',
+ scope: {
+ fields: ['name', 'active']
+ }
+ },
+ {
+ relation: 'salesPerson',
+ scope: {
+ fields: ['name']
+ }
+ },
+ {
+ relation: 'country',
+ scope: {
+ fields: ['country']
+ }
+ },
+ {
+ relation: 'province',
+ scope: {
+ fields: ['name']
+ }
+ },
+ {
+ relation: 'contactChannel',
+ scope: {
+ fields: ['name']
+ }
+ },
+ {
+ relation: 'payMethod',
+ scope: {
+ fields: ['name']
+ }
+ },
+ {
+ relation: 'addresses',
+ scope: {
+ where: {isDefaultAddress: true},
+ fields: ['nickname', 'street', 'city', 'postalCode']
+ }
+ }
+ ]
+ };
+
+ let clientSummary = `/client/api/Clients/${value.id}?filter=${JSON.stringify(filter)}`;
+
+ this.$http.get(encodeURIComponent(clientSummary)).then(res => {
+ if (res.data) {
+ this.summary = res.data;
+ this.address = res.data.addresses[0];
+ }
+ });
+
+ let greugeSum = `/client/api/Greuges/${value.id}/sumAmount`;
+
+ this.$http.get(encodeURIComponent(greugeSum)).then(res => {
+ if (res.data)
+ this.greuge = res.data;
+ });
+
+ let recoveryFilter = {
+ where: {
+ and: [{clientFk: value.id}, {or: [{finished: null}, {finished: {gt: Date.now()}}]}]
+ },
+ limit: 1
+ };
+
+ let recovery = `/client/api/Recoveries?filter=${JSON.stringify(recoveryFilter)}`;
+
+ this.$http.get(encodeURIComponent(recovery)).then(res => {
+ if (res.data)
+ this.recovery = res.data[0];
+ });
+ }
+}
+ClientSummary.$inject = ['$http'];
+
+ngModule.component('vnClientSummary', {
+ template: require('./client-summary.html'),
+ controller: ClientSummary,
+ bindings: {
+ client: '<'
+ }
+});
diff --git a/client/client/src/summary/locale/es.yml b/client/client/src/summary/locale/es.yml
new file mode 100644
index 000000000..27ebf6e37
--- /dev/null
+++ b/client/client/src/summary/locale/es.yml
@@ -0,0 +1,2 @@
+Default address: Consignatario pred.
+Total greuge: Greuge total
\ No newline at end of file
diff --git a/client/client/src/web-access/index.html b/client/client/src/web-access/index.html
deleted file mode 100644
index 50cf431cd..000000000
--- a/client/client/src/web-access/index.html
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/client/client/src/web-access/index.js b/client/client/src/web-access/index.js
deleted file mode 100644
index d7f444af4..000000000
--- a/client/client/src/web-access/index.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import {module} from '../module';
-
-class Controller {
- constructor($scope, $http, vnAppLogger) {
- this.$scope = $scope;
- this.$http = $http;
- this.vnAppLogger = vnAppLogger;
- }
- $onChanges() {
- if(this.client)
- this.account = this.client.account;
- }
- onPassOpen() {
- this.newPassword = '';
- this.repeatPassword = '';
- this.$scope.$apply();
- }
- onPassChange(response) {
- if(response == 'ACCEPT')
- try {
- if(!this.newPassword)
- throw new Error(`Passwords can't be empty`);
- if(this.newPassword != this.repeatPassword)
- throw new Error(`Passwords don't match`);
-
- let account = {
- password: this.newPassword
- };
-
- this.$http.put(`/client/api/Accounts/${this.client.id}`, account);
- }
- catch(e) {
- this.vnAppLogger.showError(e.message);
- return false;
- }
-
- return true;
- }
-}
-Controller.$inject = ['$scope', '$http', 'vnAppLogger'];
-
-module.component('vnClientWebAccess', {
- template: require('./index.html'),
- bindings: {
- client: '<'
- },
- controller: Controller
-});
diff --git a/client/client/src/web-access/locale/es.json b/client/client/src/web-access/locale/es.json
deleted file mode 100644
index 9ca721958..000000000
--- a/client/client/src/web-access/locale/es.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
- "Web access": "Acceso web",
- "New password": "Nueva contraseña",
- "Repeat password": "Repetir contraseña",
- "Change password": "Cambiar contraseña"
-}
\ No newline at end of file
diff --git a/client/client/src/web-access/locale/es.yml b/client/client/src/web-access/locale/es.yml
new file mode 100644
index 000000000..2d1905c16
--- /dev/null
+++ b/client/client/src/web-access/locale/es.yml
@@ -0,0 +1,5 @@
+User: Usuario
+Enable web access: Habilitar acceso web
+New password: Nueva contraseña
+Repeat password: Repetir contraseña
+Change password: Cambiar contraseña
\ No newline at end of file
diff --git a/client/client/src/web-access/web-access.html b/client/client/src/web-access/web-access.html
new file mode 100644
index 000000000..47e05759a
--- /dev/null
+++ b/client/client/src/web-access/web-access.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/client/client/src/web-access/web-access.js b/client/client/src/web-access/web-access.js
new file mode 100644
index 000000000..5545b96f8
--- /dev/null
+++ b/client/client/src/web-access/web-access.js
@@ -0,0 +1,70 @@
+import ngModule from '../module';
+
+export default class Controller {
+ constructor($scope, $http, vnApp) {
+ this.$ = $scope;
+ this.$http = $http;
+ this.vnApp = vnApp;
+ this.canChangePassword = false;
+ this.canEnableCheckBox = true;
+ }
+
+ $onChanges() {
+ if (this.client) {
+ this.account = this.client.account;
+ this.isCustomer();
+ this.checkConditions();
+ }
+ }
+
+ isCustomer() {
+ if (this.client.id) {
+ this.$http.get(`/client/api/Clients/${this.client.id}/hasCustomerRole`).then(res => {
+ this.canChangePassword = res.data && res.data.isCustomer;
+ });
+ }
+ }
+
+ checkConditions() {
+ if (this.client.id) {
+ this.$http.get(`/client/api/Clients/${this.client.id}/isValidClient`).then(res => {
+ this.canEnableCheckBox = res.data;
+ });
+ }
+ }
+
+ onPassOpen() {
+ this.newPassword = '';
+ this.repeatPassword = '';
+ this.$.$apply();
+ }
+
+ onPassChange(response) {
+ if (response == 'ACCEPT')
+ try {
+ if (!this.newPassword)
+ throw new Error(`Passwords can't be empty`);
+ if (this.newPassword != this.repeatPassword)
+ throw new Error(`Passwords don't match`);
+ let account = {
+ password: this.newPassword
+ };
+
+ this.$http.patch(`/client/api/Accounts/${this.client.id}`, account);
+ } catch (e) {
+ this.vnApp.showError(e.message);
+ return false;
+ }
+
+ return true;
+ }
+}
+Controller.$inject = ['$scope', '$http', 'vnApp'];
+
+ngModule.component('vnClientWebAccess', {
+ template: require('./web-access.html'),
+ controller: Controller,
+ bindings: {
+ client: '<'
+ }
+});
diff --git a/client/client/src/web-access/web-access.spec.js b/client/client/src/web-access/web-access.spec.js
new file mode 100644
index 000000000..a700f4c8b
--- /dev/null
+++ b/client/client/src/web-access/web-access.spec.js
@@ -0,0 +1,93 @@
+import './web-access.js';
+
+describe('Component VnClientWebAccess', () => {
+ let $componentController;
+ let $httpBackend;
+ let $scope;
+ let vnApp;
+ let controller;
+
+ beforeEach(() => {
+ angular.mock.module('client');
+ });
+
+ beforeEach(angular.mock.inject((_$componentController_, $rootScope, _$httpBackend_, _vnApp_) => {
+ $componentController = _$componentController_;
+ $scope = $rootScope.$new();
+ $httpBackend = _$httpBackend_;
+ $httpBackend.when('GET', /\/locale\/\w+\/[a-z]{2}\.json/).respond({});
+ vnApp = _vnApp_;
+ spyOn(vnApp, 'showError');
+ controller = $componentController('vnClientWebAccess', {$scope: $scope});
+ }));
+
+ describe('$onChanges()', () => {
+ it(`should pass client's account data to account then call isCustomer function`, () => {
+ spyOn(controller, 'isCustomer');
+ controller.client = {client: 'Bruce Wayne', account: 'Wayne Industries'};
+ controller.account = {};
+ controller.$onChanges();
+
+ expect(controller.account).toBe('Wayne Industries');
+ expect(controller.isCustomer).toHaveBeenCalledWith();
+ });
+ });
+
+ describe('isCustomer()', () => {
+ it(`should perform a query if client is defined with an ID`, () => {
+ controller.client = {id: '1234'};
+ controller.isCustomer();
+
+ $httpBackend.when('GET', `/client/api/Clients/${controller.client.id}/hasCustomerRole`).respond('ok');
+ $httpBackend.expectGET(`/client/api/Clients/${controller.client.id}/hasCustomerRole`);
+ $httpBackend.flush();
+ });
+ });
+
+ describe('onPassOpen()', () => {
+ it('should set passwords to empty values', () => {
+ controller.newPassword = 'm24x8';
+ controller.repeatPassword = 'm24x8';
+ controller.onPassOpen();
+
+ expect(controller.newPassword).toBe('');
+ expect(controller.repeatPassword).toBe('');
+ });
+ });
+
+ describe('onPassChange()', () => {
+ it('should request to update the password', () => {
+ controller.client = {id: '1234'};
+ controller.newPassword = 'm24x8';
+ controller.repeatPassword = 'm24x8';
+ controller.canChangePassword = true;
+ $httpBackend.when('PATCH', '/client/api/Accounts/1234').respond('done');
+ $httpBackend.expectPATCH('/client/api/Accounts/1234', {password: 'm24x8'});
+ controller.onPassChange('ACCEPT');
+ $httpBackend.flush();
+ });
+
+ describe(`when password is empty`, () => {
+ it(`should throw Passwords can't be empty error`, () => {
+ controller.client = {id: '1234'};
+ controller.newPassword = '';
+ controller.canChangePassword = true;
+ controller.onPassChange('ACCEPT');
+
+ expect(vnApp.showError).toHaveBeenCalledWith(`Passwords can't be empty`);
+ });
+ });
+
+ describe(`when passwords don't match`, () => {
+ it(`should throw Passwords don't match error`, () => {
+ controller.client = {id: '1234'};
+ controller.newPassword = 'm24x8';
+ controller.canChangePassword = true;
+ controller.repeatPassword = 'notMatchingPassword';
+ controller.onPassChange('ACCEPT');
+
+ expect(vnApp.showError).toHaveBeenCalledWith(`Passwords don't match`);
+ });
+ });
+ });
+});
diff --git a/client/core/package.json b/client/core/package.json
deleted file mode 100644
index 626726422..000000000
--- a/client/core/package.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
- "name": "@salix/core",
- "version": "0.0.0",
- "description": "",
- "main": "index.js",
- "repository": {
- "type": "git",
- "url": "http://git.verdnatura.es:/salix"
- }
-}
diff --git a/client/core/src/autocomplete/index.html b/client/core/src/autocomplete/index.html
deleted file mode 100644
index 4d25b25c1..000000000
--- a/client/core/src/autocomplete/index.html
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
-
diff --git a/client/core/src/autocomplete/index.js b/client/core/src/autocomplete/index.js
deleted file mode 100644
index 9cb309650..000000000
--- a/client/core/src/autocomplete/index.js
+++ /dev/null
@@ -1,356 +0,0 @@
-import {module} from '../module';
-import Component from '../lib/component';
-import './style.scss';
-
-/**
- * Combobox like component with search and partial data loading features.
- */
-export default class Autocomplete extends Component {
- constructor($element, $scope, $http, vnPopover) {
- super($element);
- this.input = $element[0].querySelector('input');
- this.item = null;
- this.data = null;
- this.popover = null;
- this.popoverData = null;
- this.timeoutId = null;
- this.lastSearch = null;
- this.lastRequest = null;
- this.currentRequest = null;
- this.moreData = false;
- this.activeOption = -1;
- this.maxRows = 10;
- this.requestDelay = 350;
- this.locked = false;
- this.$http = $http;
- this.$scope = $scope;
- this.vnPopover = vnPopover;
-
- componentHandler.upgradeElement($element[0].firstChild);
- this.requestItem();
- }
- set field(value) {
- this.locked = true;
- this.setValue(value);
- this.locked = false;
- }
- get field() {
- return this.value;
- }
- mdlUpdate() {
- let mdlField = this.element.firstChild.MaterialTextfield;
- if (mdlField)
- mdlField.updateClasses_();
- }
- loadData(textFilter) {
- textFilter = textFilter ? textFilter : '';
-
- if (this.lastSearch === textFilter) {
- this.popoverDataReady();
- return;
- }
-
- this.lastSearch = textFilter;
-
- let lastRequest = this.lastRequest;
- let requestWillSame = lastRequest !== null
- && !this.moreData
- && textFilter.substr(0, lastRequest.length) === lastRequest;
-
- if (requestWillSame)
- this.localFilter(textFilter);
- else
- this.requestData(textFilter, false);
- }
- getRequestFields() {
- let fields = {};
- fields[this.valueField] = true;
- fields[this.showField] = true;
- return fields;
- }
- requestData(textFilter, append) {
- let where = {};
- let skip = 0;
-
- if (textFilter)
- where[this.showField] = {regexp: textFilter};
- if (append && this.data)
- skip = this.data.length;
-
- let filter = {
- fields: this.getRequestFields(),
- where: where,
- order: `${this.showField} ASC`,
- skip: skip,
- limit: this.maxRows
- };
-
- this.lastRequest = textFilter ? textFilter : '';
- let json = JSON.stringify(filter);
-
- if (this.currentRequest)
- this.currentRequest.resolve();
-
- this.currentRequest = this.$http.get(`${this.url}?filter=${json}`);
- this.currentRequest.then(
- json => this.onRequest(json.data, append),
- json => this.onRequest([])
- );
- }
- onRequest(data, append) {
- this.currentRequest = null;
- this.moreData = data.length >= this.maxRows;
-
- if (!append || !this.data)
- this.data = data;
- else
- this.data = this.data.concat(data);
-
- this.setPopoverData(this.data);
- }
- localFilter(textFilter) {
- let regex = new RegExp(textFilter, 'i');
- let data = this.data.filter(item => {
- return regex.test(item[this.showField]);
- });
- this.setPopoverData(data);
- }
- setPopoverData(data) {
- this.popoverData = data;
- this.popoverDataReady();
- }
- popoverDataReady() {
- if (this.hasFocus)
- this.showPopover();
- }
- showPopover() {
- if (!this.data) return;
-
- let fragment = this.document.createDocumentFragment();
- let data = this.popoverData;
-
- for (let i = 0; i < data.length; i++) {
- let li = this.document.createElement('li');
- li.appendChild(this.document.createTextNode(data[i][this.showField]));
- fragment.appendChild(li);
- }
-
- if (this.moreData) {
- let li = this.document.createElement('li');
- li.appendChild(this.document.createTextNode('Load more'));
- li.className = 'load-more';
- fragment.appendChild(li);
- }
-
- if (this.popover) {
- this.popover.innerHTML = '';
- this.popover.appendChild(fragment);
- } else {
- let popover = this.document.createElement('ul');
- popover.addEventListener('click',
- e => this.onPopoverClick(e));
- popover.addEventListener('mousedown',
- e => this.onPopoverMousedown(e));
- popover.className = 'vn-autocomplete';
- popover.appendChild(fragment);
- this.vnPopover.show(popover, this.input);
- this.popover = popover;
- }
- }
- hidePopover() {
- if (!this.popover) return;
- this.activeOption = -1;
- this.vnPopover.hide();
- this.popover = null;
- }
- selectPopoverOption(index) {
- if (!this.popover || index === -1) return;
- if (index < this.popoverData.length) {
- this.selectOptionByDataIndex(this.popoverData, index);
- this.hidePopover();
- } else
- this.requestData(this.lastRequest, true);
- }
- onPopoverClick(event) {
- let childs = this.popover.childNodes;
- for (let i = 0; i < childs.length; i++)
- if (childs[i] === event.target) {
- this.selectPopoverOption(i);
- break;
- }
- }
- onPopoverMousedown(event) {
- // Prevents input from loosing focus
- event.preventDefault();
- }
- onClick(event) {
- if (!this.popover)
- this.showPopover();
- }
- onFocus() {
- this.hasFocus = true;
- this.input.select();
-
- if (this.data)
- this.showPopover();
- else
- this.loadData();
- }
- onBlur() {
- this.hasFocus = false;
- this.restoreShowValue();
- this.hidePopover();
- }
- onKeydown(event) {
- switch (event.keyCode) {
- case 13: // Enter
- this.selectPopoverOption(this.activeOption);
- break;
- case 27: // Escape
- this.restoreShowValue();
- this.input.select();
- break;
- case 38: // Arrow up
- this.activateOption(this.activeOption - 1);
- break;
- case 40: // Arrow down
- this.activateOption(this.activeOption + 1);
- break;
- default:
- return;
- }
-
- event.preventDefault();
- }
- onKeyup(event) {
- if (!this.isKeycodePrintable(event.keyCode)) return;
- if (this.timeoutId) clearTimeout(this.timeoutId);
- this.timeoutId = setTimeout(() => this.onTimeout(), this.requestDelay);
- }
- onTimeout() {
- this.loadData(this.input.value);
- this.timeoutId = null;
- }
- isKeycodePrintable(keyCode) {
- return keyCode === 32 // Spacebar
- || keyCode === 8 // Backspace
- || (keyCode > 47 && keyCode < 58) // Numbers
- || (keyCode > 64 && keyCode < 91) // Letters
- || (keyCode > 95 && keyCode < 112) // Numpad
- || (keyCode > 185 && keyCode < 193) // ;=,-./`
- || (keyCode > 218 && keyCode < 223); // [\]'
- }
- restoreShowValue() {
- this.putItem(this.item);
- }
- requestItem() {
- if (!this.value) return;
-
- let where = {};
- where[this.valueField] = this.value;
-
- let filter = {
- fields: this.getRequestFields(),
- where: where
- };
-
- let json = JSON.stringify(filter);
-
- this.$http.get(`${this.url}?filter=${json}`).then(
- json => this.onItemRequest(json.data),
- json => this.onItemRequest(null)
- );
- }
- onItemRequest(data) {
- if (data && data.length > 0)
- this.showItem(data[0]);
- else
- this.showItem(null);
- }
- activateOption(index) {
- if (!this.popover)
- this.showPopover();
-
- let popover = this.popover;
- let childs = popover.childNodes;
- let len = this.popoverData.length;
-
- if (this.activeOption >= 0)
- childs[this.activeOption].className = '';
-
- if (index >= len)
- index = 0;
- else if (index < 0)
- index = len - 1;
-
- if (index >= 0) {
- let opt = childs[index];
- let top = popover.scrollTop;
- let height = popover.clientHeight;
-
- if (opt.offsetTop + opt.offsetHeight > top + height)
- top = opt.offsetTop + opt.offsetHeight - height;
- else if (opt.offsetTop < top)
- top = opt.offsetTop;
-
- opt.className = 'active';
- popover.scrollTop = top;
- }
-
- this.activeOption = index;
- }
- setValue(value) {
- this.value = value;
-
- if (value) {
- let data = this.data;
-
- if (data)
- for (let i = 0; i < data.length; i++)
- if (data[i][this.valueField] == value) {
- this.putItem(data[i]);
- return;
- }
-
- this.requestItem();
- } else
- this.putItem(null);
- }
- selectOptionByIndex(index) {
- this.selectOptionByDataIndex(this.data, index);
- }
- selectOptionByDataIndex(data, index) {
- if (data && index >= 0 && index < data.length)
- this.putItem(data[index]);
- else
- this.putItem(null);
- }
- putItem(item) {
- this.showItem(item);
- let value = item ? item[this.valueField] : undefined;
-
- if (!this.locked) {
- this.value = value;
- setTimeout(
- () => this.$scope.$apply());
- }
- }
- showItem(item) {
- this.input.value = item ? item[this.showField] : '';
- this.item = item;
- this.mdlUpdate();
- }
-}
-Autocomplete.$inject = ['$element', '$scope', '$http', 'vnPopover'];
-
-module.component('vnAutocomplete', {
- template: require('./index.html'),
- bindings: {
- url: '@',
- showField: '@',
- valueField: '@',
- field: '=',
- label: '@'
- },
- controller: Autocomplete
-});
diff --git a/client/core/src/autocomplete/style.scss b/client/core/src/autocomplete/style.scss
deleted file mode 100644
index 1ddff61ec..000000000
--- a/client/core/src/autocomplete/style.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-ul.vn-autocomplete {
- list-style-type: none;
- padding: 1em;
- margin: 0;
- padding: 0;
- overflow: auto;
- max-height: 300px;
-
- li {
- display: block;
- padding: .8em;
- margin: 0;
- cursor: pointer;
-
- &.active,
- &:hover {
- background-color: rgba(1,1,1,.1);
- }
- &.load-more {
- color: #ffa410;
- font-weight: bold;
- padding: .4em .8em;
- }
- }
-}
\ No newline at end of file
diff --git a/client/core/src/button/button.js b/client/core/src/button/button.js
deleted file mode 100644
index 727633999..000000000
--- a/client/core/src/button/button.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import {module as _module} from '../module';
-import * as resolveFactory from '../lib/resolveDefaultComponents';
-import * as util from '../lib/util';
-
-const _NAME = 'button';
-export const NAME = util.getName(_NAME);
-
-directive.$inject = [resolveFactory.NAME];
-export function directive(resolve) {
- return {
- restrict: 'E',
- template: function(_, attr) {
- return resolve.getTemplate(_NAME, attr);
- }
- };
-}
-
-_module.directive(NAME, directive);
diff --git a/client/core/src/button/button.mdl.js b/client/core/src/button/button.mdl.js
deleted file mode 100644
index aa3989284..000000000
--- a/client/core/src/button/button.mdl.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import {module as _module} from '../module';
-import * as util from '../lib/util';
-import * as constant from '../lib/constants';
-import template from './button.mdl.html';
-
-const _NAME = 'button';
-export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
-
-export function factory() {
- return {
- template: template,
- default: {
- label: 'Submit',
- className: 'mdl-button mdl-js-button mdl-button--raised mdl-button--colored',
- enabled: 'true',
- typeName: 'button'
- }
- }
-}
-
-_module.factory(NAME, factory);
diff --git a/client/core/src/card/card.js b/client/core/src/card/card.js
deleted file mode 100644
index 50aad3a2b..000000000
--- a/client/core/src/card/card.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import {module as _module} from '../module';
-import * as resolveFactory from '../lib/resolveDefaultComponents';
-import * as util from '../lib/util';
-require('./style.css');
-
-const _NAME = 'card';
-export const NAME = util.getName(_NAME);
-
-directive.$inject = [resolveFactory.NAME];
-export function directive(resolve) {
- return {
- restrict: 'E',
- transclude: true,
- template: function(_, attr) {
- return resolve.getTemplate(_NAME, attr);
- }
- };
-}
-
-_module.directive(NAME, directive);
-
diff --git a/client/core/src/card/card.mdl.html b/client/core/src/card/card.mdl.html
deleted file mode 100644
index f9edc7feb..000000000
--- a/client/core/src/card/card.mdl.html
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/client/core/src/card/card.mdl.js b/client/core/src/card/card.mdl.js
deleted file mode 100644
index a8e8954d6..000000000
--- a/client/core/src/card/card.mdl.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import {module as _module} from '../module';
-import * as util from '../lib/util';
-import * as constant from '../lib/constants';
-import template from './card.mdl.html';
-
-const _NAME = 'card';
-
-export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
-
-export function factory() {
- return {
- template: template
- }
-}
-
-_module.factory(NAME, factory);
diff --git a/client/core/src/check/check.js b/client/core/src/check/check.js
deleted file mode 100644
index 5976a6625..000000000
--- a/client/core/src/check/check.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import {module as _module} from '../module';
-import * as resolveFactory from '../lib/resolveDefaultComponents';
-import * as normalizerFactory from '../lib/inputAttrsNormalizer';
-import * as util from '../lib/util';
-
-const _NAME = 'check';
-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.MaterialCheckbox;
- if (mdlField)
- mdlField.updateClasses_();
- });
- componentHandler.upgradeElement(element[0].firstChild);
- }
- };
-}
-
-_module.directive(NAME, directive);
diff --git a/client/core/src/check/check.mdl.html b/client/core/src/check/check.mdl.html
deleted file mode 100644
index 9e206cf8f..000000000
--- a/client/core/src/check/check.mdl.html
+++ /dev/null
@@ -1,4 +0,0 @@
-
diff --git a/client/core/src/check/check.mdl.js b/client/core/src/check/check.mdl.js
deleted file mode 100644
index 757efaa08..000000000
--- a/client/core/src/check/check.mdl.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import {module as _module} from '../module';
-import * as util from '../lib/util';
-import * as constant from '../lib/constants';
-import template from './check.mdl.html';
-
-const _NAME = 'check';
-const DEFAULT_CLASS = 'mdl-checkbox__input';
-
-export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
-
-export function factory() {
- return {
- template: template,
- default: {
- enabled: 'true',
- className: DEFAULT_CLASS
- }
- };
-}
-
-_module.factory(NAME, factory);
diff --git a/client/core/src/combo/combo.js b/client/core/src/combo/combo.js
deleted file mode 100644
index 12663ea2a..000000000
--- a/client/core/src/combo/combo.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import {module as _module} from '../module';
-import * as resolveFactory from '../lib/resolveDefaultComponents';
-import * as normalizerFactory from '../lib/inputAttrsNormalizer';
-import * as util from '../lib/util';
-
-const _NAME = 'combo';
-export const NAME = util.getName(_NAME);
-
-directive.$inject = [resolveFactory.NAME, normalizerFactory.NAME];
-export function directive(resolve, normalizer) {
- return {
- restrict: 'E',
- transclude: true,
- 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.MaterialTextfield;
- if (mdlField)
- mdlField.updateClasses_();
- });
- componentHandler.upgradeElement(element[0].firstChild);
- }
- };
-}
-_module.directive(NAME, directive);
diff --git a/client/core/src/combo/combo.mdl.js b/client/core/src/combo/combo.mdl.js
deleted file mode 100644
index 86f7121d9..000000000
--- a/client/core/src/combo/combo.mdl.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import {module} from '../module';
-import template from './combo.mdl.html';
-
-export const NAME = 'vnComboMdlFactory';
-export function factory() {
- return {
- template: template,
- default: {
- label: 'Label',
- enabled: 'enabled'
- }
- }
-}
-module.factory(NAME, factory);
diff --git a/client/core/src/components.js b/client/core/src/components.js
deleted file mode 100644
index 7a258fd3b..000000000
--- a/client/core/src/components.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import './mdl-override.css';
-import './styles/fonts/mdi-override.css';
-
-import './textfield/index';
-import './watcher/index';
-import './paging/index';
-import './icon/index';
-import './autocomplete/index';
-import './popover/index';
-import './dialog/index';
-import './confirm/index';
-import './title/index';
-import './subtitle/index';
-import './spinner/index';
-
-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 CHECK, directive as CheckDirective} from './check/check';
-export {NAME as CHECK_MDL, factory as checknMdl} from './check/check.mdl';
-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 TEXTAREA, directive as TextareaDirective} from './textarea/textarea';
-export {NAME as TEXTAREA_MDL, factory as textareaMdl} from './textarea/textarea.mdl';
-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 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 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 {NAME as FLOATBUTTON, directive as FloatButtonDirective} from './floatbutton/floatbutton';
-export {NAME as FLOATBUTTON_MDL, factory as floatButtondMdl} from './floatbutton/floatbutton.mdl';
diff --git a/client/core/src/components/autocomplete/autocomplete.html b/client/core/src/components/autocomplete/autocomplete.html
new file mode 100755
index 000000000..0ee10c5ae
--- /dev/null
+++ b/client/core/src/components/autocomplete/autocomplete.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/client/core/src/components/autocomplete/autocomplete.js b/client/core/src/components/autocomplete/autocomplete.js
new file mode 100755
index 000000000..5c216d21d
--- /dev/null
+++ b/client/core/src/components/autocomplete/autocomplete.js
@@ -0,0 +1,255 @@
+import ngModule from '../../module';
+import Component from '../../lib/component';
+import './style.scss';
+
+/**
+ * Input with option selector.
+ *
+ * @property {String} valueField The data field name that should be shown
+ * @property {String} showFiled The data field name that should be used as value
+ * @property {Array} data Static data for the autocomplete
+ * @property {Object} intialData A initial data to avoid the server request used to get the selection
+ * @property {Boolean} multiple Wether to allow multiple selection
+ */
+export default class Autocomplete extends Component {
+ constructor($element, $scope, $http, $transclude) {
+ super($element, $scope);
+ this.$http = $http;
+ this.$transclude = $transclude;
+
+ this._field = undefined;
+ this._selection = null;
+ this.valueField = 'id';
+ this.showField = 'name';
+ this._multiField = [];
+ this.readonly = true;
+ this.form = null;
+ this.input = this.element.querySelector('.mdl-textfield__input');
+
+ componentHandler.upgradeElement(
+ this.element.querySelector('.mdl-textfield'));
+ }
+
+ /**
+ * @type {any} The autocomplete value.
+ */
+ get field() {
+ return this._field;
+ }
+
+ set field(value) {
+ if (angular.equals(value, this._field))
+ return;
+
+ this._field = value;
+ this.refreshSelection();
+
+ if (this.onChange)
+ this.onChange(value);
+ }
+
+ /**
+ * @type {Object} The selected data object, you can use this property
+ * to prevent requests to display the initial value.
+ */
+ get selection() {
+ return this._selection;
+ }
+
+ set selection(value) {
+ this._selection = value;
+ this.refreshDisplayed();
+ }
+
+ selectionIsValid(selection) {
+ return selection
+ && selection[this.valueField] == this._field
+ && selection[this.showField] != null;
+ }
+
+ refreshSelection() {
+ if (this.selectionIsValid(this._selection))
+ return;
+
+ let value = this._field;
+
+ if (value && this.valueField && this.showField) {
+ if (this.selectionIsValid(this.initialData)) {
+ this.selection = this.initialData;
+ return;
+ }
+
+ let data = this.data;
+
+ if (!data && this.$.dropDown)
+ data = this.$.dropDown.$.model.data;
+
+ if (data)
+ for (let i = 0; i < data.length; i++)
+ if (data[i][this.valueField] === value) {
+ this.selection = data[i];
+ return;
+ }
+
+ if (this.url) {
+ this.requestSelection(value);
+ return;
+ }
+ } else
+ this.selection = null;
+ }
+
+ requestSelection(value) {
+ let where = {};
+
+ if (this.multiple)
+ where[this.valueField] = {inq: this.field};
+ else
+ where[this.valueField] = value;
+
+ let filter = {
+ fields: this.getFields(),
+ where: where
+ };
+
+ let json = encodeURIComponent(JSON.stringify(filter));
+ this.$http.get(`${this.url}?filter=${json}`).then(
+ json => this.onSelectionRequest(json.data),
+ () => this.onSelectionRequest(null)
+ );
+ }
+
+ onSelectionRequest(data) {
+ if (data && data.length > 0) {
+ if (this.multiple)
+ this.selection = data;
+ else
+ this.selection = data[0];
+ } else
+ this.selection = null;
+ }
+
+ refreshDisplayed() {
+ let display = '';
+
+ if (this._selection && this.showField) {
+ if (this.multiple && Array.isArray(this._selection)) {
+ for (var item of this._selection) {
+ if (display.length > 0) display += ', ';
+ display += item[this.showField];
+ }
+ } else {
+ display = this._selection[this.showField];
+ }
+ }
+
+ this.input.value = display;
+ this.mdlUpdate();
+ }
+
+ getFields() {
+ let fields = [];
+ fields.push(this.valueField);
+ fields.push(this.showField);
+
+ if (this.selectFields)
+ for (let field of this.selectFields)
+ fields.push(field);
+
+ return fields;
+ }
+
+ mdlUpdate() {
+ let field = this.element.querySelector('.mdl-textfield');
+ let mdlField = field.MaterialTextfield;
+ if (mdlField) mdlField.updateClasses_();
+ }
+
+ setValue(value) {
+ this.field = value;
+ if (this.form) this.form.$setDirty();
+ }
+
+ onDropDownSelect(value) {
+ this.setValue(value);
+ this.field = value;
+ }
+
+ onClearClick(event) {
+ event.preventDefault();
+ this.setValue(null);
+ }
+
+ onKeyDown(event) {
+ if (event.defaultPrevented) return;
+
+ switch (event.keyCode) {
+ case 38: // Up
+ case 40: // Down
+ case 13: // Enter
+ this.showDropDown();
+ break;
+ default:
+ if (event.key.length == 1)
+ this.showDropDown(event.key);
+ else
+ return;
+ }
+
+ event.preventDefault();
+ }
+
+ onMouseDown(event) {
+ event.preventDefault();
+ this.showDropDown();
+ }
+
+ showDropDown(search) {
+ Object.assign(this.$.dropDown.$.model, {
+ url: this.url,
+ staticData: this.data
+ });
+
+ Object.assign(this.$.dropDown, {
+ valueField: this.valueField,
+ showField: this.showField,
+ selectFields: this.getFields(),
+ where: this.where,
+ order: this.order,
+ parent: this.input,
+ multiple: this.multiple,
+ limit: this.limit,
+ $transclude: this.$transclude
+ });
+ this.$.dropDown.show(search);
+ }
+}
+Autocomplete.$inject = ['$element', '$scope', '$http', '$transclude'];
+
+ngModule.component('vnAutocomplete', {
+ template: require('./autocomplete.html'),
+ controller: Autocomplete,
+ bindings: {
+ url: '@?',
+ data: ' {
+ let $element;
+ let $scope;
+ let $httpBackend;
+ let controller;
+
+ let data = {id: 1, name: 'Bruce Wayne'};
+
+ beforeEach(() => {
+ angular.mock.module('client');
+ });
+
+ beforeEach(angular.mock.inject((_$componentController_, $rootScope, _$httpBackend_, _$timeout_) => {
+ $scope = $rootScope.$new();
+ $element = angular.element(`
${template}
`);
+ $httpBackend = _$httpBackend_;
+ $httpBackend.when('GET', /\/locale\/\w+\/[a-z]{2}\.json/).respond({});
+ controller = _$componentController_('vnAutocomplete', {$element, $scope, $httpBackend, $transclude: null});
+ }));
+
+ describe('field() setter/getter', () => {
+ it(`should set field controllers property`, () => {
+ controller.field = data.id;
+
+ expect(controller.field).toEqual(data.id);
+ });
+
+ it(`should set selection finding an existing item in the initialData property`, () => {
+ controller.valueField = 'id';
+ controller.showField = 'name';
+ controller.initialData = data;
+ controller.field = data.id;
+
+ expect(controller.selection).toEqual(data);
+ });
+
+ it(`should set selection finding an existing item in the data property`, () => {
+ controller.valueField = 'id';
+ controller.showField = 'name';
+ controller.data = [data];
+ controller.field = data.id;
+
+ expect(controller.selection).toEqual(data);
+ });
+
+ it(`should set selection to null when can't find an existing item in the data property`, () => {
+ controller.valueField = 'id';
+ controller.showField = 'name';
+ controller.field = data.id;
+
+ expect(controller.selection).toEqual(null);
+ });
+
+ it(`should perform a query if the item id isn't present in the data property`, () => {
+ controller.valueField = 'id';
+ controller.showField = 'name';
+ controller.url = 'localhost';
+ controller.field = data.id;
+
+ let filter = {
+ fields: ['id', 'name'],
+ where: {id: data.id}
+ };
+ let json = encodeURIComponent(JSON.stringify(filter));
+
+ $httpBackend.expectGET(`localhost?filter=${json}`);
+ controller.field = data.id;
+ $httpBackend.flush();
+ });
+ });
+});
diff --git a/client/core/src/components/autocomplete/style.scss b/client/core/src/components/autocomplete/style.scss
new file mode 100755
index 000000000..2dda27653
--- /dev/null
+++ b/client/core/src/components/autocomplete/style.scss
@@ -0,0 +1,62 @@
+
+vn-autocomplete > div > .mdl-textfield {
+ position: relative;
+ width: 100%;
+
+ & > input {
+ cursor: pointer;
+ height: 26px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+ & > .icons {
+ display: none;
+ position: absolute;
+ right: 0;
+ top: 1.3em;
+ height: 1em;
+ color: #888;
+ border-radius: .2em;
+ background-color: rgba(255, 255, 255, .8);
+
+ & > vn-icon {
+ cursor: pointer;
+ font-size: 18px;
+
+ &:hover {
+ color: #333;
+ }
+ }
+ }
+ &:hover > .icons,
+ & > input:focus + .icons {
+ display: block;
+ }
+}
+
+ul.vn-autocomplete {
+ list-style-type: none;
+ padding: 1em;
+ margin: 0;
+ padding: 0;
+ overflow: auto;
+ max-height: 300px;
+
+ li {
+ display: block;
+ padding: .8em;
+ margin: 0;
+ cursor: pointer;
+
+ &.active,
+ &:hover {
+ background-color: rgba(1, 1, 1, .1);
+ }
+ &.load-more {
+ color: #ffa410;
+ font-family: vn-font-bold;
+ padding: .4em .8em;
+ }
+ }
+}
\ No newline at end of file
diff --git a/client/core/src/button/button.mdl.html b/client/core/src/components/button/button.html
similarity index 100%
rename from client/core/src/button/button.mdl.html
rename to client/core/src/components/button/button.html
diff --git a/client/core/src/components/button/button.js b/client/core/src/components/button/button.js
new file mode 100644
index 000000000..6247bb77b
--- /dev/null
+++ b/client/core/src/components/button/button.js
@@ -0,0 +1,17 @@
+import ngModule from '../../module';
+import template from './button.html';
+
+directive.$inject = ['vnTemplate'];
+export default function directive(vnTemplate) {
+ return {
+ restrict: 'E',
+ template: (_, $attrs) =>
+ vnTemplate.get(template, $attrs, {
+ label: 'Submit',
+ className: 'mdl-button mdl-js-button mdl-button--raised mdl-button--colored',
+ enabled: 'true',
+ typeName: 'button'
+ })
+ };
+}
+ngModule.directive('vnButton', directive);
diff --git a/client/core/src/components/card/card.html b/client/core/src/components/card/card.html
new file mode 100644
index 000000000..e608d6fa9
--- /dev/null
+++ b/client/core/src/components/card/card.html
@@ -0,0 +1 @@
+
diff --git a/client/core/src/components/card/card.js b/client/core/src/components/card/card.js
new file mode 100644
index 000000000..12df8da7d
--- /dev/null
+++ b/client/core/src/components/card/card.js
@@ -0,0 +1,15 @@
+import ngModule from '../../module';
+require('./style.scss');
+
+directive.$inject = ['vnTemplate'];
+export default function directive(vnTemplate) {
+ return {
+ restrict: 'E',
+ transclude: true,
+ template: require('./card.html'),
+ link: function(_, $element) {
+ $element.addClass('demo-card-wide mdl-shadow--2dp bg-panel');
+ }
+ };
+}
+ngModule.directive('vnCard', directive);
diff --git a/client/core/src/card/style.css b/client/core/src/components/card/style.scss
similarity index 100%
rename from client/core/src/card/style.css
rename to client/core/src/components/card/style.scss
diff --git a/client/core/src/components/check/check.html b/client/core/src/components/check/check.html
new file mode 100644
index 000000000..b261a53a7
--- /dev/null
+++ b/client/core/src/components/check/check.html
@@ -0,0 +1,4 @@
+
diff --git a/client/core/src/components/check/check.js b/client/core/src/components/check/check.js
new file mode 100644
index 000000000..5b1a276d6
--- /dev/null
+++ b/client/core/src/components/check/check.js
@@ -0,0 +1,50 @@
+import ngModule from '../../module';
+import Input from '../../lib/input';
+import './style.scss';
+
+export default class Controller extends Input {
+ constructor($element, $scope) {
+ super($element, $scope);
+ componentHandler.upgradeElement(this.element.firstChild);
+ this.mdlElement = this.element.firstChild.MaterialCheckbox;
+ this.input.addEventListener('change', () => this.onChange());
+ }
+ set field(value) {
+ this.input.checked = value == true;
+ this.mdlUpdate();
+ }
+ get field() {
+ return this.input.checked == true;
+ }
+ $onInit() {
+ if (this.model) {
+ this.model.$render = () => {
+ this.input.checked = this.model.$viewValue || false;
+ this.mdlUpdate();
+ };
+ this.$element.on('blur keyup change', () => {
+ this.$.$evalAsync(() => {
+ this.model.$setViewValue(this.input.checked);
+ });
+ });
+ }
+ }
+ onChange() {
+ this.$.$applyAsync();
+ }
+}
+Controller.$inject = ['$element', '$scope', '$injector'];
+
+ngModule.component('vnCheck', {
+ template: require('./check.html'),
+ controller: Controller,
+ require: {
+ model: '?ngModel'
+ },
+ bindings: {
+ field: '=?',
+ label: '@?',
+ disabled: '
+
+
+ {{::$ctrl.text}}
+
+
+
+
+
+
+
+
