tango-app-ui-store-ticket-infra 3.0.36-dev → 3.0.38-dev
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/esm2022/lib/components/summary-infra/summary-infra.component.mjs +3 -3
- package/esm2022/lib/components/ticket-infra/ticket-infra.component.mjs +1 -2
- package/fesm2022/tango-app-ui-store-ticket-infra.mjs +2 -3
- package/fesm2022/tango-app-ui-store-ticket-infra.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1199,7 +1199,6 @@ class TicketInfraComponent {
|
|
|
1199
1199
|
next: (res) => {
|
|
1200
1200
|
if (res && res?.code == 200 && Array.isArray(res.data.ticketActivity)) {
|
|
1201
1201
|
this.ticketInfo = res.data;
|
|
1202
|
-
console.log(this.ticketInfo);
|
|
1203
1202
|
this.viewTicketData = res.data.ticketActivity.slice().reverse();
|
|
1204
1203
|
this.viewTicketData.forEach((e) => {
|
|
1205
1204
|
e.timeStamp = this.formatDateToRelative(e.timeStamp);
|
|
@@ -1386,11 +1385,11 @@ class SummaryInfraComponent {
|
|
|
1386
1385
|
this.getLoadData();
|
|
1387
1386
|
}
|
|
1388
1387
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SummaryInfraComponent, deps: [{ token: TicketsService }, { token: i2$2.GlobalStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1389
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SummaryInfraComponent, selector: "lib-summary-infra", inputs: { selectedTab: "selectedTab" }, ngImport: i0, template: "<div class=\"card p-0 border-0\">\r\n <div class=\"card-body p-0\">\r\n <div *ngIf=\"!loading && !noData\">\r\n <div class=\"table-responsive pt-5 px-2\">\r\n <table class=\"table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th><div class=\"cursor-pointer\" (click)=\"sortData('storeName')\">\r\n Date\r\n <span *ngIf=\"sortColumnName === 'storeName' && sortBy !== 1 || sortColumnName !== 'storeName' \">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004\"\r\n [attr.stroke]=\"sortColumnName === 'storeName' && sortBy !== 1 ? '#00A3FF' : '#667085'\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <span *ngIf=\"sortColumnName === 'storeName' && sortBy !== -1\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004\"\r\n [attr.stroke]=\"sortColumnName === 'storeName' && sortBy !== -1 ? '#00A3FF' : '#667085'\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n </th>\r\n <th *ngFor=\"let down of getObjectKeys(storesDown[0]) | slice:
|
|
1388
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SummaryInfraComponent, selector: "lib-summary-infra", inputs: { selectedTab: "selectedTab" }, ngImport: i0, template: "<div class=\"card p-0 border-0\">\r\n <div class=\"card-body p-0\">\r\n <div *ngIf=\"!loading && !noData\">\r\n <div class=\"table-responsive pt-5 px-2\">\r\n <table class=\"table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th><div class=\"cursor-pointer\" (click)=\"sortData('storeName')\">\r\n Date\r\n <span *ngIf=\"sortColumnName === 'storeName' && sortBy !== 1 || sortColumnName !== 'storeName' \">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004\"\r\n [attr.stroke]=\"sortColumnName === 'storeName' && sortBy !== 1 ? '#00A3FF' : '#667085'\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <span *ngIf=\"sortColumnName === 'storeName' && sortBy !== -1\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004\"\r\n [attr.stroke]=\"sortColumnName === 'storeName' && sortBy !== -1 ? '#00A3FF' : '#667085'\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n </th>\r\n <th *ngFor=\"let down of getObjectKeys(storesDown[0]) | slice:1\">{{down}}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let item of storesDown\">\r\n <td class=\"cursor-pointer\" >{{ item.Date }}</td>\r\n <td *ngFor=\"let key of getObjectKeys(storesDown[0]) | slice:1\" ><div *ngIf=\"item[key] && item[key] !== 0 && item[key] !== ''\" class=\"hourlyData\">\r\n <img class=\"mb-2\" src=\"./assets/tango/Images/Downtime.svg\">\r\n <span>{{ item[key] }} <span *ngIf=\"key!=='PrimaryIssue'\">mins</span></span>\r\n </div>\r\n <div *ngIf=\"item[key] === 0 && item[key] !== ''\" class=\"hourlyData\">\r\n <img class=\"mb-2\" src=\"./assets/tango/Images/Downtime.svg\">\r\n <span>0 mins</span>\r\n </div>\r\n <span *ngIf=\"item[key] ===''\">N/A</span></td>\r\n </tr>\r\n </tbody>\r\n \r\n </table> \r\n </div>\r\n <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\"\r\n [totalItems]=\"totalCount\" [paginationSizes]=\"[5,10,20]\" [pageSize]=\"limit\"\r\n (pageChange)=\"onPageChange($event)\" (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n\r\n <ng-container *ngIf=\"loading\" >\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"noData\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-src\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n</div>\r\n", styles: [".hourlyData{display:flex;height:50px;padding:6px 8px 6px 16px;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px;border-radius:4px;border-left:2px solid var(--Error-500, #F04438);background:var(--Error-25, #FFFBFA);box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.img-src{width:20%;height:20%}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PaginationComponent, selector: "lib-pagination", inputs: ["collection", "itemsPerPage", "currentPage", "totalItems", "directionLinks", "pageSize", "paginationSizes"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "pipe", type: i3$1.SlicePipe, name: "slice" }] });
|
|
1390
1389
|
}
|
|
1391
1390
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SummaryInfraComponent, decorators: [{
|
|
1392
1391
|
type: Component,
|
|
1393
|
-
args: [{ selector: 'lib-summary-infra', template: "<div class=\"card p-0 border-0\">\r\n <div class=\"card-body p-0\">\r\n <div *ngIf=\"!loading && !noData\">\r\n <div class=\"table-responsive pt-5 px-2\">\r\n <table class=\"table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th><div class=\"cursor-pointer\" (click)=\"sortData('storeName')\">\r\n Date\r\n <span *ngIf=\"sortColumnName === 'storeName' && sortBy !== 1 || sortColumnName !== 'storeName' \">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004\"\r\n [attr.stroke]=\"sortColumnName === 'storeName' && sortBy !== 1 ? '#00A3FF' : '#667085'\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <span *ngIf=\"sortColumnName === 'storeName' && sortBy !== -1\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004\"\r\n [attr.stroke]=\"sortColumnName === 'storeName' && sortBy !== -1 ? '#00A3FF' : '#667085'\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n </th>\r\n <th *ngFor=\"let down of getObjectKeys(storesDown[0]) | slice:
|
|
1392
|
+
args: [{ selector: 'lib-summary-infra', template: "<div class=\"card p-0 border-0\">\r\n <div class=\"card-body p-0\">\r\n <div *ngIf=\"!loading && !noData\">\r\n <div class=\"table-responsive pt-5 px-2\">\r\n <table class=\"table bottom-border text-nowrap\">\r\n <thead>\r\n <tr>\r\n <th><div class=\"cursor-pointer\" (click)=\"sortData('storeName')\">\r\n Date\r\n <span *ngIf=\"sortColumnName === 'storeName' && sortBy !== 1 || sortColumnName !== 'storeName' \">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M6.00016 1.33337V10.6667M6.00016 10.6667L10.6668 6.00004M6.00016 10.6667L1.3335 6.00004\"\r\n [attr.stroke]=\"sortColumnName === 'storeName' && sortBy !== 1 ? '#00A3FF' : '#667085'\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n <span *ngIf=\"sortColumnName === 'storeName' && sortBy !== -1\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M6.00016 10.6667L6.00016 1.33337M6.00016 1.33337L1.3335 6.00004M6.00016 1.33337L10.6668 6.00004\"\r\n [attr.stroke]=\"sortColumnName === 'storeName' && sortBy !== -1 ? '#00A3FF' : '#667085'\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n </th>\r\n <th *ngFor=\"let down of getObjectKeys(storesDown[0]) | slice:1\">{{down}}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let item of storesDown\">\r\n <td class=\"cursor-pointer\" >{{ item.Date }}</td>\r\n <td *ngFor=\"let key of getObjectKeys(storesDown[0]) | slice:1\" ><div *ngIf=\"item[key] && item[key] !== 0 && item[key] !== ''\" class=\"hourlyData\">\r\n <img class=\"mb-2\" src=\"./assets/tango/Images/Downtime.svg\">\r\n <span>{{ item[key] }} <span *ngIf=\"key!=='PrimaryIssue'\">mins</span></span>\r\n </div>\r\n <div *ngIf=\"item[key] === 0 && item[key] !== ''\" class=\"hourlyData\">\r\n <img class=\"mb-2\" src=\"./assets/tango/Images/Downtime.svg\">\r\n <span>0 mins</span>\r\n </div>\r\n <span *ngIf=\"item[key] ===''\">N/A</span></td>\r\n </tr>\r\n </tbody>\r\n \r\n </table> \r\n </div>\r\n <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\"\r\n [totalItems]=\"totalCount\" [paginationSizes]=\"[5,10,20]\" [pageSize]=\"limit\"\r\n (pageChange)=\"onPageChange($event)\" (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n\r\n <ng-container *ngIf=\"loading\" >\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"noData\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-src\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n </div>\r\n</div>\r\n", styles: [".hourlyData{display:flex;height:50px;padding:6px 8px 6px 16px;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px;border-radius:4px;border-left:2px solid var(--Error-500, #F04438);background:var(--Error-25, #FFFBFA);box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.img-src{width:20%;height:20%}\n"] }]
|
|
1394
1393
|
}], ctorParameters: () => [{ type: TicketsService }, { type: i2$2.GlobalStateService }, { type: i0.ChangeDetectorRef }], propDecorators: { selectedTab: [{
|
|
1395
1394
|
type: Input
|
|
1396
1395
|
}] } });
|