@seniorsistemas/yms-integration 1.21.0 → 1.22.0

package/fesm5/seniorsistemas-yms-integration.js

@@ -1,4 +1,4 @@
-import { Subject, throwError, BehaviorSubject, empty, ReplaySubject, NEVER, of, forkJoin } from 'rxjs';
+import { Subject, throwError, BehaviorSubject, empty, ReplaySubject, NEVER, forkJoin, of } from 'rxjs';
 import { takeUntil, catchError, finalize, map, filter, mergeMap, tap, concatMap, switchMap, debounceTime } from 'rxjs/operators';
 import { __extends, __decorate, __metadata, __assign, __spread, __values, __param } from 'tslib';
 import { CommonModule } from '@angular/common';
@@ -3069,13 +3069,15 @@ var DocumentService = /** @class */ (function (_super) {
 }(EntityService));
 
 var DocumentGridComponent = /** @class */ (function () {
-    function DocumentGridComponent(translate, documentService, messageService) {
+    function DocumentGridComponent(translate, documentService, messageService, confirmationService) {
         this.translate = translate;
         this.documentService = documentService;
         this.messageService = messageService;
+        this.confirmationService = confirmationService;
         this.viewDocument = new EventEmitter();
         this.gridData = [];
         this.ngUnsubscribe = new Subject();
+        this.selection = [];
     }
     DocumentGridComponent.prototype.ngOnInit = function () {
         this.gridColumns = this.getGridColumns();
@@ -3091,6 +3093,7 @@ var DocumentGridComponent = /** @class */ (function () {
             {
                 label: this.translate.instant("yms.int.wms_add_document_invoice_key"),
                 command: function () {
+                    _this.selection = [];
                     _this.visibleInvoiceKey = true;
                 },
                 icon: "fa fa-search"
@@ -3098,6 +3101,7 @@ var DocumentGridComponent = /** @class */ (function () {
             {
                 label: this.translate.instant("yms.int.wms_add_document_register"),
                 command: function () {
+                    _this.selection = [];
                     _this.edit = true;
                     _this.visibleDocumentRegister = true;
                 },
@@ -3108,8 +3112,8 @@ var DocumentGridComponent = /** @class */ (function () {
     DocumentGridComponent.prototype.getProp = function (obj, path) {
         return path.split(".").reduce(function (result, prop) { return (result[prop] === undefined ? "" : result[prop]); }, obj);
     };
-    DocumentGridComponent.prototype.view = function (selection) {
-        this.viewDocument.emit(selection);
+    DocumentGridComponent.prototype.view = function () {
+        this.viewDocument.emit(this.selection[0]);
         this.visibleDocumentRegister = true;
         this.edit = false;
     };
@@ -3129,17 +3133,38 @@ var DocumentGridComponent = /** @class */ (function () {
             });
         }
     };
-    DocumentGridComponent.prototype.onDelete = function (selection) {
+    DocumentGridComponent.prototype.onDelete = function () {
         var _this = this;
-        if (!selection.id) {
-            return;
-        }
-        this.documentService.delete(selection.id)
-            .pipe(takeUntil(this.ngUnsubscribe), finalize(function () {
-            _this.gridData = [];
-            _this.listDocuments();
-        })).
-            subscribe(function () { return _this.message("success", "deleted_message_title", "deleted_message_content"); });
+        this.confirmationService.confirm({
+            message: this.translate.instant("delete_confirmation_message"),
+            header: this.translate.instant("delete_confirmation_title"),
+            accept: function () {
+                _this.removeDocumentIfIdUndfined();
+                if (_this.selection.length < 1) {
+                    return empty();
+                }
+                return forkJoin(_this.selection.map(function (document) { return _this.documentService.delete(document.id); }))
+                    .pipe(takeUntil(_this.ngUnsubscribe))
+                    .subscribe(function () {
+                    _this.messageService.add({
+                        severity: "success",
+                        summary: _this.translate.instant("deleted_message_title"),
+                        detail: _this.translate.instant("deleted_message_content"),
+                    });
+                    _this.gridData = [];
+                    _this.listDocuments();
+                });
+            }
+        });
+    };
+    DocumentGridComponent.prototype.removeDocumentIfIdUndfined = function () {
+        var _this = this;
+        this.selection.forEach(function (value, index) {
+            if (!value.id) {
+                _this.gridData.splice(index, 1);
+                _this.selection.splice(index, 1);
+            }
+        });
     };
     DocumentGridComponent.prototype.listDocuments = function () {
         var _this = this;
@@ -3147,14 +3172,15 @@ var DocumentGridComponent = /** @class */ (function () {
             filterQuery: "schedulingId eq '" + this.agenda.id + "'"
         })
             .subscribe(function (contents) {
+            _this.gridData = [];
             if (contents.totalElements > 0) {
                 _this.gridData = contents.contents;
                 _this.documentTotalRecords = contents.totalElements;
             }
             else {
-                _this.disabled = true;
                 _this.documentTotalRecords = _this.gridData.length;
             }
+            _this.disabled = true;
             _this.loading = false;
         });
     };
@@ -3220,12 +3246,13 @@ var DocumentGridComponent = /** @class */ (function () {
     DocumentGridComponent = __decorate([
         Component({
             selector: 'document-grid',
-            template: "<p-panel>\n    <p-header>\n        <div class=\"buttons\">\n            <div>\n                <s-button\n                    label=\"{{'yms.int.wms_add_document' | translate}}\"\n                    priority=\"primary\"\n                    [model]=\"getActions()\"\n                    [auxiliary]=\"false\">\n                </s-button>\n                <s-button\n                    label=\"{{'yms.wms_view_button' | translate}}\"\n                    priority=\"secondary\"\n                    [auxiliary]=\"false\"\n                    [disabled]=\"!selection || disabled\"\n                    (onClick)=\"view(selection)\">\n                </s-button>\n                <s-button\n                    label=\"{{'yms.wms_delete_button' | translate}}\"\n                    priority=\"secondary\"\n                    [auxiliary]=\"false\"\n                    [disabled]=\"!selection || disabled\"\n                    (click)=\"onDelete(selection)\">\n                </s-button>\n            </div>\n            <s-button\n                id=\"refresh-button\"\n                priority=\"default\"\n                iconClass=\"fa fa-refresh\"\n                (onClick)=\"listDocuments()\"\n                >\n            </s-button>\n        </div>\n    </p-header>\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\" *ngIf=\"gridData && gridData.length; else emptyList\">\n            <p-table #documentTable [value]=\"gridData\"\n            [columns]=\"gridColumns\" dataKey=\"id\" [lazy]=\"true\" [scrollable]=\"true\" [resizableColumns]=\"true\"\n            sortMode=\"single\" [paginator]=\"true\" [totalRecords]=\"documentTotalRecords\" rows=\"10\"\n            [rowsPerPageOptions]=\"[10, 20, 50, 100]\" [(selection)]=\"selection\"\n            [loading]=\"loading\">\n            <ng-template pTemplate=\"colgroup\" let-columns>\n                <colgroup>\n                    <col *ngFor=\"let col of columns\" [style.width]=\"col.width\"/>\n                </colgroup>\n            </ng-template>\n            <ng-template pTemplate=\"header\" let-columns>\n                <tr>\n                    <th id=\"col\" *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\" pResizableColumn>\n                        <div class=\"senior-header\">\n                            <span class=\"senior-header-title\">{{ col.header }}</span>\n                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                        </div>\n                    </th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-rowData let-columns let-expanded=\"expanded\">\n                <tr [pSelectableRow]=\"rowData\">\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"logistcUnitName\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"logistcUnitDocument\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceKey\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceNumber\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"invoiceSerialNumber\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"ownerName\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"ownerDocument\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = rowData\">\n                        <span>{{ rowData[\"orderReceivingCode\"] }}</span>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"paginatorright\">\n                <span [translate]=\"'total_records'\" [translateParams]=\"{ value: documentTotalRecords }\"></span>\n            </ng-template>\n        </p-table>      \n        </div>\n    </div>\n    <register-document\n        [edit]=\"edit\"\n        [viewDocument]=\"selection\"\n        (document)=\"onChangeDocument($event)\"\n        [(visible)]=\"visibleDocumentRegister\"\n        [agenda]=\"agenda\">\n    </register-document>\n    <insert-key (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n</p-panel>\n<div class=\"button-save\">\n    <s-button \n        priority=\"primary\" [label]=\"'save' | translate\" [disabled]=\"!disabled || !this.gridData\" (click)=\"save()\">\n    </s-button>\n</div>\n\n\n<ng-template #emptyList>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\" [title]=\"'yms.dock.area_dock_empty_state_title' | translate\"\n            [description]=\"'yms.dock.area_dock_empty_state_description' | translate\">\n    </s-empty-state>\n    </div>\n</ng-template>\n",
-            styles: [".buttons{display:flex;justify-content:space-between}.center{flex-direction:column;text-align:center}.ui-g{display:block}.button-save{margin:5px 0}#refresh-button{color:#fff}"]
+            template: "<p-panel>\n    <p-header>\n        <div class=\"buttons\">\n            <div>\n                <s-button\n                    label=\"{{'yms.int.wms_add_document' | translate}}\"\n                    priority=\"primary\"\n                    [model]=\"getActions()\"\n                    [auxiliary]=\"false\">\n                </s-button>\n                <s-button\n                    label=\"{{'yms.wms_view_button' | translate}}\"\n                    priority=\"secondary\"\n                    [auxiliary]=\"false\"\n                    [disabled]=\"!selection  || selection.length !== 1\"\n                    (onClick)=\"view()\">\n                </s-button>\n                <s-button\n                    label=\"{{'yms.wms_delete_button' | translate}}\"\n                    priority=\"secondary\"\n                    [disabled]=\"!selection || !selection.length\"\n                    (click)=\"onDelete()\">\n                </s-button>\n            </div>\n            <s-button\n                id=\"refresh-button\"\n                priority=\"default\"\n                iconClass=\"fa fa-refresh\"\n                (onClick)=\"listDocuments()\"\n                >\n            </s-button>\n        </div>\n    </p-header>\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\" *ngIf=\"gridData && gridData.length; else emptyList\">\n            <p-table #documentTable [value]=\"gridData\"\n            [columns]=\"gridColumns\" dataKey=\"id\" [lazy]=\"true\" [scrollable]=\"true\" [resizableColumns]=\"true\"\n            sortMode=\"multiple\" [paginator]=\"true\" [totalRecords]=\"documentTotalRecords\" rows=\"10\"\n            [rowsPerPageOptions]=\"[10, 20, 50, 100]\" [(selection)]=\"selection\"\n            [loading]=\"loading\">\n            <ng-template pTemplate=\"colgroup\" let-columns>\n                <colgroup>\n                    <col *ngFor=\"let col of columns\" [style.width]=\"col.width\"/>\n                </colgroup>\n            </ng-template>\n            <ng-template pTemplate=\"header\" let-columns>\n                <tr>\n                    <th id=\"checkbox\" class=\"table-checkbox\">\n                        <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n                    </th>\n                    <th id=\"col\" *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\" pResizableColumn>\n                        <div class=\"senior-header\">\n                            <span class=\"senior-header-title\">{{ col.header }}</span>\n                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                        </div>\n                    </th>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"body\" let-rowData let-columns let-expanded=\"expanded\">\n                <tr [pSelectableRow]=\"rowData\">\n                    <td class=\"table-checkbox\">\n                        <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                    </td>\n                    <td (click)=\"selection = [rowData]\">\n                        <span>{{ rowData[\"logistcUnitName\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = [rowData]\">\n                        <span>{{ rowData[\"logistcUnitDocument\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = [rowData]\">\n                        <span>{{ rowData[\"invoiceKey\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = [rowData]\">\n                        <span>{{ rowData[\"invoiceNumber\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = [rowData]\">\n                        <span>{{ rowData[\"invoiceSerialNumber\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = [rowData]\">\n                        <span>{{ rowData[\"ownerName\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = [rowData]\">\n                        <span>{{ rowData[\"ownerDocument\"] }}</span>\n                    </td>\n                    <td (click)=\"selection = [rowData]\">\n                        <span>{{ rowData[\"orderReceivingCode\"] }}</span>\n                    </td>\n                </tr>\n            </ng-template>\n            <ng-template pTemplate=\"paginatorright\">\n                <span [translate]=\"'total_records'\" [translateParams]=\"{ value: documentTotalRecords }\"></span>\n            </ng-template>\n        </p-table>      \n        </div>\n    </div>\n    <register-document\n        [edit]=\"edit\"\n        [viewDocument]=\"selection\"\n        (document)=\"onChangeDocument($event)\"\n        [(visible)]=\"visibleDocumentRegister\"\n        [agenda]=\"agenda\">\n    </register-document>\n    <insert-key (document)=\"onChangeDocument($event)\" [(visible)]=\"visibleInvoiceKey\"></insert-key>\n</p-panel>\n<div class=\"button-save\">\n    <s-button \n        priority=\"primary\" [label]=\"'save' | translate\" [disabled]=\"disabled || !this.gridData\" (click)=\"save()\">\n    </s-button>\n</div>\n\n\n<ng-template #emptyList>\n    <div class=\"center\">\n        <s-empty-state\n            iconClass=\"fa fa-exclamation-triangle\" [title]=\"'detail_empty_state_title' | translate\"\n            [description]=\"'detail_empty_state_description' | translate\">\n    </s-empty-state>\n    </div>\n</ng-template>\n",
+            styles: [".buttons{display:flex;justify-content:space-between}.center{flex-direction:column;text-align:center}.ui-g{display:block}.button-save{margin:5px 0}#refresh-button{color:#fff}.table-checkbox{width:50px}"]
         }),
         __metadata("design:paramtypes", [TranslateService,
             DocumentService,
-            MessageService])
+            MessageService,
+            ConfirmationService])
     ], DocumentGridComponent);
     return DocumentGridComponent;
 }());
@@ -3408,15 +3435,20 @@ var RegisterDocumentComponent = /** @class */ (function () {
     RegisterDocumentComponent.prototype.visibilityConfig = function () {
         if (!this.edit && this.visible) {
             this.formGroup.disable();
-            this.setValuesFormGroup(this.viewDocument);
+            this.setValuesFormGroup(this.viewDocument[0]);
             this.setValueForPartner();
             this.hideSaveButton = true;
             return this.visible;
         }
-        return this.visible;
+        if (this.formGroup !== undefined) {
+            this.formGroup.enable();
+            this.setValueForPartner();
+            this.hideSaveButton = false;
+        }
     };
     RegisterDocumentComponent.prototype.close = function () {
         this.visibleChange.emit(false);
+        this.formGroup.reset();
     };
     RegisterDocumentComponent.prototype.setValuesFormGroup = function (document) {
         this.formGroup.get('invoiceKey').setValue(document.invoiceKey);
@@ -3466,13 +3498,13 @@ var RegisterDocumentComponent = /** @class */ (function () {
     RegisterDocumentComponent.prototype.successMessage = function () {
         this.messageService.add({
             severity: "success",
-            summary: this.translateService.instant("saved_message_title"),
-            detail: this.translateService.instant("saved_message_content"),
+            summary: this.translateService.instant("yms.saved_message_title"),
+            detail: this.translateService.instant("yms.int.wms_success_message_description"),
         });
     };
     __decorate([
         Input(),
-        __metadata("design:type", Document)
+        __metadata("design:type", Array)
     ], RegisterDocumentComponent.prototype, "viewDocument", void 0);
     __decorate([
         Input(),
@@ -3569,7 +3601,7 @@ var InsertKeyComponent = /** @class */ (function () {
                 return;
             }
             _this.document.emit(content.contents[0]);
-            _this.message("success", "yms.int.wms_insert_key_success_message_header", "yms.int.wms_insert_key_success_message_description");
+            _this.message("success", "yms.int.wms_insert_key_success_message_header", "yms.int.wms_success_message_description");
             _this.formGroup.reset();
         });
     };
@@ -3598,7 +3630,7 @@ var InsertKeyComponent = /** @class */ (function () {
     InsertKeyComponent = __decorate([
         Component({
             selector: "insert-key",
-            template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\" (visibleChange)=\"cancel()\">\n        <p-header>{{'yms.insert_key_header' | translate}}</p-header>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\">\n            <label for=\"key\">{{'yms.insert_key_label'}}</label>\n            <input id=\"key\" class=\"size-input\" pInputText type=\"text\" formControlName=\"key\">\n        </div>\n        <div class=\"separator\"></div>\n        <div class=\"spacing-top\">\n            <s-button pButton label=\"{{'save' | translate}}\" (click)=\"add()\"></s-button>\n            <s-button\n                type=\"button\"\n                class=\"ui-button-link\"\n                pButton label=\"{{'cancel' | translate}}\"\n                (click)=\"cancel()\">\n            </s-button>\n        </div>\n    </p-dialog>\n</form>",
+            template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\" [modal]=\"true\" (visibleChange)=\"cancel()\">\n        <p-header>{{'yms.int.wms_insert_key_header' | translate}}</p-header>\n        <div class=\"flex py-2 justify-content-center spacing-bottom\">\n            <label for=\"key\">{{'yms.int.wms_insert_key_label' | translate}}</label>\n            <input id=\"key\" class=\"size-input\" pInputText type=\"text\" formControlName=\"key\">\n        </div>\n        <div class=\"separator\"></div>\n        <div class=\"spacing-top\">\n            <s-button pButton label=\"{{'save' | translate}}\" (click)=\"add()\"></s-button>\n            <s-button\n                type=\"button\"\n                class=\"ui-button-link\"\n                pButton label=\"{{'cancel' | translate}}\"\n                (click)=\"cancel()\">\n            </s-button>\n        </div>\n    </p-dialog>\n</form>",
             styles: [".spacing-top{margin-top:10px}.spacing-bottom{margin-bottom:10px}.separator{width:100%;margin:5px 0;height:1px;background-color:#ccc}.size-input{width:550px}"]
         }),
         __metadata("design:paramtypes", [FormBuilder,