feat: añadido contador y porcetaje

modules/invoiceOut/front/global-invoicing/index.html

@@ -64,6 +64,18 @@
         order="code">
     </vn-crud-model>
     <form class="vn-pa-md">
+        <vn-vertical text-center
+            class="progress vn-my-sm"
+            ng-if="$ctrl.lastClientId">
+                <h5 class="vn-mb-md vn-mt-lg" translate>Invoicing</h5>
+                <div>
+                    {{'Id Client' | translate}}: {{$ctrl.currentClientId}}
+                    {{'of' | translate}} {{::$ctrl.lastClientId}}
+                </div>
+                <div>
+                    {{($ctrl.percentage / 100) | percentage: 0}}
+                </div>
+        </vn-vertical>
         <vn-vertical>
             <vn-date-picker
                 vn-one

modules/invoiceOut/front/global-invoicing/index.js

@@ -11,6 +11,7 @@ class Controller extends Section {
             companyFk: this.vnConfig.companyFk
         };
         this.clientsNumber = 'allClients';
+        this.currentClient = 0;
     }
 
     $onInit() {
@@ -39,19 +40,22 @@ class Controller extends Section {
         return this.$http.get('Clients/findOne', {params});
     }
 
-    restartValues() {
+    getPercentage() {
-        this.$.invoiceButton.disabled = false;
+        this.percentage = (this.currentClient * 100) / this.clients.length;
-        this.packageInvoicing = false;
     }
 
-    cancelRequest() {
+    restartValues() {
-        this.canceler = this.$q.defer();
+        this.lastClientId = null;
-        return {timeout: this.canceler.promise};
+        this.$.invoiceButton.disabled = false;
+        this.packageInvoicing = false;
     }
 
     invoiceOut(invoice, clientsAndAddresses) {
         const [clientAndAddress] = clientsAndAddresses;
         if (!clientAndAddress) return;
+        this.currentClientId = clientAndAddress.clientId;
+        this.currentClient = ++this.currentClient;
+        this.getPercentage();
         const params = {
             clientId: clientAndAddress.clientId,
             addressId: clientAndAddress.addressId,
@@ -115,6 +119,12 @@ class Controller extends Section {
                     const invoice = res.data.invoice;
                     const clientsAndAddresses = res.data.clientsAndAddresses;
                     if (!clientsAndAddresses.length) throw new UserError(`There aren't clients to invoice`);
+
+                    this.clients = [];
+                    for (const clientAndAddress of clientsAndAddresses)
+                        this.clients.push(clientAndAddress.clientId);
+                    this.lastClientId = clientsAndAddresses[clientsAndAddresses.length - 1].clientId;
+
                     return this.invoiceOut(invoice, clientsAndAddresses);
                 })
                 .then(() => this.vnApp.showSuccess(this.$t('Data saved!')))

modules/invoiceOut/front/global-invoicing/locale/es.yml

@@ -13,3 +13,6 @@ From client: Desde cliente
 To client: Hasta cliente
 Address id: Id dirección
 Printer: Impresora
+of: de
+Id Client: Id Cliente
+Invoicing: Facturando

modules/invoiceOut/front/global-invoicing/style.scss

@@ -8,3 +8,7 @@ vn-td {
         color: $color-success;
     }
 }
+
+h5{
+    color: $color-primary;
+}