oxpi-nglib 1.0.70 → 1.0.71

package/fesm2020/oxpi-nglib.mjs

@@ -234,6 +234,10 @@ class CommonWebService {
         const url = this.PRODUTO_BASE_URL + CommonWebService.URL_PART_NEXT_ID;
         return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
     }
+    getProdutoHistory(id) {
+        const url = this.PRODUTO_BASE_URL + 'GetHistory/' + id;
+        return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
+    }
     findProduto(produtoId) {
         const url = this.PRODUTO_BASE_URL + produtoId;
         return this.http.get(url, this.getHttpOptions()).pipe(map(data => data));
@@ -1444,6 +1448,8 @@ function createProduct() {
         adicionalDeProdutoId: null,
         produtoVerificaoGrupoId: null,
         produtoVerificaoGrupoNome: null,
+        startTime: undefined,
+        endTime: undefined
     };
 }
 ;
@@ -3000,10 +3006,10 @@ class ProdutoEditDialogComponent {
     }
 }
 ProdutoEditDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoEditDialogComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
-ProdutoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoEditDialogComponent, selector: "ox-produto-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }] });
+ProdutoEditDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutoEditDialogComponent, selector: "ox-produto-edit-dialog", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button *ngIf=\"model?.isHistorico !== true\" mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: BusyIndicatorComponent, selector: "ox-busy-indicator", inputs: ["isBusy"] }, { kind: "component", type: ProdutoFormComponent, selector: "ox-produto-form", inputs: ["editMode", "model"], outputs: ["nextIdClick"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutoEditDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ox-produto-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
+            args: [{ selector: 'ox-produto-edit-dialog', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Editando Produto</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"dialog-content\">\n    <ox-produto-form [model]=\"model\" [editMode]=\"true\" *ngIf=\"model\"></ox-produto-form>\n</div>\n<div class=\"dialog-footer\">\n    <button *ngIf=\"model?.isHistorico !== true\" mat-button color=\"primary\" (click)=\"salvar()\" tabindex=\"9\">SALVAR</button>\n    <button mat-button [mat-dialog-close]>VOLTAR</button>\n</div>\n<ox-busy-indicator [isBusy]=\"isBusy\"></ox-busy-indicator>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh}\n"] }]
         }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -5291,6 +5297,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
 
+class ProdutosHistoryComponent {
+    constructor(ws, notification, dataDialog, dialog, elRef, dialogRef, screenHelper) {
+        this.ws = ws;
+        this.notification = notification;
+        this.dataDialog = dataDialog;
+        this.dialog = dialog;
+        this.elRef = elRef;
+        this.dialogRef = dialogRef;
+        this.screenHelper = screenHelper;
+        this.items = [];
+        this.isBusy = false;
+        this.model = dataDialog;
+    }
+    ngOnInit() {
+        this.atualiza();
+    }
+    atualiza() {
+        this.isBusy = true;
+        this.ws.getProdutoHistory(this.model.id)
+            .subscribe({
+            next: r => {
+                for (const p of r) {
+                    p.isHistorico = true;
+                }
+                this.items = r;
+                console.info(r);
+                this.isBusy = false;
+            }, error: err => {
+                this.isBusy = false;
+                this.notification.showHttpError(err);
+            }
+        });
+    }
+    abreCadastro(item) {
+        let height = undefined;
+        let width = 550 + 'px';
+        if (this.mobile) {
+            width = (window.innerWidth * 0.99) + 'px';
+            height = (window.innerHeight * 0.99) + 'px';
+        }
+        const dialog = this.dialog.open(ProdutoEditDialogComponent, {
+            data: item,
+            width: width,
+            height: height,
+            maxWidth: '100%',
+            panelClass: 'dialog-p0',
+        });
+        dialog.afterClosed().subscribe(result => {
+            if (result !== true)
+                return;
+            this.notification.showMsg("Salvo com sucesso.");
+            this.atualiza();
+        });
+    }
+}
+ProdutosHistoryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosHistoryComponent, deps: [{ token: CommonWebService }, { token: NotificationService }, { token: MAT_DIALOG_DATA }, { token: i3.MatDialog }, { token: i0.ElementRef }, { token: i3.MatDialogRef }, { token: ScreenHelperService }], target: i0.ɵɵFactoryTarget.Component });
+ProdutosHistoryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ProdutosHistoryComponent, selector: "lib-produtos-history", ngImport: i0, template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Hist\u00F3rico do Produto '{{model.id}}'</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"reservas-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">Nenhum registro para ser exibido</h4>\n        <div (click)=\"abreCadastro(item)\" class=\"historico-item\" *ngFor=\"let item of items\">\n            <div class=\"historico-icon\">\n                <i class=\"material-icons\">history</i>\n            </div>\n            <div class=\"historico-content\">\n                <p class=\"historico-date\">{{ item.startTime | date:'EEE dd/MM/yy HH:mm' }} - {{ item.endTime | date:'EEE dd/MM/yy HH:mm' }}</p>\n                <p class=\"historico-user\">{{ item.usuarioLogin }}</p>\n                <p class=\"historico-modulo\">{{ item.modulo }}</p>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh;position:relative}.reservas-container{display:flex;flex-direction:column}.historico-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #ccc;font-family:Open Sans,sans-serif;background-color:#fff;cursor:pointer}.historico-item:hover{background-color:var(--item-card-selected-bg)}.historico-icon{font-size:24px;color:#39b7ab;margin-right:32px}.historico-content{flex:1;display:flex;flex-direction:column;gap:4px}.historico-date{margin:0;font-weight:500}.historico-user{margin:0;color:purple}.historico-modulo{margin:0;font-style:italic;color:#666;font-size:small}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: i6.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ProdutosHistoryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-produtos-history', template: "<div class=\"ox-header\">\n    <h2 class=\"titulo\">Hist\u00F3rico do Produto '{{model.id}}'</h2>\n    <button mat-icon-button [mat-dialog-close]>\n        <mat-icon>close</mat-icon>\n    </button>\n</div>\n<div class=\"result-container\" *ngIf=\"items\">\n    <div class=\"reservas-container\">\n        <h4 *ngIf=\"items.length === 0\" class=\"nenhum-item-msg\">Nenhum registro para ser exibido</h4>\n        <div (click)=\"abreCadastro(item)\" class=\"historico-item\" *ngFor=\"let item of items\">\n            <div class=\"historico-icon\">\n                <i class=\"material-icons\">history</i>\n            </div>\n            <div class=\"historico-content\">\n                <p class=\"historico-date\">{{ item.startTime | date:'EEE dd/MM/yy HH:mm' }} - {{ item.endTime | date:'EEE dd/MM/yy HH:mm' }}</p>\n                <p class=\"historico-user\">{{ item.usuarioLogin }}</p>\n                <p class=\"historico-modulo\">{{ item.modulo }}</p>\n            </div>\n        </div>\n    </div>\n</div>", styles: [":host{background:#fafafa;display:flex;flex-direction:column;height:100%;max-height:99vh;position:relative}.reservas-container{display:flex;flex-direction:column}.historico-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #ccc;font-family:Open Sans,sans-serif;background-color:#fff;cursor:pointer}.historico-item:hover{background-color:var(--item-card-selected-bg)}.historico-icon{font-size:24px;color:#39b7ab;margin-right:32px}.historico-content{flex:1;display:flex;flex-direction:column;gap:4px}.historico-date{margin:0;font-weight:500}.historico-user{margin:0;color:purple}.historico-modulo{margin:0;font-style:italic;color:#666;font-size:small}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonWebService }, { type: NotificationService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i3.MatDialog }, { type: i0.ElementRef }, { type: i3.MatDialogRef }, { type: ScreenHelperService }]; } });
+
 Array.prototype.remove = function (item) {
     const index = this.indexOf(item);
     if (index === -1)
@@ -5361,7 +5432,8 @@ OxpiNglibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         FornecedoresComponent,
         FornecedoresAddDialogComponent,
         FornecedoresEditDialogComponent,
-        SelecaoFornecedorDialogComponent], imports: [BrowserModule,
+        SelecaoFornecedorDialogComponent,
+        ProdutosHistoryComponent], imports: [BrowserModule,
         BrowserAnimationsModule,
         FormsModule,
         MatButtonModule,
@@ -5441,7 +5513,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
                         FornecedoresComponent,
                         FornecedoresAddDialogComponent,
                         FornecedoresEditDialogComponent,
-                        SelecaoFornecedorDialogComponent
+                        SelecaoFornecedorDialogComponent,
+                        ProdutosHistoryComponent
                     ],
                     imports: [
                         BrowserModule,