@sunbird-cb/consumption 0.0.67 → 0.0.68
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/bundles/sunbird-cb-consumption.umd.js +23 -19
- package/bundles/sunbird-cb-consumption.umd.js.map +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js.map +1 -1
- package/esm2015/lib/_common/cards/card-portrait-ext/card-portrait-ext.component.js +1 -1
- package/esm2015/lib/_common/data-points/data-points.component.js +18 -16
- package/esm2015/lib/_common/top-learners/top-learners.component.js +2 -2
- package/esm2015/lib/_services/insite-data.service.js +4 -3
- package/esm5/lib/_common/cards/card-portrait-ext/card-portrait-ext.component.js +1 -1
- package/esm5/lib/_common/data-points/data-points.component.js +18 -16
- package/esm5/lib/_common/top-learners/top-learners.component.js +2 -2
- package/esm5/lib/_services/insite-data.service.js +5 -3
- package/fesm2015/sunbird-cb-consumption.js +22 -19
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +23 -19
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_services/insite-data.service.d.ts +1 -1
- package/package.json +1 -1
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -90,7 +90,7 @@ CardPortraitExtComponent.decorators = [
|
|
|
90
90
|
{ type: Component, args: [{
|
|
91
91
|
selector: 'sb-uic-card-portrait-ext',
|
|
92
92
|
template: "<ng-container *ngIf=\"!isCardLoading\">\r\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\r\n greyOut:\r\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\r\n ? true\r\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\r\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\r\n <div class=\"display-contents\" [ngClass]=\"{\r\n disableClick:\r\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\r\n ? true\r\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\r\n }\">\r\n <ng-container *ngIf=\"widgetData?.content\">\r\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\r\n role=\"link\" i18n-aria-label>\r\n <ng-container *ngIf=\"!isCardFlipped\">\r\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\r\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\r\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\r\n matTooltip=\"Available only in Company's network\"\r\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\r\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\r\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\r\n <mat-icon>flip_to_back</mat-icon>\r\n </button>\r\n <mat-card-content class=\"min-top\">\r\n <div style=\"position: relative; z-index: 1;\">\r\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\r\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\r\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\r\n [alt]=\"widgetData?.content?.name\" />\r\n </ng-container>\r\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\r\n <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\r\n <img mat-card-image [src]=\"widgetData?.content?.appIcon \" loading=\"lazy\"\r\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\r\n [alt]=\"widgetData?.content?.name\" />\r\n </ng-container>\r\n <ng-template #defaultImg>\r\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\r\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\r\n [alt]=\"widgetData?.content?.name\" />\r\n </ng-template>\r\n </ng-container>\r\n <div class=\"source-div\" style=\"display: none;\">\r\n <img [src]=\"widgetData?.content?.contentPartner?.link\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\r\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.contentId)\" />\r\n </div>\r\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\r\n <div class=\"cbp-mark\">\r\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.contentId] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2 \">\r\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\r\n cbpData: cbPlanMapData[widgetData?.content?.contentId]\r\n }}\"></ng-container>\r\n </ng-container>\r\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\r\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\r\n <span class=\" ws-mat-white-text duration\">\r\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\r\n </span>\r\n </div>\r\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.programDuration > 0\">\r\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\r\n <span class=\" ws-mat-white-text duration\">\r\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"padding-m\">\r\n <div class=\"course_widget flex margin-remove\">\r\n <!-- <div class=\"flex flex-end course_v2\">\r\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\r\n <sb-uic-display-content-type [useTranslation]=\"false\" i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.topic\"\r\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"'External Course'\">\r\n \r\n </sb-uic-display-content-type>\r\n </div> -->\r\n </div>\r\n <div [id]=\"'m-c-'+ widgetData?.content?.contentId\"\r\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\" [matTooltip]=\"widgetData?.content?.name\">\r\n {{ widgetData?.content?.name }}\r\n </div>\r\n <div class=\"flex w-full flex-wrap flex-middle\">\r\n <div class=\"course_logo_box\">\r\n <img [src]=\"widgetData?.content?.contentPartner?.link \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\r\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.contentId)\" />\r\n </div>\r\n <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\r\n <span class=\"org-text\">By {{ (widgetData?.content?.contentPartner?.contentPartnerName) ? widgetData?.content?.contentPartner?.contentPartnerName : 'Karmayogi Bharat' }}</span>\r\n </div>\r\n <div class=\"flex flex-middle rating-session margin-top-m\">\r\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\r\n <mat-icon class=\"mr-1\">star</mat-icon>\r\n <span>{{widgetData?.content?.avgRating}}</span>\r\n </div>\r\n <!-- <span class=\"most-enrolled-text margin-left-m\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span> -->\r\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\r\n <span class=\"most-enrolled-text margin-left-xs\">\r\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\r\n </span>\r\n </ng-container>\r\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\r\n <span class=\"most-enrolled-text margin-left-xs\">\r\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\r\n </span>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </mat-card-content>\r\n </ng-container>\r\n <ng-container *ngIf=\"isCardFlipped\">\r\n <div class=\"flex items-center\">\r\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\r\n <button mat-icon-button (click)=\"isCardFlipped = false\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n <p class=\"text-justify mat-body-1\">\r\n {{ widgetData?.content?.reason }}\r\n </p>\r\n </ng-container>\r\n </a>\r\n </ng-container>\r\n </div>\r\n </mat-card>\r\n </ng-container>\r\n \r\n <ng-container *ngIf=\"isCardLoading\">\r\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\r\n <div class=\"display-contents\" >\r\n <ng-container *ngIf=\"!isCardFlipped\">\r\n <mat-card-content class=\"min-top\">\r\n <div style=\"position: relative; z-index: 1;\">\r\n <ng-container>\r\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\r\n </ng-container>\r\n </div>\r\n <div class=\"padding-m\">\r\n <div class=\"course_widget flex margin-remove\">\r\n <div class=\"flex flex-end\">\r\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\r\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\r\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\r\n <div class=\"\">\r\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\r\n </div>\r\n <div class=\"flex flex-middle rating-session margin-top-m\">\r\n <div class=\"flex flex-middle\">\r\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-card-content>\r\n </ng-container>\r\n </div>\r\n </mat-card>\r\n </ng-container>\r\n \r\n <ng-template #cbpPlan let-data=\"data\">\r\n <div class=\"cbp-mark left-0 border-top-radius\">\r\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\r\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\r\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\r\n </div>\r\n </ng-template>",
|
|
93
|
-
styles: [".course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.card-standard-container{position:relative;width:245px;
|
|
93
|
+
styles: [".course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.card-standard-container{position:relative;width:245px;min-height:300px;height:300px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;margin:20px 8px}.card-standard-container .progress-bar{width:101%;margin-left:-15px;display:flex;margin-top:0;background:bisque;position:absolute;bottom:0}.card-standard-container ::ng-deep .mat-progress-bar{height:8px!important}.card-standard-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-standard-container .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-standard-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-standard-container .course_logo_box p{display:inline-block;vertical-align:top}.card-standard-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-standard-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-standard-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-standard-container mat-card-content{background:#fff}.card-standard-container .card-img{min-width:245px;max-height:140px;min-height:140px;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.card-standard-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-standard-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-standard-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-standard-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-standard-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-standard-container .basic{margin:auto 0}.card-standard-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.card-standard-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}.width-238{width:238px!important}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.tooltiptext{visibility:hidden;width:90px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:4px 0;position:absolute;z-index:1;top:25px;left:-32px;font-size:12px}.title-text:hover .tooltiptext{visibility:visible}"]
|
|
94
94
|
}] }
|
|
95
95
|
];
|
|
96
96
|
/** @nocollapse */
|
|
@@ -92,27 +92,29 @@ export class DataPointsComponent {
|
|
|
92
92
|
* @return {?}
|
|
93
93
|
*/
|
|
94
94
|
converToIndianSystem(value) {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
95
|
+
if (value) {
|
|
96
|
+
/** @type {?} */
|
|
97
|
+
let numStr = value.toString();
|
|
98
|
+
let [integerPart, decimalPart] = numStr.split('.');
|
|
99
|
+
/** @type {?} */
|
|
100
|
+
let lastThree = integerPart.slice(-3);
|
|
101
|
+
/** @type {?} */
|
|
102
|
+
let otherNumbers = integerPart.slice(0, -3);
|
|
103
|
+
if (otherNumbers !== '') {
|
|
104
|
+
lastThree = ',' + lastThree;
|
|
105
|
+
}
|
|
106
|
+
/** @type {?} */
|
|
107
|
+
let formattedIntegerPart = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + lastThree;
|
|
108
|
+
/** @type {?} */
|
|
109
|
+
const result = decimalPart ? `${formattedIntegerPart}.${decimalPart.substr(0, 2)}` : formattedIntegerPart;
|
|
110
|
+
return result;
|
|
104
111
|
}
|
|
105
|
-
/** @type {?} */
|
|
106
|
-
let formattedIntegerPart = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + lastThree;
|
|
107
|
-
/** @type {?} */
|
|
108
|
-
const result = decimalPart ? `${formattedIntegerPart}.${decimalPart.substr(0, 2)}` : formattedIntegerPart;
|
|
109
|
-
return result;
|
|
110
112
|
}
|
|
111
113
|
}
|
|
112
114
|
DataPointsComponent.decorators = [
|
|
113
115
|
{ type: Component, args: [{
|
|
114
116
|
selector: 'sb-uic-data-points',
|
|
115
|
-
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\r\n <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\r\n <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\r\n <div class=\"flex flex-row gap-3 items-top\">\r\n <div>\r\n <img class=\"objIcon\" [src]=\"obj.icon\" [style.color]=\"obj?.iconColor\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && !isDataLoading\">\r\n <div class=\"logodiv margin-bottom-s\">\r\n <img alt=\"Application Logo\" class=\"logoimg\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg\">\r\n </div>\r\n <div *ngFor=\"let obj of objectData; let i = index\">\r\n <div class=\"flex flex-row gap-3 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n <div class=\"v2-icons-div\">\r\n <div class=\"v2-icon-contaier\"\r\n [style.background]=\"obj?.iconBackgroupColorV2\"\r\n [style.borderColor]=\"obj?.valueColorV2\">\r\n <img class=\"v2-objIcon\" [src]=\"obj.icon\" />\r\n </div>\r\n </div>\r\n <div class=\"v2-content-div\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div class=\"v2-label\" [style.color]=\"obj?.labelColorV2\">\r\n {{obj?.label}}\r\n </div>\r\n <div class=\"flex flex-row dot-container\" *ngIf=\"i+1 !== objectData.length\">\r\n <div class=\"v2-dot\"\r\n [style.background]=\"obj?.valueColorV2\"\r\n [style.borderColor]=\"obj?.labelColorV2\"></div>\r\n <div class=\"v2-border\" [style.background]=\"obj?.labelColorV2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && !isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div class=\"mob-image-container-v2\" [style.borderColor]=\"obj?.valueColorV2\">\r\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon-v2\" [src]=\"obj.icon\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColorV2\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && !isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon\" [src]=\"obj.icon\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n <div class=\"top-container\">\r\n <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\r\n <div *ngFor=\"let item of chunk\">\r\n <div class=\"flex-item\">\r\n <div class=\"flex flex-row gap-5 infra-element-div\">\r\n <div>\r\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\r\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"(item && item.value)\">\r\n {{item?.value | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div> \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow' && !isDataLoading\">\r\n <div class=\"flex space-around\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"singleFlexeRow-div singleFlexeRow flex-item\">\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <img [style.color]=\"obj?.iconColor\" class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\r\n </div>\r\n <div class=\"flex flex-col\">\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<!-- skeleton loaders -->\r\n\r\n<ng-container>\r\n <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && isDataLoading\">\r\n <div *ngFor=\"let obj of [1,2,3,4]l let i = index\">\r\n <div class=\"flex flex-row gap-4 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n <div class=\"v2-icons-div\">\r\n <div class=\"v2-icon-contaier\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'55px'\"\r\n [height]=\"'55px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n <div class=\"v2-content-div\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColor\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"v2-label\" [style.color]=\"obj?.labelColor\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'16px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container>\r\n <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\r\n <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\r\n <div class=\"element-div linebreak\" >\r\n <div class=\"flex flex-row gap-3 items-top\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\r\n [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'singleFlexeRow' && isDataLoading\">\r\n <div class=\"flex\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"singleFlexeRow-div flex-item\">\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"flex flex-col\">\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'20px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'20px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n",
|
|
117
|
+
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\r\n <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\r\n <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\r\n <div class=\"flex flex-row gap-3 items-top\">\r\n <div>\r\n <img class=\"objIcon\" [src]=\"obj.icon\" [style.color]=\"obj?.iconColor\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && !isDataLoading\">\r\n <div class=\"logodiv margin-bottom-s\">\r\n <img alt=\"Application Logo\" class=\"logoimg\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg\">\r\n </div>\r\n <div *ngFor=\"let obj of objectData; let i = index\">\r\n <div class=\"flex flex-row gap-3 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n <div class=\"v2-icons-div\">\r\n <div class=\"v2-icon-contaier\"\r\n [style.background]=\"obj?.iconBackgroupColorV2\"\r\n [style.borderColor]=\"obj?.valueColorV2\">\r\n <img class=\"v2-objIcon\" [src]=\"obj.icon\" />\r\n </div>\r\n </div>\r\n <div class=\"v2-content-div\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\" *ngIf=\"!(obj && obj?.value)\">0</div>\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div class=\"v2-label\" [style.color]=\"obj?.labelColorV2\">\r\n {{obj?.label}}\r\n </div>\r\n <div class=\"flex flex-row dot-container\" *ngIf=\"i+1 !== objectData?.length\">\r\n <div class=\"v2-dot\"\r\n [style.background]=\"obj?.valueColorV2\"\r\n [style.borderColor]=\"obj?.labelColorV2\"></div>\r\n <div class=\"v2-border\" [style.background]=\"obj?.labelColorV2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && !isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div class=\"mob-image-container-v2\" [style.borderColor]=\"obj?.valueColorV2\">\r\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon-v2\" [src]=\"obj.icon\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColorV2\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && !isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon\" [src]=\"obj.icon\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n <div class=\"top-container\">\r\n <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\r\n <div *ngFor=\"let item of chunk\">\r\n <div class=\"flex-item\">\r\n <div class=\"flex flex-row gap-5 infra-element-div\">\r\n <div>\r\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\r\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"(item && item.value)\">\r\n {{item?.value | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div> \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow' && !isDataLoading\">\r\n <div class=\"flex space-around\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"singleFlexeRow-div singleFlexeRow flex-item\">\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <img [style.color]=\"obj?.iconColor\" class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\r\n </div>\r\n <div class=\"flex flex-col\">\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<!-- skeleton loaders -->\r\n\r\n<ng-container>\r\n <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && isDataLoading\">\r\n <div *ngFor=\"let obj of [1,2,3,4]l let i = index\">\r\n <div class=\"flex flex-row gap-4 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n <div class=\"v2-icons-div\">\r\n <div class=\"v2-icon-contaier\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'55px'\"\r\n [height]=\"'55px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n <div class=\"v2-content-div\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColor\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"v2-label\" [style.color]=\"obj?.labelColor\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'16px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container>\r\n <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\r\n <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\r\n <div class=\"element-div linebreak\" >\r\n <div class=\"flex flex-row gap-3 items-top\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\r\n [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'singleFlexeRow' && isDataLoading\">\r\n <div class=\"flex\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"singleFlexeRow-div flex-item\">\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"flex flex-col\">\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'20px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'20px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n",
|
|
116
118
|
styles: ["@font-face{font-family:Poppins;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format('woff2'),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format('woff')}.mob-image-container-v2{height:28px;width:28px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff}.mobjIcon-v2{width:18px;height:18px}.v2-icon-contaier{height:45px;width:45px;border:1px solid #fff;border-radius:50%;align-items:center;display:flex;justify-content:center}.v2-value{font-family:Poppins;font-size:20px;font-weight:600;line-height:20px;text-align:left;padding-bottom:5px;padding-left:10px}.v2-label{font-family:Poppins;font-size:12px;font-weight:400;line-height:18px;text-align:left;padding-bottom:5px;padding-left:10px}.dot-container{align-items:center}.v2-dot{width:9px;height:9px;border:2px solid #fff;border-radius:50%}.v2-border{height:1px;width:182px}.white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.singleFlexeRow-flex-item{flex:0 0 auto;white-space:nowrap}.singleFlexeRow-div{padding:16px;border-radius:15px}.singleFlexeRowHeader{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.singleFlexeRowDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.singleFlexeRowIcon{width:24px;height:24px}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left;width:230px;text-overflow:ellipsis;overflow:hidden}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}.space-around{justify-content:space-evenly}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}@media screen and (min-width:1280px){.customdiv{margin-left:24%}}@media screen and (min-width:1690px){.customdiv{margin-left:34%}}@media screen and (min-width:1904px){.customdiv{margin-left:44%}}.logodiv{background:#fff;width:150px;border-radius:45px;text-align:center;padding:8px 0 2px}.logoimg{width:114px}"]
|
|
117
119
|
}] }
|
|
118
120
|
];
|
|
@@ -145,4 +147,4 @@ if (false) {
|
|
|
145
147
|
/** @type {?} */
|
|
146
148
|
DataPointsComponent.prototype.insightSvc;
|
|
147
149
|
}
|
|
148
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
150
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBT3hFLE1BQU0sT0FBTyxtQkFBbUI7Ozs7SUFTOUIsWUFBbUIsVUFBNkI7UUFBN0IsZUFBVSxHQUFWLFVBQVUsQ0FBbUI7UUFQdkMsZUFBVSxHQUFXLEVBQUUsQ0FBQTtRQUN2QixxQkFBZ0IsR0FBWSxLQUFLLENBQUE7UUFDakMsZUFBVSxHQUFTLEVBQUUsQ0FBQTtRQUNyQixlQUFVLEdBQVEsRUFBRSxDQUFBO1FBQzdCLGdCQUFXLEdBQVksRUFBRSxDQUFBO1FBQ3pCLGtCQUFhLEdBQVksS0FBSyxDQUFBO0lBRXNCLENBQUM7Ozs7SUFFckQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLFlBQVksRUFBRTtZQUN2RCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFBO1NBQ25FO1FBQ0QsSUFBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUE7WUFDekIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO1NBQ3JCO0lBQ0gsQ0FBQzs7Ozs7SUFFRCxpQkFBaUIsQ0FBQyxHQUFVOztjQUNwQixJQUFJLEdBQVksRUFBRTtRQUN4QixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxDQUFD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QXdCOztJQUN4Qix5Q0FBZ0M7O0lBQ2hDLCtDQUEwQzs7SUFDMUMseUNBQThCOztJQUM5Qix5Q0FBNkI7O0lBQzdCLDBDQUF5Qjs7SUFDekIsNENBQThCOztJQUVsQix5Q0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NiLXVpYy1kYXRhLXBvaW50cycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtcG9pbnRzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kYXRhLXBvaW50cy5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGFQb2ludHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIG9iamVjdERhdGE6IGFueVxyXG4gIEBJbnB1dCgpIGxheW91dFR5cGU6IHN0cmluZyA9ICcnXHJcbiAgQElucHV0KCkgZmV0Y2hEYXRhRnJvbUFwaTogYm9vbGVhbiA9IGZhbHNlXHJcbiAgQElucHV0KCkgcHJvdmlkZXJJZCA6IGFueSA9ICcnXHJcbiAgQElucHV0KCkgcGFnZUxheW91dDogYW55ID0gJydcclxuICBjdXN0b21BcnJheTogYW55W11bXSA9IFtdXHJcbiAgaXNEYXRhTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlXHJcbiAgXHJcbiAgY29uc3RydWN0b3IocHVibGljIGluc2lnaHRTdmM6IEluc2l0ZURhdGFTZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5vYmplY3REYXRhICYmIHRoaXMubGF5b3V0VHlwZSA9PT0gJ2dyaWRMYXlvdXQnKSB7XHJcbiAgICAgIHRoaXMuY3VzdG9tQXJyYXkgPSB0aGlzLmNyZWF0ZUN1c3RvbUFycmF5KHRoaXMub2JqZWN0RGF0YS5tZXRyaWNzKVxyXG4gICAgfVxyXG4gICAgaWYodGhpcy5mZXRjaERhdGFGcm9tQXBpKSB7XHJcbiAgICAgIHRoaXMuaXNEYXRhTG9hZGluZyA9IHRydWVcclxuICAgICAgdGhpcy5nZXRJbnNpdGVEYXRhKClcclxuICAgIH1cclxuICB9ICBcclxuXHJcbiAgY3JlYXRlQ3VzdG9tQXJyYXkoYXJyOiBhbnlbXSk6IGFueVtdW10ge1xyXG4gICAgY29uc3QgbkJ5bjogYW55W11bXSA9IFtdXHJcbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IGFyci5sZW5ndGg7IGkgKz0gdGhpcy5vYmplY3REYXRhLmRhdGFDb2xTcGFuKSB7XHJcbiAgICAgIG5CeW4ucHVzaChhcnIuc2xpY2UoaSwgaSArIHRoaXMub2JqZWN0RGF0YS5kYXRhQ29sU3BhbikpXHJcbiAgICB9XHJcbiAgICByZXR1cm4gbkJ5biAgIFxyXG4gIH1cclxuXHJcbiAgZ2V0SW5zaXRlRGF0YSgpe1xyXG4gICAgbGV0IHJlcXVlc3Q6IGFueSA9IHt9XHJcbiAgICByZXF1ZXN0ICA9IHtcclxuICAgICAgXCJyZXF1ZXN0XCI6IHtcclxuICAgICAgICAgIFwiZmlsdGVyc1wiOiB7XHJcbiAgICAgICAgICAgICAgXCJvcmdhbmlzYXRpb25zXCI6IFtcclxuICAgICAgICAgICAgICAgICAgdGhpcy5wcm92aWRlcklkXHJcbiAgICAgICAgICAgICAgXVxyXG4gICAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5wYWdlTGF5b3V0ICYmIHRoaXMucGFnZUxheW91dCA9PT0gJ21kbycpIHtcclxuICAgICAgcmVxdWVzdCAgPSB7XHJcbiAgICAgICAgXCJyZXF1ZXN0XCI6IHtcclxuICAgICAgICAgICAgXCJmaWx0ZXJzXCI6IHtcclxuICAgICAgICAgICAgICBcInJlcXVlc3RUeXBlXCI6IFwiTURPX0lOU0lHSFRcIixcclxuICAgICAgICAgICAgICAgIFwib3JnYW5pc2F0aW9uc1wiOiBbXHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5wcm92aWRlcklkXHJcbiAgICAgICAgICAgICAgICBdXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHRoaXMuaW5zaWdodFN2Yy5mZXRjaFNlYXJjaERhdGEocmVxdWVzdCkuc3Vic2NyaWJlKChyZXM6IGFueSk9PiB7XHJcbiAgICAgIGlmKHJlcyAmJiByZXMucmVzdWx0ICYmIHJlcy5yZXN1bHQucmVzcG9uc2UgJiYgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMgJiYgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMubGVuZ3RoKSB7XHJcbiAgICAgICAgcmVzLnJlc3VsdC5yZXNwb25zZS5udWRnZXMuZm9yRWFjaCgobnVkZ2VEYXRhOiBhbnkpID0+IHtcclxuICAgICAgICAgIGlmKHRoaXMucHJvdmlkZXJJZCAmJiB0aGlzLnByb3ZpZGVySWQgPT09IG51ZGdlRGF0YS5vcmdJZCkge1xyXG4gICAgICAgICAgICB0aGlzLm9iamVjdERhdGEgPSBudWRnZURhdGEuZGF0YVxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0pXHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5pc0RhdGFMb2FkaW5nID0gZmFsc2VcclxuICAgIH0pXHJcblxyXG4gIH1cclxuXHJcbiAgY29udmVyVG9JbmRpYW5TeXN0ZW0odmFsdWU6IGFueSkge1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIGxldCBudW1TdHIgPSB2YWx1ZS50b1N0cmluZygpXHJcbiAgICAgIGxldCBbaW50ZWdlclBhcnQsIGRlY2ltYWxQYXJ0XSA9IG51bVN0ci5zcGxpdCgnLicpXHJcbiAgICAgIGxldCBsYXN0VGhyZWUgPSBpbnRlZ2VyUGFydC5zbGljZSgtMyk7XHJcbiAgICAgIGxldCBvdGhlck51bWJlcnMgPSBpbnRlZ2VyUGFydC5zbGljZSgwLCAtMyk7XHJcbiAgICAgIGlmIChvdGhlck51bWJlcnMgIT09ICcnKSB7XHJcbiAgICAgICAgbGFzdFRocmVlID0gJywnICsgbGFzdFRocmVlO1xyXG4gICAgICB9XHJcbiAgICAgIGxldCBmb3JtYXR0ZWRJbnRlZ2VyUGFydCA9IG90aGVyTnVtYmVycy5yZXBsYWNlKC9cXEIoPz0oXFxkezJ9KSsoPyFcXGQpKS9nLCAnLCcpICsgbGFzdFRocmVlO1xyXG4gICAgICBjb25zdCByZXN1bHQgPSBkZWNpbWFsUGFydCA/IGAke2Zvcm1hdHRlZEludGVnZXJQYXJ0fS4ke2RlY2ltYWxQYXJ0LnN1YnN0cigwLDIpfWAgOiBmb3JtYXR0ZWRJbnRlZ2VyUGFydDtcclxuICAgICAgcmV0dXJuIHJlc3VsdFxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -41,7 +41,7 @@ export class TopLearnersComponent {
|
|
|
41
41
|
*/
|
|
42
42
|
getData() {
|
|
43
43
|
this.loading = true;
|
|
44
|
-
this.insightSvc.fetchLearner().subscribe((/**
|
|
44
|
+
this.insightSvc.fetchLearner(this.channelId).subscribe((/**
|
|
45
45
|
* @param {?} res
|
|
46
46
|
* @return {?}
|
|
47
47
|
*/
|
|
@@ -152,4 +152,4 @@ if (false) {
|
|
|
152
152
|
/** @type {?} */
|
|
153
153
|
TopLearnersComponent.prototype.insightSvc;
|
|
154
154
|
}
|
|
155
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
155
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLWxlYXJuZXJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vdG9wLWxlYXJuZXJzL3RvcC1sZWFybmVycy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sS0FBSyxPQUFPLE1BQU0sUUFBUSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztNQUNsRSxNQUFNLEdBQUcsT0FBTztBQU10QixNQUFNLE9BQU8sb0JBQW9COzs7O0lBc0IvQixZQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQWpCaEQsWUFBTyxHQUFZLEtBQUssQ0FBQTtRQUN4QixVQUFLLEdBQVcsRUFBRSxDQUFBO1FBQ2xCLFlBQU8sR0FBUSxFQUFFLENBQUE7UUFFakIsV0FBTSxHQUFRO1lBQ1osU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztZQUNULFNBQVM7WUFDVCxTQUFTO1lBQ1QsU0FBUztTQUNWLENBQUE7SUFFb0QsQ0FBQzs7OztJQUV0RCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFBO1FBQ2QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQTtJQUN0RSxDQUFDOzs7O0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFBO1FBQ25CLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTOzs7O1FB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Ozs7O1lBTlEsaUJBQWlCOzs7eUJBU3ZCLEtBQUs7d0JBQ0wsS0FBSzsyQkFDTCxLQUFLOzs7O0lBRk4sMENBQXdCOztJQUN4Qix5Q0FBdUI7O0lBQ3ZCLDRDQUEwQjs7SUFDMUIsdUNBQXdCOztJQUN4QixxQ0FBa0I7O0lBQ2xCLHVDQUFpQjs7SUFFakIsc0NBV0M7O0lBRVcsMENBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCAqIGFzIG1vbWVudF8gZnJvbSAnbW9tZW50JztcclxuaW1wb3J0IHsgSW5zaXRlRGF0YVNlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvaW5zaXRlLWRhdGEuc2VydmljZSc7XHJcbmNvbnN0IG1vbWVudCA9IG1vbWVudF87XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ItdWljLXRvcC1sZWFybmVycycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RvcC1sZWFybmVycy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdG9wLWxlYXJuZXJzLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRvcExlYXJuZXJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XHJcbiAgQElucHV0KCkgY2hhbm5lbElkOiBhbnlcclxuICBASW5wdXQoKSBjaGFubm5lbE5hbWU6IGFueVxyXG4gIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZVxyXG4gIG1vbnRoOiBzdHJpbmcgPSAnJ1xyXG4gIHJlc3VsdHM6IGFueSA9IFtdXHJcblxyXG4gIGNvbG9yczogYW55ID0gW1xyXG4gICAgJyNFQjcxODEnLCAvLyByZWRcclxuICAgICcjMzA2OTMzJywgLy8gZ3JlZW5cclxuICAgICcjMDAwMDAwJywgLy8gYmxhY2tcclxuICAgICcjMzY3MEIyJywgLy8gYmx1ZVxyXG4gICAgJyM0RTlFODcnLFxyXG4gICAgJyM3RTRDOEQnLFxyXG4gICAgJyNFQjcxODEnLCAvLyByZWRcclxuICAgICcjMzA2OTMzJywgLy8gZ3JlZW5cclxuICAgICcjMDAwMDAwJywgLy8gYmxhY2tcclxuICAgICcjMzY3MEIyJywgLy8gYmx1ZVxyXG4gIF1cclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGluc2lnaHRTdmM6IEluc2l0ZURhdGFTZXJ2aWNlLCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5nZXREYXRhKClcclxuICAgIHRoaXMubW9udGggPSBuZXcgRGF0ZSgpLnRvTG9jYWxlU3RyaW5nKCdkZWZhdWx0JywgeyBtb250aDogJ2xvbmcnIH0pXHJcbiAgfVxyXG5cclxuICBnZXREYXRhKCkge1xyXG4gICAgdGhpcy5sb2FkaW5nID0gdHJ1ZVxyXG4gICAgdGhpcy5pbnNpZ2h0U3ZjLmZldGNoTGVhcm5lcih0aGlzLmNoYW5uZWxJZCkuc3Vic2NyaWJlKChyZXM6IGFueSk9PiB7XHJcbiAgICAgIGlmIChyZXMgJiYgcmVzLnJlc3VsdCAmJiByZXMucmVzdWx0LnJlc3VsdCAmJiByZXMucmVzdWx0LnJlc3VsdC5sZW5ndGgpIHtcclxuICAgICAgICB0aGlzLnJlc3VsdHMgPSAgcmVzLnJlc3VsdC5yZXN1bHRcclxuICAgICAgICB0aGlzLm1vbnRoID0gbW9tZW50KCkubW9udGgoTnVtYmVyKHJlcy5yZXN1bHQucmVzdWx0WzBdLm1vbnRoKSAtIDEpLmZvcm1hdCgnTU1NTScpXHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2VcclxuICAgIH0sIChfZXJyb3I6IGFueSkgPT4ge1xyXG4gICAgICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IGFsaWduXHJcbiAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlXHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgZ2V0UmFuayhyYW5rOiBudW1iZXIpIHtcclxuICAgIGlmIChyYW5rID09PSAxKSB7XHJcbiAgICAgIHJldHVybiBcIjFzdFwiXHJcbiAgICB9IFxyXG4gICAgaWYgKHJhbmsgPT09IDIpIHtcclxuICAgICAgcmV0dXJuIFwiMm5kXCJcclxuICAgIH0gXHJcbiAgICBpZiAocmFuayA9PT0gMykge1xyXG4gICAgICByZXR1cm4gXCIzcmRcIlxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgcmV0dXJuIGAke3Jhbmt9dGhgXHJcbiAgICB9ICAgIFxyXG4gIH1cclxuXHJcbiAgZ2V0Q29sb3IoKSB7XHJcbiAgICBsZXQgY2lyY2xlQ29sb3IgPSAnJ1xyXG4gICAgY29uc3QgcmFuZG9tSW5kZXggPSBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiBNYXRoLmZsb29yKHRoaXMuY29sb3JzLmxlbmd0aCkpXHJcbiAgICBjaXJjbGVDb2xvciA9IHRoaXMuY29sb3JzW3JhbmRvbUluZGV4XVxyXG4gICAgcmV0dXJuIGNpcmNsZUNvbG9yXHJcbiAgfVxyXG5cclxuICBjcmVhdGVJbml0aXRhbHMobmFtZTogc3RyaW5nKSB7XHJcbiAgICBsZXQgaW5pdGlhbHMgPSAnJ1xyXG4gICAgY29uc3QgYXJyYXkgPSBuYW1lLnRvU3RyaW5nKCkuc3BsaXQoJyAnKVxyXG4gICAgaWYgKGFycmF5WzBdICE9PSAndW5kZWZpbmVkJyAmJiB0eXBlb2YgYXJyYXlbMV0gIT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgIGluaXRpYWxzICs9IGFycmF5WzBdLmNoYXJBdCgwKVxyXG4gICAgICBpbml0aWFscyArPSBhcnJheVsxXS5jaGFyQXQoMClcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgbmFtZS5sZW5ndGg7IGkgKz0gMSkge1xyXG4gICAgICAgIGlmIChuYW1lLmNoYXJBdChpKSA9PT0gJyAnKSB7XHJcbiAgICAgICAgICBjb250aW51ZVxyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAobmFtZS5jaGFyQXQoaSkgPT09IG5hbWUuY2hhckF0KGkpKSB7XHJcbiAgICAgICAgICBpbml0aWFscyArPSBuYW1lLmNoYXJBdChpKVxyXG5cclxuICAgICAgICAgIGlmIChpbml0aWFscy5sZW5ndGggPT09IDIpIHtcclxuICAgICAgICAgICAgYnJlYWtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiBpbml0aWFscy50b1VwcGVyQ2FzZSgpXHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -42,10 +42,11 @@ export class InsiteDataService {
|
|
|
42
42
|
return this.http.post(API_END_POINTS.TRAINING_DETAILS, request);
|
|
43
43
|
}
|
|
44
44
|
/**
|
|
45
|
+
* @param {?} channelId
|
|
45
46
|
* @return {?}
|
|
46
47
|
*/
|
|
47
|
-
fetchLearner() {
|
|
48
|
-
return this.http.get(API_END_POINTS.LEARNERS);
|
|
48
|
+
fetchLearner(channelId) {
|
|
49
|
+
return this.http.get(`${API_END_POINTS.LEARNERS}/${channelId}`);
|
|
49
50
|
}
|
|
50
51
|
}
|
|
51
52
|
InsiteDataService.decorators = [
|
|
@@ -65,4 +66,4 @@ if (false) {
|
|
|
65
66
|
*/
|
|
66
67
|
InsiteDataService.prototype.http;
|
|
67
68
|
}
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5zaXRlLWRhdGEuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19zZXJ2aWNlcy9pbnNpdGUtZGF0YS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztNQUdyQyxjQUFjLEdBQUc7SUFDckIsaUJBQWlCLEVBQUUsMENBQTBDO0lBQzdELGdCQUFnQixFQUFFLG9DQUFvQztJQUN0RCxxQkFBcUIsRUFBRSx5Q0FBeUM7SUFDaEUsUUFBUSxFQUFFLHlDQUF5QztDQUNwRDtBQUtELE1BQU0sT0FBTyxpQkFBaUI7Ozs7SUFFNUIsWUFDVSxJQUFnQjtRQUFoQixTQUFJLEdBQUosSUFBSSxDQUFZO0lBQ3ZCLENBQUM7Ozs7O0lBQ0osZUFBZSxDQUFDLE9BQVk7UUFDMUIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBTSxjQUFjLENBQUMsaUJBQWlCLEVBQUUsT0FBTyxDQUFDLENBQUE7SUFDdkUsQ0FBQzs7Ozs7SUFFRCxzQkFBc0IsQ0FBQyxPQUFZO1FBQ2pDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQU0sY0FBYyxDQUFDLHFCQUFxQixFQUFFLE9BQU8sQ0FBQyxDQUFBO0lBQzNFLENBQUM7Ozs7O0lBR0Qsb0JBQW9CLENBQUMsT0FBWTtRQUMvQixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFNLGNBQWMsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsQ0FBQTtJQUN0RSxDQUFDOzs7OztJQUVELFlBQVksQ0FBQyxTQUFjO1FBQ3pCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxjQUFjLENBQUMsUUFBUSxJQUFJLFNBQVMsRUFBRSxDQUFDLENBQUE7SUFDakUsQ0FBQzs7O1lBdkJGLFVBQVUsU0FBQztnQkFDVixVQUFVLEVBQUUsTUFBTTthQUNuQjs7OztZQWJRLFVBQVU7Ozs7Ozs7O0lBaUJmLGlDQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XHJcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5cclxuY29uc3QgQVBJX0VORF9QT0lOVFMgPSB7XHJcbiAgUFJPVklERVJfSU5TSUdIVFM6IGAvYXBpcy9wcm94aWVzL3Y4L21pY3Jvc2l0ZS9yZWFkL2luc2lnaHRzYCxcclxuICBUUkFJTklOR19ERVRBSUxTOiBgYXBpcy9wcm94aWVzL3Y4L3N1bmJpcmRpZ290L3NlYXJjaGAsXHJcbiAgQU5OT1VOQ0VNRU5UU19ERVRBSUxTOiBgYXBpcy9wcm94aWVzL3Y4L2Fubm91bmNlbWVudHMvdjEvc2VhcmNoYCxcclxuICBMRUFSTkVSUzogYGFwaXMvcHJveGllcy92OC9oYWxsb2ZmYW1lL3RvcC9sZWFybmVyc2BcclxufVxyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5zaXRlRGF0YVNlcnZpY2Uge1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgaHR0cDogSHR0cENsaWVudFxyXG4gICkge31cclxuICBmZXRjaFNlYXJjaERhdGEocmVxdWVzdDogYW55KTogT2JzZXJ2YWJsZTxhbnk+IHtcclxuICAgIHJldHVybiB0aGlzLmh0dHAucG9zdDxhbnk+KEFQSV9FTkRfUE9JTlRTLlBST1ZJREVSX0lOU0lHSFRTLCByZXF1ZXN0KVxyXG4gIH1cclxuXHJcbiAgZmV0Y2hBbm5vdW5jZW1lbnRzRGF0YShyZXF1ZXN0OiBhbnkpOiBPYnNlcnZhYmxlPGFueT4ge1xyXG4gICAgcmV0dXJuIHRoaXMuaHR0cC5wb3N0PGFueT4oQVBJX0VORF9QT0lOVFMuQU5OT1VOQ0VNRU5UU19ERVRBSUxTLCByZXF1ZXN0KVxyXG4gIH1cclxuXHJcblxyXG4gIGZldGNoVHJhaW5pbmdEZXRhaWxzKHJlcXVlc3Q6IGFueSk6IE9ic2VydmFibGU8YW55PiB7XHJcbiAgICByZXR1cm4gdGhpcy5odHRwLnBvc3Q8YW55PihBUElfRU5EX1BPSU5UUy5UUkFJTklOR19ERVRBSUxTLCByZXF1ZXN0KVxyXG4gIH1cclxuXHJcbiAgZmV0Y2hMZWFybmVyKGNoYW5uZWxJZDogYW55KTogT2JzZXJ2YWJsZTxhbnk+IHtcclxuICAgIHJldHVybiB0aGlzLmh0dHAuZ2V0KGAke0FQSV9FTkRfUE9JTlRTLkxFQVJORVJTfS8ke2NoYW5uZWxJZH1gKVxyXG4gIH1cclxuXHJcbn1cclxuIl19
|
|
@@ -93,7 +93,7 @@ var CardPortraitExtComponent = /** @class */ (function () {
|
|
|
93
93
|
{ type: Component, args: [{
|
|
94
94
|
selector: 'sb-uic-card-portrait-ext',
|
|
95
95
|
template: "<ng-container *ngIf=\"!isCardLoading\">\r\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\r\n greyOut:\r\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\r\n ? true\r\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\r\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\r\n <div class=\"display-contents\" [ngClass]=\"{\r\n disableClick:\r\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\r\n ? true\r\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\r\n }\">\r\n <ng-container *ngIf=\"widgetData?.content\">\r\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\r\n role=\"link\" i18n-aria-label>\r\n <ng-container *ngIf=\"!isCardFlipped\">\r\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\r\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\r\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\r\n matTooltip=\"Available only in Company's network\"\r\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\r\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\r\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\r\n <mat-icon>flip_to_back</mat-icon>\r\n </button>\r\n <mat-card-content class=\"min-top\">\r\n <div style=\"position: relative; z-index: 1;\">\r\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\r\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\r\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\r\n [alt]=\"widgetData?.content?.name\" />\r\n </ng-container>\r\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\r\n <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\r\n <img mat-card-image [src]=\"widgetData?.content?.appIcon \" loading=\"lazy\"\r\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\r\n [alt]=\"widgetData?.content?.name\" />\r\n </ng-container>\r\n <ng-template #defaultImg>\r\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\r\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\r\n [alt]=\"widgetData?.content?.name\" />\r\n </ng-template>\r\n </ng-container>\r\n <div class=\"source-div\" style=\"display: none;\">\r\n <img [src]=\"widgetData?.content?.contentPartner?.link\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\r\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.contentId)\" />\r\n </div>\r\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\r\n <div class=\"cbp-mark\">\r\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.contentId] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2 \">\r\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\r\n cbpData: cbPlanMapData[widgetData?.content?.contentId]\r\n }}\"></ng-container>\r\n </ng-container>\r\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\r\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\r\n <span class=\" ws-mat-white-text duration\">\r\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\r\n </span>\r\n </div>\r\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.programDuration > 0\">\r\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\r\n <span class=\" ws-mat-white-text duration\">\r\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\r\n </span>\r\n </div>\r\n </div>\r\n <div class=\"padding-m\">\r\n <div class=\"course_widget flex margin-remove\">\r\n <!-- <div class=\"flex flex-end course_v2\">\r\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\r\n <sb-uic-display-content-type [useTranslation]=\"false\" i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.topic\"\r\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"'External Course'\">\r\n \r\n </sb-uic-display-content-type>\r\n </div> -->\r\n </div>\r\n <div [id]=\"'m-c-'+ widgetData?.content?.contentId\"\r\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\" [matTooltip]=\"widgetData?.content?.name\">\r\n {{ widgetData?.content?.name }}\r\n </div>\r\n <div class=\"flex w-full flex-wrap flex-middle\">\r\n <div class=\"course_logo_box\">\r\n <img [src]=\"widgetData?.content?.contentPartner?.link \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\r\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.contentId)\" />\r\n </div>\r\n <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\r\n <span class=\"org-text\">By {{ (widgetData?.content?.contentPartner?.contentPartnerName) ? widgetData?.content?.contentPartner?.contentPartnerName : 'Karmayogi Bharat' }}</span>\r\n </div>\r\n <div class=\"flex flex-middle rating-session margin-top-m\">\r\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\r\n <mat-icon class=\"mr-1\">star</mat-icon>\r\n <span>{{widgetData?.content?.avgRating}}</span>\r\n </div>\r\n <!-- <span class=\"most-enrolled-text margin-left-m\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span> -->\r\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\r\n <span class=\"most-enrolled-text margin-left-xs\">\r\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\r\n </span>\r\n </ng-container>\r\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\r\n <span class=\"most-enrolled-text margin-left-xs\">\r\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\r\n </span>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </mat-card-content>\r\n </ng-container>\r\n <ng-container *ngIf=\"isCardFlipped\">\r\n <div class=\"flex items-center\">\r\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\r\n <button mat-icon-button (click)=\"isCardFlipped = false\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n <p class=\"text-justify mat-body-1\">\r\n {{ widgetData?.content?.reason }}\r\n </p>\r\n </ng-container>\r\n </a>\r\n </ng-container>\r\n </div>\r\n </mat-card>\r\n </ng-container>\r\n \r\n <ng-container *ngIf=\"isCardLoading\">\r\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\r\n <div class=\"display-contents\" >\r\n <ng-container *ngIf=\"!isCardFlipped\">\r\n <mat-card-content class=\"min-top\">\r\n <div style=\"position: relative; z-index: 1;\">\r\n <ng-container>\r\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\r\n </ng-container>\r\n </div>\r\n <div class=\"padding-m\">\r\n <div class=\"course_widget flex margin-remove\">\r\n <div class=\"flex flex-end\">\r\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\r\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\r\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\r\n <div class=\"\">\r\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\r\n </div>\r\n <div class=\"flex flex-middle rating-session margin-top-m\">\r\n <div class=\"flex flex-middle\">\r\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </mat-card-content>\r\n </ng-container>\r\n </div>\r\n </mat-card>\r\n </ng-container>\r\n \r\n <ng-template #cbpPlan let-data=\"data\">\r\n <div class=\"cbp-mark left-0 border-top-radius\">\r\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\r\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\r\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\r\n </div>\r\n </ng-template>",
|
|
96
|
-
styles: [".course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.card-standard-container{position:relative;width:245px;
|
|
96
|
+
styles: [".course_widget{margin-top:10px}.course_widget .mat-icon{vertical-align:middle;color:#ef951e!important}.course_widget .course_v2{border:1px solid #ef951e;padding:4px 8px;align-items:end;border-radius:16px}.course_widget .main_icon{font-size:16px;width:16px;height:16px}.rating-session mat-icon{font-size:16px;height:16px;width:12px;padding-right:3px;color:#ef951e}.rating-session span{font-size:11px}.rating-session .most-enrolled-text{padding:0 8px;background:#ffea9e;border-radius:4px}.card-standard-container{position:relative;width:245px;min-height:300px;height:300px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;margin:20px 8px}.card-standard-container .progress-bar{width:101%;margin-left:-15px;display:flex;margin-top:0;background:bisque;position:absolute;bottom:0}.card-standard-container ::ng-deep .mat-progress-bar{height:8px!important}.card-standard-container .icon_text{font-size:12px;line-height:16px;text-transform:uppercase}.card-standard-container .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-standard-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-standard-container .course_logo_box p{display:inline-block;vertical-align:top}.card-standard-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-standard-container .source-div{position:relative;top:100px;background:#fff;z-index:3;border:1px solid #dedfe0;min-width:72px;min-height:72px;max-width:72px;max-height:72px;display:flex;border-radius:8px}.card-standard-container .source-div .source-icon{border-radius:8px;display:block;margin:auto;max-width:58px;max-height:-webkit-fill-available}.card-standard-container mat-card-content{background:#fff}.card-standard-container .card-img{min-width:245px;max-height:140px;min-height:140px;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.card-standard-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-standard-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-standard-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-standard-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-standard-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-standard-container .basic{margin:auto 0}.card-standard-container .title-text{word-break:break-all;white-space:initial;margin:8px 0;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:48px}.card-standard-container .description-text{position:relative;overflow:hidden;height:42px;white-space:normal;text-overflow:ellipsis}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}.width-238{width:238px!important}.cbp-mark{border-radius:12px 0;opacity:1;background-image:linear-gradient(90deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);position:absolute;top:0;padding:8px}.cbp-mark p{opacity:1;background-color:#fff;padding:4px;opacity:1;color:#1b2133;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:Regular;letter-spacing:.5px;text-align:left;line-height:12px;margin-bottom:0}.cbpwidth{width:340px}.cbp-plan{border-radius:4px;opacity:1;background-color:#1b4ca1;top:4px;left:4px;opacity:1;color:rgba(255,255,255,.95);font-family:Lato-Bold;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.25px;text-align:center;line-height:16px;padding:4px}.cbp-info{opacity:1;color:#fff;font-family:Lato-Regular;font-size:10px;font-weight:400;font-style:normal;letter-spacing:.5px;text-align:left;line-height:12px;padding:2px}.cbp-danger{border-radius:2px;border:1px solid rgba(0,0,0,.08);background-color:#d13924!important;color:#fff!important;opacity:1}.cbp-success{border-radius:2px;border:1px solid #1d8922;background-color:#1d8922!important;color:#fff!important;opacity:1}.cbp-warning{border-radius:2px;border:1px solid #ef951e;background-color:#ef951e!important;color:#fff!important;opacity:1}.tooltiptext{visibility:hidden;width:90px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:4px 0;position:absolute;z-index:1;top:25px;left:-32px;font-size:12px}.title-text:hover .tooltiptext{visibility:visible}"]
|
|
97
97
|
}] }
|
|
98
98
|
];
|
|
99
99
|
/** @nocollapse */
|
|
@@ -105,26 +105,28 @@ var DataPointsComponent = /** @class */ (function () {
|
|
|
105
105
|
* @return {?}
|
|
106
106
|
*/
|
|
107
107
|
function (value) {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
108
|
+
if (value) {
|
|
109
|
+
/** @type {?} */
|
|
110
|
+
var numStr = value.toString();
|
|
111
|
+
var _a = tslib_1.__read(numStr.split('.'), 2), integerPart = _a[0], decimalPart = _a[1];
|
|
112
|
+
/** @type {?} */
|
|
113
|
+
var lastThree = integerPart.slice(-3);
|
|
114
|
+
/** @type {?} */
|
|
115
|
+
var otherNumbers = integerPart.slice(0, -3);
|
|
116
|
+
if (otherNumbers !== '') {
|
|
117
|
+
lastThree = ',' + lastThree;
|
|
118
|
+
}
|
|
119
|
+
/** @type {?} */
|
|
120
|
+
var formattedIntegerPart = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + lastThree;
|
|
121
|
+
/** @type {?} */
|
|
122
|
+
var result = decimalPart ? formattedIntegerPart + "." + decimalPart.substr(0, 2) : formattedIntegerPart;
|
|
123
|
+
return result;
|
|
117
124
|
}
|
|
118
|
-
/** @type {?} */
|
|
119
|
-
var formattedIntegerPart = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ',') + lastThree;
|
|
120
|
-
/** @type {?} */
|
|
121
|
-
var result = decimalPart ? formattedIntegerPart + "." + decimalPart.substr(0, 2) : formattedIntegerPart;
|
|
122
|
-
return result;
|
|
123
125
|
};
|
|
124
126
|
DataPointsComponent.decorators = [
|
|
125
127
|
{ type: Component, args: [{
|
|
126
128
|
selector: 'sb-uic-data-points',
|
|
127
|
-
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\r\n <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\r\n <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\r\n <div class=\"flex flex-row gap-3 items-top\">\r\n <div>\r\n <img class=\"objIcon\" [src]=\"obj.icon\" [style.color]=\"obj?.iconColor\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && !isDataLoading\">\r\n <div class=\"logodiv margin-bottom-s\">\r\n <img alt=\"Application Logo\" class=\"logoimg\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg\">\r\n </div>\r\n <div *ngFor=\"let obj of objectData; let i = index\">\r\n <div class=\"flex flex-row gap-3 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n <div class=\"v2-icons-div\">\r\n <div class=\"v2-icon-contaier\"\r\n [style.background]=\"obj?.iconBackgroupColorV2\"\r\n [style.borderColor]=\"obj?.valueColorV2\">\r\n <img class=\"v2-objIcon\" [src]=\"obj.icon\" />\r\n </div>\r\n </div>\r\n <div class=\"v2-content-div\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div class=\"v2-label\" [style.color]=\"obj?.labelColorV2\">\r\n {{obj?.label}}\r\n </div>\r\n <div class=\"flex flex-row dot-container\" *ngIf=\"i+1 !== objectData.length\">\r\n <div class=\"v2-dot\"\r\n [style.background]=\"obj?.valueColorV2\"\r\n [style.borderColor]=\"obj?.labelColorV2\"></div>\r\n <div class=\"v2-border\" [style.background]=\"obj?.labelColorV2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && !isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div class=\"mob-image-container-v2\" [style.borderColor]=\"obj?.valueColorV2\">\r\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon-v2\" [src]=\"obj.icon\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColorV2\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && !isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon\" [src]=\"obj.icon\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n <div class=\"top-container\">\r\n <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\r\n <div *ngFor=\"let item of chunk\">\r\n <div class=\"flex-item\">\r\n <div class=\"flex flex-row gap-5 infra-element-div\">\r\n <div>\r\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\r\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"(item && item.value)\">\r\n {{item?.value | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div> \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow' && !isDataLoading\">\r\n <div class=\"flex space-around\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"singleFlexeRow-div singleFlexeRow flex-item\">\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <img [style.color]=\"obj?.iconColor\" class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\r\n </div>\r\n <div class=\"flex flex-col\">\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<!-- skeleton loaders -->\r\n\r\n<ng-container>\r\n <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && isDataLoading\">\r\n <div *ngFor=\"let obj of [1,2,3,4]l let i = index\">\r\n <div class=\"flex flex-row gap-4 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n <div class=\"v2-icons-div\">\r\n <div class=\"v2-icon-contaier\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'55px'\"\r\n [height]=\"'55px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n <div class=\"v2-content-div\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColor\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"v2-label\" [style.color]=\"obj?.labelColor\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'16px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container>\r\n <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\r\n <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\r\n <div class=\"element-div linebreak\" >\r\n <div class=\"flex flex-row gap-3 items-top\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\r\n [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'singleFlexeRow' && isDataLoading\">\r\n <div class=\"flex\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"singleFlexeRow-div flex-item\">\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"flex flex-col\">\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'20px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'20px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n",
|
|
129
|
+
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\r\n <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\r\n <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\r\n <div class=\"flex flex-row gap-3 items-top\">\r\n <div>\r\n <img class=\"objIcon\" [src]=\"obj.icon\" [style.color]=\"obj?.iconColor\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && !isDataLoading\">\r\n <div class=\"logodiv margin-bottom-s\">\r\n <img alt=\"Application Logo\" class=\"logoimg\" src=\"/assets/instances/eagle/app_logos/KarmayogiBharat_Logo_Horizontal.svg\">\r\n </div>\r\n <div *ngFor=\"let obj of objectData; let i = index\">\r\n <div class=\"flex flex-row gap-3 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n <div class=\"v2-icons-div\">\r\n <div class=\"v2-icon-contaier\"\r\n [style.background]=\"obj?.iconBackgroupColorV2\"\r\n [style.borderColor]=\"obj?.valueColorV2\">\r\n <img class=\"v2-objIcon\" [src]=\"obj.icon\" />\r\n </div>\r\n </div>\r\n <div class=\"v2-content-div\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\" *ngIf=\"!(obj && obj?.value)\">0</div>\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColorV2\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div class=\"v2-label\" [style.color]=\"obj?.labelColorV2\">\r\n {{obj?.label}}\r\n </div>\r\n <div class=\"flex flex-row dot-container\" *ngIf=\"i+1 !== objectData?.length\">\r\n <div class=\"v2-dot\"\r\n [style.background]=\"obj?.valueColorV2\"\r\n [style.borderColor]=\"obj?.labelColorV2\"></div>\r\n <div class=\"v2-border\" [style.background]=\"obj?.labelColorV2\"></div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && !isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div class=\"mob-image-container-v2\" [style.borderColor]=\"obj?.valueColorV2\">\r\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon-v2\" [src]=\"obj.icon\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColorMobV2\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColorV2\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && !isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon\" [src]=\"obj.icon\">\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\r\n <div class=\"top-container\">\r\n <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\r\n <div *ngFor=\"let item of chunk\">\r\n <div class=\"flex-item\">\r\n <div class=\"flex flex-row gap-5 infra-element-div\">\r\n <div>\r\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\r\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"(item && item.value)\">\r\n {{item?.value | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\r\n </div>\r\n <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div> \r\n</div>\r\n\r\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow' && !isDataLoading\">\r\n <div class=\"flex space-around\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"singleFlexeRow-div singleFlexeRow flex-item\">\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <img [style.color]=\"obj?.iconColor\" class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\r\n </div>\r\n <div class=\"flex flex-col\">\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n {{converToIndianSystem(obj?.value)}}\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<!-- skeleton loaders -->\r\n\r\n<ng-container>\r\n <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows-V2' && isDataLoading\">\r\n <div *ngFor=\"let obj of [1,2,3,4]l let i = index\">\r\n <div class=\"flex flex-row gap-4 {{(i+1 === objectData.length ? '' : 'pb-5')}}\">\r\n <div class=\"v2-icons-div\">\r\n <div class=\"v2-icon-contaier\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'55px'\"\r\n [height]=\"'55px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n <div class=\"v2-content-div\">\r\n <div class=\"flex flex-col\">\r\n <div class=\"v2-value\" [style.color]=\"obj?.valueColor\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"v2-label\" [style.color]=\"obj?.labelColor\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'16px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container>\r\n <div class=\"w-full metrics-web customdiv\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\r\n <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\r\n <div class=\"element-div linebreak\" >\r\n <div class=\"flex flex-row gap-3 items-top\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\r\n [height]=\"'32px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\r\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'singleFlexeRow' && isDataLoading\">\r\n <div class=\"flex\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"singleFlexeRow-div flex-item\">\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div class=\"flex flex-col\">\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'20px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'20px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow-v2' && isDataLoading\">\r\n <div class=\"flex gap-4\">\r\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\r\n <div class=\"melement-div flex-item\" [style.background]=\"obj?.backgroundV2\" >\r\n <div class=\"flex flex-row gap-3\">\r\n <div>\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\r\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\r\n </sb-uic-skeleton-loader>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</ng-container>\r\n",
|
|
128
130
|
styles: ["@font-face{font-family:Poppins;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format('woff2'),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format('woff')}.mob-image-container-v2{height:28px;width:28px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff}.mobjIcon-v2{width:18px;height:18px}.v2-icon-contaier{height:45px;width:45px;border:1px solid #fff;border-radius:50%;align-items:center;display:flex;justify-content:center}.v2-value{font-family:Poppins;font-size:20px;font-weight:600;line-height:20px;text-align:left;padding-bottom:5px;padding-left:10px}.v2-label{font-family:Poppins;font-size:12px;font-weight:400;line-height:18px;text-align:left;padding-bottom:5px;padding-left:10px}.dot-container{align-items:center}.v2-dot{width:9px;height:9px;border:2px solid #fff;border-radius:50%}.v2-border{height:1px;width:182px}.white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.singleFlexeRow-flex-item{flex:0 0 auto;white-space:nowrap}.singleFlexeRow-div{padding:16px;border-radius:15px}.singleFlexeRowHeader{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.singleFlexeRowDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.singleFlexeRowIcon{width:24px;height:24px}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left;width:230px;text-overflow:ellipsis;overflow:hidden}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}.space-around{justify-content:space-evenly}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}@media screen and (min-width:1280px){.customdiv{margin-left:24%}}@media screen and (min-width:1690px){.customdiv{margin-left:34%}}@media screen and (min-width:1904px){.customdiv{margin-left:44%}}.logodiv{background:#fff;width:150px;border-radius:45px;text-align:center;padding:8px 0 2px}.logoimg{width:114px}"]
|
|
129
131
|
}] }
|
|
130
132
|
];
|
|
@@ -160,4 +162,4 @@ if (false) {
|
|
|
160
162
|
/** @type {?} */
|
|
161
163
|
DataPointsComponent.prototype.insightSvc;
|
|
162
164
|
}
|
|
163
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
165
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1wb2ludHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9kYXRhLXBvaW50cy9kYXRhLXBvaW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUV4RTtJQWNFLDZCQUFtQixVQUE2QjtRQUE3QixlQUFVLEdBQVYsVUFBVSxDQUFtQjtRQVB2QyxlQUFVLEdBQVcsRUFBRSxDQUFBO1FBQ3ZCLHFCQUFnQixHQUFZLEtBQUssQ0FBQTtRQUNqQyxlQUFVLEdBQVMsRUFBRSxDQUFBO1FBQ3JCLGVBQVUsR0FBUSxFQUFFLENBQUE7UUFDN0IsZ0JBQVcsR0FBWSxFQUFFLENBQUE7UUFDekIsa0JBQWEsR0FBWSxLQUFLLENBQUE7SUFFc0IsQ0FBQzs7OztJQUVyRCxzQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxZQUFZLEVBQUU7WUFDdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQTtTQUNuRTtRQUNELElBQUcsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3hCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFBO1lBQ3pCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtTQUNyQjtJQUNILENBQUM7Ozs7O0lBRUQsK0NBQWlCOzs7O0lBQWpCLFVBQWtCLEdBQVU7O1lBQ3BCLElBQUksR0FBWSxFQUFFO1FBQ3hCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLENBQUMs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WSxtQkFBbUI7OztJQUM5Qix5Q0FBd0I7O0lBQ3hCLHlDQUFnQzs7SUFDaEMsK0NBQTBDOztJQUMxQyx5Q0FBOEI7O0lBQzlCLHlDQUE2Qjs7SUFDN0IsMENBQXlCOztJQUN6Qiw0Q0FBOEI7O0lBRWxCLHlDQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJbnNpdGVEYXRhU2VydmljZSB9IGZyb20gJy4uLy4uL19zZXJ2aWNlcy9pbnNpdGUtZGF0YS5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ItdWljLWRhdGEtcG9pbnRzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGF0YS1wb2ludHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2RhdGEtcG9pbnRzLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0YVBvaW50c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgb2JqZWN0RGF0YTogYW55XHJcbiAgQElucHV0KCkgbGF5b3V0VHlwZTogc3RyaW5nID0gJydcclxuICBASW5wdXQoKSBmZXRjaERhdGFGcm9tQXBpOiBib29sZWFuID0gZmFsc2VcclxuICBASW5wdXQoKSBwcm92aWRlcklkIDogYW55ID0gJydcclxuICBASW5wdXQoKSBwYWdlTGF5b3V0OiBhbnkgPSAnJ1xyXG4gIGN1c3RvbUFycmF5OiBhbnlbXVtdID0gW11cclxuICBpc0RhdGFMb2FkaW5nOiBib29sZWFuID0gZmFsc2VcclxuICBcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgaW5zaWdodFN2YzogSW5zaXRlRGF0YVNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLm9iamVjdERhdGEgJiYgdGhpcy5sYXlvdXRUeXBlID09PSAnZ3JpZExheW91dCcpIHtcclxuICAgICAgdGhpcy5jdXN0b21BcnJheSA9IHRoaXMuY3JlYXRlQ3VzdG9tQXJyYXkodGhpcy5vYmplY3REYXRhLm1ldHJpY3MpXHJcbiAgICB9XHJcbiAgICBpZih0aGlzLmZldGNoRGF0YUZyb21BcGkpIHtcclxuICAgICAgdGhpcy5pc0RhdGFMb2FkaW5nID0gdHJ1ZVxyXG4gICAgICB0aGlzLmdldEluc2l0ZURhdGEoKVxyXG4gICAgfVxyXG4gIH0gIFxyXG5cclxuICBjcmVhdGVDdXN0b21BcnJheShhcnI6IGFueVtdKTogYW55W11bXSB7XHJcbiAgICBjb25zdCBuQnluOiBhbnlbXVtdID0gW11cclxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgYXJyLmxlbmd0aDsgaSArPSB0aGlzLm9iamVjdERhdGEuZGF0YUNvbFNwYW4pIHtcclxuICAgICAgbkJ5bi5wdXNoKGFyci5zbGljZShpLCBpICsgdGhpcy5vYmplY3REYXRhLmRhdGFDb2xTcGFuKSlcclxuICAgIH1cclxuICAgIHJldHVybiBuQnluICAgXHJcbiAgfVxyXG5cclxuICBnZXRJbnNpdGVEYXRhKCl7XHJcbiAgICBsZXQgcmVxdWVzdDogYW55ID0ge31cclxuICAgIHJlcXVlc3QgID0ge1xyXG4gICAgICBcInJlcXVlc3RcIjoge1xyXG4gICAgICAgICAgXCJmaWx0ZXJzXCI6IHtcclxuICAgICAgICAgICAgICBcIm9yZ2FuaXNhdGlvbnNcIjogW1xyXG4gICAgICAgICAgICAgICAgICB0aGlzLnByb3ZpZGVySWRcclxuICAgICAgICAgICAgICBdXHJcbiAgICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGlmICh0aGlzLnBhZ2VMYXlvdXQgJiYgdGhpcy5wYWdlTGF5b3V0ID09PSAnbWRvJykge1xyXG4gICAgICByZXF1ZXN0ICA9IHtcclxuICAgICAgICBcInJlcXVlc3RcIjoge1xyXG4gICAgICAgICAgICBcImZpbHRlcnNcIjoge1xyXG4gICAgICAgICAgICAgIFwicmVxdWVzdFR5cGVcIjogXCJNRE9fSU5TSUdIVFwiLFxyXG4gICAgICAgICAgICAgICAgXCJvcmdhbmlzYXRpb25zXCI6IFtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLnByb3ZpZGVySWRcclxuICAgICAgICAgICAgICAgIF1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgdGhpcy5pbnNpZ2h0U3ZjLmZldGNoU2VhcmNoRGF0YShyZXF1ZXN0KS5zdWJzY3JpYmUoKHJlczogYW55KT0+IHtcclxuICAgICAgaWYocmVzICYmIHJlcy5yZXN1bHQgJiYgcmVzLnJlc3VsdC5yZXNwb25zZSAmJiByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcyAmJiByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcy5sZW5ndGgpIHtcclxuICAgICAgICByZXMucmVzdWx0LnJlc3BvbnNlLm51ZGdlcy5mb3JFYWNoKChudWRnZURhdGE6IGFueSkgPT4ge1xyXG4gICAgICAgICAgaWYodGhpcy5wcm92aWRlcklkICYmIHRoaXMucHJvdmlkZXJJZCA9PT0gbnVkZ2VEYXRhLm9yZ0lkKSB7XHJcbiAgICAgICAgICAgIHRoaXMub2JqZWN0RGF0YSA9IG51ZGdlRGF0YS5kYXRhXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSlcclxuICAgICAgfVxyXG4gICAgICB0aGlzLmlzRGF0YUxvYWRpbmcgPSBmYWxzZVxyXG4gICAgfSlcclxuXHJcbiAgfVxyXG5cclxuICBjb252ZXJUb0luZGlhblN5c3RlbSh2YWx1ZTogYW55KSB7XHJcbiAgICBpZiAodmFsdWUpIHtcclxuICAgICAgbGV0IG51bVN0ciA9IHZhbHVlLnRvU3RyaW5nKClcclxuICAgICAgbGV0IFtpbnRlZ2VyUGFydCwgZGVjaW1hbFBhcnRdID0gbnVtU3RyLnNwbGl0KCcuJylcclxuICAgICAgbGV0IGxhc3RUaHJlZSA9IGludGVnZXJQYXJ0LnNsaWNlKC0zKTtcclxuICAgICAgbGV0IG90aGVyTnVtYmVycyA9IGludGVnZXJQYXJ0LnNsaWNlKDAsIC0zKTtcclxuICAgICAgaWYgKG90aGVyTnVtYmVycyAhPT0gJycpIHtcclxuICAgICAgICBsYXN0VGhyZWUgPSAnLCcgKyBsYXN0VGhyZWU7XHJcbiAgICAgIH1cclxuICAgICAgbGV0IGZvcm1hdHRlZEludGVnZXJQYXJ0ID0gb3RoZXJOdW1iZXJzLnJlcGxhY2UoL1xcQig/PShcXGR7Mn0pKyg/IVxcZCkpL2csICcsJykgKyBsYXN0VGhyZWU7XHJcbiAgICAgIGNvbnN0IHJlc3VsdCA9IGRlY2ltYWxQYXJ0ID8gYCR7Zm9ybWF0dGVkSW50ZWdlclBhcnR9LiR7ZGVjaW1hbFBhcnQuc3Vic3RyKDAsMil9YCA6IGZvcm1hdHRlZEludGVnZXJQYXJ0O1xyXG4gICAgICByZXR1cm4gcmVzdWx0XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
|