oxpi-nglib 2.0.30 → 2.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -18,11 +18,11 @@ export class ProdutoCardComponent {
|
|
|
18
18
|
ngOnInit() {
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, deps: [{ token: i1.AuthDataService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n <div class=\"valor-col\">\n <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n </div>\n <div class=\"ownership\" *ngIf=\"ownership\">\n <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n <span class=\"startTime\">{{ownership.startTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n cloud_done\n </span>\n</div>\n<div class=\"badges\">\n <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n </div>\n </div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small;position:relative}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n <div class=\"valor-col\">\n <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n </div>\n <div class=\"ownership\" *ngIf=\"ownership\">\n <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n <span class=\"startTime\">{{ownership.startTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n cloud_done\n </span>\n</div>\n<div class=\"badges\">\n <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n </div>\n </div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small;position:relative}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#31b5b0}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:0;margin-bottom:4px;left:0;margin-left:16px}.badges .badge{background:#f4f4f4;border-radius:9px;height:3px;width:8px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n <div class=\"valor-col\">\n <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n </div>\n <div class=\"ownership\" *ngIf=\"ownership\">\n <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n <span class=\"startTime\">{{ownership.startTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n cloud_done\n </span>\n</div>\n<div class=\"badges\">\n <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n </div>\n </div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small;position:relative}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#
|
|
25
|
+
args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n <div class=\"valor-col\">\n <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n </div>\n <div class=\"ownership\" *ngIf=\"ownership\">\n <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n <span class=\"startTime\">{{ownership.startTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n cloud_done\n </span>\n</div>\n<div class=\"badges\">\n <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n </div>\n </div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small;position:relative}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#31b5b0}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:0;margin-bottom:4px;left:0;margin-left:16px}.badges .badge{background:#f4f4f4;border-radius:9px;height:3px;width:8px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"] }]
|
|
26
26
|
}], ctorParameters: function () { return [{ type: i1.AuthDataService }]; }, propDecorators: { produto: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], ownership: [{
|
package/fesm2022/oxpi-nglib.mjs
CHANGED
|
@@ -3534,11 +3534,11 @@ class ProdutoCardComponent {
|
|
|
3534
3534
|
ngOnInit() {
|
|
3535
3535
|
}
|
|
3536
3536
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, deps: [{ token: AuthDataService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3537
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n <div class=\"valor-col\">\n <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n </div>\n <div class=\"ownership\" *ngIf=\"ownership\">\n <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n <span class=\"startTime\">{{ownership.startTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n cloud_done\n </span>\n</div>\n<div class=\"badges\">\n <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n </div>\n </div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small;position:relative}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#
|
|
3537
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ProdutoCardComponent, selector: "ox-produto-card", inputs: { produto: "produto", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n <div class=\"valor-col\">\n <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n </div>\n <div class=\"ownership\" *ngIf=\"ownership\">\n <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n <span class=\"startTime\">{{ownership.startTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n cloud_done\n </span>\n</div>\n<div class=\"badges\">\n <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n </div>\n </div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small;position:relative}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#31b5b0}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:0;margin-bottom:4px;left:0;margin-left:16px}.badges .badge{background:#f4f4f4;border-radius:9px;height:3px;width:8px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i6.DatePipe, name: "date" }] }); }
|
|
3538
3538
|
}
|
|
3539
3539
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ProdutoCardComponent, decorators: [{
|
|
3540
3540
|
type: Component,
|
|
3541
|
-
args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n <div class=\"valor-col\">\n <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n </div>\n <div class=\"ownership\" *ngIf=\"ownership\">\n <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n <span class=\"startTime\">{{ownership.startTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n cloud_done\n </span>\n</div>\n<div class=\"badges\">\n <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n </div>\n </div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small;position:relative}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#
|
|
3541
|
+
args: [{ selector: 'ox-produto-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"produto?.id\">{{produto?.id}}</span>{{produto?.nome}}</div>\n\n<div class=\"icons-row\">\n <div class=\"valor-col\">\n <span class=\"valor\" *ngIf=\"produto\">{{produto.precoVenda | currency:\"BRL\"}}</span>\n </div>\n <div class=\"ownership\" *ngIf=\"ownership\">\n <span class=\"usuario\" *ngIf=\"ownership.usuarioLogin\">{{ownership.usuarioLogin}}</span>\n <span class=\"startEndTime\" *ngIf=\"ownership.startTime\">\n <span class=\"startTime\">{{ownership.startTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons desativado\" *ngIf=\"produto?.isAtivo === false\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"produto?.enviadoPC === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"produto?.enviadoPC === true\">\n cloud_done\n </span>\n</div>\n<div class=\"badges\">\n <div class=\"badge\" *ngIf=\"produto?.estoqueControlado\" style=\"background-color: orange;\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isComposto\" style=\"background-color: rgb(180, 11, 247);\"> \n </div>\n <div class=\"badge\" *ngIf=\"produto?.isIngrediente\" style=\"background-color: rgb(0, 89, 255);\">\n </div>\n </div>", styles: [":host{display:flex;flex-direction:row;border-bottom:1px solid #e6e9ec;border-left:3px solid #e6e9ec;padding:12px 16px;background:#fff;justify-content:space-between;cursor:pointer;flex-shrink:0;align-items:center;transition:border-left-color 1s;-webkit-user-select:none;user-select:none;font-size:small;position:relative}:host:hover{box-shadow:0 0 16px #0000000f;background:transparent;z-index:1}:host(.selected){border-left-color:var(--app-color, black);z-index:1;box-shadow:0 0 8px 5px #00000008;flex-shrink:0;background:linear-gradient(45deg,var(--item-card-selected-bg, rgba(0, 0, 0, .05)),transparent)}.ownership{background:transparent;display:flex;flex-direction:column;align-items:center}.ownership .usuario{font-size:x-small;color:#515962;text-transform:lowercase}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row;color:#464646}.nome-codigo-row{display:flex;flex-direction:row;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:8px}.icons-row{display:flex;flex-direction:row;align-items:center;gap:8px}.codigo{color:#666;font-size:x-small;border-radius:4px;padding:0 4px;width:50px;min-width:50px;text-align:center;border:1px solid #eee;margin-right:16px;display:flex;align-items:center;justify-content:center}.sync-pendente{color:#141212;font-size:16px}.sync-concluido{color:#dbdbdb;font-size:16px}.star{color:#000}.desativado{color:#8f07bb;font-size:16px}.valor-col{background:transparent;display:flex;flex-direction:column;align-items:center}.valor-col .valor{font-size:xx-small;color:#31b5b0}.badges{display:flex;flex-direction:row;gap:4px;position:absolute;bottom:0;margin-bottom:4px;left:0;margin-left:16px}.badges .badge{background:#f4f4f4;border-radius:9px;height:3px;width:8px;font-size:x-small;color:#22272c;font-family:Courier New,Courier,monospace}\n"] }]
|
|
3542
3542
|
}], ctorParameters: function () { return [{ type: AuthDataService }]; }, propDecorators: { produto: [{
|
|
3543
3543
|
type: Input
|
|
3544
3544
|
}], ownership: [{
|