@senior-agronegocio/angular-components 0.0.61 → 0.0.63

package/fesm2015/senior-agronegocio-angular-components.js

@@ -3317,9 +3317,10 @@ const ptBR = {
     "agro.angular_components.error_cancel_fixation_message_description": "Houve um erro ao cancelar a fixação. Tente novamente mais tarde.",
     "agro.angular_components.cancel_fixation_message_title": "Cancelamento de fixação",
     "agro.angular_components.cancel_fixation_message_description": "O processo de cancelamento da fixação foi iniciado com sucesso.",
-    "agro.angular_components.warn_cancel_fixation_message_title": "Não é possível cancelar a fixação",
-    "agro.angular_components.warn_cancel_fixation_message_description": "Não é possível cancelar uma fixação já cancelada ou em processamento.",
-    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "Não é possível cancelar uma fixação realizada via compra imediata."
+    "agro.angular_components.warn_cancel_fixation_message_title": "Cancelamento de fixação",
+    "agro.angular_components.warn_cancel_fixation_message_description": "Não é permitido cancelar a fixação de compra imediata.",
+    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "Não é possível cancelar uma fixação realizada via compra imediata.",
+    "agro.angular_components.cancel_fixation_event": "Cancelamento de fixação"
 };
 
 const enUS = {
@@ -3541,7 +3542,8 @@ const enUS = {
     "agro.angular_components.cancel_fixation_message_description": "The fixation cancellation process has been successfully initiated.",
     "agro.angular_components.warn_cancel_fixation_message_title": "It is not possible to cancel the fixation",
     "agro.angular_components.warn_cancel_fixation_message_description": "It is not possible to cancel a fixation that is already cancelled or in process.",
-    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "It is not possible to cancel a fixation made via immediate buy."
+    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "It is not possible to cancel a fixation made via immediate buy.",
+    "agro.angular_components.cancel_fixation_event": "Cancel fixation"
 };
 
 const esCO = {
@@ -3763,7 +3765,8 @@ const esCO = {
     "agro.angular_components.cancel_fixation_message_description": "El proceso de cancelación de la fijación se ha iniciado con éxito.",
     "agro.angular_components.warn_cancel_fixation_message_title": "No es posible cancelar la fijación",
     "agro.angular_components.warn_cancel_fixation_message_description": "No es posible cancelar una fijación que ya esté cancelada o en proceso.",
-    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "No es posible cancelar una fijación realizada vía compra inmediata."
+    "agro.angular_components.warn_immediate_cancel_fixation_message_description": "No es posible cancelar una fijación realizada vía compra inmediata.",
+    "agro.angular_components.cancel_fixation_event": "Cancelación de fijación"
 };
 
 let LibTranslationService = class LibTranslationService {
@@ -3898,6 +3901,7 @@ var EventOrigin;
     EventOrigin["CHANGE_REQUEST"] = "CHANGE_REQUEST";
     EventOrigin["CREATE_INVOICE"] = "CREATE_INVOICE";
     EventOrigin["FIXATION"] = "FIXATION";
+    EventOrigin["CANCEL_FIXATION"] = "CANCEL_FIXATION";
 })(EventOrigin || (EventOrigin = {}));
 
 const eventOrigin = [
@@ -4095,6 +4099,10 @@ let EventControlService = class EventControlService extends EntityService {
         this.messageService = messageService;
         this.translate = translate;
     }
+    getListEventControlWithFilters(listParams) {
+        return this.http.post(`${this.queriesUrl}/listEventControlWithFilters`, listParams)
+            .pipe(this.defaultCatch());
+    }
 };
 EventControlService.ctorParameters = () => [
     { type: HttpClient },
@@ -4374,11 +4382,10 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     updateGrid(listParams = {}) {
         this.currentListParams = Object.assign(Object.assign({}, this.currentListParams), listParams);
         const { page, size } = this.currentListParams;
-        const nSort = this.getSortedFields();
-        const filterQuery = this.getFilterQuery();
-        const displayFields = ["*", "eventControlItem"];
+        const order = this.getSortedFields();
+        const input = Object.assign(Object.assign({}, this.getInput()), { page, size, order });
         this.eventControlBoardService.eventControlService
-            .list({ sort: nSort, page, size, filterQuery, displayFields })
+            .getListEventControlWithFilters(input)
             .pipe(takeUntil(this.ngUnsubscribe), catchError((err) => {
             this.gridLoading = false;
             throw err;
@@ -4440,35 +4447,35 @@ let EventControlBoardComponent = class EventControlBoardComponent {
     }
     getSortedFields() {
         var _a;
-        let nSort = [];
+        let order = '';
         if (((_a = this.currentListParams.sort) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            nSort = JSON.parse(JSON.stringify(this.currentListParams.sort));
-            nSort.forEach((sortItem) => {
-                sortItem.field = this.getFieldNameForSortRequest(sortItem.field);
-            });
+            order = this.currentListParams.sort.map((sortItem) => {
+                return `${this.getFieldNameForSortRequest(sortItem.field)} ${sortItem.order === AGRO_NUMBERS.ONE ? 'asc' : 'desc'}`;
+            }).join(', ');
         }
         else if (this.standalone) {
-            nSort.push({ field: 'createdDate', order: AGRO_NUMBERS.ONE });
+            order = 'createdDate asc';
         }
         else {
-            nSort.push({ field: 'lastModifiedDate', order: AGRO_NUMBERS.MINUSONE });
+            order = 'lastModifiedDate desc';
         }
-        return nSort;
+        return order;
     }
-    getFilterQuery() {
+    getInput() {
+        var _a, _b, _c, _d, _e, _f, _g;
         const { filterData } = this.currentListParams;
-        const filterJson = { filter: {} };
-        return [...this.filterFields]
-            .filter(({ name }) => filterData && filterData[name] !== undefined && filterData[name] !== null && filterData[name].length !== 0)
-            .map((formField) => {
-            var _a;
-            const lookupFieldName = 'id';
-            const finalFilterName = (_a = formField.name) !== null && _a !== void 0 ? _a : '';
-            filterJson.filter[finalFilterName] = filterData[finalFilterName].id;
-            return this.createFilterString(finalFilterName, formField.type, filterData[finalFilterName], lookupFieldName);
-        })
-            .filter((filter) => filter !== null && filter !== '' && filter !== undefined)
-            .join(' and ');
+        const controlCode = filterData['controlCode'] && Array.isArray(filterData['controlCode']) ? filterData['controlCode'] : null;
+        const filter = {
+            companyId: (_b = (_a = filterData['e070emp']) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null,
+            branchId: (_d = (_c = filterData['e070fil']) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : null,
+            controlCode: controlCode ? controlCode.map((code) => parseInt(code)) : null,
+            externalId: (_e = filterData['externalId']) !== null && _e !== void 0 ? _e : null,
+            eventOrigin: (_f = filterData['eventOrigin']) !== null && _f !== void 0 ? _f : null,
+            eventStatus: (_g = filterData['status']) !== null && _g !== void 0 ? _g : null,
+            createdDateStart: filterData['createdDate'] ? this.getStartDate(filterData['createdDate']) : null,
+            createdDateEnd: filterData['createdDate'] ? this.getEndDate(filterData['createdDate']) : null,
+        };
+        return filter;
     }
     getFieldNameForSortRequest(name) {
         switch (name) {
@@ -4480,24 +4487,13 @@ let EventControlBoardComponent = class EventControlBoardComponent {
                 return name;
         }
     }
-    createFilterString(name, type, value, lookupFieldName = 'id') {
-        if (name === 'controlCode') {
-            const filterParts = [];
-            value.forEach((val) => filterParts.push(`controlCode eq '${val}'`));
-            return `(${filterParts.join(' or ')})`;
-        }
-        return this.createFilterStringFromType(name, type, value, lookupFieldName);
+    getEndDate(value) {
+        const endDate = moment(value).endOf('day').format("YYYY-MM-DDTHH:mm:ss") + 'Z';
+        return endDate;
     }
-    createFilterStringFromType(name, type, value, lookupFieldName) {
-        if (type === FieldType.Chips) {
-            return `${name} eq '${value[lookupFieldName]}'`;
-        }
-        if (type === FieldType.Date) {
-            const startOfDay = moment(value).startOf('day').format("YYYY-MM-DDTHH:mm:ss") + 'Z';
-            const endOfDay = moment(value).endOf('day').format("YYYY-MM-DDTHH:mm:ss") + 'Z';
-            return `${name} ge '${startOfDay}' and ${name} le '${endOfDay}'`;
-        }
-        return `${name} eq '${value}'`;
+    getStartDate(value) {
+        const startDate = moment(value).startOf('day').format("YYYY-MM-DDTHH:mm:ss") + 'Z';
+        return startDate;
     }
     onGridChange(event) {
         const size = event === null || event === void 0 ? void 0 : event.rows;
@@ -4559,6 +4555,7 @@ let EventControlBoardComponent = class EventControlBoardComponent {
                 });
                 break;
             case EventOrigin.FIXATION:
+            case EventOrigin.CANCEL_FIXATION:
             case EventOrigin.CHANGE_REQUEST:
             case EventOrigin.TRANSFER:
                 break;
@@ -4688,7 +4685,7 @@ __decorate([
 EventControlBoardComponent = __decorate([
     Component({
         selector: 'event-control-board',
-        template: "<div class=\"ui-g\" *sLoadingState=\"gridLoading\">\r\n    <div class=\"ui-g-12\">\r\n        <p-panel>\r\n            <p-header>\r\n                {{ \"agro.angular_components.event_control_header\" | libTranslate }}\r\n            </p-header>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12\">\r\n                    <s-button\r\n                        id=\"refresh-button\"\r\n                        [priority]=\"ButtonPriority.Primary\"\r\n                        iconClass=\"fa fa-refresh\"\r\n                        [label]=\"'agro.angular_components.refresh' | libTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                    >\r\n                    </s-button>\r\n                    <s-button\r\n                        *ngIf=\"standalone && showCancelButton\"\r\n                        id=\"cancel-button-agro-events-lib\"\r\n                        iconClass=\"fa fa-times\"\r\n                        [label]=\"'agro.angular_components.cancel' | libTranslate\"\r\n                        (click)=\"openCancelModal()\"\r\n                    >\r\n                    </s-button>\r\n                </div>\r\n            </div>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12 ui-md-12\" *ngIf=\"!gridData || gridData?.length === 0\">\r\n                    <s-empty-state\r\n                        iconClass=\"fa fa-exclamation-triangle\"\r\n                        title=\"{{ 'agro.angular_components.nothing_found' | libTranslate }}\"\r\n                        [showPrimaryAction]=\"false\"\r\n                        description=\"{{ 'agro.angular_components.table_empty_description' | libTranslate }}\"\r\n                    >\r\n                    </s-empty-state>\r\n                </div>\r\n                <ng-container *ngIf=\"gridData?.length > 0\">\r\n                    <p-table\r\n                        stylelass=\"custom-table\"\r\n                        #eventControlTable\r\n                        [value]=\"gridDataResolved\"\r\n                        [columns]=\"gridColumns\"\r\n                        dataKey=\"id\"\r\n                        [lazy]=\"true\"\r\n                        [scrollable]=\"true\"\r\n                        [resizableColumns]=\"true\"\r\n                        [paginator]=\"!standalone\"\r\n                        [totalRecords]=\"gridTotalRecords\"\r\n                        [rows]=\"10\"\r\n                        [responsive]=\"true\"\r\n                        (onLazyLoad)=\"onGridChange($event)\"\r\n                        [sortOrder]=\"getSortOrder()\"\r\n                        [first]=\"getRowIndex()\"\r\n                        [lazyLoadOnInit]=\"false\"\r\n                        sortMode=\"multiple\"\r\n                        [rows]=\"getPageSize()\"\r\n                        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n                    >\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <th\r\n                                        *ngFor=\"let col of columns\"\r\n                                        class=\"ui-lg-1 ui-md-1\"\r\n                                        [pSortableColumn]=\"col.field\"\r\n                                        scope=\"col\"\r\n                                    >\r\n                                        <div class=\"senior-header\">\r\n                                            <span class=\"senior-header-title\">{{\r\n                                                col.header\r\n                                            }}</span>\r\n                                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                        </div>\r\n                                    </th>\r\n                                </ng-container>\r\n                                <th class=\"ui-lg-8 ui-md-7\" scope=\"col\">\r\n                                    {{ \"agro.angular_components.panel_title_events_events\" | libTranslate }}\r\n                                </th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070emp?.nomEmp }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070fil?.nomFil }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        <ng-container [ngSwitch]=\"rowData.eventOrigin\">\r\n                                            <span *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.balance_entry_control_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TICKET'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.ticket_maintenance_header\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_origin_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'INVOICE'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.invoice_creating_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.change_request_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                        </ng-container>\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui ui-md-1\">\r\n                                        {{ rowData.controlCode || \"\" }}\r\n                                    </td>\r\n                                </ng-container>\r\n                                <td class=\"ui-lg-8 ui-md-7\">\r\n                                    <ng-container *ngFor=\"let group of rowData.groups\">\r\n                                        <s-event-steps\r\n                                            [steps]=\"group.steps || []\"\r\n                                            [activeIndex]=\"group.activeIndex\"\r\n                                            (stepSelected)=\"stepSelected($event)\"\r\n                                        >\r\n                                        </s-event-steps>\r\n                                    </ng-container>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template\r\n                            *ngIf=\"!standalone\"\r\n                            pTemplate=\"paginatorright\"\r\n                            class=\"custom-table\"\r\n                        >\r\n                            <span>\r\n                                {{\r\n                                    \"agro.angular_components.registers_found\"\r\n                                        | libTranslate : { total: gridTotalRecords }\r\n                                }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-table>\r\n                </ng-container>\r\n            </div>\r\n        </p-panel>\r\n    </div>\r\n</div>\r\n<s-sidebar [visible]=\"showSidebar\" (visibleChange)=\"closeSidebar()\" header=\"{{ 'agro.angular_components.event_details_header' | libTranslate }}\">\r\n    <div class=\"ui-fluid\">\r\n        <p-fieldset [legend]=\"sidebarTitle\" [toggleable]=\"false\">\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_origin_label\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.eventType\">\r\n                        <p *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                            {{ \"agro.angular_components.balance_entry_control_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TICKET'\">\r\n                            {{ \"agro.angular_components.ticket_maintenance_header\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TRANSFER'\">\r\n                            {{ \"agro.angular_components.transfer_origin_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'INVOICE'\">\r\n                            {{ \"agro.angular_components.invoice_creating_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                            {{ \"agro.angular_components.change_request_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FIXATION'\">\r\n                            {{ \"agro.angular_components.fixation_event\" | libTranslate }}\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.e001pes.nomPes\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.supplier\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.e001pes.nomPes }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.ruralEstate.name\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.rural_estate\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.ruralEstate.name }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.controlCode\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.control_code\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.controlCode }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.status_label\" | libTranslate }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.item.status\">\r\n                        <p *ngSwitchCase=\"'SUCCESS'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Green\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_completed_successfully'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PROCESSING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Orange\"\r\n                                text=\"{{ 'agro.angular_components.processing' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FAILED'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Red\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_ended_with_error'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PENDING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Gray\"\r\n                                text=\"{{ 'agro.angular_components.pending' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.last_update_date\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.lastModifiedDate | date : \"dd/MM/yyyy HH:mm:ss\" }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.item.status === 'FAILED'\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_error_message\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.message || \"-\" }}</p>\r\n                </div>\r\n            </div>\r\n        </p-fieldset>\r\n    </div>\r\n    <s-footer>\r\n        <div class=\"ui-g\">\r\n            <div class=\"ui-g-12 width-fit\">\r\n                <s-button\r\n                    id=\"sidebar-close-button\"\r\n                    [priority]=\"ButtonPriority.Primary\"\r\n                    [label]=\"'agro.angular_components.events_close' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"closeSidebar()\"\r\n                >\r\n                </s-button>\r\n                <s-button\r\n                    *ngIf=\"showReprocessButton\"\r\n                    id=\"sidebar-reprocess-button\"\r\n                    [priority]=\"ButtonPriority.Secondary\"\r\n                    iconClass=\"fa fa-refresh\"\r\n                    [label]=\"'agro.angular_components.reprocess_event' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"openModal()\"\r\n                >\r\n                </s-button>\r\n            </div>\r\n        </div>\r\n    </s-footer>\r\n</s-sidebar>\r\n\r\n<p-dialog [header]=\"'agro.angular_components.event_modal_title' | libTranslate\" [(visible)]=\"displayModal\" [modal]=\"true\" class=\"dialog\">\r\n    <div class=\"event-modal-text\">{{ \"agro.angular_components.event_modal\" | libTranslate }}</div>\r\n    <p-footer>\r\n        <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\">\r\n            <button\r\n                id=\"modal-yes\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-check\"\r\n                (click)=\"confirmModal()\"\r\n                label=\"{{ 'agro.angular_components.yes' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n            <button\r\n                id=\"modal-no\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-close\"\r\n                (click)=\"cancelModal()\"\r\n                label=\"{{ 'agro.angular_components.no' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n        </div>\r\n    </p-footer>\r\n</p-dialog>\r\n",
+        template: "<div class=\"ui-g\" *sLoadingState=\"gridLoading\">\r\n    <div class=\"ui-g-12\">\r\n        <p-panel>\r\n            <p-header>\r\n                {{ \"agro.angular_components.event_control_header\" | libTranslate }}\r\n            </p-header>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12\">\r\n                    <s-button\r\n                        id=\"refresh-button\"\r\n                        [priority]=\"ButtonPriority.Primary\"\r\n                        iconClass=\"fa fa-refresh\"\r\n                        [label]=\"'agro.angular_components.refresh' | libTranslate\"\r\n                        (click)=\"onSearch()\"\r\n                    >\r\n                    </s-button>\r\n                    <s-button\r\n                        *ngIf=\"standalone && showCancelButton\"\r\n                        id=\"cancel-button-agro-events-lib\"\r\n                        iconClass=\"fa fa-times\"\r\n                        [label]=\"'agro.angular_components.cancel' | libTranslate\"\r\n                        (click)=\"openCancelModal()\"\r\n                    >\r\n                    </s-button>\r\n                </div>\r\n            </div>\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-12 ui-md-12\" *ngIf=\"!gridData || gridData?.length === 0\">\r\n                    <s-empty-state\r\n                        iconClass=\"fa fa-exclamation-triangle\"\r\n                        title=\"{{ 'agro.angular_components.nothing_found' | libTranslate }}\"\r\n                        [showPrimaryAction]=\"false\"\r\n                        description=\"{{ 'agro.angular_components.table_empty_description' | libTranslate }}\"\r\n                    >\r\n                    </s-empty-state>\r\n                </div>\r\n                <ng-container *ngIf=\"gridData?.length > 0\">\r\n                    <p-table\r\n                        stylelass=\"custom-table\"\r\n                        #eventControlTable\r\n                        [value]=\"gridDataResolved\"\r\n                        [columns]=\"gridColumns\"\r\n                        dataKey=\"id\"\r\n                        [lazy]=\"true\"\r\n                        [scrollable]=\"true\"\r\n                        [resizableColumns]=\"true\"\r\n                        [paginator]=\"!standalone\"\r\n                        [totalRecords]=\"gridTotalRecords\"\r\n                        [rows]=\"10\"\r\n                        [responsive]=\"true\"\r\n                        (onLazyLoad)=\"onGridChange($event)\"\r\n                        [sortOrder]=\"getSortOrder()\"\r\n                        [first]=\"getRowIndex()\"\r\n                        [lazyLoadOnInit]=\"false\"\r\n                        sortMode=\"multiple\"\r\n                        [rows]=\"getPageSize()\"\r\n                        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\r\n                    >\r\n                        <ng-template pTemplate=\"header\" let-columns>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <th\r\n                                        *ngFor=\"let col of columns\"\r\n                                        class=\"ui-lg-1 ui-md-1\"\r\n                                        [pSortableColumn]=\"col.field\"\r\n                                        scope=\"col\"\r\n                                    >\r\n                                        <div class=\"senior-header\">\r\n                                            <span class=\"senior-header-title\">{{\r\n                                                col.header\r\n                                            }}</span>\r\n                                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\r\n                                        </div>\r\n                                    </th>\r\n                                </ng-container>\r\n                                <th class=\"ui-lg-8 ui-md-7\" scope=\"col\">\r\n                                    {{ \"agro.angular_components.panel_title_events_events\" | libTranslate }}\r\n                                </th>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template pTemplate=\"body\" let-rowData>\r\n                            <tr>\r\n                                <ng-container *ngIf=\"!standalone\">\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070emp?.nomEmp }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        {{ rowData.e070fil?.nomFil }}\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui-md-1\">\r\n                                        <ng-container [ngSwitch]=\"rowData.eventOrigin\">\r\n                                            <span *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.balance_entry_control_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TICKET'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.ticket_maintenance_header\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'TRANSFER'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.transfer_origin_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'INVOICE'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.invoice_creating_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.change_request_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                            <span *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                                                {{\r\n                                                    \"agro.angular_components.cancel_fixation_event\"\r\n                                                        | libTranslate\r\n                                                }}\r\n                                            </span>\r\n                                        </ng-container>\r\n                                    </td>\r\n                                    <td class=\"ui-lg-1 ui ui-md-1\">\r\n                                        {{ rowData.controlCode || \"\" }}\r\n                                    </td>\r\n                                </ng-container>\r\n                                <td class=\"ui-lg-8 ui-md-7\">\r\n                                    <ng-container *ngFor=\"let group of rowData.groups\">\r\n                                        <s-event-steps\r\n                                            [steps]=\"group.steps || []\"\r\n                                            [activeIndex]=\"group.activeIndex\"\r\n                                            (stepSelected)=\"stepSelected($event)\"\r\n                                        >\r\n                                        </s-event-steps>\r\n                                    </ng-container>\r\n                                </td>\r\n                            </tr>\r\n                        </ng-template>\r\n                        <ng-template\r\n                            *ngIf=\"!standalone\"\r\n                            pTemplate=\"paginatorright\"\r\n                            class=\"custom-table\"\r\n                        >\r\n                            <span>\r\n                                {{\r\n                                    \"agro.angular_components.registers_found\"\r\n                                        | libTranslate : { total: gridTotalRecords }\r\n                                }}\r\n                            </span>\r\n                        </ng-template>\r\n                    </p-table>\r\n                </ng-container>\r\n            </div>\r\n        </p-panel>\r\n    </div>\r\n</div>\r\n<s-sidebar [visible]=\"showSidebar\" (visibleChange)=\"closeSidebar()\" header=\"{{ 'agro.angular_components.event_details_header' | libTranslate }}\">\r\n    <div class=\"ui-fluid\">\r\n        <p-fieldset [legend]=\"sidebarTitle\" [toggleable]=\"false\">\r\n            <div class=\"ui-g\">\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_origin_label\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.eventType\">\r\n                        <p *ngSwitchCase=\"'BALANCE_ENTRY_CONTROL'\">\r\n                            {{ \"agro.angular_components.balance_entry_control_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TICKET'\">\r\n                            {{ \"agro.angular_components.ticket_maintenance_header\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'TRANSFER'\">\r\n                            {{ \"agro.angular_components.transfer_origin_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'INVOICE'\">\r\n                            {{ \"agro.angular_components.invoice_creating_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CHANGE_REQUEST'\">\r\n                            {{ \"agro.angular_components.change_request_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FIXATION'\">\r\n                            {{ \"agro.angular_components.fixation_event\" | libTranslate }}\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'CANCEL_FIXATION'\">\r\n                            {{ \"agro.angular_components.cancel_fixation_event\" | libTranslate }}\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.e001pes.nomPes\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.supplier\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.e001pes.nomPes }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"producerInvoice?.ruralEstate.name\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.rural_estate\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ producerInvoice?.ruralEstate.name }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.controlCode\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.control_code\" | libTranslate }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.controlCode }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{ \"agro.angular_components.status_label\" | libTranslate }}</strong></span\r\n                    >\r\n                    <ng-container [ngSwitch]=\"selectedStep?.item.status\">\r\n                        <p *ngSwitchCase=\"'SUCCESS'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Green\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_completed_successfully'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PROCESSING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Orange\"\r\n                                text=\"{{ 'agro.angular_components.processing' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'FAILED'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Red\"\r\n                                text=\"{{\r\n                                    'agro.angular_components.panel_title_events_ended_with_error'\r\n                                        | libTranslate\r\n                                }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                        <p *ngSwitchCase=\"'PENDING'\">\r\n                            <s-badge\r\n                                [color]=\"BadgeColors.Gray\"\r\n                                text=\"{{ 'agro.angular_components.pending' | libTranslate }}\"\r\n                                [selectable]=\"false\"\r\n                            >\r\n                            </s-badge>\r\n                        </p>\r\n                    </ng-container>\r\n                </div>\r\n                <div class=\"ui-g-4\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.last_update_date\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.lastModifiedDate | date : \"dd/MM/yyyy HH:mm:ss\" }}</p>\r\n                </div>\r\n                <div class=\"ui-g-4\" *ngIf=\"selectedStep?.item.status === 'FAILED'\">\r\n                    <span\r\n                        ><strong>{{\r\n                            \"agro.angular_components.event_error_message\" | libTranslate\r\n                        }}</strong></span\r\n                    >\r\n                    <p>{{ selectedStep?.item.message || \"-\" }}</p>\r\n                </div>\r\n            </div>\r\n        </p-fieldset>\r\n    </div>\r\n    <s-footer>\r\n        <div class=\"ui-g\">\r\n            <div class=\"ui-g-12 width-fit\">\r\n                <s-button\r\n                    id=\"sidebar-close-button\"\r\n                    [priority]=\"ButtonPriority.Primary\"\r\n                    [label]=\"'agro.angular_components.events_close' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"closeSidebar()\"\r\n                >\r\n                </s-button>\r\n                <s-button\r\n                    *ngIf=\"showReprocessButton\"\r\n                    id=\"sidebar-reprocess-button\"\r\n                    [priority]=\"ButtonPriority.Secondary\"\r\n                    iconClass=\"fa fa-refresh\"\r\n                    [label]=\"'agro.angular_components.reprocess_event' | libTranslate\"\r\n                    [auxiliary]=\"false\"\r\n                    (click)=\"openModal()\"\r\n                >\r\n                </s-button>\r\n            </div>\r\n        </div>\r\n    </s-footer>\r\n</s-sidebar>\r\n\r\n<p-dialog [header]=\"'agro.angular_components.event_modal_title' | libTranslate\" [(visible)]=\"displayModal\" [modal]=\"true\" class=\"dialog\">\r\n    <div class=\"event-modal-text\">{{ \"agro.angular_components.event_modal\" | libTranslate }}</div>\r\n    <p-footer>\r\n        <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\">\r\n            <button\r\n                id=\"modal-yes\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-check\"\r\n                (click)=\"confirmModal()\"\r\n                label=\"{{ 'agro.angular_components.yes' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n            <button\r\n                id=\"modal-no\"\r\n                type=\"button\"\r\n                pButton\r\n                icon=\"fa fa-close\"\r\n                (click)=\"cancelModal()\"\r\n                label=\"{{ 'agro.angular_components.no' | libTranslate }}\"\r\n                class=\"ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only\"\r\n            ></button>\r\n        </div>\r\n    </p-footer>\r\n</p-dialog>\r\n",
         providers: [
             { provide: LOCALE_ID, useValue: 'pt-BR' }
         ],