@seniorsistemas/yms-integration 1.19.1-5faa32ff-77ac-459b-a5e6-0b7a1b7fef2a → 1.19.1-6da51aac-437e-4cf3-97a4-eb47a5117d83

package/fesm2015/seniorsistemas-yms-integration.js

@@ -2862,73 +2862,162 @@ DocumentService = __decorate([
     __metadata("design:paramtypes", [HttpClient, MessageService])
 ], DocumentService);
 
-let InsertKeyComponent = class InsertKeyComponent {
-    constructor(formBuilder, documentService, messageService, translate) {
-        this.formBuilder = formBuilder;
+let DocumentGridComponent = class DocumentGridComponent {
+    constructor(translate, documentService, messageService) {
+        this.translate = translate;
         this.documentService = documentService;
         this.messageService = messageService;
-        this.translate = translate;
-        this.document = new EventEmitter();
+        this.viewDocument = new EventEmitter();
+        this.gridData = [];
+        this.ngUnsubscribe = new Subject();
     }
     ngOnInit() {
-        this.formGroup = this.formBuilder.group({
-            key: [undefined]
-        });
+        this.gridColumns = this.getGridColumns();
+        this.listDocuments();
     }
-    showInsertKey(visible) {
-        this.visible = visible;
+    onChangeDocument(document) {
+        this.gridData.push(document);
+        this.disabled = false;
     }
-    add() {
-        this.visible = false;
-        if (!this.formGroup.get('key').value) {
+    getActions() {
+        return [
+            {
+                label: this.translate.instant("yms.int.wms_add_document_invoice_key"),
+                command: () => {
+                    this.visibleInvoiceKey = true;
+                },
+                icon: "fa fa-search"
+            },
+            {
+                label: this.translate.instant("yms.int.wms_add_document_register"),
+                command: () => {
+                    this.edit = true;
+                    this.visibleDocumentRegister = true;
+                },
+                icon: "fas fa-pen-square"
+            }
+        ];
+    }
+    getProp(obj, path) {
+        return path.split(".").reduce((result, prop) => (result[prop] === undefined ? "" : result[prop]), obj);
+    }
+    view(selection) {
+        this.viewDocument.emit(selection);
+        this.visibleDocumentRegister = true;
+        this.edit = false;
+    }
+    save() {
+        if (this.gridData.length > 0) {
+            this.gridData.forEach(data => {
+                if (!data.id) {
+                    if (!data.schedulingId) {
+                        data.schedulingId = this.agenda.id;
+                    }
+                    this.documentService.insert(data).subscribe(() => {
+                        this.message("success", "saved_message_title", "saved_message_content");
+                    });
+                    this.disabled = true;
+                }
+            });
+        }
+    }
+    onDelete(selection) {
+        if (!selection.id) {
             return;
         }
-        this.searchKey();
+        this.documentService.delete(selection.id)
+            .pipe(takeUntil(this.ngUnsubscribe), finalize(() => {
+            this.gridData = [];
+            this.listDocuments();
+        })).
+            subscribe(() => this.message("success", "deleted_message_title", "deleted_message_content"));
     }
-    searchKey() {
-        const key = {
-            documentKeys: [this.formGroup.get('key').value],
-            invoices: undefined,
-            logistcUnitName: undefined,
-            size: 0,
-            offset: 0
-        };
-        this.documentService.findDocuments(key).subscribe((content) => {
-            if (content.totalElements < 1) {
-                this.message("warn", "yms.int.wms_insert_key_warning_message_header", "yms.int.wms_insert_key_warning_message_description");
-                return;
+    listDocuments() {
+        this.documentService.list({
+            filterQuery: `schedulingId eq '${this.agenda.id}'`
+        })
+            .subscribe((contents) => {
+            if (contents.totalElements > 0) {
+                this.gridData = contents.contents;
+                this.documentTotalRecords = contents.totalElements;
             }
-            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.formGroup.reset();
+            else {
+                this.disabled = true;
+                this.documentTotalRecords = this.gridData.length;
+            }
+            this.loading = false;
         });
     }
-    message(success, header, description) {
+    getGridColumns() {
+        return [
+            { field: "logistcUnitName", header: this.translate.instant("yms.int.wms_register_document_logistc_unit_name") },
+            { field: "logistcUnitDocument", header: this.translate.instant("yms.int.wms_register_document_logistc_unit_document") },
+            { field: "invoiceKey", header: this.translate.instant("yms.int.wms_register_document_invoice_key") },
+            { field: "invoiceNumber", header: this.translate.instant("yms.int.wms_register_document_invoice_number") },
+            { 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") },
+        ];
+    }
+    message(severity, summary, detail) {
         this.messageService.add({
-            severity: success,
-            summary: this.translate.instant(header),
-            detail: this.translate.instant(description),
+            severity,
+            summary: this.translate.instant(summary),
+            detail: this.translate.instant(detail),
         });
     }
-    cancel() {
-        this.visible = false;
-    }
 };
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DocumentGridComponent.prototype, "agenda", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Boolean)
+], DocumentGridComponent.prototype, "visibleInvoiceKey", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Boolean)
+], DocumentGridComponent.prototype, "visibleDocumentRegister", void 0);
 __decorate([
     Output(),
     __metadata("design:type", EventEmitter)
-], InsertKeyComponent.prototype, "document", void 0);
-InsertKeyComponent = __decorate([
+], DocumentGridComponent.prototype, "viewDocument", void 0);
+__decorate([
+    ViewChild("documentTable"),
+    __metadata("design:type", Table)
+], DocumentGridComponent.prototype, "table", void 0);
+__decorate([
+    ViewChild("customTemplate"),
+    __metadata("design:type", TemplateRef)
+], DocumentGridComponent.prototype, "customTemplate", void 0);
+__decorate([
+    ViewChild("customFilterFields"),
+    __metadata("design:type", TemplateRef)
+], DocumentGridComponent.prototype, "customFilterFields", void 0);
+__decorate([
+    ViewChild("customGridColgroup"),
+    __metadata("design:type", TemplateRef)
+], DocumentGridComponent.prototype, "customGridColgroup", void 0);
+__decorate([
+    ViewChild("customGridHeader"),
+    __metadata("design:type", TemplateRef)
+], DocumentGridComponent.prototype, "customGridHeader", void 0);
+__decorate([
+    ViewChild("customGridBody"),
+    __metadata("design:type", TemplateRef)
+], DocumentGridComponent.prototype, "customGridBody", void 0);
+DocumentGridComponent = __decorate([
     Component({
-        selector: "insert-key",
-        template: "<form [formGroup]=\"formGroup\">\n    <p-dialog [(visible)]=\"visible\">\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>",
-        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}"]
+        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}"]
     }),
-    __metadata("design:paramtypes", [FormBuilder,
+    __metadata("design:paramtypes", [TranslateService,
         DocumentService,
-        MessageService,
-        TranslateService])
-], InsertKeyComponent);
+        MessageService])
+], DocumentGridComponent);
 
 const moment$4 = _moment;
 class Document {
@@ -3083,25 +3172,27 @@ let RegisterDocumentComponent = class RegisterDocumentComponent {
         this.translateService = translateService;
         this.agendaService = agendaService;
         this.document = new EventEmitter();
+        this.visible = new EventEmitter();
+        this.visibleChange = new EventEmitter();
     }
     ngOnInit() {
         this.getFormGroup();
     }
-    showRegister(isVisible, isEdit, document) {
-        if (!isVisible && !isEdit) {
-            return;
-        }
-        this.visible = isVisible;
-        this.edit = isEdit;
-        if (!this.edit) {
+    ngOnChanges() {
+        this.visibilityConfig();
+    }
+    visibilityConfig() {
+        if (!this.edit && this.visible) {
             this.formGroup.disable();
-            this.setValuesFormGroup(document);
+            this.setValuesFormGroup(this.viewDocument);
             this.setValueForPartner();
             this.hideSaveButton = true;
+            return this.visible;
         }
+        return this.visible;
     }
     close() {
-        this.visible = false;
+        this.visibleChange.emit(false);
     }
     setValuesFormGroup(document) {
         this.formGroup.get('invoiceKey').setValue(document.invoiceKey);
@@ -3144,7 +3235,7 @@ let RegisterDocumentComponent = class RegisterDocumentComponent {
             }
             this.document.emit(Document.fromDto(value));
             this.successMessage();
-            this.visible = false;
+            this.visibleChange.emit(false);
         }
     }
     successMessage() {
@@ -3155,6 +3246,14 @@ let RegisterDocumentComponent = class RegisterDocumentComponent {
         });
     }
 };
+__decorate([
+    Input(),
+    __metadata("design:type", Document)
+], RegisterDocumentComponent.prototype, "viewDocument", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], RegisterDocumentComponent.prototype, "edit", void 0);
 __decorate([
     Input(),
     __metadata("design:type", Agenda)
@@ -3163,6 +3262,14 @@ __decorate([
     Output(),
     __metadata("design:type", EventEmitter)
 ], RegisterDocumentComponent.prototype, "document", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", EventEmitter)
+], RegisterDocumentComponent.prototype, "visible", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], RegisterDocumentComponent.prototype, "visibleChange", void 0);
 RegisterDocumentComponent = __decorate([
     Component({
         selector: "register-document",
@@ -3174,158 +3281,6 @@ RegisterDocumentComponent = __decorate([
         AgendaService])
 ], RegisterDocumentComponent);
 
-let DocumentGridComponent = class DocumentGridComponent {
-    constructor(translate, documentService, messageService) {
-        this.translate = translate;
-        this.documentService = documentService;
-        this.messageService = messageService;
-        this.ngUnsubscribe = new Subject();
-    }
-    ngOnInit() {
-        this.gridColumns = this.getGridColumns();
-        this.listDocuments();
-    }
-    onChangeDocument(document) {
-        this.gridData.push(document);
-        this.disabled = true;
-    }
-    getActions() {
-        return [
-            {
-                label: this.translate.instant("yms.int.wms_add_document_invoice_key"),
-                command: () => {
-                    this.registerDocumentComponent.showRegister(false, false);
-                    this.showInsertKey = true;
-                    this.insertKeyComponent.showInsertKey(this.showInsertKey);
-                },
-                icon: "fa fa-search"
-            },
-            {
-                label: this.translate.instant("yms.int.wms_add_document_register"),
-                command: () => {
-                    this.insertKeyComponent.showInsertKey(false);
-                    this.showRegisterDocument = true;
-                    this.registerDocumentComponent.showRegister(this.showRegisterDocument, true);
-                },
-                icon: "fas fa-pen-square"
-            }
-        ];
-    }
-    getProp(obj, path) {
-        return path.split(".").reduce((result, prop) => (result[prop] === undefined ? "" : result[prop]), obj);
-    }
-    view() {
-        const documentSelectec = this.selection;
-        this.showRegisterDocument = true;
-        this.registerDocumentComponent.showRegister(this.showRegisterDocument, false, documentSelectec);
-    }
-    save() {
-        if (this.gridData.length > 1) {
-            this.gridData.forEach(data => {
-                if (!data.id) {
-                    if (!data.schedulingId) {
-                        data.schedulingId = this.agenda.id;
-                    }
-                    this.documentService.insert(data).subscribe(() => {
-                        this.message("success", "saved_message_title", "saved_message_content");
-                    });
-                    this.disabled = true;
-                }
-            });
-        }
-    }
-    onDelete(selection) {
-        if (!selection.id) {
-            return;
-        }
-        this.documentService.delete(selection.id)
-            .pipe(takeUntil(this.ngUnsubscribe), finalize(() => {
-            this.listDocuments();
-        })).
-            subscribe(() => this.message("success", "deleted_message_title", "deleted_message_content"));
-    }
-    listDocuments() {
-        this.documentService.list({
-            filterQuery: `schedulingId eq '${this.agenda.id}'`
-        })
-            .subscribe((contents) => {
-            if (contents.totalElements > 0) {
-                this.gridData = contents.contents;
-                this.documentTotalRecords = contents.totalElements;
-            }
-            else {
-                this.disabled = true;
-            }
-            this.loading = false;
-        });
-    }
-    getGridColumns() {
-        return [
-            { field: "logistcUnitName", header: this.translate.instant("yms.int.wms_register_document_logistc_unit_name") },
-            { field: "logistcUnitDocument", header: this.translate.instant("yms.int.wms_register_document_logistc_unit_document") },
-            { field: "invoiceKey", header: this.translate.instant("yms.int.wms_register_document_invoice_key") },
-            { field: "invoiceNumber", header: this.translate.instant("yms.int.wms_register_document_invoice_number") },
-            { 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") },
-        ];
-    }
-    message(severity, summary, detail) {
-        this.messageService.add({
-            severity,
-            summary: this.translate.instant(summary),
-            detail: this.translate.instant(detail),
-        });
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], DocumentGridComponent.prototype, "agenda", void 0);
-__decorate([
-    ViewChild("documentTable"),
-    __metadata("design:type", Table)
-], DocumentGridComponent.prototype, "table", void 0);
-__decorate([
-    ViewChild("customTemplate"),
-    __metadata("design:type", TemplateRef)
-], DocumentGridComponent.prototype, "customTemplate", void 0);
-__decorate([
-    ViewChild("customFilterFields"),
-    __metadata("design:type", TemplateRef)
-], DocumentGridComponent.prototype, "customFilterFields", void 0);
-__decorate([
-    ViewChild("customGridColgroup"),
-    __metadata("design:type", TemplateRef)
-], DocumentGridComponent.prototype, "customGridColgroup", void 0);
-__decorate([
-    ViewChild("customGridHeader"),
-    __metadata("design:type", TemplateRef)
-], DocumentGridComponent.prototype, "customGridHeader", void 0);
-__decorate([
-    ViewChild("customGridBody"),
-    __metadata("design:type", TemplateRef)
-], DocumentGridComponent.prototype, "customGridBody", void 0);
-__decorate([
-    ViewChild("registerDocument"),
-    __metadata("design:type", RegisterDocumentComponent)
-], DocumentGridComponent.prototype, "registerDocumentComponent", void 0);
-__decorate([
-    ViewChild("insertKey"),
-    __metadata("design:type", InsertKeyComponent)
-], DocumentGridComponent.prototype, "insertKeyComponent", void 0);
-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()\">\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 #registerDocument (document)=\"onChangeDocument($event)\" [agenda]=\"agenda\"></register-document>\n    <insert-key #insertKey (document)=\"onChangeDocument($event)\"></insert-key>\n</p-panel>\n<div class=\"button-save\">\n    <s-button \n        priority=\"primary\" [label]=\"'save' | translate\" [disabled]=\"!disabled\" (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}"]
-    }),
-    __metadata("design:paramtypes", [TranslateService,
-        DocumentService,
-        MessageService])
-], DocumentGridComponent);
-
 let RegisterDocumentModule = class RegisterDocumentModule {
 };
 RegisterDocumentModule = __decorate([
@@ -3348,6 +3303,81 @@ RegisterDocumentModule = __decorate([
     })
 ], RegisterDocumentModule);
 
+let InsertKeyComponent = class InsertKeyComponent {
+    constructor(formBuilder, documentService, messageService, translate) {
+        this.formBuilder = formBuilder;
+        this.documentService = documentService;
+        this.messageService = messageService;
+        this.translate = translate;
+        this.document = new EventEmitter();
+        this.visible = new EventEmitter();
+        this.visibleChange = new EventEmitter();
+    }
+    ngOnInit() {
+        this.formGroup = this.formBuilder.group({
+            key: [undefined]
+        });
+    }
+    add() {
+        this.visibleChange.emit(false);
+        if (!this.formGroup.get('key').value) {
+            return;
+        }
+        this.searchKey();
+    }
+    searchKey() {
+        const key = {
+            documentKeys: [this.formGroup.get('key').value],
+            invoices: undefined,
+            logistcUnitName: undefined,
+            size: 0,
+            offset: 0
+        };
+        this.documentService.findDocuments(key).subscribe((content) => {
+            if (content.totalElements < 1) {
+                this.message("warn", "yms.int.wms_insert_key_warning_message_header", "yms.int.wms_insert_key_warning_message_description");
+                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.formGroup.reset();
+        });
+    }
+    message(success, header, description) {
+        this.messageService.add({
+            severity: success,
+            summary: this.translate.instant(header),
+            detail: this.translate.instant(description),
+        });
+    }
+    cancel() {
+        this.visibleChange.emit(false);
+    }
+};
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], InsertKeyComponent.prototype, "document", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", EventEmitter)
+], InsertKeyComponent.prototype, "visible", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], InsertKeyComponent.prototype, "visibleChange", void 0);
+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>",
+        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,
+        DocumentService,
+        MessageService,
+        TranslateService])
+], InsertKeyComponent);
+
 let InsertKeyModule = class InsertKeyModule {
 };
 InsertKeyModule = __decorate([