@seniorsistemas/yms-integration 1.21.0 → 1.23.0-c9dd79ae-4dab-4952-982d-6f13fd198efb

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';
@@ -9,7 +9,7 @@ import { MessageModule } from 'primeng/message';
 import { TableModule, Table } from 'primeng/table';
 import { HttpParams, HttpClient, HttpClientModule } from '@angular/common/http';
 import { MessageService, DynamicDialogRef, DynamicDialogConfig, DialogService, ConfirmationService } from 'primeng/api';
-import { ControleCircuito, ControleOperacao, IntegrationDispatcher, CircuitoFinalizado, ControleUnificado, ChegadaVeiculo, IntegrationEventsCallback, IntegrationModule, ChegadaVeiculoOverride, Agendamento } from '@seniorsistemas/yms-routines';
+import { ControleCircuito, ControleOperacao, IntegrationDispatcher, CircuitoFinalizado, ControleUnificado, ChegadaVeiculo, IntegrationEventsCallback, IntegrationModule, Agendamento, ChegadaVeiculoOverride } from '@seniorsistemas/yms-routines';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { PermissionsModule } from '@seniorsistemas/platform-components';
 import { StompConfig, StompService } from '@stomp/ng2-stompjs';
@@ -3000,6 +3000,10 @@ var FormWmsDescritor = /** @class */ (function () {
     function FormWmsDescritor() {
     }
     FormWmsDescritor = __decorate([
+        Agendamento({
+            header: INFORMACAOES_ADICIONAIS_HEADER,
+            name: 'yms.integracao.wms'
+        }),
         ChegadaVeiculo({
             header: INFORMACAOES_ADICIONAIS_HEADER,
             name: 'yms.integracao.wms',
@@ -3069,13 +3073,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 +3097,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 +3105,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 +3116,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 +3137,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 +3176,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;
         });
     };
@@ -3167,7 +3197,7 @@ var DocumentGridComponent = /** @class */ (function () {
             { field: "invoiceSerialNumber", header: this.translate.instant("yms.int.wms_register_document_invoice_serial_number") },
             { field: "ownerName", header: this.translate.instant("yms.int.wms_register_document_owner_name") },
             { field: "ownerDocument", header: this.translate.instant("yms.int.wms_register_document_owner_document") },
-            { field: "orderReceivingCode", header: this.translate.instant("yms.int.wms_register_document_order_receiving_code") },
+            { field: "code", header: this.translate.instant("yms.int.wms_register_document_order_receiving_code") },
         ];
     };
     DocumentGridComponent.prototype.message = function (severity, summary, detail) {
@@ -3220,12 +3250,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[\"code\"] }}</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;
 }());
@@ -3253,7 +3284,7 @@ var Document = /** @class */ (function () {
             "partnerName",
             "partnerDocument",
             "notes",
-            "orderReceivingCode",
+            "code",
             "createdBy",
             "createdDate",
             "lastModifiedBy",
@@ -3408,15 +3439,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);
@@ -3425,7 +3461,7 @@ var RegisterDocumentComponent = /** @class */ (function () {
         this.formGroup.get('logistcUnitDocument').setValue(document.logistcUnitDocument);
         this.formGroup.get('logistcUnitName').setValue(document.logistcUnitName);
         this.formGroup.get('notes').setValue(document.notes);
-        this.formGroup.get('orderReceivingCode').setValue(document.orderReceivingCode);
+        this.formGroup.get('code').setValue(document.code);
         this.formGroup.get('ownerDocument').setValue(document.ownerDocument);
         this.formGroup.get('ownerName').setValue(document.ownerName);
     };
@@ -3449,7 +3485,7 @@ var RegisterDocumentComponent = /** @class */ (function () {
             partnerName: [undefined],
             partnerDocument: [undefined],
             notes: [undefined],
-            orderReceivingCode: [undefined],
+            code: [undefined],
         });
     };
     RegisterDocumentComponent.prototype.save = function () {
@@ -3466,13 +3502,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(),
@@ -3497,7 +3533,7 @@ var RegisterDocumentComponent = /** @class */ (function () {
     RegisterDocumentComponent = __decorate([
         Component({
             selector: "register-document",
-            template: "<s-sidebar\n    [visible]=\"visible\"\n    header=\"{{ 'yms.int.wms_register_document_add_document' | translate }}\"\n    (visibleChange)=\"close()\">\n    <form [formGroup]=\"formGroup\">\n        <div class=\"ui-g ui-fluid\">\n            <div class=\"ui-g-6 required\">\n                <label for=\"invoiceKey\">{{'yms.int.wms_register_document_invoice_key' | translate}}</label>\n                <input id=\"invoiceKey\" pInputText type=\"text\" formControlName=\"invoiceKey\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_register_document_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"invoiceSerialNumber\">\n                    {{'yms.int.wms_register_document_invoice_serial_number' | translate}}\n                </label>\n                <input id=\"invoiceSerialNumber\" pInputText type=\"text\" formControlName=\"invoiceSerialNumber\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"logistcUnitName\">{{'yms.int.wms_register_document_logistc_unit_name' | translate}}</label>\n                <input id=\"logistcUnitName\" pInputText type=\"text\" formControlName=\"logistcUnitName\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"logistcUnitDocument\">\n                    {{'yms.int.wms_register_document_logistc_unit_document' | translate}}\n                </label>\n                <input id=\"logistcUnitDocument\" pInputText type=\"text\" formControlName=\"logistcUnitDocument\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"documentOwnerName\">{{'yms.int.wms_register_document_owner_name' | translate}}</label>\n                <input id=\"documentOwnerName\" pInputText type=\"text\" formControlName=\"ownerName\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"ownerDocument\">{{'yms.int.wms_register_document_owner_document' | translate}}</label>\n                <input id=\"ownerDocument\" pInputText type=\"text\" formControlName=\"ownerDocument\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"partnerName\">{{'yms.int.wms_register_document_partner_name' | translate}}</label>\n                <input id=\"partnerName\" pInputText type=\"text\" formControlName=\"partnerName\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_register_document_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"ui-g-12\">\n                <label for=\"notes\" id=\"notes\">{{'yms.int.wms_register_document_notes' | translate}}</label>\n                <textarea id=\"notes\" rows=\"5\" pInputTextarea autoResize=\"autoResize\" formControlName=\"notes\"></textarea>\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"orderReceivingCode\">\n                    {{'yms.int.wms_register_document_order_receiving_code' | translate}}\n                </label>\n                <input id=\"orderReceivingCode\" pInputText type=\"text\" formControlName=\"orderReceivingCode\">\n            </div>\n        </div>\n    </form>\n    <div class=\"space-between\">\n        <button\n            pButton label=\"{{'save' | translate}}\" (click)=\"save()\" [attr.data-hidden]=\"hideSaveButton\">\n        </button>\n        <button\n            type=\"button\" class=\"ui-button-link\" pButton label=\"{{'cancel' | translate}}\" (click)=\"close()\">\n        </button>\n    </div>\n</s-sidebar>"
+            template: "<s-sidebar\n    [visible]=\"visible\"\n    header=\"{{ 'yms.int.wms_register_document_add_document' | translate }}\"\n    (visibleChange)=\"close()\">\n    <form [formGroup]=\"formGroup\">\n        <div class=\"ui-g ui-fluid\">\n            <div class=\"ui-g-6 required\">\n                <label for=\"invoiceKey\">{{'yms.int.wms_register_document_invoice_key' | translate}}</label>\n                <input id=\"invoiceKey\" pInputText type=\"text\" formControlName=\"invoiceKey\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"invoiceNumber\">{{'yms.int.wms_register_document_invoice_number' | translate}}</label>\n                <input id=\"invoiceNumber\" pInputText type=\"text\" formControlName=\"invoiceNumber\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"invoiceSerialNumber\">\n                    {{'yms.int.wms_register_document_invoice_serial_number' | translate}}\n                </label>\n                <input id=\"invoiceSerialNumber\" pInputText type=\"text\" formControlName=\"invoiceSerialNumber\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"logistcUnitName\">{{'yms.int.wms_register_document_logistc_unit_name' | translate}}</label>\n                <input id=\"logistcUnitName\" pInputText type=\"text\" formControlName=\"logistcUnitName\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"logistcUnitDocument\">\n                    {{'yms.int.wms_register_document_logistc_unit_document' | translate}}\n                </label>\n                <input id=\"logistcUnitDocument\" pInputText type=\"text\" formControlName=\"logistcUnitDocument\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"documentOwnerName\">{{'yms.int.wms_register_document_owner_name' | translate}}</label>\n                <input id=\"documentOwnerName\" pInputText type=\"text\" formControlName=\"ownerName\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"ownerDocument\">{{'yms.int.wms_register_document_owner_document' | translate}}</label>\n                <input id=\"ownerDocument\" pInputText type=\"text\" formControlName=\"ownerDocument\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"partnerName\">{{'yms.int.wms_register_document_partner_name' | translate}}</label>\n                <input id=\"partnerName\" pInputText type=\"text\" formControlName=\"partnerName\">\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"partnerDocument\">{{'yms.int.wms_register_document_partner_document' | translate}}</label>\n                <input id=\"partnerDocument\" pInputText type=\"text\" formControlName=\"partnerDocument\">\n            </div>\n            <div class=\"ui-g-12\">\n                <label for=\"notes\" id=\"notes\">{{'yms.int.wms_register_document_notes' | translate}}</label>\n                <textarea id=\"notes\" rows=\"5\" pInputTextarea autoResize=\"autoResize\" formControlName=\"notes\"></textarea>\n            </div>\n            <div class=\"ui-g-6\">\n                <label for=\"code\">\n                    {{'yms.int.wms_register_document_order_receiving_code' | translate}}\n                </label>\n                <input id=\"code\" pInputText type=\"text\" formControlName=\"code\">\n            </div>\n        </div>\n    </form>\n    <div class=\"space-between\">\n        <button\n            pButton label=\"{{'save' | translate}}\" (click)=\"save()\" [attr.data-hidden]=\"hideSaveButton\">\n        </button>\n        <button\n            type=\"button\" class=\"ui-button-link\" pButton label=\"{{'cancel' | translate}}\" (click)=\"close()\">\n        </button>\n    </div>\n</s-sidebar>"
         }),
         __metadata("design:paramtypes", [FormBuilder,
             MessageService,
@@ -3569,7 +3605,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 +3634,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,