@seniorsistemas/yms-integration 1.48.0 → 1.49.0

package/bundles/seniorsistemas-yms-integration.umd.js

@@ -4121,6 +4121,7 @@
             this.dadosColetaService = dadosColetaService;
             this.ngUnsubscribe = new rxjs.Subject();
             this.summary = "yms.int.wms_saved_document_message_title";
+            this.searchSubject = new rxjs.Subject();
             this.currentStrategy = null;
             // State subjects
             this.stateSubject = new rxjs.BehaviorSubject({
@@ -4128,6 +4129,8 @@
                 selection: [],
                 gridColumns: [],
                 documentTotalRecords: 0,
+                searchTerm: "",
+                searchLoading: false,
                 loading: false,
                 disabled: true,
                 showInvoiceSearchModal: false,
@@ -4151,8 +4154,14 @@
         });
         // Inicialização
         DocumentGridFacade.prototype.init = function (agenda, wmsSystem) {
+            var _this = this;
             this.agenda = agenda;
             this.updateState({ wmsSystem: wmsSystem });
+            this.searchSubject
+                .pipe(operators.debounceTime(500), operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function () {
+                _this.listDocuments(false);
+            });
             this.verifyClienteExterno();
             this.getProcessTypeByScheduling();
             this.listDocuments(false);
@@ -4375,11 +4384,17 @@
         DocumentGridFacade.prototype.notSavedDocuments = function () {
             return this.state.gridData.some(function (document) { return !document.id; });
         };
+        DocumentGridFacade.prototype.onSearchTermChange = function (searchTerm) {
+            this.updateState({ searchTerm: searchTerm, searchLoading: true });
+            this.searchSubject.next(searchTerm);
+        };
         DocumentGridFacade.prototype.listDocuments = function (isDelete) {
             var _this = this;
+            var filterQuery = this.buildFilterQuery(this.state.searchTerm);
+            this.updateState({ searchLoading: true });
             this.documentService
                 .list({
-                filterQuery: "schedulingId eq '" + this.agenda.id + "'",
+                filterQuery: filterQuery,
                 size: 100,
             })
                 .subscribe(function (contents) {
@@ -4400,6 +4415,7 @@
                             gridData: documentsWithColeta,
                             disabled: !hasElementWithoutId,
                             loading: false,
+                            searchLoading: false,
                             selection: [],
                             documentTotalRecords: documentTotalRecords,
                         });
@@ -4410,12 +4426,22 @@
                         gridData: newGridData,
                         disabled: !hasElementWithoutId,
                         loading: false,
+                        searchLoading: false,
                         selection: [],
                         documentTotalRecords: documentTotalRecords,
                     });
                 }
             });
         };
+        DocumentGridFacade.prototype.buildFilterQuery = function (searchTerm) {
+            var schedulingFilter = "schedulingId eq '" + this.agenda.id + "'";
+            var term = (searchTerm || "").trim();
+            if (!term) {
+                return schedulingFilter;
+            }
+            var escapedTerm = term.replace(/'/g, "''");
+            return schedulingFilter + " and (containing(key,'" + escapedTerm + "') or containing(invoiceNumber,'" + escapedTerm + "') or containing(partnerDocument,'" + escapedTerm + "'))";
+        };
         DocumentGridFacade.prototype.fetchNumeroColetaForDocuments = function (documents) {
             var _this = this;
             // Busca o número da coleta para a agenda
@@ -4616,6 +4642,9 @@
         DocumentGridComponent.prototype.onSearch = function () {
             this.facade.openInvoiceKeyModal();
         };
+        DocumentGridComponent.prototype.onSearchTermChange = function (searchTerm) {
+            this.facade.onSearchTermChange(searchTerm);
+        };
         __decorate([
             core.Input(),
             __metadata("design:type", Object)
@@ -4663,8 +4692,8 @@
         DocumentGridComponent = __decorate([
             core.Component({
                 selector: "document-grid",
-                template: "<ng-container *ngIf=\"state$ | async as state\">\n  <div\n    *ngIf=\"state.processType === 'RECEBIMENTO_WMS' || state.processType === 'EXPEDICAO_WMS'; else processNotConfigured\"\n  >\n    <p-panel>\n      <p-header>\n        <div class=\"buttons\">\n          <div>\n            <s-button\n              *ngIf=\"!isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.int.wms_add_document' | translate }}\"\n              priority=\"primary\"\n              [model]=\"getActions()\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.enableButtonIsClienteExterno\"\n            >\n            </s-button>\n            <s-button\n              *ngIf=\"isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.int.wms_search' | translate }}\"\n              priority=\"primary\"\n              iconClass=\"fa fa-search\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.enableButtonIsClienteExterno\"\n              (onClick)=\"onSearch()\"\n            >\n            </s-button>\n            <s-button\n              label=\"{{ 'yms.wms_view_button' | translate }}\"\n              priority=\"secondary\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.selection || state.selection.length !== 1\"\n              (onClick)=\"onView()\"\n            >\n            </s-button>\n            <s-button\n              *ngIf=\"!isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.wms_delete_button' | translate }}\"\n              priority=\"secondary\"\n              [disabled]=\"\n                !state.selection ||\n                !state.selection.length ||\n                !state.enableButtonIsClienteExterno\n              \"\n              (onClick)=\"onDelete()\"\n            >\n            </s-button>\n          </div>\n          <s-button\n            id=\"refresh-button\"\n            priority=\"default\"\n            iconClass=\"fa fa-refresh\"\n            (onClick)=\"onRefresh()\"\n            [disabled]=\"notSavedDocuments()\"\n          >\n          </s-button>\n        </div>\n      </p-header>\n      <div class=\"ui-g\">\n        <div\n          class=\"ui-g-12\"\n          *ngIf=\"state.gridData && state.gridData.length; else emptyList\"\n        >\n          <p-table\n            #documentTable\n            [value]=\"state.gridData\"\n            [columns]=\"state.gridColumns\"\n            dataKey=\"key\"\n            [scrollable]=\"true\"\n            [resizableColumns]=\"true\"\n            [autoLayout]=\"true\"\n            [paginator]=\"true\"\n            [totalRecords]=\"state.documentTotalRecords\"\n            rows=\"10\"\n            [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n            [(selection)]=\"state.selection\"\n            [loading]=\"state.loading\"\n          >\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\" pResizableColumn>\n                  <div class=\"senior-header\">\n                    <span class=\"senior-header-title\">{{ col.header }}</span>\n                  </div>\n                </th>\n              </tr>\n            </ng-template>\n            <ng-template\n              pTemplate=\"body\"\n              let-rowData\n              let-columns\n              let-expanded=\"expanded\"\n            >\n              <tr [pSelectableRow]=\"rowData\">\n                <td class=\"table-checkbox\">\n                  <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                </td>\n                <td\n                  *ngFor=\"let col of state.gridColumns\"\n                  (click)=\"onRowSelect(rowData)\"\n                  (keypress)=\"onRowSelect(rowData)\"\n                  [title]=\"rowData[col.field]\"\n                >\n                  <span *ngIf=\"!col.type || col.type === 'text'\">\n                    {{ rowData[col.field] }}\n                  </span>\n\n                  <span\n                    *ngIf=\"\n                      col.type === 'formatted' && col.pipe === 'cpfCnpjFormat'\n                    \"\n                  >\n                    {{ rowData[col.field] | cpfCnpjFormat }}\n                  </span>\n\n                  <p-dropdown\n                    *ngIf=\"\n                      col.type === 'dropdown' &&\n                      col.field === 'invoiceCondition' &&\n                      !isExpedicaoWms(state.processType)\n                    \"\n                    inputId=\"invoiceCondition\"\n                    name=\"invoiceCondition\"\n                    [autoWidth]=\"false\"\n                    [options]=\"\n                      getFilteredInvoiceConditions(rowData?.invoiceCondition)\n                    \"\n                    appendTo=\"body\"\n                    [(ngModel)]=\"rowData.invoiceCondition\"\n                    (onChange)=\"onInvoiceConditionChange()\"\n                  >\n                  </p-dropdown>\n                </td>\n              </tr>\n            </ng-template>\n            <ng-template pTemplate=\"paginatorright\">\n              <span\n                [translate]=\"'yms.main.total_records'\"\n                [translateParams]=\"{ value: state.documentTotalRecords }\"\n              >\n              </span>\n            </ng-template>\n          </p-table>\n        </div>\n      </div>\n      <register-document\n        [wmsSystem]=\"state.wmsSystem\"\n        [processType]=\"state.processType\"\n        [edit]=\"state.edit\"\n        [viewDocument]=\"state.selection\"\n        [(visible)]=\"state.showAddInvoiceModal\"\n        [agenda]=\"agenda\"\n        [isClienteExterno]=\"state.isClienteExterno\"\n        (document)=\"onDocumentChange($event)\"\n      >\n      </register-document>\n      <insert-key\n        [wmsSystem]=\"state.wmsSystem\"\n        [agenda]=\"agenda\"\n        [(visible)]=\"state.showInvoiceSearchModal\"\n      >\n      </insert-key>\n    </p-panel>\n  </div>\n  <div class=\"button-save\">\n    <s-button\n      priority=\"primary\"\n      [label]=\"'save' | translate\"\n      [disabled]=\"\n        state.disabled || !state.gridData || !state.enableButtonIsClienteExterno\n      \"\n      (onClick)=\"onSave()\"\n    >\n    </s-button>\n  </div>\n</ng-container>\n\n<ng-template #emptyList>\n  <div class=\"center\">\n    <s-empty-state\n      iconClass=\"fa fa-exclamation-triangle\"\n      [title]=\"'detail_empty_state_title' | translate\"\n      [description]=\"'detail_empty_state_description' | translate\"\n    >\n    </s-empty-state>\n  </div>\n</ng-template>\n\n<ng-template #processNotConfigured>\n  <div class=\"center\">\n    <s-empty-state\n      iconClass=\"fa fa-exclamation-triangle\"\n      [title]=\"\n        'yms.int.wms_there_no_process_type_configured_for_this_type_scheduling'\n          | translate\n      \"\n    >\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;min-width:50px;max-width:50px}.invoice-condition .p-dropdown{position:relative;z-index:1000}::ng-deep p-table .ui-table{table-layout:auto!important}::ng-deep p-table td:nth-child(1),::ng-deep p-table th:nth-child(1){min-width:50px;max-width:50px;width:50px}::ng-deep p-table td:nth-child(3),::ng-deep p-table td:nth-child(4),::ng-deep p-table td:nth-child(5),::ng-deep p-table th:nth-child(3),::ng-deep p-table th:nth-child(4),::ng-deep p-table th:nth-child(5){min-width:100px}::ng-deep p-table td:nth-child(7),::ng-deep p-table td:nth-child(9),::ng-deep p-table th:nth-child(7),::ng-deep p-table th:nth-child(9){min-width:140px}::ng-deep p-table td:nth-child(10),::ng-deep p-table td:nth-child(2),::ng-deep p-table td:nth-child(6),::ng-deep p-table td:nth-child(8),::ng-deep p-table th:nth-child(10),::ng-deep p-table th:nth-child(2),::ng-deep p-table th:nth-child(6),::ng-deep p-table th:nth-child(8){min-width:180px}::ng-deep p-table td span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep p-table .ui-resizable-column{border-right:1px solid #c8c8c8}::ng-deep p-table .ui-column-resizer{display:block;position:absolute;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}::ng-deep p-table .ui-column-resizer:hover{border-color:#007ad9}"]
+                template: "<ng-container *ngIf=\"state$ | async as state\">\n  <div\n    *ngIf=\"state.processType === 'RECEBIMENTO_WMS' || state.processType === 'EXPEDICAO_WMS'; else processNotConfigured\"\n  >\n    <p-panel>\n      <p-header>\n        <div class=\"buttons\">\n          <div>\n            <s-button\n              *ngIf=\"!isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.int.wms_add_document' | translate }}\"\n              priority=\"primary\"\n              [model]=\"getActions()\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.enableButtonIsClienteExterno\"\n            >\n            </s-button>\n            <s-button\n              *ngIf=\"isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.int.wms_search' | translate }}\"\n              priority=\"primary\"\n              iconClass=\"fa fa-search\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.enableButtonIsClienteExterno\"\n              (onClick)=\"onSearch()\"\n            >\n            </s-button>\n            <s-button\n              label=\"{{ 'yms.wms_view_button' | translate }}\"\n              priority=\"secondary\"\n              [auxiliary]=\"false\"\n              [disabled]=\"!state.selection || state.selection.length !== 1\"\n              (onClick)=\"onView()\"\n            >\n            </s-button>\n            <s-button\n              *ngIf=\"!isExpedicaoWms(state.processType)\"\n              label=\"{{ 'yms.wms_delete_button' | translate }}\"\n              priority=\"secondary\"\n              [disabled]=\"\n                !state.selection ||\n                !state.selection.length ||\n                !state.enableButtonIsClienteExterno\n              \"\n              (onClick)=\"onDelete()\"\n            >\n            </s-button>\n          </div>\n          <div class=\"document-search\">\n            <input\n              pInputText\n              type=\"text\"\n              [ngModel]=\"state.searchTerm\"\n              (ngModelChange)=\"onSearchTermChange($event)\"\n              [placeholder]=\"'yms.int.wms_search' | translate\"\n            />\n            <i *ngIf=\"state.searchLoading\" class=\"fa fa-circle-notch fa-spin document-search-spinner\"></i>\n          </div>\n          <s-button\n            id=\"refresh-button\"\n            priority=\"default\"\n            iconClass=\"fa fa-refresh\"\n            (onClick)=\"onRefresh()\"\n            [disabled]=\"notSavedDocuments()\"\n          >\n          </s-button>\n        </div>\n      </p-header>\n      <div class=\"ui-g\">\n        <div\n          class=\"ui-g-12\"\n          *ngIf=\"state.gridData && state.gridData.length; else emptyList\"\n        >\n          <p-table\n            #documentTable\n            [value]=\"state.gridData\"\n            [columns]=\"state.gridColumns\"\n            dataKey=\"key\"\n            [scrollable]=\"true\"\n            [resizableColumns]=\"true\"\n            [autoLayout]=\"true\"\n            [paginator]=\"true\"\n            [totalRecords]=\"state.documentTotalRecords\"\n            rows=\"10\"\n            [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n            [(selection)]=\"state.selection\"\n            [loading]=\"state.loading\"\n          >\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\" pResizableColumn>\n                  <div class=\"senior-header\">\n                    <span class=\"senior-header-title\">{{ col.header }}</span>\n                  </div>\n                </th>\n              </tr>\n            </ng-template>\n            <ng-template\n              pTemplate=\"body\"\n              let-rowData\n              let-columns\n              let-expanded=\"expanded\"\n            >\n              <tr [pSelectableRow]=\"rowData\">\n                <td class=\"table-checkbox\">\n                  <p-tableCheckbox [value]=\"rowData\"></p-tableCheckbox>\n                </td>\n                <td\n                  *ngFor=\"let col of state.gridColumns\"\n                  (click)=\"onRowSelect(rowData)\"\n                  (keypress)=\"onRowSelect(rowData)\"\n                  [title]=\"rowData[col.field]\"\n                >\n                  <span *ngIf=\"!col.type || col.type === 'text'\">\n                    {{ rowData[col.field] }}\n                  </span>\n\n                  <span\n                    *ngIf=\"\n                      col.type === 'formatted' && col.pipe === 'cpfCnpjFormat'\n                    \"\n                  >\n                    {{ rowData[col.field] | cpfCnpjFormat }}\n                  </span>\n\n                  <p-dropdown\n                    *ngIf=\"\n                      col.type === 'dropdown' &&\n                      col.field === 'invoiceCondition' &&\n                      !isExpedicaoWms(state.processType)\n                    \"\n                    inputId=\"invoiceCondition\"\n                    name=\"invoiceCondition\"\n                    [autoWidth]=\"false\"\n                    [options]=\"\n                      getFilteredInvoiceConditions(rowData?.invoiceCondition)\n                    \"\n                    appendTo=\"body\"\n                    [(ngModel)]=\"rowData.invoiceCondition\"\n                    (onChange)=\"onInvoiceConditionChange()\"\n                  >\n                  </p-dropdown>\n                </td>\n              </tr>\n            </ng-template>\n            <ng-template pTemplate=\"paginatorright\">\n              <span\n                [translate]=\"'yms.main.total_records'\"\n                [translateParams]=\"{ value: state.documentTotalRecords }\"\n              >\n              </span>\n            </ng-template>\n          </p-table>\n        </div>\n      </div>\n      <register-document\n        [wmsSystem]=\"state.wmsSystem\"\n        [processType]=\"state.processType\"\n        [edit]=\"state.edit\"\n        [viewDocument]=\"state.selection\"\n        [(visible)]=\"state.showAddInvoiceModal\"\n        [agenda]=\"agenda\"\n        [isClienteExterno]=\"state.isClienteExterno\"\n        (document)=\"onDocumentChange($event)\"\n      >\n      </register-document>\n      <insert-key\n        [wmsSystem]=\"state.wmsSystem\"\n        [agenda]=\"agenda\"\n        [(visible)]=\"state.showInvoiceSearchModal\"\n      >\n      </insert-key>\n    </p-panel>\n  </div>\n  <div class=\"button-save\">\n    <s-button\n      priority=\"primary\"\n      [label]=\"'save' | translate\"\n      [disabled]=\"\n        state.disabled || !state.gridData || !state.enableButtonIsClienteExterno\n      \"\n      (onClick)=\"onSave()\"\n    >\n    </s-button>\n  </div>\n</ng-container>\n\n<ng-template #emptyList>\n  <div class=\"center\">\n    <s-empty-state\n      iconClass=\"fa fa-exclamation-triangle\"\n      [title]=\"'detail_empty_state_title' | translate\"\n      [description]=\"'detail_empty_state_description' | translate\"\n    >\n    </s-empty-state>\n  </div>\n</ng-template>\n\n<ng-template #processNotConfigured>\n  <div class=\"center\">\n    <s-empty-state\n      iconClass=\"fa fa-exclamation-triangle\"\n      [title]=\"\n        'yms.int.wms_there_no_process_type_configured_for_this_type_scheduling'\n          | translate\n      \"\n    >\n    </s-empty-state>\n  </div>\n</ng-template>\n",
+                styles: [".buttons{display:flex;justify-content:space-between;align-items:center;gap:12px}.document-search{flex:1;max-width:420px;position:relative}.document-search input{display:block;width:100%;padding-right:32px}.document-search-spinner{position:absolute;right:10px;top:0;bottom:0;margin:auto 0;width:1em;height:1em;line-height:1;color:#007ad9;pointer-events:none}.center{flex-direction:column;text-align:center}.ui-g{display:block}.button-save{margin:5px 0}#refresh-button{color:#fff}@media (max-width:1200px){.buttons{flex-wrap:wrap}.document-search{order:3;flex-basis:100%;max-width:100%}}.table-checkbox{width:50px;min-width:50px;max-width:50px}.invoice-condition .p-dropdown{position:relative;z-index:1000}::ng-deep p-table .ui-table{table-layout:auto!important}::ng-deep p-table td:nth-child(1),::ng-deep p-table th:nth-child(1){min-width:50px;max-width:50px;width:50px}::ng-deep p-table td:nth-child(3),::ng-deep p-table td:nth-child(4),::ng-deep p-table td:nth-child(5),::ng-deep p-table th:nth-child(3),::ng-deep p-table th:nth-child(4),::ng-deep p-table th:nth-child(5){min-width:100px}::ng-deep p-table td:nth-child(7),::ng-deep p-table td:nth-child(9),::ng-deep p-table th:nth-child(7),::ng-deep p-table th:nth-child(9){min-width:140px}::ng-deep p-table td:nth-child(10),::ng-deep p-table td:nth-child(2),::ng-deep p-table td:nth-child(6),::ng-deep p-table td:nth-child(8),::ng-deep p-table th:nth-child(10),::ng-deep p-table th:nth-child(2),::ng-deep p-table th:nth-child(6),::ng-deep p-table th:nth-child(8){min-width:180px}::ng-deep p-table td span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep p-table .ui-resizable-column{border-right:1px solid #c8c8c8}::ng-deep p-table .ui-column-resizer{display:block;position:absolute;top:0;right:0;margin:0;width:.5rem;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}::ng-deep p-table .ui-column-resizer:hover{border-color:#007ad9}"]
             }),
             __metadata("design:paramtypes", [DocumentGridFacade,
                 api.ConfirmationService,
@@ -5263,6 +5292,7 @@
                     primeng.DropdownModule,
                     forms.FormsModule,
                     primeng.ConfirmDialogModule,
+                    inputtext.InputTextModule,
                     CpfCnpjFormatModule,
                 ],
             })
@@ -5330,6 +5360,10 @@
             ymsRoutines.ControleCircuito({
                 header: INFORMACAOES_ADICIONAIS_HEADER$1,
                 name: 'yms.integracao.wms'
+            }),
+            ymsRoutines.CircuitoFinalizado({
+                header: INFORMACAOES_ADICIONAIS_HEADER$1,
+                name: 'yms.integracao.wms'
             })
         ], DocumentListDescritor);
         return DocumentListDescritor;
@@ -5345,6 +5379,7 @@
             _this.documents = [];
             _this.amendedDocuments = [];
             _this.labels = [];
+            _this.gridTotalRecords = 0;
             _this.selected = [];
             _this.gridLoading = true;
             _this.ngUnsubscribe = new rxjs.Subject();