Merge pull request 'feat: refs #7704 Change minQuantity' (!67) from 7704-itemMinimalQuantity into dev

Reviewed-on: verdnatura/hedera-web#67
Reviewed-by: Javi Gallego <jgallego@verdnatura.es>

.gitignore

@@ -2,3 +2,4 @@ node_modules
 build/
 config.my.php
 .vscode/
+.quasar

Dockerfile

@@ -1,5 +1,5 @@
 # Not using buster because of bug: https://bugs.php.net/bug.php?id=78870
-FROM debian:stretch-slim
+FROM debian:bookworm-slim
 
 ARG DEBIAN_FRONTEND=noninteractive
 
@@ -23,19 +23,19 @@ RUN a2dissite 000-default
 
 # NodeJs
 
-RUN curl -fsSL https://deb.nodesource.com/setup_14.x | bash - \
+RUN curl -fsSL https://deb.nodesource.com/setup_20.x | bash - \
     && apt-get install -y --no-install-recommends nodejs
 
 # Hedera
 
 RUN curl -sL https://apt.verdnatura.es/conf/verdnatura.gpg | apt-key add - \
-    && echo "deb http://apt.verdnatura.es/ stretch main" \
+    && echo "deb http://apt.verdnatura.es/ bookworm main" \
         > /etc/apt/sources.list.d/vn.list \
     && apt-get update \
     && apt-get install -y --no-install-recommends \
+        php-apcu \
         php-image-text \
         php-text-captcha \
-        php-apcu \
         php-zip \
         hedera-web \
         cron

Jenkinsfile

@@ -1,34 +1,24 @@
 #!/usr/bin/env groovy
 
+def BRANCH_ENV = [
+    test: 'test',
+    master: 'production'
+]
+
+node {
+    stage('Setup') {
+        env.NODE_ENV = BRANCH_ENV[env.BRANCH_NAME] ?: 'dev'
+
+        echo "NODE_NAME: ${env.NODE_NAME}"
+        echo "WORKSPACE: ${env.WORKSPACE}"
+    }
+}
 pipeline {
     agent any
     environment {
         PROJECT_NAME = 'hedera-web'
-        STACK_NAME   = "${env.PROJECT_NAME}-${env.BRANCH_NAME}"
     }
     stages {
-        stage('Checkout') {
-            steps {
-                script {
-                    def packageJson = readJSON file: 'package.json'
-                    env.VERSION = packageJson.version
-
-                    switch (env.BRANCH_NAME) {
-                        case 'master':
-                            env.NODE_ENV = 'production'
-                            env.MAIN_REPLICAS = 3
-                            env.CRON_REPLICAS = 1
-                            break
-                        case 'test':
-                            env.NODE_ENV = 'test'
-                            env.MAIN_REPLICAS = 1
-                            env.CRON_REPLICAS = 0
-                            break
-                    }
-                }
-                setEnv()
-            }
-        }
         stage('Debuild') {
             when {
                 anyOf {
@@ -38,7 +28,7 @@ pipeline {
             }
             agent {
                 docker {
-                    image 'registry.verdnatura.es/debuild:2.21.3-vn2'
+                    image 'registry.verdnatura.es/debuild:2.23.4-vn1'
                     registryUrl 'https://registry.verdnatura.es/'
                     registryCredentialsId 'docker-registry'
                     args '-v /mnt/appdata/reprepro:/reprepro'
@@ -46,7 +36,7 @@ pipeline {
             }
             steps {
                 sh 'debuild -us -uc -b'
-                sh 'vn-includedeb stretch'
+                sh 'vn-includedeb bookworm'
             }
         }
         stage('Container') {
@@ -60,6 +50,10 @@ pipeline {
                 CREDS = credentials('docker-registry')
             }
             steps {
+                script {
+                    def packageJson = readJSON file: 'package.json'
+                    env.VERSION = packageJson.version
+                }
                 sh 'docker login --username $CREDS_USR --password $CREDS_PSW $REGISTRY'
                 sh 'docker-compose build --build-arg BUILD_ID=$BUILD_ID --parallel'
                 sh 'docker-compose push'
@@ -72,16 +66,25 @@ pipeline {
                     branch 'test'
                 }
             }
-            environment {
-                DOCKER_HOST = "${env.SWARM_HOST}"
-            }
             steps {
-                sh "docker stack deploy --with-registry-auth --compose-file docker-compose.yml ${env.STACK_NAME}"
+                script {
+                    def packageJson = readJSON file: 'package.json'
+                    env.VERSION = packageJson.version
+                }
+                withKubeConfig([
+                    serverUrl: "$KUBERNETES_API",
+                    credentialsId: 'kubernetes',
+                    namespace: 'salix'
+                ]) {
+                    sh 'kubectl set image deployment/hedera-web-$BRANCH_NAME hedera-web-$BRANCH_NAME=$REGISTRY/hedera-web:$VERSION'
+                    sh 'kubectl set image deployment/hedera-web-cron-$BRANCH_NAME hedera-web-cron-$BRANCH_NAME=$REGISTRY/hedera-web:$VERSION'
+                }
             }
         }
     }
     post {
         unsuccessful {
+            setEnv()
             sendEmail()
         }
     }

README.md

@@ -1,18 +1,49 @@
 # Hedera
 
-Hedera is the main web page for Verdnatura.
+Hedera is the main web shop page for Verdnatura.
 
-## Getting Started
+## Prerequisites
 
-Required dependencies.
- * PHP >= 7.0
- * Node.js >= 8.0
+Required applications.
+ * PHP >= 8.4
+ * Node.js >= 20.0
 
-Launch application for development.
+Take a look to *debian/control* file to see additional dependencies.
+
+Copy config.php to *config.my.php* and place your DB config there.
+
+### Installing dependencies and launching
+
+Pull from repository.
+
+Run this commands on project root directory to install Node dependencies.
 ```
-$ npm run dev 
+$ npm install
 ```
 
+Install project dependences (debian/control).
+
+Pull from repository [php-vn-lib](https://gitea.verdnatura.es/verdnatura/php-vn-lib) and install [dependences](https://gitea.verdnatura.es/verdnatura/php-vn-lib/src/branch/master/debian/control) of this project.
+
+Configure config.php file.
+
+Launch project fronted.
+```
+$ npm run front
+```
+
+Launch salix backend.
+```
+$ npm run db
+$ npm run back
+```
+Launch project backend.
+```
+$ php -S 127.0.0.1:3001 -t . index.php
+```
+
+### Command line
+
 Run server side method from command line.
 ```
 $ php hedera-web.php -m method_path 
@@ -20,6 +51,8 @@ $ php hedera-web.php -m method_path
 
 ## Built with
 
+ * [nodejs](https://nodejs.org/)
+ * [php](https://www.php.net/)
  * [Webpack](https://webpack.js.org/)
  * [MooTools](https://mootools.net/)
  * [TinyMCE](https://www.tinymce.com/)

config.php

@@ -12,6 +12,8 @@
  *
  *  - http://www.mydomain.org -> config.www.php
  *  - http://test.mydomain.org -> config.test.php
+ * 
+ * Put the password in base64.
  */
 return [
 	/**
@@ -22,7 +24,7 @@ return [
 		,'port'   => 3306
 		,'schema' => 'hedera'
 		,'user'   => 'hedera-web'
-		,'pass'   => ''
+		,'pass'   => '' // base64 encoded
 		,'tz'     => 'Europe/madrid'
 	]
 ];

debian/changelog

@@ -1,4 +1,4 @@
-hedera-web (22.48.2) stable; urgency=low
+hedera-web (24.14.8) stable; urgency=low
 
   * Initial Release.
 

debian/control

@@ -10,7 +10,7 @@ Vcs-Git: https://gitea.verdnatura.es/verdnatura/hedera-web
 Package: hedera-web
 Architecture: all
 Depends: apache2 | httpd, nodejs, php-cli, php-vn-lib, php-apcu, php-imap, php-soap, libphp-phpmailer, php-gd, php-pear
-Suggests: php-text-captcha, php-zip, cron
+Suggests: php-image-text, php-text-captcha, php-zip, cron
 Section: misc
 Priority: optional
 Description: Verdnatura's web page

debian/cron.d

@@ -1,10 +1,8 @@
 MAILTO=webmaster
 */1    *  * * *   root  hedera-web.php -m misc/mail
-*/4    *  * * *   root  hedera-web.php -m tpv/confirm-mail
 */2    *  * * *   root  hedera-web.php -m edi/load
 0     23  * * *   root  hedera-web.php -m edi/clean
 0      5  * * *   root  hedera-web.php -m edi/update
-0      5  * * *   root  hedera-web.php -m misc/exchange-rate
 0      0  * * *   root  hedera-web.php -m image/sync
 0      1  * * *   root  /usr/share/hedera-web/utils/image-clean.sh > /dev/null
 0    */1  * * *   root  /usr/share/hedera-web/utils/update-browscap.sh > /dev/null

debian/links

@@ -1,3 +1,3 @@
 usr/share/hedera-web/hedera-web.php  usr/bin/hedera-web.php
 etc/hedera-web/apache.conf           etc/apache2/conf-available/hedera-web.conf
-etc/hedera-web/php.ini               etc/php/7.0/apache2/conf.d/99-hedera-web.ini
+etc/hedera-web/php.ini               etc/php/8.2/apache2/conf.d/99-hedera-web.ini

docker-compose.yml

@@ -1,41 +1,12 @@
 version: '3.7'
 services:
   main:
-    image: registry.verdnatura.es/hedera-web:${BRANCH_NAME:?}
+    image: registry.verdnatura.es/hedera-web:${VERSION:?}
     build:
       context: .
       dockerfile: Dockerfile
       args:
         - VERSION=${VERSION:?}
-    ports:
-      - 80
-    configs:
-      - source: config
-        target: /etc/hedera-web/config.my.php
-    volumes:
-      - /mnt/appdata:/mnt/storage
-      - /mnt/appdata/image:/var/lib/hedera-web/image-db
-      - /mnt/appdata/vn-access:/var/lib/hedera-web/vn-access
-    deploy:
-      replicas: ${MAIN_REPLICAS:?}
-      placement:
-        constraints:
-          - node.role == worker
   cron:
-    image: registry.verdnatura.es/hedera-web:${BRANCH_NAME:?}
+    image: registry.verdnatura.es/hedera-web:${VERSION:?}
     command: 'cron -f'
-    configs:
-      - source: config
-        target: /etc/hedera-web/config.my.php
-    volumes:
-      - /mnt/appdata:/mnt/storage
-      - /mnt/appdata/image:/var/lib/hedera-web/image-db
-    deploy:
-      replicas: ${CRON_REPLICAS:?}
-      placement:
-        constraints:
-          - node.role == worker
-configs:
-  config:
-    external: true
-    name: ${PROJECT_NAME:?}-${BRANCH_NAME:?}

forms/account/address/ui.xml

@@ -65,8 +65,8 @@
 				one-way="true"
 				one-time="true">
 				<db-model property="model">
-					SELECT id, country FROM vn.country
-						ORDER BY country
+					SELECT id, name FROM vn.country
+						ORDER BY name
 				</db-model>
 			</htk-combo>
 		</div>

forms/account/conf/index.js

@@ -7,70 +7,7 @@ export default new Class({
 	activate() {
 		this.$.userModel.setInfo('c', 'myClient', 'hedera');
 		this.$.userModel.setInfo('u', 'myUser', 'account');
-
-		if (this.hash.$.verificationToken)
-			this.onPassChangeClick();
-	}
-
-	,onPassChangeClick() {
-		this.$.oldPassword.value = '';
-		this.$.newPassword.value = '';
-		this.$.repeatPassword.value = '';
-
-		var verificationToken = this.hash.$.verificationToken;
-		this.$.oldPassword.style.display = verificationToken ? 'none' : 'block';
-		this.$.changePassword.show();
-
-		if (verificationToken)
-			this.$.newPassword.focus();
-		else
-			this.$.oldPassword.focus();
-	}
-
-	,async onPassModifyClick() {
-		var oldPassword = this.$.oldPassword.value;
-		var newPassword = this.$.newPassword.value;
-		var repeatedPassword = this.$.repeatPassword.value;
-
-		if (newPassword == '' && repeatedPassword == '')
-			throw new Error(_('Passwords empty'));
-		if (newPassword !== repeatedPassword)
-			throw new Error(_('Passwords doesn\'t match'));
-	
-		var verificationToken = this.hash.$.verificationToken;
-		var params = {newPassword};
-
-		let err;
-		try {
-			if (verificationToken) {
-				params.verificationToken = verificationToken;
-				await this.conn.send('user/restore-password', params);
-			} else {
-				let userId = this.gui.user.id;
-				params.oldPassword = oldPassword;
-				await this.conn.patch(
-					`Accounts/${userId}/changePassword`, params);
-			}
-		} catch(e) {
-			err = e;
-			Htk.Toast.showError(err.message);
-
-			if (this.hash.$.verificationToken)
-				this.$.newPassword.select();
-			else
-				this.$.oldPassword.select();
-
-			return;
-		}
-
-		this.$.changePassword.hide();
-		this.hash.unset('verificationToken');
-		Htk.Toast.showMessage(_('Password changed!'));
-		this.$.userForm.refresh();
-	}
-	
-	,onPassInfoClick() {
-		this.$.passwordInfo.show();
+		this.$.changePassword.conn = this.conn
+		this.$.changePassword.user = this.gui.user
 	}
 });
-

forms/account/conf/ui.xml

@@ -1,11 +1,5 @@
 <vn>
 <vn-group>
-	<db-form v-model="passwordForm">
-		<db-model property="model">
-			SELECT length, nAlpha, nUpper, nDigits, nPunct
-				FROM account.userPassword
-		</db-model>
-	</db-form>
 	<db-form id="user-form">
 		<db-model property="model" id="user-model" updatable="true">
 			SELECT u.id, u.name, u.email, u.nickname,
@@ -27,7 +21,7 @@
 	<htk-bar-button
 		icon="lock_reset"
 		tip="_Change password"
-		on-click="this.onPassChangeClick()"/>
+		on-click="this.$.changePassword.open()"/>
 </div>
 <div id="form" class="conf">
 	<div class="form box vn-w-sm vn-pa-lg">
@@ -74,62 +68,5 @@
 		</div>
 	</div>
 </div>
-<htk-popup
-	id="change-password"
-	modal="true">
-	<div property="child-node" class="htk-dialog vn-w-xs vn-pa-lg">
-		<div class="form">
-			<h5 class="vn-mb-md">
-				<t>Change password</t>
-			</h5>
-			<input
-				id="old-password"
-				type="password"
-				placeholder="_Old password"/>
-			<input
-				id="new-password"
-				type="password"
-				placeholder="_New password"/>
-			<input
-				id="repeat-password"
-				type="password"
-				placeholder="_Repeat password"/>
-		</div>
-		<div class="button-bar">
-			<button class="thin" on-click="this.onPassModifyClick()">
-				<t>Modify</t>
-			</button>
-			<button class="thin" on-click="this.onPassInfoClick()">
-				<t>Requirements</t>
-			</button>
-			<div class="clear"/>
-		</div>
-	</div>
-</htk-popup>
-<htk-popup
-	id="password-info"
-	modal="true">
-	<div property="child-node" class="htk-dialog pass-info vn-w-xs vn-pa-lg">
-		<h5 class="vn-mb-md">
-			<t>Password requirements</t>
-		</h5>
-		<ul>
-			<li>
-				{{passwordForm.length}} <t>characters long</t>
-			</li>
-			<li>
-				{{passwordForm.nAlpha}} <t>alphabetic characters</t>
-			</li>
-			<li>
-				{{passwordForm.nUpper}} <t>capital letters</t>
-			</li>
-			<li>
-				{{passwordForm.nDigits}} <t>digits</t>
-			</li>
-			<li>
-				{{passwordForm.nPunct}} <t>symbols</t>
-			</li>
-		</ul>
-	</div>
-</htk-popup>
+<htk-change-password id="change-password"/>
 </vn>

forms/admin/visits/index.js

@@ -7,8 +7,8 @@ export default new Class({
 	,activate() {
 		if (!this.hash.$.to)
 			this.hash.assign({
-				from: new Date(),
-				to: new Date()
+				from: Date.vnNew(),
+				to: Date.vnNew()
 			});
 	}
 });

forms/agencies/packages/index.js

@@ -3,12 +3,5 @@ import './style.scss';
 export default new Class({
 	Extends: Hedera.Form,
 	Template: require('./ui.xml'),
-	
-	onShowClick(column, agencyId) {
-		this.hash.setAll({
-			form: 'agencies/provinces',
-			agency: agencyId
-		});
-	}
 });
 

forms/agencies/packages/locale/ca.yml

@@ -1,5 +1,4 @@
 ListByAgency: Paquets per agència
-ShowByProvince: Mostrar desglose per província
 Agency: Agència
 Exps: Exps.
 Bundles: Paquets

forms/agencies/packages/locale/en.yml

@@ -1,5 +1,4 @@
 ListByAgency: Bundles by agency
-ShowByProvince: Show breakdown by province
 Agency: Agency
 Exps: Exps.
 Bundles: Bundles

forms/agencies/packages/locale/es.yml

@@ -1,5 +1,4 @@
 ListByAgency: Bultos por agencia
-ShowByProvince: Mostrar desglose por provincia
 Agency: Agencia
 Exps: Exps.
 Bundles: Bultos

forms/agencies/packages/locale/fr.yml

@@ -1,5 +1,4 @@
 ListByAgency: Liste par agence
-ShowByProvince: Montrer par province
 Agency: Agence
 Exps: Expéditeur
 Bundles: Cartons

forms/agencies/packages/locale/pt.yml

@@ -1,5 +1,4 @@
 ListByAgency: Bultos por agencia
-ShowByProvince: Mostrar desglosse por Distrito
 Agency: Agencia
 Exps: Exps.
 Bundles: Bultos

forms/agencies/packages/ui.xml

@@ -7,14 +7,9 @@
 		<htk-grid>
 			<db-model property="model">
 				<custom>
-					CALL vn2008.agencia_volume ()
+					CALL vn.agencyVolume()
 				</custom>
 			</db-model>
-			<htk-column-button
-				column="agency_id"
-				icon="search"
-				tip="_ShowByProvince"
-				on-clicked="onShowClick"/>
 			<htk-column-text title="_Agency" column="Agencia"/>
 			<htk-column-spin title="_Exps" column="expediciones"/>
 			<htk-column-spin title="_Bundles" column="Bultos"/>

forms/agencies/provinces/index.js

@@ -1,7 +0,0 @@
-import './style.scss';
-
-export default new Class({
-	Extends: Hedera.Form,
-	Template: require('./ui.xml')
-});
-

forms/agencies/provinces/locale/ca.yml

@@ -1,6 +0,0 @@
-ByProvince: Desglose per província
-Return: Tornar
-SelectAgency: Selecciona una agència al llistat de l'esquerra
-Province: Província
-Expeditions: Exps.
-Left: Falten

forms/agencies/provinces/locale/en.yml

@@ -1,6 +0,0 @@
-ByProvince: Breakdown by province
-Return: Return
-SelectAgency: Select an agency
-Province: Province
-Expeditions: Exps.
-Left: Left

forms/agencies/provinces/locale/es.yml

@@ -1,6 +0,0 @@
-ByProvince: Desglose por provincia
-Return: Volver
-SelectAgency: Selecciona una agencia
-Province: Provincia
-Expeditions: Exps.
-Left: Faltan

forms/agencies/provinces/locale/fr.yml

@@ -1,6 +0,0 @@
-ByProvince: Par province
-Return: Retour
-SelectAgency: Sélectionnez une agence
-Province: Province
-Expeditions: Expéditions
-Left: Restant

forms/agencies/provinces/locale/pt.yml

@@ -1,6 +0,0 @@
-ByProvince: Desglosse por Distritos
-Return: Voltar
-SelectAgency: Seleccione uma agência
-Province: Distrito
-Expeditions: Exps.
-Left: Faltam

forms/agencies/provinces/ui.xml

@@ -1,18 +0,0 @@
-<vn>
-<div id="title">
-	<h1><t>ByProvince</t></h1>
-</div>
-<div id="form" class="provinces vn-w-sm">
-	<div class="box">
-		<htk-grid>
-			<db-model property="model" lot="hash">
-				CALL vn2008.desglose_volume(#agency)
-			</db-model>
-			<htk-column-text title="_Province" column="Provincia"/>
-			<htk-column-spin title="_Expeditions" column="expediciones"/>
-			<htk-column-spin title="_Bundles" column="Bultos"/>
-			<htk-column-spin title="_Left" column="Prevision"/>
-		</htk-grid>
-	</div>
-</div>
-</vn>

forms/cms/contact/index.js

@@ -14,7 +14,7 @@ export default new Class({
 	,refreshCaptcha() {
 		params = {
 			srv: 'rest:misc/captcha',
-			stamp: new Date().getTime()
+			stamp: Date.vnNew().getTime()
 		};
 		this.$.captchaImg.src = '?'+ Vn.Url.makeUri(params);
 	}

forms/cms/why/locale/fr.yml

@@ -13,7 +13,8 @@ BecauseOurSalesDep: >-
   Pour nos professionnels de service commercial qui sera toujours de trouver une
   solution à vos besoins.
 BecauseOurWorkShop: Parce que nous avons un atelier de couture pour aider.
-BecauseWeHaveWhatYouNeed: Parce que nous avons ce que vous avez besoin quand vous en avez besoin ...
+BecauseWeHaveWhatYouNeed: >-
+  Parce que nous avons ce que vous avez besoin quand vous en avez besoin ...
 AboutDesc: >-
   Nous sommes une société spécialisée dans le commerce de gros et de la
   distribution d'une large gamme d'accessoires, des verts et des fleurs à des
@@ -31,6 +32,6 @@ AboutDisp: >-
   Mercaflor - Mercavalencia (Valencia) qui effectuent des ventes directes
   seulement.
 AboutOrder: >-
-  Vous pouvez faire vos commandes et réservations par téléphone au +33 781 533
-  900, en ligne grâce à notre site Internet ou directement dans nos
+  Vous pouvez faire vos commandes et réservations par téléphone au +33 783 285
+  437, en ligne grâce à notre site Internet ou directement dans nos
   installations.

forms/ecomerce/basket/index.js

@@ -5,17 +5,64 @@ export default new Class({
 	Template: require('./ui.xml'),
 
 	async open() {
-		const isOk = await Hedera.BasketChecker.check(this.conn, this.hash);
-		if (isOk) await Hedera.Form.prototype.open.call(this);
+		await this.loadOrder();
+		if (this.orderId) {
+			await Hedera.Form.prototype.open.call(this);
+			this.$.lot.assign({id: this.orderId});
+		}
 	},
 
 	activate() {
-		this.$.items.setInfo('bi', 'myBasketItem', 'hedera');
+		this.$.items.setInfo('bi', 'myOrderRow', 'hedera');
+	},
+
+	async onHashChange() {
+		if (!this.isOpen) return;
+		await this.loadOrder();
+		if (this.orderId)
+			this.$.lot.assign({id: this.orderId});
+	},
+
+	async loadOrder() {
+		const basket = new Hedera.Basket(this.app);
+		if (this.hash.$.id) {
+			this.orderId = this.hash.$.id;
+		} else if (await basket.check()) {
+			this.orderId = basket.orderId;
+		}
+	},
+
+	onOrderReady(form) {
+		if (form.row < 0)
+			return;
+		
+		if (form.$.method != 'PICKUP') {
+			Vn.Node.show(this.$.address);
+			Vn.Node.setText(this.$.method, _('Agency'));
+		} else {
+			Vn.Node.hide(this.$.address);
+			Vn.Node.setText(this.$.method, _('Warehouse'));
+		}
 	},
 
 	onConfigureClick() {
 		Htk.Toast.showWarning(_('RememberReconfiguringImpact'));
-		this.hash.setAll({form: 'ecomerce/checkout'});
+		this.hash.setAll({
+			form: 'ecomerce/checkout',
+			id: this.orderId
+		});
+	},
+
+	async onCatalogClick() {
+		const basket = new Hedera.Basket(this.app);
+		await basket.load(this.orderId);
+	},
+
+	onConfirmClick() {
+		this.hash.setAll({
+			form: 'ecomerce/confirm',
+			id: this.orderId
+		});
 	},
 
 	onDeleteClick(form) {

forms/ecomerce/basket/locale/ca.yml

@@ -1,11 +1,16 @@
 ShoppingBasket: Cistella de la compra
+Order: Encàrrec
+ShippingInformation: Dades d'enviament
+DeliveryAddress: Adreça de lliurament
+Delivery at: Lliurament el
+Agency: Agència
+Warehouse: Magatzem
 Delete: Borrar encàrrec
 GoToCatalog: Anar al catàleg
 ConfigureOrder: Configurar encàrrec
 Checkout: Tramitar encàrrec
 OrderNumber: N encàrec
 DateExit: Data d'eixida
-Warehouse: Magatzem
 OrderTotal: Total encàrrec
 Amount: Quant
 Pack: Pack

forms/ecomerce/basket/locale/en.yml

@@ -1,11 +1,16 @@
 ShoppingBasket: Shopping basket
+Order: Order
+ShippingInformation: Shipping information
+DeliveryAddress: Delivery address
+Delivery at: Delivery at
+Agency: Agency
+Warehouse: Store
 Delete: Delete order
 GoToCatalog: Go to catalog
 ConfigureOrder: Configure order
 Checkout: Checkout
 OrderNumber: Order number
 DateExit: Shipping date
-Warehouse: Store
 OrderTotal: Total
 Amount: Amount
 Pack: Pack

forms/ecomerce/basket/locale/es.yml

@@ -1,11 +1,16 @@
 ShoppingBasket: Cesta de la compra
+Order: Pedido
+ShippingInformation: Datos de envío
+DeliveryAddress: Dirección de entrega
+Delivery at: Entrega el
+Agency: Agencia
+Warehouse: Almacén
 Delete: Borrar pedido
 GoToCatalog: Ir al catálogo
 ConfigureOrder: Configurar pedido
 Checkout: Finalizar pedido
 OrderNumber: Nº pedido
 DateExit: Fecha de salida
-Warehouse: Almacén
 OrderTotal: Total
 Amount: Cantidad
 Pack: Pack

forms/ecomerce/basket/locale/fr.yml

@@ -1,11 +1,16 @@
 ShoppingBasket: Panier
+Order: Commande
+ShippingInformation: Informations sur la livraison
+DeliveryAddress: Addresse de livraison
+Delivery at: Livraison à
+Agency: Agence
+Warehouse: Entrepôt
 Delete: Effacer
 GoToCatalog: Aller au catalogue
 ConfigureOrder: Définissez l'ordre
 Checkout: Caisse
 OrderNumber: Numéro de commande
 DateExit: Date de sortie
-Warehouse: Magasin
 OrderTotal: Total commande
 Amount: Quant
 Pack: Pack

forms/ecomerce/basket/locale/pt.yml

@@ -1,11 +1,16 @@
 ShoppingBasket: Cesta da compra
+Order: Encomenda
+ShippingInformation: Dados de envio
+DeliveryAddress: Endereço de entrega
+Delivery at: Entrega na
+Agency: Agência
+Warehouse: Armazém
 Delete: Eliminar encomenda
 GoToCatalog: Ir ao catálogo
 ConfigureOrder: Configurar encomenda
 Checkout: Finalizar encomenda
 OrderNumber: Nº encomenda
 DateExit: Data de saída
-Warehouse: Armazém
 OrderTotal: Total
 Amount: Quantidade
 Pack: Pack

forms/ecomerce/basket/style.scss

@@ -1,76 +1,93 @@
 
-.basket .head {
+.hedera-basket {
+	.head {
 		border-bottom: 1px solid #DDD;
-}
-.basket .head p {
+
+		& > div > div {
+			margin: 15px 0;
+		}
+		& > div > div:first-child {
+			margin: 0;
+		}
+		p {
+			margin: 3px 0;
+
+			&.important {
+				font-size: 1.2rem;
+				font-weight: bold;
+			}
+		}
+		.total {
+
 			font-weight: bold;
 			margin: 0;
 			padding: 0;
 			font-size: 1.4rem;
 			text-align: right;
-}
-.basket .form > p {
+		}
+	}
+	.form > p {
 		margin: 0;
 		font-size: 1.4rem;
 		color: white;
 		text-align: right;
-}
+	}
 
-/* Lines */
+	/* Lines */
 
-.basket .line {
+	.line {
 		display: flex;
 		align-items: center;
 		gap: 12px;
 		margin: 10px 0;
 		height: 80px;
-}
-.basket .line:first-child {
+	}
+	.line:first-child {
 		margin-top: 0;
-}
-.basket .line:last-child {
+	}
+	.line:last-child {
 		margin-bottom: 0;
-}
-.basket .line > .delete {
+	}
+	.line > .delete {
 		margin: 0 -8px;
-}
-.basket .line > .photo {
+	}
+	.line > .photo {
 		flex: none;
 		border-radius: 50%;
 		width: 68px;
 		height: 68px;
 		gap: 0;
-}
-.basket .line > .info {
+	}
+	.line > .info {
 		flex: 1;
 		overflow: hidden;
-}
-.basket .line > .info > * {
+	}
+	.line > .info > * {
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
-}
-.basket .line > .info > h2 {
+	}
+	.line > .info > h2 {
 		font-size: 1rem;
 		font-weight: normal;
 		margin: 0;
-}
-.basket .line > .info > p {
+	}
+	.line > .info > p {
 		margin: 0;
-}
-.basket .line > .info > .tags {
+	}
+	.line > .info > .tags {
 		color: #777;
-}
-.basket .line .subtotal {
+	}
+	.line .subtotal {
 		float: right;
-}
+	}
 
-/* Fields */
+	/* Fields */
 
-.basket td.available-exceeded input {
+	td.available-exceeded input {
 		background-color: #FCC;
-}
-.basket .icon > img {
+	}
+	.icon > img {
 		border-radius: 50%;
+	}
 }
-

forms/ecomerce/basket/ui.xml

@@ -1,6 +1,6 @@
 <vn>
 <div id="title">
-	<h1><t>ShoppingBasket</t></h1>
+	<h1>{{_(params.$.id ? 'Order' : 'ShoppingBasket')}}</h1>
 </div>
 <div id="actions">
 	<htk-bar-button
@@ -8,18 +8,52 @@
 		tip="_ConfigureOrder"
 		on-click="this.onConfigureClick()"/>
 	<htk-bar-button
-		icon="local_florist"
+		icon="shopping_bag"
 		tip="_Catalog"
-		on-click="this.hash.setAll({form: 'ecomerce/catalog'})"/>
+		on-click="this.onCatalogClick()"/>
 	<htk-bar-button
 		icon="shopping_cart_checkout"
 		tip="_Checkout"
-		on-click="this.hash.setAll({form: 'ecomerce/confirm'})"/>
+		on-click="this.onConfirmClick()"/>
 </div>
-<div id="form" class="basket">
+<vn-group>
+	<vn-lot-query id="params" on-change="this.onHashChange()">
+		<vn-spec name="id" type="Number"/>
+	</vn-lot-query>
+	<vn-lot id="lot"/>
+	<db-form v-model="order" on-ready="onOrderReady">
+		<db-model property="model" lot="lot">
+			SELECT o.id, o.sent,
+					ag.description agency, v.code method,
+					ad.nickname, ad.postalCode, ad.city, ad.street
+				FROM myOrder o
+					JOIN vn.agencyMode ag ON ag.id = o.agencyModeFk
+					LEFT JOIN myAddress ad ON ad.id = o.addressFk
+					JOIN vn.deliveryMethod v ON v.id = o.deliveryMethodFk
+				WHERE o.id = #id;
+		</db-model>
+	</db-form>
+</vn-group>
+<div id="form" class="hedera-basket">
 	<div class="box vn-w-sm vn-pa-lg">
 		<div class="head vn-pb-lg">
+			<h5>#{{order.id}}</h5>
+			<div class="delivery">
+				<h6><t>ShippingInformation</t></h6>
+					<p>{{order.nickname}}</p>
 				<p>
+					<t>Delivery at</t> {{Vn.Value.format(order.sent, _('%D'))}}
+				</p>
+				<p>
+					<span id="method"><t>Agency</t></span> {{order.agency}}
+				</p>
+			</div>
+			<div id="address" class="address vn-mt-md">
+				<h6><t>DeliveryAddress</t></h6>
+				<p>{{order.street}}</p>
+				<p>{{order.postalCode}}, {{order.city}}</p>
+			</div>
+			<p class="total">
 				<t>Total</t> 
 				<htk-text format="%.2d€">
 					<db-calc-sum property="param" func="subtotal" model="items"/>
@@ -28,15 +62,16 @@
 		</div>
 		<div class="lines vn-pt-lg">
 			<htk-repeater form-id="iter">
-				<db-model id="items" property="model" updatable="true">
+				<db-model id="items" property="model" lot="lot" updatable="true">
 					SELECT bi.id, bi.amount, bi.price, i.longName item,
 							i.tag5, i.value5, i.tag6, i.value6, i.tag7, i.value7,
 							i.image, im.updated
-						FROM myBasketItem bi
+						FROM myOrderRow bi
 							JOIN vn.item i ON i.id = bi.itemFk
 							LEFT JOIN image im
 								ON im.collectionFk = 'catalog'
 								AND im.name = i.image
+						WHERE orderFk = #id
 				</db-model>
 				<custom>
 					<div class="line">

forms/ecomerce/catalog/index.js

@@ -7,19 +7,27 @@ const Catalog = new Class({
 	,_menuShown: false
 
 	,async open() {
-		let isOk = true;
+		const basket = new Hedera.Basket(this.app);
 
-		if (!localStorage.getItem('hederaGuest'))
-			isOk = await Hedera.BasketChecker.check(this.conn, this.hash);
-		else
-			await this.conn.execQuery('CALL mybasket_configureForGuest');
+		if (!localStorage.getItem('hederaGuest')) {
+			if (await basket.check('catalog'))
+				this.orderId = basket.orderId;
+		} else {
+			const resultSet = await this.conn.execQuery(
+				'CALL myOrder_configureForGuest(@orderId); SELECT @orderId;');
 
-		if (isOk) await Hedera.Form.prototype.open.call(this);
+			resultSet.fetchResult();
+			this.orderId = resultSet.fetchValue();
+		}
+
+		if (this.orderId)
+			await Hedera.Form.prototype.open.call(this);
 	}
 
 	,activate() {
 		document.body.appendChild(this.$.rightPanel);
 		this.$.items.setInfo('i', 'item', 'vn', ['id']);
+		this.$.orderLot.assign({orderId: this.orderId});
 		
 		if (localStorage.getItem('hederaView'))
 			this.setView(parseInt(localStorage.getItem('hederaView')));
@@ -98,6 +106,7 @@ const Catalog = new Class({
 			break;
 		}
 
+		params.orderId = this.orderId;
 		const refreshItems = hasTagFilter
 			|| params.search != null
 			|| params.type != null;
@@ -194,6 +203,12 @@ const Catalog = new Class({
 		this.hideMenu();
 	}
 
+	,itemRenderer(builder, form) {
+		var minQuantity = builder.$.minQuantity;
+		minQuantity.style.display = form.$.minQuantity
+			? 'block' : 'hidden';
+	}
+	
 	,realmRenderer(builder, form) {
 		var link = builder.$.link;
 		link.href = this.hash.make({
@@ -245,7 +260,11 @@ const Catalog = new Class({
 		if (this.isGuest())
 			return;
 
-		this.hash.setAll({form: 'ecomerce/checkout'});
+		this.hash.setAll({
+			form: 'ecomerce/checkout',
+			id: this.orderId,
+			continue: 'catalog'
+		});
 	}
 
 	,onAddItemClick(event, form) {
@@ -255,8 +274,13 @@ const Catalog = new Class({
 
 		this.onEraseClick();
 		this.$.$card.row = form.row;
-		this.$.cardLot.assign({item: form.$.id});
+		this.$.cardLot.assign({
+			item: form.$.id,
+			orderId: this.orderId
+		});
 		this.$.cardPopup.show(event.currentTarget);
+		this.$.cardMinQuantity.style.display = form.$.minQuantity
+			? 'block' : 'none';
 	}
 	
 	,onAddLotClick(column, value, row) {
@@ -284,7 +308,7 @@ const Catalog = new Class({
 	
 	,async onConfirmClick() {
 		var sql = '';
-		var query = new Sql.String({query: 'CALL myBasket_addItem(#warehouse, #item, #amount);'});
+		var query = new Sql.String({query: 'CALL myOrder_addItem(#orderId, #warehouse, #item, #amount);'});
 		var amountSum = 0;
 
 		for (var warehouse in this.items) {
@@ -292,6 +316,7 @@ const Catalog = new Class({
 			amountSum += amount;
 		
 			const params = {
+				orderId: this.orderId,
 				warehouse: warehouse,
 				item: this.$.cardLot.$.item,
 				amount: amount
@@ -300,7 +325,7 @@ const Catalog = new Class({
 		}
 	
 		if (amountSum > 0) {
-			this.conn.execQuery(sql);
+			await this.conn.execQuery(sql);
 
 			var itemName = this.$.$card.get('item');
 			Htk.Toast.showMessage(

forms/ecomerce/catalog/locale/ca.yml

@@ -46,3 +46,4 @@ NoMoreAmountAvailable: No hi ha més quantitat disponible
 MinimalGrouping: Empaquetat mínim
 Available: Disponible
 GroupingPrice: Preu per grup
+MinimalQuantity: Quantitat mínima

forms/ecomerce/catalog/locale/en.yml

@@ -46,3 +46,4 @@ NoMoreAmountAvailable: No more amount available
 MinimalGrouping: Minimal packing
 Available: Available
 GroupingPrice: Price per group
+MinimalQuantity: Minimal quantity

forms/ecomerce/catalog/locale/es.yml

@@ -46,3 +46,4 @@ NoMoreAmountAvailable: No hay más cantidad disponible
 MinimalGrouping: Empaquetado mínimo
 Available: Disponible
 GroupingPrice: Precio per grupo
+MinimalQuantity: Cantidad mínima

forms/ecomerce/catalog/locale/fr.yml

@@ -46,3 +46,4 @@ NoMoreAmountAvailable: Pas plus disponible
 MinimalGrouping: Emballage minimal
 Available: Disponible
 GroupingPrice: Prix par groupe
+MinimalQuantity: Quantité minimum

forms/ecomerce/catalog/locale/pt.yml

@@ -46,3 +46,4 @@ NoMoreAmountAvailable: Não há mais quantidade disponível
 MinimalGrouping: Embalagem mínima
 Available: Disponível
 GroupingPrice: Preço por grupo
+MinimalQuantity: Quantidade mínima

forms/ecomerce/catalog/style.scss

@@ -192,6 +192,25 @@
 		margin: 0;
 		margin-bottom: 1px;
 	}
+	& > .min-quantity {
+		bottom: 32px;
+		right: 0;
+	}
+}
+
+.min-quantity {
+	position: absolute;
+	display: none;
+	bottom: 30px;
+	right: 0;
+	font-size: .8rem;
+	color: #a44;
+	cursor: pointer;
+
+	& > span {
+		font-size: 16px;
+		vertical-align: middle;
+	}
 }
 
 /* Tags */
@@ -256,7 +275,7 @@
 		}
 		& > .htk-image {
 			width: 100%;
-			height: 180px;
+			height: 210px;
 
 			& > img {
 				height: initial;
@@ -266,7 +285,7 @@
 			flex: auto;
 			overflow: hidden;
 			margin: 10px;
-			height: 170px;
+			height: 185px;
 
 			& > h2 {
 				max-height: 3rem;
@@ -351,6 +370,7 @@
 
 	& > .top {
 		padding: 14px;
+		position: relative;
 
 		& > .item-info {
 			margin-left: 126px;
@@ -371,6 +391,11 @@
 			margin-top: 15px 0;
 			font-size: .9rem;
 		}
+		& > .min-quantity {
+			bottom: 0;
+			right: 0;
+			padding: 14px;
+		}
 	}
 	& > .lots-grid {
 		border-top: 1px solid #DDD;

forms/ecomerce/catalog/ui.xml

@@ -91,12 +91,13 @@
 		param="producer"/>
 </vn-group>
 <vn-group>
+	<vn-lot id="order-lot"/>
 	<db-form v-model="basket">
-		<db-model property="model">
-			SELECT b.id, b.sent, a.description agency, m.code method
-				FROM myBasket b
-					JOIN vn.agencyMode a ON a.id = b.agencyModeFk
-					JOIN vn.deliveryMethod m ON m.id = b.deliveryMethodFk
+		<db-model property="model" lot="order-lot">
+			SELECT o.id, o.sent, ad.nickname
+				FROM myOrder o
+					LEFT JOIN myAddress ad ON ad.id = o.addressFk
+				WHERE o.id = #orderId
 		</db-model>
 	</db-form>
 	<db-model
@@ -104,18 +105,18 @@
 		auto-load="false"
 		result-index="3"
 		on-status-changed="onItemsChange">
-		DROP TEMPORARY TABLE IF EXISTS tmp.item;
-		CREATE TEMPORARY TABLE tmp.item
+		CREATE OR REPLACE TEMPORARY TABLE tmp.item
 			(INDEX (itemFk))
 			ENGINE = MEMORY
 			SELECT i.id itemFk
 				FROM vn.item i
 					JOIN vn.itemType t ON t.id = i.typeFk
 				WHERE #filter;
-		CALL myBasket_calcCatalogFull;
+		CALL myOrder_calcCatalogFull(#orderId);
 		SELECT i.id, i.longName item, i.subName,
-				i.tag5, i.value5, i.tag6, i.value6, i.tag7, i.value7,
-				i.relevancy, i.size, i.category,
+				i.tag5, i.value5, i.tag6, i.value6,
+				i.tag7, i.value7, i.tag8, i.value8,
+				i.relevancy, i.size, i.category, b.minQuantity,
 				k.name ink, p.name producer, o.name origin,
 				b.available, b.price, b.`grouping`,
 				i.image, im.updated
@@ -124,19 +125,13 @@
 				LEFT JOIN vn.ink k ON k.id = i.inkFk
 				LEFT JOIN vn.producer p ON p.id = i.producerFk
 				LEFT JOIN vn.origin o ON o.id = i.originFk
-				LEFT JOIN image im
-					ON im.collectionFk = 'catalog'
+				LEFT JOIN image im ON im.collectionFk = 'catalog'
 					AND im.name = i.image
 			WHERE b.available > 0
 			ORDER BY i.relevancy DESC, i.name, i.size
 			LIMIT 5000;
-		DROP TEMPORARY TABLE
-			tmp.item,
-			tmp.ticketCalculateItem,
-			tmp.ticketComponentPrice,
-			tmp.ticketComponent,
-			tmp.ticketLot,
-			tmp.zoneGetShipped;
+		DROP TEMPORARY TABLE tmp.item;
+		CALL vn.ticketCalculatePurge();
 	</db-model>
 	<db-form id="$card" v-model="card" model="items"/>
 	<vn-lot id="card-lot"/>
@@ -147,7 +142,8 @@
 		id="grid-view"
 		empty-message="_Choose filter from right menu"
 		form-id="item"
-		model="items">
+		model="items"
+		renderer="itemRenderer">
 		<custom>
 		<div
 			id="item-box"
@@ -185,6 +181,10 @@
 						<td>{{item.tag7}}</td>
 						<td>{{item.value7}}</td>
 					</tr>
+					<tr>
+						<td>{{item.tag8}}</td>
+						<td>{{item.value8}}</td>
+					</tr>
 				</table>
 				<div class="available-price">
 					<span class="grouping" title="_MinimalGrouping">
@@ -197,6 +197,12 @@
 						{{Vn.Value.format(item.price, '%.02d€')}}
 					</span>
 				</div>
+				<div id="min-quantity" class="min-quantity" title="_MinimalQuantity">
+					<span class="htk-icon material-symbols-rounded">
+						production_quantity_limits
+					</span> 
+					{{item.minQuantity}}
+				</div>
 			</div>
 		</div>
 		</custom>
@@ -205,11 +211,8 @@
 </div>
 <div id="right-panel" class="catalog-panel right-panel side-panel" on-click="onRightPanelClick">
 	<div class="basket-info">
+		<p>{{basket.nickname}}</p>
 		<p>{{Vn.Value.format(basket.sent, '%D')}}</p>
-		<p>
-			{{_(basket.method != 'PICKUP' ? 'Agency' : 'Warehouse')}} 
-			{{basket.agency}}
-		</p>
 		<button class="thin" on-click="this.onConfigureClick()">
 			<t>Modify</t>
 		</button>
@@ -261,7 +264,7 @@
 					lot="params"
 					result-index="1"
 					on-status-changed="refreshTitle">
-					CALL myBasket_getAvailable;
+					CALL myOrder_getAvailable(#orderId);
 					SELECT DISTINCT t.id, l.name
 						FROM vn.item i
 							JOIN vn.itemType t ON t.id = i.typeFk
@@ -283,7 +286,7 @@
 					property="model"
 					auto-load="false"
 					result-index="1">
-					CALL myBasket_getAvailable;
+					CALL myOrder_getAvailable(#orderId);
 					SELECT DISTINCT l.id, l.name
 						FROM vn.item i
 							JOIN vn.itemType t ON t.id = i.typeFk
@@ -304,7 +307,7 @@
 					property="model"
 					auto-load="false"
 					result-index="1">
-					CALL myBasket_getAvailable;
+					CALL myOrder_getAvailable(#orderId);
 					SELECT DISTINCT p.id, p.name
 						FROM vn.item i 
 							JOIN vn.itemType t ON t.id = i.typeFk
@@ -325,7 +328,7 @@
 					property="model"
 					auto-load="false"
 					result-index="1">
-					CALL myBasket_getAvailable;
+					CALL myOrder_getAvailable(#orderId);
 					SELECT DISTINCT o.id, l.name, o.code
 						FROM vn.item i 
 							JOIN vn.itemType t ON t.id = i.typeFk
@@ -347,7 +350,7 @@
 					property="model"
 					auto-load="false"
 					result-index="1">
-					CALL myBasket_getAvailable;
+					CALL myOrder_getAvailable(#orderId);
 					SELECT DISTINCT i.category, i.category
 						FROM vn.item i 
 							JOIN vn.itemType t ON t.id = i.typeFk
@@ -458,6 +461,12 @@
 					</tr>
 				</custom>
 			</htk-repeater>
+			<div id="card-min-quantity" class="min-quantity" title="_MinimalQuantity">
+				<span class="htk-icon material-symbols-rounded">
+					production_quantity_limits
+				</span> 
+				{{card.minQuantity}}
+			</div>
 		</div>
 		<htk-grid class="lots-grid" show-header="false">
 			<db-model
@@ -466,7 +475,7 @@
 				result-index="1"
 				on-status-changed-after="onCardLoad"
 				lot="card-lot">
-				CALL myBasket_calcCatalogFromItem(#item);
+				CALL myOrder_calcCatalogFromItem(#orderId, #item);
 				SELECT l.warehouseFk, w.name warehouse, p.`grouping`,
 						p.price, p.priceKg, p.rate, l.available
 					FROM tmp.ticketLot l

forms/ecomerce/checkout/index.js

@@ -8,7 +8,7 @@ export default new Class({
 		this.autoStepLocked = true;
 		this.$.assistant.stepsIndex = this.agencySteps;
 
-		this.today = new Date();
+		this.today = Date.vnNew();
 		this.today.setHours(0, 0, 0, 0);
 	},
 
@@ -22,8 +22,8 @@ export default new Class({
 		let date;
 		const row = orderForm.$ || defaultsForm.$ || {};
 		
-		if (!date || date.getTime() < (new Date()).getTime()) {
-			date = new Date();
+		if (!date || date.getTime() < (Date.vnNew()).getTime()) {
+			date = Date.vnNew();
 			date.setHours(0, 0, 0, 0);
 
 			let addDays = 0;
@@ -44,7 +44,7 @@ export default new Class({
 		}
 
 		this.$.lot.assign({
-			date: date,
+			date,
 			method: row.deliveryMethod,
 			agency: row.agencyModeFk,
 			address: row.addressFk
@@ -59,11 +59,21 @@ export default new Class({
 	async onConfirmClick() {
 		this.disableButtons(true);
 	
-		const query = 'CALL myBasket_configure(#date, #method, #agency, #address)';
+		let id = this.$.params.$.id;
+		const params = Object.assign({}, this.$.lot.$);
+
+		let query;
+		if (id) {
+			params.id = id;
+			query = 'CALL myOrder_configure(#id, #date, #method, #agency, #address)';
+		} else {
+			query = 'CALL myOrder_create(@orderId, #date, #method, #agency, #address); SELECT @orderId;';
+		}
+		
 		let resultSet;
 		
 		try {
-			resultSet = await this.conn.execQuery(query, this.$.lot.$);
+			resultSet = await this.conn.execQuery(query, params);
 		} finally {
 			this.disableButtons(false);
 		}
@@ -71,16 +81,31 @@ export default new Class({
 		if (!resultSet.fetchResult())
 			return;
 	
-		if (this.$.orderForm.numRows > 0)
-			Htk.Toast.showMessage(_('OrderUpdated'));
-		else
-			Htk.Toast.showMessage(_('OrderStarted'));
+		let redirect;
+		const basket = new Hedera.Basket(this.app);
 
-		this.hash.setAll({form: 'ecomerce/catalog'});
+		if (id) {
+			Htk.Toast.showMessage(_('OrderUpdated'));
+
+			switch(this.hash.$.continue) {
+				case 'catalog':
+					redirect = {form: 'ecomerce/catalog'};
+					break;
+				default:
+					redirect = {form: 'ecomerce/basket'};
+					if (id !== basket.orderId)
+						redirect.id = id;
+			}
+		} else {
+			basket.loadIntoBasket(resultSet.fetchValue());
+			redirect = {form: 'ecomerce/catalog'};
+		}
+
+		this.hash.setAll(redirect);
 	},
 
 	onCancelClick() {
-		if (this.$.orderForm.numRows > 0)
+		if (this.$.params.$.id)
 			window.history.back();
 		else
 			this.hash.setAll({form: 'ecomerce/orders'});
@@ -150,13 +175,9 @@ export default new Class({
 			this.$.assistant.moveNext();
 	},
 	
-	goNextStep() {
-		this.$.assistant.moveNext();
-	},
-	
 	onAddressClick(addressId) {
 		this.$.lot.set('address', addressId);
-		this.goNextStep();
+		this.$.assistant.moveNext();
 	},
 	
 	onAddressChange() {
@@ -192,9 +213,9 @@ export default new Class({
 
 			const defaults = this.$.defaults.$ || {};
 			if (defaults.agencyModeFk)
-				defaults.push(defaults.agencyModeFk);
+				agencies.push(defaults.agencyModeFk);
 			if (defaults.defaultAgencyFk)
-				defaults.push(defaults.defaultAgencyFk);
+				agencies.push(defaults.defaultAgencyFk);
 
 			for (const agency of agencies)
 			if (model.search('id', agency) !== -1) {

forms/ecomerce/checkout/style.scss

@@ -1,54 +1,55 @@
 
-.checkout .bar {
+.hedera-checkout {
+	.bar {
 		margin-bottom: 16px;
-}
+	}
 
-/* Step */
+	/* Step */
 
-.answers button,
-.answers p,
-.radio > div {
+	.answers button,
+	.answers p,
+	.radio > div {
 		font-size: 1.2rem;
-}
-.answers .htk-select {
+	}
+	.answers .htk-select {
 		max-width: 15em;
 		margin: 0 auto;
 		font-size: 1.4rem;
-}
-.answers p {
+	}
+	.answers p {
 		margin: 0.3em 0;
-}
-.target {
+	}
+	.target {
 		max-width: 28em;
 		margin: 0 auto;
-}
-.address {
+	}
+	.address {
 		border-radius: 0.1em;
 		padding: 0.6em 1.4em;
-}
-.address.selected {
+	}
+	.address.selected {
 		background-color: rgba(1, 1, 1, .1);
-}
-.address:hover {
+	}
+	.address:hover {
 		cursor: pointer;
 		background-color: rgba(1, 1, 1, .05);
-}
-.address p.consignee {
+	}
+	.address p.consignee {
 		font-weight: bold;
-}
-.radio {
+	}
+	.radio {
 		max-width: 20em;
 		margin: 0 auto;
-}
-.radio > div {
+	}
+	.radio > div {
 		padding: 0.5em;
-}
-.thin-calendar {
+	}
+	.thin-calendar {
 		max-width: 24em;
 		margin: 0 auto;
 		box-shadow: none;
-}
-.htk-assistant .thin {
+	}
+	.htk-assistant .thin {
 		float: right;
+	}
 }
-

forms/ecomerce/checkout/ui.xml

@@ -1,4 +1,7 @@
 <vn>
+<vn-lot-query id="params">
+	<vn-spec name="id" type="Number"/>
+</vn-lot-query>
 <vn-group>
 	<vn-lot id="lot" on-change="this.onAddressChange()"/>
 	<db-form id="defaults" on-ready="onValuesReady">
@@ -8,10 +11,11 @@
 		</db-model>
 	</db-form>
 	<db-form id="order-form" on-ready="onValuesReady">
-		<db-model property="model">
+		<db-model property="model" lot="params">
 			SELECT m.code deliveryMethod, o.sent, o.agencyModeFk, o.addressFk
-				FROM myBasket o
+				FROM myOrder o
 					JOIN vn.deliveryMethod m ON m.id = o.deliveryMethodFk
+				WHERE o.id = #id
 		</db-model>
 	</db-form>
 	<db-model id="agencies"
@@ -54,7 +58,7 @@
 		tip="_Cancel"
 		on-click="onCancelClick"/>
 </div>
-<div id="form" class="checkout">
+<div id="form" class="hedera-checkout">
 	<div class="vn-w-sm">
 		<div class="box bar">
 			<htk-assistant-bar
@@ -116,7 +120,7 @@
 							form-id="iter"
 							on-change="onAddressChange">
 							<db-model property="model" id="addresses">
-								SELECT a.id, a.nickname, p.name province, a.city, a.street, a.isActive, c.country
+								SELECT a.id, a.nickname, p.name province, a.city, a.street, a.isActive, c.name
 									FROM myAddress a
 										LEFT JOIN vn.province p ON p.id = a.provinceFk
 										JOIN vn.country c ON c.id = p.countryFk

forms/ecomerce/confirm/index.js

@@ -5,8 +5,13 @@ export default new Class({
 	Template: require('./ui.xml'),
 
 	async open() {
-		const isOk = await Hedera.BasketChecker.check(this.conn, this.hash);
-		if (isOk) await Hedera.Form.prototype.open.call(this);
+		const basket = new Hedera.Basket(this.app);
+		try {
+			await basket.checkOrder(this.hash.$.id);
+		} catch (err) {
+			Htk.Toast.showError(err.message);
+		}
+		await Hedera.Form.prototype.open.call(this);
 	},
 	
 	onOrderReady(form) {
@@ -106,25 +111,22 @@ export default new Class({
 			Vn.Node.addClass(this.$[id], 'selected');
 	},
 	
-	disableButtons(disable) {
-		this.$.modify.disabled = disable;
-		this.$.confirm.disabled = disable;
-	},
-	
 	onModifyClick() {
 		window.history.back();
 	},
 	
 	async onConfirmClick() {
-		this.disableButtons(true);
-		await this.$.confirmQuery.execute();
-	},
-
-	onConfirm(query, resultSet) {
-		this.disableButtons(false);
-
-		if (resultSet.fetchResult())
+		Vn.Node.disableInputs(this.node);
+		try {
+			await this.conn.execQuery(
+				'CALL myOrder_confirm(#id)',
+				this.$.params.$
+			);
+			Hedera.Basket.unload();
 			this.$.successDialog.show();
+		} finally {
+			Vn.Node.disableInputs(this.node, false);
+		}
 	},
 
 	async onDialogResponse() {

forms/ecomerce/confirm/style.scss

@@ -1,93 +1,95 @@
 
-.confirm .summary {
+.hedera-confirm {
+	.summary {
 		margin-bottom: 16px;
-}
-.confirm p {
+	}
+	p {
 		margin: .2em 0;
-}
+	}
 
-/* Table */
+	/* Table */
 
-.confirm .debt-info {
+	.debt-info {
 		padding: 0;
-}
-.confirm .debt-info > table {
+	}
+	.debt-info > table {
 		border-collapse: collapse;
-}
-.confirm td {
+	}
+	td {
 		padding: .15em 0;
-}
-.confirm .sum-total > td {
+	}
+	.sum-total > td {
 		border-top: solid 1px #DDD;
 		font-weight: bold;
-}
-.confirm .currency {
+	}
+	.currency {
 		text-align: right;
-}
-.confirm .credit-info {
+	}
+	.credit-info {
 		display: none;
-}
-.confirm .exceeded-info {
+	}
+	.exceeded-info {
 		display: none;
 		color: #E53935;
-}
+	}
 
-/* Pay */
+	/* Pay */
 
-.confirm .amount-selector,
-.confirm .pay-methods > div {
+	.amount-selector,
+	.pay-methods > div {
 		display: none;
-}
-.confirm .pay-methods > div {
+	}
+	.pay-methods > div {
 		margin: .3em 0;
-}
-.confirm .pay-methods > div > label > input[type=radio] {
+	}
+	.pay-methods > div > label > input[type=radio] {
 		margin: 0;
 		margin-right: .5em;
 		vertical-align: middle;
-}
-.confirm .pay-methods > div > div {
+	}
+	.pay-methods > div > div {
 		padding: .5em 1.5em;
 		display: none;
-}
-.confirm .pay-methods > div.selected > div {
+	}
+	.pay-methods > div.selected > div {
 		display: block;
-}
-.confirm .transfer-account {
+	}
+	.transfer-account {
 		margin-top: .5em;
-}
-.confirm .transfer-account > p {
+	}
+	.transfer-account > p {
 		margin: .1em 0;
-}
+	}
 
-.confirm .payment > div {
+	.payment > div {
 		margin-bottom: 1.4em;
-}
-.confirm .payment > .button-bar {
+	}
+	.payment > .button-bar {
 		display: flex;
 		justify-content: space-between;
 		margin-bottom: 0;
 		margin-top: 32px;
-}
-.confirm .payment > .button-bar button{
+	}
+	.payment > .button-bar button{
 		font-size: 1.2rem;
 		border-radius: 2rem;
 		padding: .5rem 1rem;
 		margin: 0;
-}
-.confirm .modify-order {
+	}
+	.modify-order {
 		border: 1px solid #1a1a1a;
-}
-.confirm .modify-order:hover {
+	}
+	.modify-order:hover {
 		color: white;
 		background-color: #1a1a1a;
-}
-.confirm .confirm-order {
+	}
+	.confirm-order {
 		border: 1px solid #8cc63f;
 		background-color: #8cc63f;
 		color: white;
-}
-.confirm .confirm-order:hover {
+	}
+	.confirm-order:hover {
 		background-color: transparent;
 		color: #6b5;
+	}
 }

forms/ecomerce/confirm/ui.xml

@@ -1,13 +1,16 @@
 <vn>
+<vn-lot-query id="params">
+	<vn-spec name="id" type="Number"/>
+</vn-lot-query>
 <vn-group>
 	<db-form v-model="order" on-ready="onOrderReady">
-		<db-model property="model" result-index="1">
-			CALL myBasket_getTax;
+		<db-model property="model" result-index="1" lot="params">
+			CALL myOrder_getTax(#id);
 			SELECT o.id, o.sent, o.notes, o.companyFk,
 					ag.description agency, v.code method,
 					ad.nickname, ad.postalCode, ad.city, ad.street,
 					t.*, c.credit, myClient_getDebt(NULL) debt
-				FROM myBasket o
+				FROM myOrder o
 					JOIN vn.agencyMode ag ON ag.id = o.agencyModeFk 
 					LEFT JOIN myAddress ad ON ad.id = o.addressFk 
 					JOIN vn.deliveryMethod v ON v.id = o.deliveryMethodFk
@@ -17,25 +20,25 @@
 							IFNULL(SUM(taxableBase), 0) taxableBase,
 							IFNULL(SUM(tax), 0) tax
 							FROM tmp.orderAmount
-					) t;
+					) t
+				WHERE o.id = #id;
 			DROP TEMPORARY TABLE
 				tmp.orderAmount,
 				tmp.orderTax;
 		</db-model>
 	</db-form>
-	<db-query id="confirm-query" on-ready="onConfirm">
-		CALL myBasket_confirm
-	</db-query>
 </vn-group>
 <div id="title">
 	<h1><t>Order summary</t></h1>
 </div>
-<div id="form" class="confirm">
+<div id="form" class="hedera-confirm">
 	<div class="vn-w-sm">
 		<div class="box vn-pa-lg summary">
 			<div>
+				<h5>#{{order.id}}</h5>
 				<div class="delivery">
 					<h6><t>ShippingInformation</t></h6>
+					<p>{{order.nickname}}</p>
 					<p>
 						<t>Delivery at</t> {{Vn.Value.format(order.sent, _('%D'))}}
 					</p>
@@ -45,7 +48,6 @@
 				</div>
 				<div id="address" class="address vn-mt-md">
 					<h6><t>DeliveryAddress</t></h6>
-					<p>{{order.nickname}}</p>
 					<p>{{order.street}}</p>
 					<p>{{order.postalCode}}, {{order.city}}</p>
 				</div>

forms/ecomerce/invoices/index.js

@@ -4,29 +4,16 @@ export default new Class({
 	Extends: Hedera.Form,
 	Template: require('./ui.xml'),
 
-	donwloadRenderer(column, invoice) {
-		var invoiceId = invoice.$.id;
+	onDownloadClick(column, value, row) {
+		var model = this.$.invoices;
+		var hasPdf = model.get(row, 'hasPdf');
+		var id = model.get(row, 'id');
 
-		if (invoice.$.hasPdf && invoiceId) {
-			var params = {
-				srv: 'rest:dms/invoice',
-				invoice: invoiceId,
-				access_token: this.conn.token
-			};
-
-			Object.assign(column, {
-				tip: _('Download PDF'),
-				disabled: false,
-				icon: 'download',
-				href: '?'+ Vn.Url.makeUri(params)
-			});
+		if (hasPdf && id) {
+			let params = Vn.Url.makeUri({ access_token: this.conn.token });
+			window.open(`/api/InvoiceOuts/${id}/download?${params}`);
 		} else
-			Object.assign(column, {
-				tip: _('Request the invoice to your salesperson'),
-				disabled: true,
-				icon: 'warning',
-				href: null
-			});
+			Htk.Toast.showWarning(_('Request the invoice to your salesperson'));
 	}
 });
 

forms/ecomerce/invoices/ui.xml

@@ -2,11 +2,11 @@
 <div id="title">
 	<h1><t>Invoices</t></h1>
 </div>
-<div id="form" class="invoices">
+<div id="form" class="hedera-invoices">
 	<htk-grid
 		class="box vn-w-sm"
 		show-header="false">
-		<db-model property="model" id="tickets">
+		<db-model property="model" id="invoices">
 			SELECT id, ref, issued, amount, hasPdf
 				FROM myInvoice
 				ORDER BY issued DESC
@@ -16,8 +16,9 @@
 		<htk-column-date title="_Date" column="issued" format="_%e %b %Y"/>
 		<htk-column-spin title="_Import" column="amount" unit="€" digits="2"/>
 		<htk-column-button
-			renderer="donwloadRenderer"
-			target="_blank"/>
+			icon="download"
+			tip="_Download PDF"
+			on-clicked="onDownloadClick"/>
 	</htk-grid>
 </div>
 </vn>

forms/ecomerce/orders/locale/ca.yml

@@ -5,7 +5,7 @@ OrderNumber: N encàrrec
 DateMake: Data de creació
 DateExit: Data d'eixida
 SendMethod: Forma d'enviament
-LastOrders: Últimes comandes
+LastOrders: Comandes confirmades
 'Balance:': 'Saldo:'
 PaymentInfo: >-
   La quantitat mostrada és el teu saldo pendent (negatiu) o favorable a dia

forms/ecomerce/orders/locale/en.yml

@@ -5,7 +5,7 @@ OrderNumber: Order number
 DateMake: Creation date
 DateExit: Shipping date
 SendMethod: Delivery method
-LastOrders: Last orders
+LastOrders: Confirmed orders
 'Balance:': 'Balance:'
 PaymentInfo: >-
   The amount shown is your slope (negative) or favorable balance today, it

forms/ecomerce/orders/locale/es.yml

@@ -5,7 +5,7 @@ OrderNumber: Nº pedido
 DateMake: Fecha de creación
 DateExit: Fecha de salida
 SendMethod: Forma de envío
-LastOrders: Últimos pedidos
+LastOrders: Pedidos confirmados
 'Balance:': 'Saldo:'
 PaymentInfo: >-
   La cantidad mostrada es tu saldo pendiente (negativa) o favorable a día de

forms/ecomerce/orders/locale/fr.yml

@@ -5,7 +5,7 @@ OrderNumber: Numéro de commande
 DateMake: Date de creation
 DateExit: Date de sortie
 SendMethod: Typo
-LastOrders: Les dernières commandes
+LastOrders: Commandes confirmées
 'Balance:': 'Balance:'
 PaymentInfo: >-
   Le montant indiqué est votre pente (négative) ou balance favorable

forms/ecomerce/orders/locale/mn.yml

@@ -1,37 +0,0 @@
-OpenOrders: Open orders
-StartOrder: Start order
-ContinueOrder: Continue order
-OrderNumber: Order number
-DateMake: Creation date
-DateExit: Shipping date
-SendMethod: Delivery method
-LastOrders: Last orders
-'Balance:': 'Balance:'
-PaymentInfo: >-
-  Үзүүлсэн хэмжээ цаашид захиалга эзэлж биш, таны налуу (сөрөг), эсвэл
-  тааламжтай тэнцвэр нь өнөөдөр юм. Хэрэв та дүн арилгаж гэж хэлж байсан нь доош
-  нь төлбөр хийж, өөрийн хүссэн хэмжээгээр орж хүсэж байгаа бол таны захиалга
-  ирдэг бол авах, энэ хэмжээ тэнцүү буюу 0-ээс их байх ёстой.
-MakePayment: Make payment
-Company: Company
-Pending: Pending
-Pay: Pay
-Basket: Basket
-ShoppingBasket: Shopping basket
-SeeOrder: Show details of the order
-Delivery: Delivery
-TicketNumber: Ticket number
-SentAddress: Delivery address
-Consignee: Consignee
-Boxes: Bundles
-TotalWithVAT: Total with VAT
-PayOrder: Pay order
-'AmountToPay:': 'Amount to pay (€):'
-AmountError: >-
-  The amount must be a positive number less than or equal to the outstanding
-  amount
-PayError: Failed to make the payment
-An error has been in the payment: >-
-  It seems that there has been an error in the payment
-Retry: Retry
-Accept: Accept

forms/ecomerce/orders/locale/pt.yml

@@ -5,7 +5,7 @@ OrderNumber: Nº pedido
 DateMake: Data de criação
 DateExit: Data de saída
 SendMethod: Forma de envío
-LastOrders: Últimas encomendas
+LastOrders: Encomendas confirmadas
 'Balance:': 'Saldo:'
 PaymentInfo: >-
   A quantidade mostrada é seu saldo pendente (negativo) ou favorável a dia de

forms/ecomerce/orders/style.scss

@@ -33,7 +33,6 @@
 
 /* List */
 
-.orders .htk-list .total {
+.hedera-orders .htk-list .total {
 	float: right;
 }
-

forms/ecomerce/orders/ui.xml

@@ -34,7 +34,7 @@
 		tip="_ShoppingBasket"
 		on-click="onBasketClick"/>
 </div>
-<div id="form" class="orders">
+<div id="form" class="hedera-orders">
 	<htk-repeater
 		class="htk-list box confirmed vn-w-sm"
 		form-id="iter"

forms/ecomerce/pending/index.js

@@ -0,0 +1,21 @@
+import './style.scss';
+
+export default new Class({
+	Extends: Hedera.Form,
+	Template: require('./ui.xml'),
+
+	activate() {
+		this.basket = new Hedera.Basket(this.app);
+		this.$.orders.setInfo('o', 'myOrder', 'hedera', ['id'], 'id');
+	},
+
+	async onRemoveOrderClick(form) {
+		if (confirm(_('AreYouSureDeleteOrder')))
+			await form.deleteRow();
+	},
+
+	async loadOrder(id) {
+		const basket = new Hedera.Basket(this.app);
+		await basket.load(id);
+	}
+});

forms/ecomerce/pending/locale/ca.yml

@@ -0,0 +1,8 @@
+Pending: Pendents
+PendingOrders: Comandes pendents
+NewOrder: Nova comanda
+ViewOrder: Veure comanda
+RemoveOrder: Eliminar comanda
+LoadOrderIntoCart: Carregar comanda a la cistella
+AreYouSureDeleteOrder: Segur que vols esborrar la comanda?
+OrderLoadedIntoBasket: Comanda carregada a la cistella!

forms/ecomerce/pending/locale/en.yml

@@ -0,0 +1,8 @@
+Pending: Pending
+PendingOrders: Pending orders
+NewOrder: New order
+ViewOrder: View order
+RemoveOrder: Delete order
+LoadOrderIntoCart: Load order into cart
+AreYouSureDeleteOrder: Are you sure you want to delete the order?
+OrderLoadedIntoBasket: Order loaded into basket!

forms/ecomerce/pending/locale/es.yml

@@ -0,0 +1,8 @@
+Pending: Pendientes
+PendingOrders: Pedidos pendientes
+NewOrder: Nuevo pedido
+ViewOrder: Ver pedido
+RemoveOrder: Eliminar pedido
+LoadOrderIntoCart: Cargar pedido en la cesta
+AreYouSureDeleteOrder: ¿Seguro que quieres borrar el pedido?
+OrderLoadedIntoBasket: ¡Pedido cargado en la cesta!

forms/ecomerce/pending/locale/fr.yml

@@ -0,0 +1,8 @@
+Pending: En attente
+PendingOrders: Commandes en attente
+NewOrder: Nouvelle commande
+ViewOrder: Afficher la commande
+RemoveOrder: Supprimer la commande
+LoadOrderIntoCart: Charger la commande dans le panier
+AreYouSureDeleteOrder: Êtes-vous sûr de vouloir supprimer la commande?
+OrderLoadedIntoBasket: Commande chargée dans le panier!

forms/ecomerce/pending/locale/pt.yml

@@ -0,0 +1,8 @@
+Pending: Pendentes
+PendingOrders: Pedidos pendentes
+NewOrder: Novo pedido
+ViewOrder: Ver pedido
+RemoveOrder: Excluir pedido
+LoadOrderIntoCart: Carrega o pedido no carrinho
+AreYouSureDeleteOrder: Tem certeza de que deseja excluir o pedido?
+OrderLoadedIntoBasket: Pedido carregado na cesta!

forms/ecomerce/pending/ui.xml

@@ -0,0 +1,54 @@
+<vn>
+<div id="title">
+	<h1><t>PendingOrders</t></h1>
+</div>
+<div id="actions">
+	<htk-bar-button
+		class="start-order"
+		icon="add_shopping_cart"
+		tip="_NewOrder"
+		on-click="hash.setAll({form: 'ecomerce/checkout'})"/>
+</div>
+<div id="form" class="hedera-pending">
+	<htk-repeater
+		class="htk-list box confirmed vn-w-sm"
+		form-id="iter">
+		<db-model property="model" id="orders">
+			SELECT o.id, o.sent, o.deliveryMethodFk, o.taxableBase,
+					a.nickname, am.description agency
+				FROM myOrder o
+					JOIN myAddress a ON a.id = o.addressFk
+					JOIN vn.agencyMode am ON am.id = o.agencyModeFk
+				WHERE NOT o.isConfirmed
+				ORDER BY o.sent DESC
+		</db-model>
+		<custom>
+			<a class="item"
+				title="{{_('ViewOrder')}}"
+				href="{{'#!form=ecomerce/basket&amp;id='+iter.id}}">
+				<div class="content">
+					<p class="important">
+						{{Vn.Value.format(iter.sent, '%D')}}
+					</p>
+					<p>#{{iter.id}}</p>
+					<p>{{iter.nickname}}</p>
+					<p>{{iter.agency}}</p>
+					<p>{{Vn.Value.format(iter.taxableBase, '%.2d€')}}</p>
+				</div>
+				<div
+					class="actions"
+					on-click="$event.preventDefault()">
+					<htk-button
+						icon="delete"
+						tip="_RemoveOrder"
+						on-click="this.onRemoveOrderClick($iter)"/>
+					<htk-button
+						icon="shopping_bag"
+						tip="_LoadOrderIntoCart"
+						on-click="this.loadOrder(iter.id)"/>
+				</div>
+			</a>
+		</custom>
+	</htk-repeater>
+</div>
+</vn>

forms/ecomerce/ticket/style.scss

@@ -1,78 +1,79 @@
 
-/* Header */
+.hedera-ticket {
+	/* Header */
 
-.ticket .head {
+	.head {
 		padding: 0;
 		padding-bottom: 3px;
 		border-bottom: 1px solid #DDD;
 		margin-bottom: 1px;
-}
-.ticket .head > div > div {
+	}
+	.head > div > div {
 		margin: 15px 0;
-}
-.ticket .head > div > div:first-child {
+	}
+	.head > div > div:first-child {
 		margin: 0;
-}
-.ticket .head p {
+	}
+	.head p {
 		margin: 3px 0;
-}
-.ticket .head p.important {
+	}
+	.head p.important {
 		font-size: 1.2rem;
 		font-weight: bold;
-}
-.ticket .total {
+	}
+	.total {
 		text-align: right;
-}
-.ticket .packages {
+	}
+	.packages {
 		margin-top: 14px;
 		padding-top: 14px;
 		border-top: 1px solid #DDD;
 		display: block;
-}
+	}
 
-/* Lines */
+	/* Lines */
 
-.ticket .line {
+	.line {
 		display: flex;
 		align-items: center;
 		gap: 12px;
 		margin: 10px 0;
 		height: 80px;
-}
-.ticket .line:last-child {
+	}
+	.line:last-child {
 		margin-bottom: 0;
-}
-.ticket .line > .photo {
+	}
+	.line > .photo {
 		flex: none;
 		border-radius: 50%;
 		width: 68px;
 		height: 68px;
 		gap: 0;
-}
-.ticket .line > .info {
+	}
+	.line > .info {
 		flex: 1;
 		overflow: hidden;
-}
-.ticket .line > .info > * {
+	}
+	.line > .info > * {
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
-}
-.ticket .line > .info > h2 {
+	}
+	.line > .info > h2 {
 		font-size: 1rem;
 		font-weight: normal;
 		margin-bottom: 2px;
-}
-.ticket .line > .info > p {
+	}
+	.line > .info > p {
 		margin: 0;
-}
-.ticket .line > .info > .tags {
+	}
+	.line > .info > .tags {
 		color: #777;
-}
-.ticket .line > .info .discount {
+	}
+	.line > .info .discount {
 		color: green;
-}
-.ticket .line > .info > .subtotal {
+	}
+	.line > .info > .subtotal {
 		float: right;
+	}
 }
-

forms/ecomerce/ticket/ui.xml

@@ -14,7 +14,7 @@
 		tip="_Print delivery note"
 		on-click="this.onPrintClick()"/>
 </div>
-<div id="form" class="ticket">
+<div id="form" class="hedera-ticket">
 	<div class="box vn-w-sm vn-pa-lg">
 		<htk-loader class="head" form="ticket-form">
 			<h5>#{{ticket.id}}</h5>

forms/reports/items-form/ui.xml

@@ -15,8 +15,10 @@
 			<label><t>Store</t></label>
 			<htk-combo form="lot" column="warehouse">
 				<db-model property="model">
-					SELECT id, name FROM vn2008.warehouse
-						WHERE reserve ORDER BY name
+					SELECT id, name
+						FROM vn.warehouse
+						WHERE hasAvailable
+						ORDER BY name
 				</db-model>
 			</htk-combo>
 		</div>
@@ -24,8 +26,8 @@
 			<label><t>Realm</t></label>
 			<htk-combo form="lot" column="realm" not-null="false">
 				<db-model property="model">
-					SELECT id, reino FROM vn2008.reinos
-						WHERE display != FALSE ORDER BY reino
+					SELECT id, name FROM vn.itemCategory
+						WHERE display ORDER BY name
 				</db-model>
 			</htk-combo>
 		</div>

forms/reports/shelves/index.js

@@ -6,7 +6,7 @@ export default new Class({
 
 	activate() {
 		this.$.lot.assign({
-			date: new Date(),
+			date: Date.vnNew(),
 			useIds: false
 		});
 	},

forms/reports/shelves/ui.xml

@@ -25,9 +25,9 @@
 				on-ready="this.onConfigChange()">
 				<db-model property="model">
 					SELECT c.id, c.name reportTitle, c.namePrefix, c.warehouse, c.family,
-					c.shelf, c.maxAmount, c.showPacking, c.stack, t.reino_id realm
+					c.shelf, c.maxAmount, c.showPacking, c.stack, it.categoryFk realm
 						FROM shelfConfig c
-						JOIN vn2008.Tipos t ON t.tipo_id = c.family
+							JOIN vn.itemType it ON it.id = c.family
 				</db-model>
 			</htk-combo>
 		</div>
@@ -39,8 +39,8 @@
 			<label><t>Reign</t></label>
 			<htk-combo form="lot" name="realm">
 				<db-model property="model">
-					SELECT id, reino FROM vn2008.reinos
-						WHERE display != FALSE ORDER BY reino
+					SELECT id, name FROM vn.itemCategory
+						WHERE display ORDER BY name
 				</db-model>
 			</htk-combo>
 		</div>
@@ -48,8 +48,8 @@
 			<label><t>Family</t></label>
 			<htk-combo form="lot" name="family">
 				<db-model property="model" lot="lot">
-					SELECT tipo_id, Tipo FROM vn2008.Tipos 
-						WHERE reino_id = #realm ORDER BY Tipo
+					SELECT id, name FROM vn.itemType 
+						WHERE categoryFk = #realm ORDER BY name
 				</db-model>
 			</htk-combo>
 		</div>
@@ -57,8 +57,10 @@
 			<label><t>Store</t></label>
 			<htk-combo form="lot">
 				<db-model property="model">
-					SELECT id, name FROM vn2008.warehouse
-						WHERE reserve ORDER BY name
+					SELECT id, name
+						FROM vn.warehouse
+						WHERE hasAvailable
+						ORDER BY name
 				</db-model>
 			</htk-combo>
 		</div>

import.js

@@ -40,9 +40,7 @@ export const routes = {
 	},
 	agencies: {
 		packages:
-			() => import('agencies/packages'),
-		provinces:
-			() => import('agencies/provinces')
+			() => import('agencies/packages')
 	},
 	cms: {
 		about:
@@ -70,7 +68,9 @@ export const routes = {
 		orders:
 			() => import('ecomerce/orders'),
 		ticket:
-			() => import('ecomerce/ticket')
+			() => import('ecomerce/ticket'),
+		pending:
+			() => import('ecomerce/pending')
 	},
 	news: {
 		new:

js/hedera/app.js

@@ -9,6 +9,24 @@ module.exports = new Class({
 			,get() {
 				return this._conn;
 			}
+		},
+		hash: {
+			type: Vn.Hash
+			,get() {
+				return this._hash;
+			}
+		},
+		gui: {
+			type: Gui
+			,get() {
+				return this._gui;
+			}
+		},
+		login: {
+			type: Login
+			,get() {
+				return this._login;
+			}
 		}
 	}
 
@@ -35,6 +53,7 @@ module.exports = new Class({
 
 	,showLogin() {
 		const login = this._login = new Login({
+			app: this,
 			conn: this._conn,
 			hash: this._hash
 		});
@@ -47,6 +66,7 @@ module.exports = new Class({
 		if (this._gui) return;
 		
 		const gui = this._gui = new Gui({
+			app: this,
 			conn: this._conn,
 			hash: this._hash
 		});
@@ -198,11 +218,11 @@ module.exports = new Class({
 	,async _onConnError(conn, err) {
 		if (!(err instanceof Vn.JsonException)) return;
 		switch (err.exception) {
-			case 'UserDisabled':
+			case 'UserDisabledError':
 				Htk.Toast.showError(_('User disabled'));
 				await this._logout();
 				return;
-			case 'OutdatedVersion':
+			case 'OutdatedVersionError':
 				this._newVersion();
 				return;
 		}
@@ -218,12 +238,13 @@ module.exports = new Class({
 			if (err instanceof Vn.JsonException) {
 				const statusCode = err.statusCode;
 				if (statusCode >= 400 && statusCode < 500) {
-					if (err.statusCode == 403)
-						Htk.Toast.showError(_('You don\'t have enough privileges'));
-					else {
+					if (err.statusCode == 403) {
+						Htk.Toast.showError(err.message ||
+							_('You don\'t have enough privileges'));
+					} else {
 						switch (err.exception) {
-							case 'UserDisabled':
-							case 'OutdatedVersion':
+							case 'UserDisabledError':
+							case 'OutdatedVersionError':
 								return;
 						}
 						if (err.statusCode == 401)

js/hedera/basket-checker.js

@@ -1,21 +0,0 @@
-
-module.exports = {
-	async check(conn, hash) {
-		this.hash = hash;
-		const resultSet = await conn.execQuery('CALL myBasket_check');
-
-		const status = resultSet.fetchValue();
-		if (!status) return;
-
-		const isOk = status == 'UPDATED' || status == 'OK';
-
-		if (status == 'UPDATED')
-			Htk.Toast.showWarning(_('Order items updated'));
-
-		if (!isOk)
-			this.hash.setAll({form: 'ecomerce/checkout'});
-
-		return isOk;
-	}
-};
-

js/hedera/basket.js

@@ -0,0 +1,77 @@
+
+module.exports = class {
+	constructor(app) {
+		this.app = app;
+		let orderId = localStorage.getItem('hederaBasket');
+		if (orderId) orderId = parseInt(orderId);
+		this.orderId = orderId;
+	}
+	async checkOrder(orderId) {
+		const resultSet = await this.app.conn.execQuery(
+			'CALL myOrder_checkConfig(#id)',
+			{id: orderId}
+		);
+		resultSet.fetchValue();
+	}
+	async check(checkoutContinue) {
+		if (this.orderId) {
+			return await this.checkRedirect(checkoutContinue);
+		} else {
+			this.redirect();
+			return false;
+		}
+	}
+	async checkRedirect(checkoutContinue) {
+		try {
+			await this.checkOrder(this.orderId);
+			return true;
+		} catch(err) {
+			if (err.exception == 'Vn.Lib.UserError') {
+				switch(err.code) {
+				case 'orderConfirmed':
+				case 'orderNotOwnedByUser':
+					this.constructor.unload();
+					await this.redirect();
+					break;
+				default:
+					this.app.hash.setAll({
+						form: 'ecomerce/checkout',
+						id: this.orderId,
+						continue: checkoutContinue
+					});
+					Htk.Toast.showError(err.message);
+				}
+				return false;
+			} else
+				throw err;
+		}
+	}
+	async redirect() {
+		const resultSet = await this.app.conn.execQuery(
+			'SELECT COUNT(*) > 0 FROM myOrder');
+		if (resultSet.fetchValue()) {
+			this.app.hash.setAll({form: 'ecomerce/pending'});
+			Htk.Toast.showMessage(_('Load an order'));
+		} else {
+			this.app.hash.setAll({form: 'ecomerce/checkout'});
+		}
+	}
+	async load(orderId) {
+		this.loadIntoBasket(orderId);
+		if (await this.checkRedirect('catalog'))
+			this.app.hash.setAll({
+				form: 'ecomerce/catalog'
+			});
+	}
+	loadIntoBasket(orderId) {
+		if (this.orderId != orderId) {
+			localStorage.setItem('hederaBasket', orderId);
+			this.orderId = orderId;
+			Htk.Toast.showMessage(_('OrderLoadedIntoBasket'));
+		}
+	}
+	static unload() {
+		localStorage.removeItem('hederaBasket');
+	}
+};
+

js/hedera/form.js

@@ -7,6 +7,7 @@ module.exports = new Class({
 
 	,initialize(gui) {
 		this.gui = gui;
+		this.app = gui.app;
 		this.conn = gui.conn;
 		this.hash = gui.hash;
 	}

js/hedera/gui.js

@@ -50,19 +50,16 @@ module.exports = new Class({
 		this.doc.body.appendChild(this.node);
 		Htk.Toast.pushTop(this.$.formHolder);
 
+		await this.refreshUserData();
+		Vn.Node.setText(this.$.userName, this.user.nickname);
+
 		const resultSet = await this._conn.execQuery(
-			'SELECT id, name, nickname FROM account.myUser;'
-			+'SELECT defaultForm FROM config;'
+			 'SELECT defaultForm FROM config;'
 			+'SELECT url FROM imageConfig;'
 			+'SELECT dbproduccion FROM vn.config;'
 			+'SELECT productionDomain, testDomain FROM config;'
 		);
 
-		// Retrieving the user name
-
-		this.user = resultSet.fetchObject();
-		Vn.Node.setText(this.$.userName, this.user.nickname);
-
 		// Retrieving configuration parameters
 
 		Vn.Config.defaultForm = resultSet.fetchValue();
@@ -120,6 +117,12 @@ module.exports = new Class({
 		}
 	}
 
+	,async refreshUserData() {
+		const resultSet = await this._conn.execQuery(
+			'SELECT id, name, nickname FROM account.myUser');
+		this.user = resultSet.fetchObject();
+	}
+	
 	,async hide() {
 		if (!this._shown)
 			return;
@@ -464,28 +467,40 @@ module.exports = new Class({
 	
 	//++++++++++++++++++++++++++++++++++++++++++++++++++++++ Supplant
 
+	/**
+	 * Supplants another user.
+	 *
+	 * @param {String} supplantUser The user name
+	 */
+	,async supplantUser(supplantUser) {
+		const json = await this._conn.send('client/supplant', {supplantUser});
+		this._conn.token = json;
+		sessionStorage.setItem('supplantUser', supplantUser);
+
+		await this.refreshUserData();
+		Vn.Node.setText(this.$.supplanted, this.user.nickname);
+		this.$.supplant.classList.toggle('show', true);
+		await this.loadMenu();
+	}
+
+	/*
+	 * Ends the user supplanting and restores the original login.
+	 */
+	,async onSupplantExitClick() {
+		this._conn.post('Accounts/logout');
+		this._conn.fetchToken();
+		sessionStorage.removeItem('supplantUser');
+
+		this.$.supplant.classList.toggle('show', false);
+		await this.refreshUserData();
+		await this.loadMenu();
+		this._onFormChange();
+	}
+	
 	,async supplantInit() {
 		var user = sessionStorage.getItem('supplantUser');
 		if (user == null) return;
-
-		await this._conn.supplantUser(user);
-		sessionStorage.setItem('supplantUser', user);
-		await this.loadMenu();
-	
-		const res = await this._conn.execQuery(
-			'SELECT nickname FROM account.myUser');
-
-		const userName = res.fetchValue();
-		Vn.Node.setText(this.$.supplanted, userName);
-		this.$.supplant.classList.toggle('show', true);
-	}
-
-	,async onSupplantExitClick() {
-		this.$.supplant.classList.toggle('show', false);
-		await this._conn.supplantEnd();
-		sessionStorage.removeItem('supplantUser');
-		await this.loadMenu();
-		this._onFormChange();
+		await this.supplantUser(user);
 	}
 	
 	//++++++++++++++++++++++++++++++++++++++++++++++++++++++ Destroy

js/hedera/hedera.js

@@ -10,6 +10,6 @@ Hedera = module.exports = {
 	,Report        : require('./report')
 	,App           : require('./app')
 	,Tpv           : require('./tpv')
-	,BasketChecker : require('./basket-checker')
+	,Basket        : require('./basket')
 };
 

js/hedera/locale/ca.yml

@@ -38,7 +38,8 @@ AppName: Verdnatura
 Home: Inici
 Orders: Encàrrecs
 Basket: Cistella
-Last orders: Últims comandes
+Pending orders: Pendents
+Last orders: Confirmades
 Invoices: Factures
 Catalog: Catàleg
 About: Coneix-nos
@@ -62,3 +63,22 @@ Agencies: Agències
 Configuration: Configuració
 Account: Compte
 Addresses: Adreces
+
+Load an order: Si us plau carrega una comanda pendent a la cistella o en comença una de nova
+
+Old password: Contrasenya antiga
+New password: Nova contrasenya
+Repeat password: Repetir contrasenya
+Requirements: Requisits
+Modify: Modificar
+Password requirements: Requisits de contrasenya
+characters long: caràcters de longitud
+alphabetic characters: caràcters alfabètics
+capital letters: majúscules
+digits: dígits
+symbols: símbols
+Password changed!: Contrasenya modificada!
+Password doesn't meet the requirements: ''
+Passwords doesn't match: Les contrasenyes no coincideixen!
+Passwords empty: Les contrasenyes en blanc
+Change password: Canvia la contrasenya

js/hedera/locale/en.yml

@@ -34,7 +34,8 @@ AppName: Verdnatura
 Home: Home
 Orders: Orders
 Basket: Basket
-Last orders: Last orders
+Pending orders: Pending
+Last orders: Confirmed
 Invoices: Invoices
 Catalog: Catalog
 About: About
@@ -58,3 +59,5 @@ Agencies: Agencies
 Configuration: Configuration
 Account: Account
 Addresses: Addresses
+
+Load an order: Please load a pending order to the cart or start a new one

js/hedera/locale/es.yml

@@ -38,7 +38,8 @@ AppName: Verdnatura
 Home: Inicio
 Orders: Pedidos
 Basket: Cesta
-Last orders: Últimos pedidos
+Pending orders: Pendientes
+Last orders: Confirmados
 Invoices: Facturas
 Catalog: Catálogo
 About: Conócenos
@@ -62,3 +63,24 @@ Agencies: Agencias
 Configuration: Configuración
 Account: Cuenta
 Addresses: Direcciones
+
+Load an order: Por favor carga un pedido pendiente en la cesta o empieza uno nuevo
+
+Old password: Contaseña antigua
+New password: Nueva contraseña
+Repeat password: Repetir contraseña
+Requirements: Requisitos
+Modify: Modificar
+Password requirements: Requisitos de constraseña
+characters long: carácteres de longitud
+alphabetic characters: carácteres alfabéticos
+capital letters: letras mayúsculas
+digits: dígitos
+symbols: 'símbolos. Ej: $%&.'
+Password changed!: ¡Contraseña modificada!
+Password doesn't meet the requirements: >-
+  La nueva contraseña no reune los requisitos de seguridad necesarios, pulsa en
+  info para más detalle
+Passwords doesn't match: ¡Las contraseñas no coinciden!
+Passwords empty: Contraseña vacía
+Change password: Cambiar contraseña

js/hedera/locale/fr.yml

@@ -5,7 +5,7 @@ Remind me: Retenir mon mot de passe
 Log in as guest: Entrez en tant qu'invité
 Login: Se connecter
 Login mail: info@verdnatura.es
-Login phone: +33 781 533 900
+Login phone: +33 783 285 437
 Password forgotten? Push here: Vous avez oublié votre mot de passe?
 Yet you are not a customer?: Vous n'êtes pas encore client?
 Sign up: S'inscrire
@@ -38,7 +38,8 @@ AppName: Verdnatura
 Home: Accueil
 Orders: Commandes
 Basket: Panier
-Last orders: Dernières commandes
+Pending orders: En attente
+Last orders: Confirmées
 Invoices: Facturas
 Catalog: Catalogue
 About: Nous
@@ -62,3 +63,22 @@ Agencies: Agences
 Configuration: Configuration
 Account: Compte
 Addresses: Adresses
+
+Load an order: Veuillez télécharger une commande en attente dans le panier ou en démarrer une nouvelle
+	
+Old password: Ancien mot de passe
+New password: Nouveau mot de passe
+Repeat password: Répéter le mot de passe
+Requirements: Exigences
+Modify: Modifier
+Password requirements: Mot de passe exigences
+characters long: Longs caractères
+alphabetic characters: les caractères alphabétiques
+capital letters: lettres majuscules
+digits: chiffres
+symbols: 'symboles. Ej: $%&.'
+Password changed!: Mot de passe modifié!
+Password doesn't meet the requirements: ''
+Passwords doesn't match: Les mots de passe ne correspondent pas!
+Passwords empty: ''
+Change password: Changer le mot de passe

js/hedera/locale/pt.yml

@@ -36,7 +36,8 @@ AppName: VerdNatura
 Home: Principio
 Orders: Encomendas
 Basket: Cesta
-Last orders: Últimas encomendas
+Pending orders: Pendentes
+Last orders: Confirmados
 Invoices: Facturas
 Catalog: Catálogo
 About: Conheça-nos
@@ -60,3 +61,22 @@ Agencies: Agências
 Configuration: Configuração
 Account: Conta
 Addresses: Moradas
+
+Load an order: Carregue um pedido pendente no carrinho ou inicie um novo
+	
+Old password: Palavra-passe antiga
+New password: Nova Palavra-passe
+Repeat password: Repetir Palavra-passe
+Requirements: Requisitos
+Modify: Modificar
+Password requirements: Requisitos de Palavra-passe
+characters long: caracteres
+alphabetic characters: caracteres alfabéticos
+capital letters: letras maiúsculas
+digits: dígitos
+symbols: 'símbolos. Ej: $%&.'
+Password changed!: Palavra-passe Modificada!
+Password doesn't meet the requirements: Palavra-passe não atende aos requisitos
+Passwords doesn't match: As Palavras-Passe não coincidem!
+Passwords empty: Palavra-passe vazia
+Change password: Mudar Palavra-passe

js/hedera/login.js

@@ -26,6 +26,12 @@ module.exports = new Class({
 			self._onSubmit();
 			return false;
 		};
+
+		if(this.hash.$.verificationToken){
+			this.$.changePassword.conn = this.conn;
+			this.$.changePassword.token = this.hash.$.verificationToken;
+			this.$.changePassword.open();
+		}
 	}
 	
 	,_onConnLoadChange(conn, isLoading) {
@@ -94,7 +100,11 @@ module.exports = new Class({
 			return;
 		}
 		
-		await this._conn.send('user/recover-password', {recoverUser});
+		await this.conn.post('VnUsers/recoverPassword', {
+			user: recoverUser,
+			app: 'hedera'
+		});
+		
 		Htk.Toast.showMessage(_('A mail has been sent wich you can recover your password'));
 	}
 });

js/hedera/login.xml

@@ -54,4 +54,5 @@
 		</div>
 	</div>
 </div>
+<htk-change-password id="change-password"/>
 </vn>

js/hedera/tpv.js

@@ -9,11 +9,10 @@ module.exports = new Class({
 		this.tpvStatus = this.hash.$.tpvStatus;
 
 		if (this.tpvStatus) {
-			const query = 'CALL myTpvTransaction_end(#transaction, #status)';
-			this.conn.execQuery(query, {
-				transaction: this.tpvOrder,
+			this.conn.post('TpvTransactions/end', {
+				orderId: this.tpvOrder,
 				status: this.tpvStatus
-			});
+			})
 		}
 
 		return this.tpvStatus;
@@ -24,22 +23,18 @@ module.exports = new Class({
 	}
 
 	,async _realPay(amount, company) {
-		if (!isNumeric(amount) || amount <= 0)
-			throw new UserError(_('AmountError'));
-
-		let json;
-		
-		try {
-			json = await this.conn.send('tpv/transaction', {
-				amount: parseInt(amount)
-				,urlOk: this._makeUrl('ok')
-				,urlKo: this._makeUrl('ko')
-				,company: company
-			});
-		} catch(err) {
-			throw new UserError(_('PayError'));
+		if (!isNumeric(amount) || amount <= 0) {
+			Htk.Toast.showError(_('AmountError'));
+			return;
 		}
 
+		const json = await this.conn.post('TpvTransactions/start', {
+			amount: parseInt(amount),
+			urlOk: this._makeUrl('ok'),
+			urlKo: this._makeUrl('ko'),
+			company
+		});
+
 		const postValues = json.postValues;
 
 		const form = document.createElement('form');

js/htk/calendar/index.js

@@ -141,7 +141,7 @@ module.exports = new Class({
 	}
 
 	,goToCurrentMonth() {
-		var date = new Date();
+		var date = Date.vnNew();
 		this.goToMonth(date.getFullYear(), date.getMonth());
 	}
 
@@ -179,7 +179,7 @@ module.exports = new Class({
 
 		// Marks the current day
 
-		var today = new Date();
+		var today = Date.vnNew();
 		
 		if (this.year == today.getFullYear()
 		&& this.month == today.getMonth()) {

js/htk/change-password/index.js

@@ -0,0 +1,111 @@
+var Component = require('vn/component');
+var Toast = require('../toast');
+var Tpl = require('./ui.xml').default;
+
+/**
+ * A change password popup.
+ */
+module.exports = new Class({
+	Extends: Component,
+	Tag: 'htk-change-password',
+	Properties: {
+		/**
+		 * The token url.
+		 */
+		token: {
+			type: String
+			,set(value) {
+				this._token = value;
+			}
+			,get() {
+				return this._token;
+			}
+		},
+		conn: {
+			type: Db.Connection
+			,set(x) {
+				this._conn = x
+			}
+			,get() {
+				return this._conn;
+			}
+		},
+		user: {
+			type: Object
+		}
+	},
+
+	initialize(props) {
+		Component.prototype.initialize.call(this, props);
+	},
+
+	async open() {
+		this.passwordForm = await this.conn.get('UserPasswords/findOne')
+		this.loadTemplateFromString(Tpl);
+
+		this.$.oldPassword.value = '';
+		this.$.newPassword.value = '';
+		this.$.repeatPassword.value = '';
+
+		this.$.oldPassword.style.display = this.token ? 'none' : 'block';
+		this.$.changePassword.open();
+
+		if (this.token)
+			this.$.newPassword.focus();
+		else
+			this.$.oldPassword.focus();
+	},
+
+	async onPassModifyClick() {
+		const form = this.$.changePassword.node;
+		Vn.Node.disableInputs(form);
+		try {
+			const oldPassword = this.$.oldPassword.value;
+			const newPassword = this.$.newPassword.value;
+			const repeatedPassword = this.$.repeatPassword.value;
+	
+			try {
+				if (newPassword == '' && repeatedPassword == '')
+					throw new Error(_('Passwords empty'));
+				if (newPassword !== repeatedPassword)
+					throw new Error(_('Passwords doesn\'t match'));
+			} catch (err) {
+				return Toast.showError(err.message);
+			}
+		
+			const params = {newPassword};
+
+
+			try {
+				if (this.token) {
+					const headers = {
+						Authorization: this.token
+					};
+					await this.conn.post('VnUsers/reset-password', params, {headers});
+				} else {
+					params.userId = this.user.id;
+					params.oldPassword = oldPassword;
+					
+					await this.conn.patch(`Accounts/change-password`, params);
+				}
+			} catch(err) {
+				Toast.showError(err.message);
+
+				if (this.token)
+					this.$.newPassword.select();
+				else
+					this.$.oldPassword.select();
+
+				return;
+			}
+
+			if(this.user)
+				await this.conn.open(this.user.name, newPassword);
+			this.$.changePassword.hide();
+		} finally {
+			Vn.Node.disableInputs(form, false);
+		}
+		
+		Toast.showMessage(_('Password changed!'));
+	}
+});

js/htk/change-password/ui.xml

@@ -0,0 +1,62 @@
+<vn>
+<htk-popup
+	id="change-password"
+	modal="true">
+	<div property="child-node" class="htk-dialog vn-w-xs vn-pa-lg">
+		<div class="form">
+			<h5 class="vn-mb-md">
+				<t>Change password</t>
+			</h5>
+			<input
+				id="old-password"
+				type="password"
+				placeholder="_Old password"/>
+			<input
+				id="new-password"
+				type="password"
+				placeholder="_New password"
+				autocomplete="new-password"/>
+			<input
+				id="repeat-password"
+				type="password"
+				placeholder="_Repeat password"
+				autocomplete="new-password"/>
+		</div>
+		<div class="button-bar">
+			<button class="thin" on-click="this.onPassModifyClick()">
+				<t>Modify</t>
+			</button>
+			<button class="thin" on-click="this.$.passwordInfo.show()">
+				<t>Requirements</t>
+			</button>
+			<div class="clear"/>
+		</div>
+	</div>
+</htk-popup>
+<htk-popup
+	id="password-info"
+	modal="true">
+	<div property="child-node" class="htk-dialog pass-info vn-w-xs vn-pa-lg">
+		<h5 class="vn-mb-md">
+			<t>Password requirements</t>
+		</h5>
+		<ul>
+			<li>
+				{{this.passwordForm.length}} <t>characters long</t>
+			</li>
+			<li>
+				{{this.passwordForm.nAlpha}} <t>alphabetic characters</t>
+			</li>
+			<li>
+				{{this.passwordForm.nUpper}} <t>capital letters</t>
+			</li>
+			<li>
+				{{this.passwordForm.nDigits}} <t>digits</t>
+			</li>
+			<li>
+				{{this.passwordForm.nPunct}} <t>symbols</t>
+			</li>
+		</ul>
+	</div>
+</htk-popup>
+</vn>

js/htk/field/index.js

@@ -10,15 +10,7 @@ module.exports = new Class({
 		value: {
 			type: String
 			,set(x) {
-				if (Vn.Value.compare(x, this._value))
-					return;
-
-				if (x instanceof Date)
-					x = x.clone();
-
-				this.valueChanged(x);
-				this.putValue(x);
-				this._notifyChanges();
+				this._setValue(x);
 			}
 			,get() {
 				return this._value;
@@ -109,11 +101,11 @@ module.exports = new Class({
 	,_lockField: false
 
 	,_setValue(newValue) {
-		if (!this._putValue(newValue))
-			return;
+		if (!this._putValue(newValue)) return;
+		newValue = this._value;
 		
 		if (!this._lockField)
-			this.putValue(newValue);
+			this.putValue(this._value);
 
 		if (this.conditionalFunc)
 			this.conditionalFunc(this, newValue);

js/htk/htk.js

@@ -19,6 +19,7 @@ Htk = module.exports = {
 	,List         	: require('./list')
 	,Field        	: require('./field')
 	,Column       	: require('./column')
+	,ChangePassword	: require('./change-password')
 };
 
 var Fields = {

js/htk/image/index.js

@@ -192,7 +192,7 @@ module.exports = new Class({
 	}
 	
 	,_onFileUpload(cell) {
-		this._stamp = new Date().getTime();
+		this._stamp = Date.vnNew().getTime();
 		this._refreshSrc(cell);
 		this.popup.hide();
 	}

js/htk/radio/index.js

@@ -54,7 +54,7 @@ module.exports = new Class({
 	,render() {
 		var radio = Vn.Browser.createRadio('', this.doc);
 		radio.checked = false;
-		radio.addEventListener('change', this._onChange.bind(this));
+		radio.addEventListener('change', () => this._onChange());
 		this._node = radio;
 	}
 

js/htk/radio/radio-group.js

@@ -5,8 +5,6 @@ module.exports = new Class({
 	Extends: Htk.Field
 	,Tag: 'htk-radio-group'
 
-	,radioLock: false
-
 	,initialize(props) {
 		this.clear();
 		Htk.Field.prototype.initialize.call(this, props);

js/vn/cookie.js

@@ -3,69 +3,61 @@
  */
 module.exports =
 {
-	set: function (key, value, days)
-	{
+	set: function(key, value, days) {
 		var strCookie = key + '=' + value + ';';
 	
-		if (days != undefined)
-		{
-			var date = new Date ();
-			date.setTime (date.getTime () + days * 86400000);
-			strCookie += 'expires=' + date.toGMTString ();
+		if (days != undefined) {
+			var date = Date.vnNew();
+			date.setTime(date.getTime() + days * 86400000);
+			strCookie += 'expires=' + date.toGMTString();
 		}
 	
 		document.cookie = strCookie;
 	}
 
-	,unset: function (key)
-	{
-		this.set (key, '', -1);
+	,unset: function(key) {
+		this.set(key, '', -1);
 	}
 
-	,get: function (key)
-	{
-		var cookie = new String (document.cookie);
-		var start = cookie.indexOf (key + '=');
+	,get: function(key) {
+		var cookie = new String(document.cookie);
+		var start = cookie.indexOf(key + '=');
 	
-		if (start != -1)
-		{
+		if (start != -1) {
 			var end;
 
 			start += key.length + 1;
-			end = cookie.indexOf (';', start);
+			end = cookie.indexOf(';', start);
 
 			if (end > 0)
-				return cookie.substring (start, end);
+				return cookie.substring(start, end);
 			else
-				return cookie.substring (start);
+				return cookie.substring(start);
 		}
 		
 		return null;
 	}
 	
-	,getInt: function (key)
-	{
-		var value = this.get (key);
+	,getInt: function(key) {
+		var value = this.get(key);
 		
 		if (value != null)
-			return parseInt (value);
+			return parseInt(value);
 		
 		return null;
 	}
 	
-	,getFloat: function (key)
-	{
-		var value = this.get (key);
+	,getFloat: function(key) {
+		var value = this.get(key);
 		
 		if (value != null)
-			return parseFloat (value);
+			return parseFloat(value);
 		
 		return null;
 	}
 
-	,check: function (key)
-	{
-		return this.get (key) != null;
+	,check: function(key) {
+		return this.get(key) != null;
 	}
 };
 

js/vn/date.js

@@ -6,6 +6,22 @@ Date.prototype.clone = function() {
 	return new Date(this.getTime());
 }
 
+Date.vnUTC = () => {
+	const env = process.env.NODE_ENV;
+	if (!env || env === 'development')
+		return new Date(Date.UTC(2001, 0, 1, 11));
+
+	return new Date();
+};
+
+Date.vnNew = () => {
+	return new Date(Date.vnUTC());
+};
+
+Date.vnNow = () => {
+	return new Date(Date.vnUTC()).getTime();
+};
+
 module.exports =
 {
 	WDays: [
@@ -55,7 +71,7 @@ module.exports =
 		,'Dec'
 	]
 	
-	,tokenD: '%A, %B %e'
+	,tokenD: '%A, %B %e %Y'
 	
 	,regexp: new RegExp('%[a-zA-Z]', 'g')
 
@@ -101,7 +117,7 @@ module.exports =
 			// Year with 4 digits
 			case 'Y': return d.getFullYear();
 
-			// Complete date without year
+			// Complete date
 			case 'D': return _(this.tokenD).replace(this.regexp, this.regexpFunc.bind(this, d));
 		}