oxpi-nglib 1.0.51 → 1.0.52
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.
- package/esm2020/lib/controls/item-card/item-card.component.mjs +17 -6
- package/fesm2015/oxpi-nglib.mjs +13 -3
- package/fesm2015/oxpi-nglib.mjs.map +1 -1
- package/fesm2020/oxpi-nglib.mjs +13 -3
- package/fesm2020/oxpi-nglib.mjs.map +1 -1
- package/lib/controls/item-card/item-card.component.d.ts +6 -2
- package/package.json +1 -1
|
@@ -1,17 +1,28 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
3
|
+
import * as i1 from "../../providers/auth-data.service";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
4
5
|
export class ItemCardComponent {
|
|
5
|
-
constructor() {
|
|
6
|
+
constructor(auth) {
|
|
7
|
+
this.auth = auth;
|
|
8
|
+
}
|
|
9
|
+
get ownership() {
|
|
10
|
+
return this._ownership;
|
|
11
|
+
}
|
|
12
|
+
set ownership(value) {
|
|
13
|
+
this._ownership = value;
|
|
14
|
+
if (value != undefined)
|
|
15
|
+
this.auth.setOwnership(value);
|
|
16
|
+
}
|
|
6
17
|
ngOnInit() {
|
|
7
18
|
}
|
|
8
19
|
}
|
|
9
|
-
ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome", codigo: "codigo", star: "star", cloud: "cloud", desativado: "desativado", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n\n<div class=\"icons-row\">\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 class=\"endTime\" *ngIf=\"ownership.endTime\">- {{ownership.endTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons star\" *ngIf=\"star\">\n grade\n </span>\n <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n cloud_done\n </span>\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}: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}.ownership .usuario{font-size:x-small}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row}.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}\n"], dependencies: [{ kind: "directive", type:
|
|
20
|
+
ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, deps: [{ token: i1.AuthDataService }], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome", codigo: "codigo", star: "star", cloud: "cloud", desativado: "desativado", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n\n<div class=\"icons-row\">\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 class=\"endTime\" *ngIf=\"ownership.endTime\">- {{ownership.endTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons star\" *ngIf=\"star\">\n grade\n </span>\n <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n cloud_done\n </span>\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}: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}.ownership .usuario{font-size:x-small}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row}.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}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }] });
|
|
11
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, decorators: [{
|
|
12
23
|
type: Component,
|
|
13
24
|
args: [{ selector: 'ox-item-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n\n<div class=\"icons-row\">\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 class=\"endTime\" *ngIf=\"ownership.endTime\">- {{ownership.endTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons star\" *ngIf=\"star\">\n grade\n </span>\n <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n cloud_done\n </span>\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}: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}.ownership .usuario{font-size:x-small}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row}.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}\n"] }]
|
|
14
|
-
}], ctorParameters: function () { return []; }, propDecorators: { nome: [{
|
|
25
|
+
}], ctorParameters: function () { return [{ type: i1.AuthDataService }]; }, propDecorators: { nome: [{
|
|
15
26
|
type: Input
|
|
16
27
|
}], codigo: [{
|
|
17
28
|
type: Input
|
|
@@ -24,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
24
35
|
}], ownership: [{
|
|
25
36
|
type: Input
|
|
26
37
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL294cGktbmdsaWIvc3JjL2xpYi9jb250cm9scy9pdGVtLWNhcmQvaXRlbS1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL294cGktbmdsaWIvc3JjL2xpYi9jb250cm9scy9pdGVtLWNhcmQvaXRlbS1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBU3pELE1BQU0sT0FBTyxpQkFBaUI7SUFpQjVCLFlBQW9CLElBQXFCO1FBQXJCLFNBQUksR0FBSixJQUFJLENBQWlCO0lBQUksQ0FBQztJQVQ5QyxJQUFXLFNBQVM7UUFDbEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUNXLFNBQVMsQ0FBQyxLQUE2QjtRQUNoRCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLEtBQUssSUFBSSxTQUFTO1lBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFHRCxRQUFRO0lBQ1IsQ0FBQzs7OEdBcEJVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGdMQ1Q5QixzL0JBc0JNOzJGRGJPLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxjQUFjO3NHQU1mLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQU1LLFNBQVM7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElPd25lcnNoaXAgfSBmcm9tICcuLi8uLi9tb2RlbHMvZW50aWRhZGVzL293bmVyc2hpcCc7XG5pbXBvcnQgeyBBdXRoRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvYXV0aC1kYXRhLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdveC1pdGVtLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaXRlbS1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaXRlbS1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSXRlbUNhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIG5vbWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvZGlnbz86IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgc3Rhcj86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGNsb3VkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgZGVzYXRpdmFkbz86IGJvb2xlYW47XG4gIHByaXZhdGUgX293bmVyc2hpcD86IElPd25lcnNoaXAgfCB1bmRlZmluZWQ7XG4gIHB1YmxpYyBnZXQgb3duZXJzaGlwKCk6IElPd25lcnNoaXAgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLl9vd25lcnNoaXA7XG4gIH1cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBvd25lcnNoaXAodmFsdWU6IElPd25lcnNoaXAgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLl9vd25lcnNoaXAgPSB2YWx1ZTtcbiAgICBpZiAodmFsdWUgIT0gdW5kZWZpbmVkKVxuICAgICAgdGhpcy5hdXRoLnNldE93bmVyc2hpcCh2YWx1ZSk7XG4gIH1cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhdXRoOiBBdXRoRGF0YVNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJub21lLWNvZGlnby1yb3dcIj48c3BhbiBjbGFzcz1cImNvZGlnb1wiICpuZ0lmPVwiY29kaWdvXCI+e3tjb2RpZ299fTwvc3Bhbj57e25vbWV9fTwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiaWNvbnMtcm93XCI+XG4gICAgPGRpdiBjbGFzcz1cIm93bmVyc2hpcFwiICpuZ0lmPVwib3duZXJzaGlwXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidXN1YXJpb1wiICpuZ0lmPVwib3duZXJzaGlwLnVzdWFyaW9Mb2dpblwiPnt7b3duZXJzaGlwLnVzdWFyaW9Mb2dpbn19PC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInN0YXJ0RW5kVGltZVwiICpuZ0lmPVwib3duZXJzaGlwLnN0YXJ0VGltZVwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGFydFRpbWVcIj57e293bmVyc2hpcC5zdGFydFRpbWUgIHwgZGF0ZTpcImRkL01NL3l5XCJ9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZW5kVGltZVwiICpuZ0lmPVwib3duZXJzaGlwLmVuZFRpbWVcIj4tIHt7b3duZXJzaGlwLmVuZFRpbWUgIHwgZGF0ZTpcImRkL01NL3l5XCJ9fTwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgc3RhclwiICpuZ0lmPVwic3RhclwiPlxuICAgICAgICBncmFkZVxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zIGRlc2F0aXZhZG9cIiAqbmdJZj1cImRlc2F0aXZhZG8gPT09IHRydWVcIj5cbiAgICAgICAgZGFuZ2Vyb3VzXG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgc3luYy1wZW5kZW50ZVwiICpuZ0lmPVwiY2xvdWQgPT09IGZhbHNlXCI+XG4gICAgICAgIGNsb3VkX3F1ZXVlXG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgc3luYy1jb25jbHVpZG9cIiAqbmdJZj1cImNsb3VkID09PSB0cnVlXCI+XG4gICAgICAgIGNsb3VkX2RvbmVcbiAgICA8L3NwYW4+XG48L2Rpdj4iXX0=
|
package/fesm2015/oxpi-nglib.mjs
CHANGED
|
@@ -1174,16 +1174,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImpor
|
|
|
1174
1174
|
}], ctorParameters: function () { return []; } });
|
|
1175
1175
|
|
|
1176
1176
|
class ItemCardComponent {
|
|
1177
|
-
constructor() {
|
|
1177
|
+
constructor(auth) {
|
|
1178
|
+
this.auth = auth;
|
|
1179
|
+
}
|
|
1180
|
+
get ownership() {
|
|
1181
|
+
return this._ownership;
|
|
1182
|
+
}
|
|
1183
|
+
set ownership(value) {
|
|
1184
|
+
this._ownership = value;
|
|
1185
|
+
if (value != undefined)
|
|
1186
|
+
this.auth.setOwnership(value);
|
|
1187
|
+
}
|
|
1178
1188
|
ngOnInit() {
|
|
1179
1189
|
}
|
|
1180
1190
|
}
|
|
1181
|
-
ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1191
|
+
ItemCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, deps: [{ token: AuthDataService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1182
1192
|
ItemCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: ItemCardComponent, selector: "ox-item-card", inputs: { nome: "nome", codigo: "codigo", star: "star", cloud: "cloud", desativado: "desativado", ownership: "ownership" }, ngImport: i0, template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n\n<div class=\"icons-row\">\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 class=\"endTime\" *ngIf=\"ownership.endTime\">- {{ownership.endTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons star\" *ngIf=\"star\">\n grade\n </span>\n <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n cloud_done\n </span>\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}: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}.ownership .usuario{font-size:x-small}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row}.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}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.DatePipe, name: "date" }] });
|
|
1183
1193
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ItemCardComponent, decorators: [{
|
|
1184
1194
|
type: Component,
|
|
1185
1195
|
args: [{ selector: 'ox-item-card', template: "<div class=\"nome-codigo-row\"><span class=\"codigo\" *ngIf=\"codigo\">{{codigo}}</span>{{nome}}</div>\n\n<div class=\"icons-row\">\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 class=\"endTime\" *ngIf=\"ownership.endTime\">- {{ownership.endTime | date:\"dd/MM/yy\"}}</span>\n </span>\n </div>\n <span class=\"material-icons star\" *ngIf=\"star\">\n grade\n </span>\n <span class=\"material-icons desativado\" *ngIf=\"desativado === true\">\n dangerous\n </span>\n <span class=\"material-icons sync-pendente\" *ngIf=\"cloud === false\">\n cloud_queue\n </span>\n <span class=\"material-icons sync-concluido\" *ngIf=\"cloud === true\">\n cloud_done\n </span>\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}: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}.ownership .usuario{font-size:x-small}.ownership .startTime,.ownership .endTime{font-size:xx-small}.ownership .startEndTime{display:flex;flex-direction:row}.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}\n"] }]
|
|
1186
|
-
}], ctorParameters: function () { return []; }, propDecorators: { nome: [{
|
|
1196
|
+
}], ctorParameters: function () { return [{ type: AuthDataService }]; }, propDecorators: { nome: [{
|
|
1187
1197
|
type: Input
|
|
1188
1198
|
}], codigo: [{
|
|
1189
1199
|
type: Input
|