@sunbird-cb/consumption 0.0.46 → 0.0.47
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 +176 -2403
- 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-landscape/card-landscape.component.js +2 -2
- package/esm2015/lib/_common/cards/card-portrait/card-portrait.component.js +2 -2
- package/esm2015/lib/_common/cards/card-portrait-ext/card-portrait-ext.component.js +2 -2
- package/esm2015/lib/_common/cards/card-progress-portrait-lib/card-progress-portrait-lib.component.js +2 -2
- package/esm2015/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.component.js +42 -1223
- package/esm2015/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.model.js +12 -12
- package/esm5/lib/_common/cards/card-landscape/card-landscape.component.js +2 -2
- package/esm5/lib/_common/cards/card-portrait/card-portrait.component.js +2 -2
- package/esm5/lib/_common/cards/card-portrait-ext/card-portrait-ext.component.js +2 -2
- package/esm5/lib/_common/cards/card-progress-portrait-lib/card-progress-portrait-lib.component.js +2 -2
- package/esm5/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.component.js +111 -2338
- package/esm5/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.model.js +12 -12
- package/fesm2015/sunbird-cb-consumption.js +167 -1348
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +176 -2403
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.component.d.ts +17 -58
- package/lib/_common/strips/content-strip-with-tabs-pills/content-strip-with-tabs-pills.model.d.ts +2 -2
- package/package.json +1 -1
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -8967,7 +8967,7 @@ var CardPortraitComponent = /** @class */ (function () {
|
|
|
8967
8967
|
CardPortraitComponent.decorators = [
|
|
8968
8968
|
{ type: Component, args: [{
|
|
8969
8969
|
selector: 'sb-uic-card-portrait',
|
|
8970
|
-
template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\n greyOut:\n widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n <div class=\"display-contents\" [ngClass]=\"{\n disableClick:\n widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\n role=\"link\" i18n-aria-label>\n <ng-container *ngIf=\"!isCardFlipped\">\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n matTooltip=\"Available only in Company's network\"\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n <mat-icon>flip_to_back</mat-icon>\n </button>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container *ngIf=\"widgetData.content.posterImage\">\n <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\n <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData.content.name\" />\n </ng-template>\n </ng-container>\n <div class=\"source-div\" style=\"display: none;\">\n <img [src]=\"widgetData.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\n </div>\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n <div class=\"cbp-mark\">\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n </div>\n </ng-container>\n <!-- <ng-container *ngIf=\"widgetData?.content?.endDate\">\n <div class=\"cbp-mark\">\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{widgetData?.content?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{widgetData?.content?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">Over due</p>\n </div>\n </ng-container> -->\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.identifier]\n }}\"></ng-container>\n </ng-container>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </span>\n </div>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end course_v2\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.primaryCategory\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData.content?.primaryCategory\">\n\n </sb-uic-display-content-type>\n </div>\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData.content.name }}\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <div class=\"course_logo_box\">\n <img [src]=\"widgetData.content.creatorLogo | pipePublicURL \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\n </div>\n <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\n <span class=\"org-text\">By {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon class=\"mr-1\">star</mat-icon>\n <span>{{widgetData.content.avgRating}}</span>\n </div>\n <!-- <span class=\"most-enrolled-text margin-left-m\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span> -->\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\n <span class=\"most-enrolled-text margin-left-xs\">\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\n </span>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\n <span class=\"most-enrolled-text margin-left-xs\">\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\n </span>\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n <ng-container *ngIf=\"isCardFlipped\">\n <div class=\"flex items-center\">\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\n <button mat-icon-button (click)=\"isCardFlipped = false\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <p class=\"text-justify mat-body-1\">\n {{ widgetData.content.reason }}\n </p>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>\n</ng-container>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\n <div class=\"display-contents\" >\n <ng-container *ngIf=\"!isCardFlipped\">\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>\n\n<ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n</ng-template>",
|
|
8970
|
+
template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\n greyOut:\n widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n <div class=\"display-contents\" [ngClass]=\"{\n disableClick:\n widgetData.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\n role=\"link\" i18n-aria-label>\n <ng-container *ngIf=\"!isCardFlipped\">\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n matTooltip=\"Available only in Company's network\"\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n <mat-icon>flip_to_back</mat-icon>\n </button>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container *ngIf=\"widgetData.content.posterImage\">\n <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\n <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData.content.name\" />\n </ng-template>\n </ng-container>\n <div class=\"source-div\" style=\"display: none;\">\n <img [src]=\"widgetData.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\n </div>\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n <div class=\"cbp-mark\">\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n </div>\n </ng-container>\n <!-- <ng-container *ngIf=\"widgetData?.content?.endDate\">\n <div class=\"cbp-mark\">\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{widgetData?.content?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{widgetData?.content?.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"widgetData?.content?.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">Over due</p>\n </div>\n </ng-container> -->\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.identifier]\n }}\"></ng-container>\n </ng-container>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </span>\n </div>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end course_v2\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.primaryCategory\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData.content?.primaryCategory\">\n\n </sb-uic-display-content-type>\n </div>\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData.content.name }}\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <div class=\"course_logo_box\">\n <img [src]=\"widgetData.content.creatorLogo | pipePublicURL \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.identifier)\" />\n </div>\n <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\n <span class=\"org-text\">By {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon class=\"mr-1\">star</mat-icon>\n <span>{{widgetData.content.avgRating}}</span>\n </div>\n <!-- <span class=\"most-enrolled-text margin-left-m\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span> -->\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\n <span class=\"most-enrolled-text margin-left-xs\">\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\n </span>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\n <span class=\"most-enrolled-text margin-left-xs\">\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\n </span>\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n <ng-container *ngIf=\"isCardFlipped\">\n <div class=\"flex items-center\">\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\n <button mat-icon-button (click)=\"isCardFlipped = false\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <p class=\"text-justify mat-body-1\">\n {{ widgetData.content.reason }}\n </p>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>\n</ng-container>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\n <div class=\"display-contents\" >\n <ng-container *ngIf=\"!isCardFlipped\">\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </div>\n </mat-card>\n</ng-container>\n\n<ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n</ng-template>",
|
|
8971
8971
|
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:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:346px;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}"]
|
|
8972
8972
|
}] }
|
|
8973
8973
|
];
|
|
@@ -9759,7 +9759,7 @@ var CardLandscapeComponent = /** @class */ (function () {
|
|
|
9759
9759
|
CardLandscapeComponent.decorators = [
|
|
9760
9760
|
{ type: Component, args: [{
|
|
9761
9761
|
selector: 'sb-uic-card-landscape',
|
|
9762
|
-
template: "<ng-container *ngIf=\"!isCardLoading\">\n <a class=\"cursor-pointer\" (click)=\"raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" \n role=\"link\" i18n-aria-label>\n <mat-card class=\"card-portrait mr-2 card-portrait-clickable min-height-remove\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"course_widget portrait_widget flex margin-bottom-xs\">\n <div class=\"flex flex-end flex-middle course_port\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.primaryCategory\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [useTranslation]=\"false\" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData.content?.primaryCategory\">\n </sb-uic-display-content-type>\n </div>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <div class=\" img-block-portrait position-relative\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </span>\n </div>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.identifier]\n }}\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"portrait-subheading mat-subheading-2 title-text\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-middle\">\n <div class=\"portrait_course_logo_box margin-right-xs\">\n <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\" loading=\"lazy\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n </div>\n <span class=\"portrait-org-name font-normal mat-caption\">By {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span>\n <!-- <span class=\"portrait-org-name font-normal mat-caption\">{{'cardcontentv2.by' | translate}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span> -->\n </div>\n\n <div class=\"flex flex-middle rating-session margin-top-xs\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon class=\"mr-1\">star</mat-icon>\n <span>{{widgetData.content.avgRating}}</span>\n </div>\n <!-- <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\n <span class=\"most-enrolled-text margin-left-xs\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\n <span class=\"most-enrolled-text margin-left-xs\">{{ 'cardcontentv2.mostTrending' | translate }}</span>\n </ng-container> -->\n </div>\n </div>\n </div>\n </mat-card>\n </a>\n</ng-container>\n\n<ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n </ng-template>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-portrait mr-2 card-portrait-clickable\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'100px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div class=\"portrait-subheading title-text\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded width-1-1'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\" [bindingClass]=\"'flex rounded margin-right-xs'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"portrait_widget flex margin-top-xs\">\n <div class=\"flex flex-end flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </mat-card>\n</ng-container>",
|
|
9762
|
+
template: "<ng-container *ngIf=\"!isCardLoading\">\n <a class=\"cursor-pointer\" (click)=\"raiseTelemetry(widgetData?.content);getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" \n role=\"link\" i18n-aria-label>\n <mat-card class=\"card-portrait mr-2 card-portrait-clickable min-height-remove\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"course_widget portrait_widget flex margin-bottom-xs\">\n <div class=\"flex flex-end flex-middle course_port\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.primaryCategory\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [useTranslation]=\"false\" [displayContentType]=\"widgetData.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData.content?.primaryCategory\">\n </sb-uic-display-content-type>\n </div>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <div class=\" img-block-portrait position-relative\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </span>\n </div>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.identifier]\n }}\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"portrait-subheading mat-subheading-2 title-text\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-middle\">\n <div class=\"portrait_course_logo_box margin-right-xs\">\n <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\" loading=\"lazy\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n </div>\n <span class=\"portrait-org-name font-normal mat-caption\">By {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span>\n <!-- <span class=\"portrait-org-name font-normal mat-caption\">{{'cardcontentv2.by' | translate}} {{ (widgetData.content.organisation && widgetData.content.organisation[0]) ? widgetData.content.organisation[0] : 'Karmayogi Bharat' }}</span> -->\n </div>\n\n <div class=\"flex flex-middle rating-session margin-top-xs\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon class=\"mr-1\">star</mat-icon>\n <span>{{widgetData.content.avgRating}}</span>\n </div>\n <!-- <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\n <span class=\"most-enrolled-text margin-left-xs\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\n <span class=\"most-enrolled-text margin-left-xs\">{{ 'cardcontentv2.mostTrending' | translate }}</span>\n </ng-container> -->\n </div>\n </div>\n </div>\n </mat-card>\n </a>\n</ng-container>\n\n<ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n </ng-template>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-portrait mr-2 card-portrait-clickable\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'100px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div class=\"portrait-subheading title-text\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded width-1-1'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\" [bindingClass]=\"'flex rounded margin-right-xs'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'100px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"portrait_widget flex margin-top-xs\">\n <div class=\"flex flex-end flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </mat-card>\n</ng-container>",
|
|
9763
9763
|
styles: [".card-portrait{border-radius:12px;border:1px solid rgba(0,0,0,.08);opacity:1;width:350px;min-height:154px;padding:16px}.card-portrait .img-block-portrait{line-height:10px}.card-portrait .card-image{border-radius:8px;opacity:1;background-size:100%;width:147px;height:100px}.card-portrait .portrait-subheading{opacity:1;color:rgba(0,0,0,.87);font-weight:700;font-style:normal;letter-spacing:.25px;text-align:left;word-break:break-word;white-space:initial;margin:0 0 8px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-portrait .portrait_course_logo_box img{padding:3px;display:inline-block;width:24px;height:24px;border:1px solid #d6d6d6;border-radius:4px;box-sizing:border-box}.card-portrait span.portrait-org-name{width:75%;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-portrait .portrait_widget{align-items:center;margin-top:0}.card-portrait .portrait_widget .course_port{border:1px solid #ef951e;padding:4px 8px;align-items:center;border-radius:16px}.card-portrait .portrait_widget .video-icon{opacity:1;color:#ef951e;width:15px;height:15px;font-size:15px}.card-portrait .portrait_widget .portrait-category{color:rgba(0,0,0,.6)!important;font-size:.75rem;opacity:1;font-family:Lato-Regular;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:20px}.card-portrait .progress-wrapper .progress-block{width:60%}.card-portrait .progress-wrapper .progress-block .completed-time{color:#ef951e;display:flex;padding:8px 0}.card-portrait .progress-wrapper .progress-block .completed-time mat-icon{width:1rem;height:1rem;font-size:1rem}.card-portrait .progress-wrapper .progress-block .completed-time span{opacity:1;color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.card-portrait .progress-wrapper .progress-btn .resume-btn{opacity:1;color:#fff;font-family:Lato-Bold;font-size:14px;font-weight:700;font-style:normal;letter-spacing:.5px;text-align:left;line-height:20px;background:#1a4ca1;border-radius:63px;padding:6px 16px;border:none;width:100%;cursor:pointer}.card-portrait .progress-wrapper .progress-btn .resume-btn .textwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.card-portrait .progress-wrapper .progress-btn .resume-btn:hover{background-color:#253379}.card-portrait .progress-bar-new{color:#ef951e!important;height:10px;border-radius:5px}.card-portrait .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-portrait .rating-session .rating-number{font-size:14px}.card-portrait .rating-session .most-enrolled-text{font-size:10px;font-weight:400;padding:4px;background:#ffea9e;border-radius:4px;line-height:12px}.card-portrait .right-corner-portrait{right:8px;bottom:8px}.card-portrait-clickable{min-height:146px!important}.card-portrait-clickable .right-corner-portrait{right:8px;bottom:8px}.card-portrait-clickable:hover{transform:scale(1.02)}.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}.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}@media only screen and (max-width:768px){.card-portrait{width:calc(100vw - 66px)}.card-wide-v2{min-height:356px}.card-wide-v2 .imageholder img{border-radius:12px 12px 0 0!important}.cbpwidth{width:calc(100vw - 100px)}}.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}"]
|
|
9764
9764
|
}] }
|
|
9765
9765
|
];
|
|
@@ -10948,7 +10948,7 @@ var CardPortraitExtComponent = /** @class */ (function () {
|
|
|
10948
10948
|
CardPortraitExtComponent.decorators = [
|
|
10949
10949
|
{ type: Component, args: [{
|
|
10950
10950
|
selector: 'sb-uic-card-portrait-ext',
|
|
10951
|
-
template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\n greyOut:\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n <div class=\"display-contents\" [ngClass]=\"{\n disableClick:\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\n role=\"link\" i18n-aria-label>\n <ng-container *ngIf=\"!isCardFlipped\">\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n matTooltip=\"Available only in Company's network\"\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n <mat-icon>flip_to_back</mat-icon>\n </button>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\n <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon \" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n <div class=\"source-div\" style=\"display: none;\">\n <img [src]=\"widgetData?.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData.content?.contentId)\" />\n </div>\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n <div class=\"cbp-mark\">\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n </div>\n </ng-container>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.contentId]\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.contentId]\n }}\"></ng-container>\n </ng-container>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </span>\n </div>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end course_v2\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type [useTranslation]=\"false\" i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.topic\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData?.content?.primaryCategory? widgetData?.content?.primaryCategory : 'Course'\">\n \n </sb-uic-display-content-type>\n </div>\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.contentId\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData.content.name }}\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <div class=\"course_logo_box\">\n <img [src]=\"widgetData.content.creatorLogo | pipePublicURL \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.contentId)\" />\n </div>\n <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\n <span class=\"org-text\">By {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon class=\"mr-1\">star</mat-icon>\n <span>{{widgetData.content.avgRating}}</span>\n </div>\n <!-- <span class=\"most-enrolled-text margin-left-m\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span> -->\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\n <span class=\"most-enrolled-text margin-left-xs\">\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\n </span>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\n <span class=\"most-enrolled-text margin-left-xs\">\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\n </span>\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n <ng-container *ngIf=\"isCardFlipped\">\n <div class=\"flex items-center\">\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\n <button mat-icon-button (click)=\"isCardFlipped = false\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <p class=\"text-justify mat-body-1\">\n {{ widgetData.content.reason }}\n </p>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n </ng-container>\n \n <ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\n <div class=\"display-contents\" >\n <ng-container *ngIf=\"!isCardFlipped\">\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </div>\n </mat-card>\n </ng-container>\n \n <ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n </ng-template>",
|
|
10951
|
+
template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove cursor-pointer {{widgetData?.cardCustomeClass}}\" [ngClass]=\"{\n greyOut:\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\" (click)=\"(showIntranetContent || !isLiveOrMarkForDeletion) && showSnackbar()\">\n <div class=\"display-contents\" [ngClass]=\"{\n disableClick:\n widgetData?.deletedMode === 'greyOut' && !isLiveOrMarkForDeletion\n ? true\n : widgetData?.intranetMode === 'greyOut' && showIntranetContent\n }\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"getRedirectUrlData(widgetData?.content); $event.stopPropagation()\"\n role=\"link\" i18n-aria-label>\n <ng-container *ngIf=\"!isCardFlipped\">\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Content expired or deleted\" i18n-matTooltip\n matTooltip=\"Content may be expired or deleted\" *ngIf=\"!isLiveOrMarkForDeletion\"></div>\n <div class=\"status-danger\" role=\"note\" i18n-aria-label aria-label=\"Intranet content\" i18n-matTooltip\n matTooltip=\"Available only in Company's network\"\n *ngIf=\"widgetData?.intranetMode === 'greyOut' && showIntranetContent\"></div>\n <button *ngIf=\"showFlip\" class=\"detail-button ws-mat-primary-lite-background-op30\" mat-icon-button\n (click)=\"isCardFlipped = true\" aria-label=\"Details\" i18n-aria-label=\"Details | Click to see details\">\n <mat-icon>flip_to_back</mat-icon>\n </button>\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <img mat-card-image [src]=\"widgetData.content.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.posterImage\">\n <ng-container *ngIf=\"widgetData.content.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.appIcon \" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n <div class=\"source-div\" style=\"display: none;\">\n <img [src]=\"widgetData?.content.creatorLogo\" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData.content?.contentId)\" />\n </div>\n <ng-container *ngIf=\"widgetData?.content?.cbPlanEndDate\">\n <div class=\"cbp-mark\">\n <span>{{widgetData?.content?.cbPlanEndDate | date: 'd MMM, y'}}</span>\n </div>\n </ng-container>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.contentId] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2 \">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.contentId]\n }}\"></ng-container>\n </ng-container>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </span>\n </div>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end course_v2\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type [useTranslation]=\"false\" i18n-title title=\"Content Type\" *ngIf=\"widgetData.content?.topic\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData?.content?.primaryCategory? widgetData?.content?.primaryCategory : 'Course'\">\n \n </sb-uic-display-content-type>\n </div>\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.contentId\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData.content.name }}\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <div class=\"course_logo_box\">\n <img [src]=\"widgetData.content.creatorLogo | pipePublicURL \" class=\"source-icon\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData.content.sourceName + '_' + widgetData.content.contentId)\" />\n </div>\n <!-- <span class=\"org-text\">{{'cardcontentv2.by' | translate}} -->\n <span class=\"org-text\">By {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\" *ngIf=\"widgetData?.content?.avgRating\">\n <mat-icon class=\"mr-1\">star</mat-icon>\n <span>{{widgetData.content.avgRating}}</span>\n </div>\n <!-- <span class=\"most-enrolled-text margin-left-m\">{{ 'cardcontentv2.mostEnrolled' | translate }}</span> -->\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostEnrolled')\">\n <span class=\"most-enrolled-text margin-left-xs\">\n <!-- {{ 'cardcontentv2.mostEnrolled' | translate }} -->\n </span>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.additionalTags && widgetData?.content?.additionalTags.includes('mostTrending')\">\n <span class=\"most-enrolled-text margin-left-xs\">\n <!-- {{ 'cardcontentv2.mostTrending' | translate }} -->\n </span>\n </ng-container>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n <ng-container *ngIf=\"isCardFlipped\">\n <div class=\"flex items-center\">\n <!-- <h2 class=\"mat-subheading-2 flex-1 min-w-0 margin-remove-bottom\" i18n>{{'cardcontentv2.reason' | translate}}</h2> -->\n <button mat-icon-button (click)=\"isCardFlipped = false\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <p class=\"text-justify mat-body-1\">\n {{ widgetData.content.reason }}\n </p>\n </ng-container>\n </a>\n </ng-container>\n </div>\n </mat-card>\n </ng-container>\n \n <ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-standard-container mr-5 padding-remove\" >\n <div class=\"display-contents\" >\n <ng-container *ngIf=\"!isCardFlipped\">\n <mat-card-content class=\"min-top\">\n <div style=\"position: relative; z-index: 1;\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'140px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"padding-m\">\n <div class=\"course_widget flex margin-remove\">\n <div class=\"flex flex-end\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded br-8'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n <sb-uic-skeleton-loader [width]=\"'100%'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-s'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle margin-top-m\">\n <div class=\"\">\n <sb-uic-skeleton-loader [width]=\"'28px'\" [height]=\"'28px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"org-text\"> <sb-uic-skeleton-loader [width]=\"'111px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"flex flex-middle rating-session margin-top-m\">\n <div class=\"flex flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'45px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded margin-top-m'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </div>\n </mat-card>\n </ng-container>\n \n <ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n </ng-template>",
|
|
10952
10952
|
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:346px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:346px;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}"]
|
|
10953
10953
|
}] }
|
|
10954
10954
|
];
|
|
@@ -11713,7 +11713,7 @@ var CardProgressPortraitLibComponent = /** @class */ (function () {
|
|
|
11713
11713
|
CardProgressPortraitLibComponent.decorators = [
|
|
11714
11714
|
{ type: Component, args: [{
|
|
11715
11715
|
selector: 'sb-uic-card-progress-portrait-lib',
|
|
11716
|
-
template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-portrait card-progress-portrait-lib cursor-pointer\" [ngClass]=\"widgetData?.cardCustomeClass ? widgetData?.cardCustomeClass : ''\" (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" >\n <div class=\"course_widget portrait_widget flex margin-bottom-xs\">\n <div class=\"flex flex-end flex-middle course_port\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData?.content?.primaryCategory\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData?.content?.primaryCategory\">\n </sb-uic-display-content-type>\n </div>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <div class=\" img-block-portrait position-relative\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\" />\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </span>\n </div>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier]\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.identifier]\n }}\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"portrait-subheading mat-subheading-2 title-text\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-middle\">\n <div class=\"portrait_course_logo_box margin-right-xs\">\n <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\" loading=\"lazy\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n </div>\n <span class=\"portrait-org-name font-normal mat-caption\">{{'cardcontentv2.by' | translate}} {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n\n </div>\n </div>\n <ng-container *ngIf=\"widgetData?.content?.completionPercentage < 100\">\n <div class=\"flex flex-align-end progress-wrapper flex-between\" >\n <div class=\"progress-block\" >\n <div class=\"completed-time\">\n <mat-icon class=\"mat-icon schedule margin-right-xs\">schedule</mat-icon>\n <span>{{widgetData?.content?.completionPercentage}}%</span>\n </div>\n <div>\n <ng-container *ngIf=\"widgetData?.content?.completionStatus < 2\">\n <sb-uic-content-progress class=\"progress-bar-new\" [customClassName]=\"'course-progress-bar'\" *ngIf=\"widgetData?.content?.identifier\"\n [contentId]=\"widgetData?.content?.identifier\" [progress]=\"widgetData?.content?.completionPercentage\"\n [progressType]=\"'percentage'\">\n </sb-uic-content-progress>\n </ng-container>\n </div>\n </div>\n <div class=\"progress-btn\">\n <button class=\"resume-btn flex flex-middle flex-between\" [routerLink]=\"['/app/toc/',widgetData?.content?.identifier,'overview']\"\n [queryParams]=\"{primaryCategory: widgetData?.content?.primaryCategory}\" [state]=\"widgetData?.stateData\" \n [matTooltipPosition]=\"'below'\"\n [matTooltipDisabled]=\"(!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')).length < 11\"\n matTooltip=\"{{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}\">\n <span class=\"textwrap margin-right-xs\">\n {{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}</span>\n <img class=\"stats-icon\" height=\"20\" width=\"20\" src=\"/assets/icons/home/play.svg\">\n </button>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.completionPercentage === 100\">\n <div class=\"flex flex-align-end progress-wrapper flex-end mt-1\">\n <div class=\"progress-btn\">\n <button class=\"resume-btn flex flex-middle flex-between view-btn\" [ngClass]=\"{'disable-btn': downloadCertificateLoading || widgetData?.content?.issuedCertificates?.length === 0}\" (click)=\"!downloadCertificateLoading && downloadCertificate(widgetData?.content);$event.stopPropagation()\" \n [matTooltipPosition]=\"'below'\"\n [matTooltipDisabled]=\"(translateLabels('viewCertificate', 'cardcontentv2')).length < 11\"\n matTooltip=\"{{'cardcontentv2.viewCertificate' | translate }}\">\n <span class=\"margin-right-xs textwrap\">{{'cardcontentv2.viewCertificate' | translate }}</span>\n <img class=\"stats-icon\" *ngIf=\"!downloadCertificateLoading\" height=\"20\" width=\"20\" src=\"/assets/icons/home/eye-white.svg\">\n <div class=\"center flex flex-middle\" *ngIf=\"downloadCertificateLoading\">\n <mat-spinner strokeWidth=\"2\" stroke=\"'red'\" class=\"white-spinner\" [diameter]=\"16\"></mat-spinner>\n </div>\n </button>\n </div>\n </div>\n </ng-container>\n </mat-card>\n</ng-container>\n\n\n<ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n</ng-template>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-portrait\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"margin-bottom-xs\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'26px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'98px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div class=\"portrait-subheading title-text\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded width-1-1'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <div class=\" margin-right-xs\">\n <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"\"><sb-uic-skeleton-loader [width]=\"'133px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"portrait_widget flex margin-top-xs\">\n <div class=\"flex flex-end flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n <div class=\"flex flex-align-end progress-wrapper flex-between\">\n <div class=\"progress-block\">\n <div class=\"completed-time\">\n <sb-uic-skeleton-loader [width]=\"'211px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-xs md:w-211'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"progress-btn\">\n <sb-uic-skeleton-loader [width]=\"'117px'\" [height]=\"'32px'\" [bindingClass]=\"'flex rounded margin-top-xs'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </mat-card>\n</ng-container>",
|
|
11716
|
+
template: "<ng-container *ngIf=\"!isCardLoading\">\n <mat-card class=\"card-portrait card-progress-portrait-lib cursor-pointer\" [ngClass]=\"widgetData?.cardCustomeClass ? widgetData?.cardCustomeClass : ''\" (click)=\"raiseTelemetry();getRedirectUrlData(widgetData?.content); $event.stopPropagation()\" >\n <div class=\"course_widget portrait_widget flex margin-bottom-xs\">\n <div class=\"flex flex-end flex-middle course_port\">\n <mat-icon class=\"mat-icon main_icon ws-mat-default-text margin-right-xs\">video_library</mat-icon>\n <sb-uic-display-content-type i18n-title title=\"Content Type\" *ngIf=\"widgetData?.content?.primaryCategory\"\n class=\"ws-mat-black60-text font-normal mat-caption \" [displayContentType]=\"widgetData?.content?.primaryCategory==='Course Unit'\n ?'Module'\n :widgetData?.content?.primaryCategory\">\n </sb-uic-display-content-type>\n </div>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container *ngIf=\"widgetData?.content?.posterImage\">\n <div class=\" img-block-portrait position-relative\">\n <img mat-card-image [src]=\"widgetData?.content?.posterImage | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\" />\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.duration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{ (widgetData?.content?.duration || 120)| pipeDurationTransform: 'hms' }}\n </span>\n </div>\n <div class=\"duration-box right-corner-portrait\" *ngIf=\"widgetData?.content?.programDuration > 0\">\n <mat-icon class=\"mat-icon main_icon mr-1\">access_time</mat-icon>\n <span class=\" ws-mat-white-text duration\">\n {{widgetData?.content?.programDuration}} {{widgetData?.content?.programDuration === 1 ? 'day' : 'days'}}\n </span>\n </div>\n <ng-container *ngIf=\"cbPlanMapData && cbPlanMapData[widgetData?.content?.identifier] && cbPlanMapData[widgetData?.content?.identifier]?.contentStatus < 2\">\n <ng-container [ngTemplateOutlet]=\"cbpPlan\" [ngTemplateOutletContext]=\"{data: {\n cbpData: cbPlanMapData[widgetData?.content?.identifier]\n }}\"></ng-container>\n </ng-container>\n </div>\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.appIcon; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.appIcon | pipePublicURL\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-container>\n <ng-template #defaultImg>\n <img mat-card-image [src]=\"defaultThumbnail\" loading=\"lazy\"\n class=\"card-image ws-mat-primary-lite-background margin-remove\"\n [alt]=\"widgetData?.content?.name\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"portrait-subheading mat-subheading-2 title-text\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-middle\">\n <div class=\"portrait_course_logo_box margin-right-xs\">\n <img [src]=\"widgetData?.content?.creatorLogo | pipePublicURL \" class=\"source-icon\" loading=\"lazy\" [wsUtilsDefaultThumbnail]=\"defaultSLogo\"\n [alt]=\"(widgetData?.content?.sourceName + '_' + widgetData?.content?.identifier)\" />\n </div>\n <span class=\"portrait-org-name font-normal mat-caption\">{{'cardcontentv2.by' | translate}} {{ (widgetData?.content?.organisation && widgetData?.content?.organisation[0]) ? widgetData?.content?.organisation[0] : 'Karmayogi Bharat' }}</span>\n </div>\n\n </div>\n </div>\n <ng-container *ngIf=\"widgetData?.content?.completionPercentage < 100\">\n <div class=\"flex flex-align-end progress-wrapper flex-between\" >\n <div class=\"progress-block\" >\n <div class=\"completed-time\">\n <mat-icon class=\"mat-icon schedule margin-right-xs\">schedule</mat-icon>\n <span>{{widgetData?.content?.completionPercentage}}%</span>\n </div>\n <div>\n <ng-container *ngIf=\"widgetData?.content?.completionStatus < 2\">\n <sb-uic-content-progress class=\"progress-bar-new\" [customClassName]=\"'course-progress-bar'\" *ngIf=\"widgetData?.content?.identifier\"\n [contentId]=\"widgetData?.content?.identifier\" [progress]=\"widgetData?.content?.completionPercentage\"\n [progressType]=\"'percentage'\">\n </sb-uic-content-progress>\n </ng-container>\n </div>\n </div>\n <div class=\"progress-btn\">\n <button class=\"resume-btn flex flex-middle flex-between\" [routerLink]=\"['/app/toc/',widgetData?.content?.identifier,'overview']\"\n [queryParams]=\"{primaryCategory: widgetData?.content?.primaryCategory}\" [state]=\"widgetData?.stateData\" \n [matTooltipPosition]=\"'below'\"\n [matTooltipDisabled]=\"(!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')).length < 11\"\n matTooltip=\"{{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}\">\n <span class=\"textwrap margin-right-xs\">\n {{!widgetData?.content?.completionPercentage ? translateLabels('start', 'cardcontentv2') : translateLabels('resume', 'cardcontentv2')}}</span>\n <img class=\"stats-icon\" height=\"20\" width=\"20\" src=\"/assets/icons/home/play.svg\">\n </button>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"widgetData?.content?.completionPercentage === 100\">\n <div class=\"flex flex-align-end progress-wrapper flex-end mt-1\">\n <div class=\"progress-btn\">\n <button class=\"resume-btn flex flex-middle flex-between view-btn\" [ngClass]=\"{'disable-btn': downloadCertificateLoading || widgetData?.content?.issuedCertificates?.length === 0}\" (click)=\"!downloadCertificateLoading && downloadCertificate(widgetData?.content);$event.stopPropagation()\" \n [matTooltipPosition]=\"'below'\"\n [matTooltipDisabled]=\"(translateLabels('viewCertificate', 'cardcontentv2')).length < 11\"\n matTooltip=\"{{'cardcontentv2.viewCertificate' | translate }}\">\n <span class=\"margin-right-xs textwrap\">{{'cardcontentv2.viewCertificate' | translate }}</span>\n <img class=\"stats-icon\" *ngIf=\"!downloadCertificateLoading\" height=\"20\" width=\"20\" src=\"/assets/icons/home/eye-white.svg\">\n <div class=\"center flex flex-middle\" *ngIf=\"downloadCertificateLoading\">\n <mat-spinner strokeWidth=\"2\" stroke=\"'red'\" class=\"white-spinner\" [diameter]=\"16\"></mat-spinner>\n </div>\n </button>\n </div>\n </div>\n </ng-container>\n </mat-card>\n</ng-container>\n\n\n<ng-template #cbpPlan let-data=\"data\">\n <div class=\"cbp-mark left-0 border-top-radius\">\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.UPCOMING\" class=\"cbp-warning\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.SUCCESS\" class=\"cbp-success\">{{data.cbpData.endDate | date: 'd MMM, y'}}</p>\n <p *ngIf=\"data.cbpData.planDuration === acbpConstants?.OVERDUE\" class=\"cbp-danger\">{{'OverDue' }}</p>\n </div>\n</ng-template>\n\n<ng-container *ngIf=\"isCardLoading\">\n <mat-card class=\"card-portrait\" [ngClass]=\"widgetData.cardCustomeClass ? widgetData.cardCustomeClass : ''\">\n <div class=\"margin-bottom-xs\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'26px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"flex\">\n <div class=\"margin-right-s\">\n <ng-container>\n <sb-uic-skeleton-loader [width]=\"'147px'\" [height]=\"'98px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n <div class=\"width-1-1\">\n <div class=\"portrait-subheading title-text\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded width-1-1'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <div class=\" margin-right-xs\">\n <sb-uic-skeleton-loader [width]=\"'24px'\" [height]=\"'24px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n <span class=\"\"><sb-uic-skeleton-loader [width]=\"'133px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader></span>\n </div>\n <div class=\"portrait_widget flex margin-top-xs\">\n <div class=\"flex flex-end flex-middle\">\n <sb-uic-skeleton-loader [width]=\"'65px'\" [height]=\"'12px'\" [bindingClass]=\"'flex rounded'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n <div class=\"flex flex-align-end progress-wrapper flex-between\">\n <div class=\"progress-block\">\n <div class=\"completed-time\">\n <sb-uic-skeleton-loader [width]=\"'211px'\" [height]=\"'16px'\" [bindingClass]=\"'flex rounded margin-top-xs md:w-211'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n <div class=\"progress-btn\">\n <sb-uic-skeleton-loader [width]=\"'117px'\" [height]=\"'32px'\" [bindingClass]=\"'flex rounded margin-top-xs'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </mat-card>\n</ng-container>",
|
|
11717
11717
|
styles: [".card-portrait{border-radius:12px;border:1px solid rgba(0,0,0,.08);opacity:1;width:318px;min-height:154px;padding:16px}.card-portrait .img-block-portrait{line-height:10px}.card-portrait .card-image{border-radius:8px;opacity:1;background-size:100%;width:147px;height:100px}.card-portrait .portrait-subheading{opacity:1;color:rgba(0,0,0,.87);font-weight:700;font-style:normal;letter-spacing:.25px;text-align:left;word-break:break-word;white-space:initial;margin:0 0 8px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px}.card-portrait .portrait_course_logo_box img{padding:3px;display:inline-block;width:24px;height:24px;border:1px solid #d6d6d6;border-radius:4px;box-sizing:border-box}.card-portrait span.portrait-org-name{width:75%;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-portrait .portrait_widget{align-items:center;margin-top:0}.card-portrait .portrait_widget .course_port{border:1px solid #ef951e;padding:4px 8px;align-items:center;border-radius:16px}.card-portrait .portrait_widget .video-icon{opacity:1;color:#ef951e;width:15px;height:15px;font-size:15px}.card-portrait .portrait_widget .portrait-category{color:rgba(0,0,0,.6)!important;font-size:.75rem;opacity:1;font-family:Lato-Regular;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:20px}.card-portrait .progress-wrapper .progress-block{width:60%}.card-portrait .progress-wrapper .progress-block .completed-time{color:#ef951e;display:flex;padding:8px 0}.card-portrait .progress-wrapper .progress-block .completed-time mat-icon{width:1rem;height:1rem;font-size:1rem}.card-portrait .progress-wrapper .progress-block .completed-time span{opacity:1;color:rgba(0,0,0,.87);font-family:Lato-Regular;font-size:.75rem;font-weight:400;font-style:normal;letter-spacing:.25px;text-align:left;line-height:16px}.card-portrait .progress-wrapper .progress-btn .resume-btn{opacity:1;color:#fff;font-family:Lato-Bold;font-size:14px;font-weight:700;font-style:normal;letter-spacing:.5px;text-align:left;line-height:20px;background:#1a4ca1;border-radius:63px;padding:6px 16px;border:none;width:100%;cursor:pointer}.card-portrait .progress-wrapper .progress-btn .resume-btn .textwrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:82px}.card-portrait .progress-wrapper .progress-btn .resume-btn:hover{background-color:#253379}.card-portrait .progress-bar-new{color:#ef951e!important;height:10px;border-radius:5px}.card-portrait .rating-session mat-icon{font-size:20px;height:20px;width:20px;color:#ef951e}.card-portrait .rating-session .rating-number{font-size:14px}.card-portrait .rating-session .most-enrolled-text{font-size:10px;font-weight:400;padding:4px;background:#ffea9e;border-radius:4px;line-height:12px}.card-portrait .right-corner-portrait{right:8px;bottom:8px}.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}.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}"]
|
|
11718
11718
|
}] }
|
|
11719
11719
|
];
|
|
@@ -12959,15 +12959,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
12959
12959
|
// setting initial values
|
|
12960
12960
|
strip.loaderWidgets = this.transformSkeletonToWidgets(strip);
|
|
12961
12961
|
this.processStrip(strip, [], 'fetching', false, null);
|
|
12962
|
-
this.fetchFromEnrollmentList(strip, calculateParentStatus);
|
|
12963
12962
|
this.fetchFromSearchV6(strip, calculateParentStatus);
|
|
12964
|
-
this.fetchFromTrendingContent(strip, calculateParentStatus);
|
|
12965
|
-
this.fetchAllTopContent(strip, calculateParentStatus);
|
|
12966
|
-
this.fetchAllFeaturedContent(strip, calculateParentStatus);
|
|
12967
|
-
this.fetchAllBookMarkData(strip, calculateParentStatus);
|
|
12968
|
-
this.fetchAllPlaylistSearch(strip, calculateParentStatus);
|
|
12969
|
-
this.fetchPlaylistReadData(strip, calculateParentStatus);
|
|
12970
|
-
this.fetchCiosContentData(strip, calculateParentStatus);
|
|
12971
12963
|
this.fetchForYouData(strip, calculateParentStatus);
|
|
12972
12964
|
this.fetchAllCbpPlans(strip, calculateParentStatus);
|
|
12973
12965
|
// this.enrollInterval = setInterval(() => {
|
|
@@ -12975,970 +12967,128 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
12975
12967
|
// }, 1000)
|
|
12976
12968
|
};
|
|
12977
12969
|
/**
|
|
12978
|
-
* @param {?}
|
|
12979
|
-
* @param {?=} calculateParentStatus
|
|
12970
|
+
* @param {?} data
|
|
12980
12971
|
* @return {?}
|
|
12981
12972
|
*/
|
|
12982
|
-
ContentStripWithTabsPillsComponent.prototype.
|
|
12983
|
-
* @param {?}
|
|
12984
|
-
* @param {?=} calculateParentStatus
|
|
12973
|
+
ContentStripWithTabsPillsComponent.prototype.toggleInfo = /**
|
|
12974
|
+
* @param {?} data
|
|
12985
12975
|
* @return {?}
|
|
12986
12976
|
*/
|
|
12987
|
-
function (
|
|
12988
|
-
|
|
12989
|
-
|
|
12990
|
-
if (
|
|
12991
|
-
|
|
12992
|
-
|
|
12993
|
-
|
|
12994
|
-
|
|
12995
|
-
|
|
12996
|
-
|
|
12997
|
-
/** @type {?} */
|
|
12998
|
-
var tabResults_1 = [];
|
|
12999
|
-
/** @type {?} */
|
|
13000
|
-
var queryParams = get(strip.request.enrollmentList, 'queryParams');
|
|
13001
|
-
if (this.configSvc.userProfile) {
|
|
13002
|
-
userId = this.configSvc.userProfile.userId;
|
|
12977
|
+
function (data) {
|
|
12978
|
+
/** @type {?} */
|
|
12979
|
+
var stripInfo = this.stripsResultDataMap[data.key].stripInfo;
|
|
12980
|
+
if (stripInfo) {
|
|
12981
|
+
if (stripInfo.mode !== 'below') {
|
|
12982
|
+
this.loggerSvc.warn("strip info mode: " + stripInfo.mode + " not implemented yet");
|
|
12983
|
+
stripInfo.mode = 'below';
|
|
12984
|
+
}
|
|
12985
|
+
if (stripInfo.mode === 'below') {
|
|
12986
|
+
this.stripsResultDataMap[data.key].stripInfo = __assign({}, stripInfo, { visibilityMode: stripInfo.visibilityMode === 'hidden' ? 'visible' : 'hidden' });
|
|
13003
12987
|
}
|
|
13004
|
-
// tslint:disable-next-line: deprecation
|
|
13005
|
-
this.userSvc.fetchUserBatchList(userId, queryParams).subscribe((/**
|
|
13006
|
-
* @param {?} result
|
|
13007
|
-
* @return {?}
|
|
13008
|
-
*/
|
|
13009
|
-
function (result) {
|
|
13010
|
-
/** @type {?} */
|
|
13011
|
-
var courses = result && result.courses;
|
|
13012
|
-
/** @type {?} */
|
|
13013
|
-
var showViewMore = Boolean(courses.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
|
|
13014
|
-
/** @type {?} */
|
|
13015
|
-
var viewMoreUrl = showViewMore
|
|
13016
|
-
? {
|
|
13017
|
-
path: (strip.viewMoreUrl && strip.viewMoreUrl.path) || '',
|
|
13018
|
-
queryParams: {
|
|
13019
|
-
q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
13020
|
-
f: strip.request && strip.request.searchV6 && strip.request.searchV6.filters
|
|
13021
|
-
? JSON.stringify(
|
|
13022
|
-
// this.searchServSvc.transformSearchV6Filters(
|
|
13023
|
-
strip.request.searchV6.filters
|
|
13024
|
-
// ),
|
|
13025
|
-
)
|
|
13026
|
-
: {},
|
|
13027
|
-
},
|
|
13028
|
-
}
|
|
13029
|
-
: null;
|
|
13030
|
-
if (courses && courses.length) {
|
|
13031
|
-
content_1 = courses.map((/**
|
|
13032
|
-
* @param {?} c
|
|
13033
|
-
* @return {?}
|
|
13034
|
-
*/
|
|
13035
|
-
function (c) {
|
|
13036
|
-
/** @type {?} */
|
|
13037
|
-
var contentTemp = c.content;
|
|
13038
|
-
contentTemp.completionPercentage = c.completionPercentage || c.progress || 0;
|
|
13039
|
-
contentTemp.completionStatus = c.completionStatus || c.status || 0;
|
|
13040
|
-
contentTemp.enrolledDate = c.enrolledDate || '';
|
|
13041
|
-
contentTemp.lastContentAccessTime = c.lastContentAccessTime || '';
|
|
13042
|
-
contentTemp.lastReadContentStatus = c.lastReadContentStatus || '';
|
|
13043
|
-
contentTemp.lastReadContentId = c.lastReadContentId || '';
|
|
13044
|
-
contentTemp.lrcProgressDetails = c.lrcProgressDetails || '';
|
|
13045
|
-
contentTemp.issuedCertificates = c.issuedCertificates || [];
|
|
13046
|
-
contentTemp.batchId = c.batchId || '';
|
|
13047
|
-
return contentTemp;
|
|
13048
|
-
}));
|
|
13049
|
-
}
|
|
13050
|
-
// To filter content with completionPercentage > 0,
|
|
13051
|
-
// so that only those content will show in home page
|
|
13052
|
-
// continue learing strip
|
|
13053
|
-
// if (content && content.length) {
|
|
13054
|
-
// contentNew = content.filter((c: any) => {
|
|
13055
|
-
// /** commented as both are 0 after enrolll */
|
|
13056
|
-
// if (c.completionPercentage && c.completionPercentage > 0) {
|
|
13057
|
-
// return c
|
|
13058
|
-
// }
|
|
13059
|
-
// })
|
|
13060
|
-
// }
|
|
13061
|
-
// To sort in descending order of the enrolled date
|
|
13062
|
-
contentNew_1 = (content_1 || []).sort((/**
|
|
13063
|
-
* @param {?} a
|
|
13064
|
-
* @param {?} b
|
|
13065
|
-
* @return {?}
|
|
13066
|
-
*/
|
|
13067
|
-
function (a, b) {
|
|
13068
|
-
/** @type {?} */
|
|
13069
|
-
var dateA = new Date(a.lastContentAccessTime || 0);
|
|
13070
|
-
/** @type {?} */
|
|
13071
|
-
var dateB = new Date(b.lastContentAccessTime || 0);
|
|
13072
|
-
return dateB - dateA;
|
|
13073
|
-
}));
|
|
13074
|
-
if (strip.tabs && strip.tabs.length) {
|
|
13075
|
-
tabResults_1 = _this.splitEnrollmentTabsData(contentNew_1, strip);
|
|
13076
|
-
_this.processStrip(strip, _this.transformContentsToWidgets(contentNew_1, strip), 'done', calculateParentStatus, viewMoreUrl, tabResults_1);
|
|
13077
|
-
}
|
|
13078
|
-
else {
|
|
13079
|
-
_this.processStrip(strip, _this.transformContentsToWidgets(contentNew_1, strip), 'done', calculateParentStatus, viewMoreUrl);
|
|
13080
|
-
}
|
|
13081
|
-
}), (/**
|
|
13082
|
-
* @return {?}
|
|
13083
|
-
*/
|
|
13084
|
-
function () {
|
|
13085
|
-
_this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13086
|
-
}));
|
|
13087
12988
|
}
|
|
13088
12989
|
};
|
|
13089
12990
|
/**
|
|
13090
|
-
* @
|
|
12991
|
+
* @private
|
|
12992
|
+
* @param {?} contents
|
|
13091
12993
|
* @param {?} strip
|
|
13092
12994
|
* @return {?}
|
|
13093
12995
|
*/
|
|
13094
|
-
ContentStripWithTabsPillsComponent.prototype.
|
|
13095
|
-
* @
|
|
12996
|
+
ContentStripWithTabsPillsComponent.prototype.transformContentsToWidgets = /**
|
|
12997
|
+
* @private
|
|
12998
|
+
* @param {?} contents
|
|
13096
12999
|
* @param {?} strip
|
|
13097
13000
|
* @return {?}
|
|
13098
13001
|
*/
|
|
13099
|
-
function (
|
|
13100
|
-
|
|
13101
|
-
|
|
13102
|
-
|
|
13103
|
-
var splitData = this.getInprogressAndCompleted(contentNew, (/**
|
|
13104
|
-
* @param {?} e
|
|
13002
|
+
function (contents, strip) {
|
|
13003
|
+
return (contents || []).map((/**
|
|
13004
|
+
* @param {?} content
|
|
13005
|
+
* @param {?} idx
|
|
13105
13006
|
* @return {?}
|
|
13106
13007
|
*/
|
|
13107
|
-
function (
|
|
13108
|
-
|
|
13109
|
-
|
|
13110
|
-
|
|
13111
|
-
|
|
13112
|
-
|
|
13113
|
-
|
|
13114
|
-
|
|
13115
|
-
|
|
13116
|
-
|
|
13117
|
-
|
|
13118
|
-
}
|
|
13119
|
-
return undefined;
|
|
13120
|
-
})))));
|
|
13121
|
-
}
|
|
13122
|
-
};
|
|
13123
|
-
for (var i = 0; i < strip.tabs.length; i += 1) {
|
|
13124
|
-
_loop_1(i);
|
|
13125
|
-
}
|
|
13126
|
-
}
|
|
13127
|
-
return tabResults;
|
|
13008
|
+
function (content, idx) { return (content ? {
|
|
13009
|
+
widgetType: 'cardLib',
|
|
13010
|
+
widgetSubType: 'cardContentLib',
|
|
13011
|
+
widgetHostClass: 'mb-2',
|
|
13012
|
+
widgetData: __assign({ content: content }, (content.batch && { batch: content.batch }), { cardSubType: strip.stripConfig && strip.stripConfig.cardSubType, cardCustomeClass: strip.customeClass ? strip.customeClass : '', context: { pageSection: strip.key, position: idx }, intranetMode: strip.stripConfig && strip.stripConfig.intranetMode, deletedMode: strip.stripConfig && strip.stripConfig.deletedMode, contentTags: strip.stripConfig && strip.stripConfig.contentTags }),
|
|
13013
|
+
} : {
|
|
13014
|
+
widgetType: 'card',
|
|
13015
|
+
widgetSubType: 'cardContent',
|
|
13016
|
+
widgetHostClass: 'mb-2',
|
|
13017
|
+
widgetData: {},
|
|
13018
|
+
}); }));
|
|
13128
13019
|
};
|
|
13129
13020
|
/**
|
|
13130
|
-
* @
|
|
13131
|
-
* @param {?}
|
|
13021
|
+
* @private
|
|
13022
|
+
* @param {?} contents
|
|
13132
13023
|
* @param {?} strip
|
|
13133
13024
|
* @return {?}
|
|
13134
13025
|
*/
|
|
13135
|
-
ContentStripWithTabsPillsComponent.prototype.
|
|
13136
|
-
* @
|
|
13137
|
-
* @param {?}
|
|
13026
|
+
ContentStripWithTabsPillsComponent.prototype.transformEventsToWidgets = /**
|
|
13027
|
+
* @private
|
|
13028
|
+
* @param {?} contents
|
|
13138
13029
|
* @param {?} strip
|
|
13139
13030
|
* @return {?}
|
|
13140
13031
|
*/
|
|
13141
|
-
function (
|
|
13142
|
-
|
|
13143
|
-
|
|
13144
|
-
|
|
13145
|
-
var completed = [];
|
|
13146
|
-
array.forEach((/**
|
|
13147
|
-
* @param {?} e
|
|
13032
|
+
function (contents, strip) {
|
|
13033
|
+
this.eventSvc.setEventListData(contents);
|
|
13034
|
+
return (this.eventSvc.todaysEvents || []).map((/**
|
|
13035
|
+
* @param {?} content
|
|
13148
13036
|
* @param {?} idx
|
|
13149
|
-
* @param {?} arr
|
|
13150
13037
|
* @return {?}
|
|
13151
13038
|
*/
|
|
13152
|
-
function (
|
|
13153
|
-
|
|
13154
|
-
|
|
13155
|
-
|
|
13156
|
-
|
|
13039
|
+
function (content, idx) { return (content ? {
|
|
13040
|
+
widgetType: 'card',
|
|
13041
|
+
widgetSubType: 'eventHubCard',
|
|
13042
|
+
widgetHostClass: 'mb-2',
|
|
13043
|
+
widgetData: {
|
|
13044
|
+
content: content,
|
|
13045
|
+
cardSubType: strip.stripConfig && strip.stripConfig.cardSubType,
|
|
13046
|
+
cardCustomeClass: strip.customeClass ? strip.customeClass : '',
|
|
13047
|
+
context: { pageSection: strip.key, position: idx },
|
|
13048
|
+
intranetMode: strip.stripConfig && strip.stripConfig.intranetMode,
|
|
13049
|
+
deletedMode: strip.stripConfig && strip.stripConfig.deletedMode,
|
|
13050
|
+
contentTags: strip.stripConfig && strip.stripConfig.contentTags,
|
|
13051
|
+
},
|
|
13052
|
+
} : {
|
|
13053
|
+
widgetType: 'card',
|
|
13054
|
+
widgetSubType: 'eventHubCard',
|
|
13055
|
+
widgetHostClass: 'mb-2',
|
|
13056
|
+
widgetData: {},
|
|
13057
|
+
}); }));
|
|
13157
13058
|
};
|
|
13158
|
-
// async fetchFromSearchV6(strip: NsContentStripWithTabs.IContentStripUnit, calculateParentStatus = true) {
|
|
13159
|
-
// if (strip.request && strip.request.searchV6 && Object.keys(strip.request.searchV6).length) {
|
|
13160
|
-
// // if (!(strip.request.searchV6.locale && strip.request.searchV6.locale.length > 0)) {
|
|
13161
|
-
// // if (this.configSvc.activeLocale) {
|
|
13162
|
-
// // strip.request.searchV6.locale = [this.configSvc.activeLocale.locals[0]]
|
|
13163
|
-
// // } else {
|
|
13164
|
-
// // strip.request.searchV6.locale = ['en']
|
|
13165
|
-
// // }
|
|
13166
|
-
// // }
|
|
13167
|
-
// let originalFilters: any = [];
|
|
13168
|
-
// // tslint:disable:no-console
|
|
13169
|
-
// console.log(originalFilters);
|
|
13170
|
-
// if (strip.request &&
|
|
13171
|
-
// strip.request.searchV6 &&
|
|
13172
|
-
// strip.request.searchV6.request &&
|
|
13173
|
-
// strip.request.searchV6.request.filters) {
|
|
13174
|
-
// originalFilters = strip.request.searchV6.request.filters;
|
|
13175
|
-
// strip.request.searchV6.request.filters = this.checkForDateFilters(strip.request.searchV6.request.filters);
|
|
13176
|
-
// strip.request.searchV6.request.filters = this.getFiltersFromArray(
|
|
13177
|
-
// strip.request.searchV6.request.filters,
|
|
13178
|
-
// );
|
|
13179
|
-
// }
|
|
13180
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
13181
|
-
// // TODO: Have to extract requestRequired to outer level of tabs config
|
|
13182
|
-
// const firstTab = strip.tabs[0];
|
|
13183
|
-
// if (firstTab.requestRequired) {
|
|
13184
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
13185
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
13186
|
-
// const currentTabFromMap = (allTabs && allTabs.length && allTabs[0]) as NsContentStripWithTabs.IContentStripTab;
|
|
13187
|
-
// this.getTabDataByNewReqSearchV6(strip, 0, currentTabFromMap, calculateParentStatus);
|
|
13188
|
-
// }
|
|
13189
|
-
// }
|
|
13190
|
-
// } else {
|
|
13191
|
-
// try {
|
|
13192
|
-
// const response = await this.searchV6Request(strip, strip.request, calculateParentStatus);
|
|
13193
|
-
// // console.log('calling after - response, ', response)
|
|
13194
|
-
// if (response && response.results) {
|
|
13195
|
-
// // console.log('calling after-- ')
|
|
13196
|
-
// if (response.results.result.content) {
|
|
13197
|
-
// if(strip.key === 'scheduledAssessment') {
|
|
13198
|
-
// this.enrollInterval = setInterval(() => {
|
|
13199
|
-
// this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl)
|
|
13200
|
-
// // tslint:disable-next-line
|
|
13201
|
-
// }, 1000)
|
|
13202
|
-
// } else {
|
|
13203
|
-
// this.processStrip(
|
|
13204
|
-
// strip,
|
|
13205
|
-
// this.transformContentsToWidgets(response.results.result.content, strip),
|
|
13206
|
-
// 'done',
|
|
13207
|
-
// calculateParentStatus,
|
|
13208
|
-
// response.viewMoreUrl,
|
|
13209
|
-
// );
|
|
13210
|
-
// }
|
|
13211
|
-
// } else if (response.results.result.Event) {
|
|
13212
|
-
// this.processStrip(
|
|
13213
|
-
// strip,
|
|
13214
|
-
// this.transformEventsToWidgets(response.results.result.Event, strip),
|
|
13215
|
-
// 'done',
|
|
13216
|
-
// calculateParentStatus,
|
|
13217
|
-
// response.viewMoreUrl,
|
|
13218
|
-
// );
|
|
13219
|
-
// } else {
|
|
13220
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13221
|
-
// }
|
|
13222
|
-
// } else {
|
|
13223
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13224
|
-
// }
|
|
13225
|
-
// } catch (error) {
|
|
13226
|
-
// // Handle errors
|
|
13227
|
-
// // console.error('Error:', error);
|
|
13228
|
-
// }
|
|
13229
|
-
// }
|
|
13230
|
-
// }
|
|
13231
|
-
// }
|
|
13232
|
-
// async fetchFromSearchV6(strip: NsContentStripWithTabs.IContentStripUnit, calculateParentStatus = true) {
|
|
13233
|
-
// if (strip.request && strip.request.searchV6 && Object.keys(strip.request.searchV6).length) {
|
|
13234
|
-
// // if (!(strip.request.searchV6.locale && strip.request.searchV6.locale.length > 0)) {
|
|
13235
|
-
// // if (this.configSvc.activeLocale) {
|
|
13236
|
-
// // strip.request.searchV6.locale = [this.configSvc.activeLocale.locals[0]]
|
|
13237
|
-
// // } else {
|
|
13238
|
-
// // strip.request.searchV6.locale = ['en']
|
|
13239
|
-
// // }
|
|
13240
|
-
// // }
|
|
13241
|
-
// let originalFilters: any = [];
|
|
13242
|
-
// // tslint:disable:no-console
|
|
13243
|
-
// console.log(originalFilters);
|
|
13244
|
-
// if (strip.request &&
|
|
13245
|
-
// strip.request.searchV6 &&
|
|
13246
|
-
// strip.request.searchV6.request &&
|
|
13247
|
-
// strip.request.searchV6.request.filters) {
|
|
13248
|
-
// originalFilters = strip.request.searchV6.request.filters;
|
|
13249
|
-
// strip.request.searchV6.request.filters = this.checkForDateFilters(strip.request.searchV6.request.filters);
|
|
13250
|
-
// strip.request.searchV6.request.filters = this.getFiltersFromArray(
|
|
13251
|
-
// strip.request.searchV6.request.filters,
|
|
13252
|
-
// );
|
|
13253
|
-
// }
|
|
13254
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
13255
|
-
// // TODO: Have to extract requestRequired to outer level of tabs config
|
|
13256
|
-
// const firstTab = strip.tabs[0];
|
|
13257
|
-
// if (firstTab.requestRequired) {
|
|
13258
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
13259
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
13260
|
-
// const currentTabFromMap = (allTabs && allTabs.length && allTabs[0]) as NsContentStripWithTabs.IContentStripTab;
|
|
13261
|
-
// this.getTabDataByNewReqSearchV6(strip, 0, currentTabFromMap, calculateParentStatus);
|
|
13262
|
-
// }
|
|
13263
|
-
// }
|
|
13264
|
-
// } else {
|
|
13265
|
-
// try {
|
|
13266
|
-
// const response = await this.searchV6Request(strip, strip.request, calculateParentStatus);
|
|
13267
|
-
// // console.log('calling after - response, ', response)
|
|
13268
|
-
// if (response && response.results) {
|
|
13269
|
-
// // console.log('calling after-- ')
|
|
13270
|
-
// if (response.results.result.content) {
|
|
13271
|
-
// if(strip.key === 'scheduledAssessment') {
|
|
13272
|
-
// this.enrollInterval = setInterval(() => {
|
|
13273
|
-
// this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl)
|
|
13274
|
-
// // tslint:disable-next-line
|
|
13275
|
-
// }, 1000)
|
|
13276
|
-
// } else {
|
|
13277
|
-
// this.processStrip(
|
|
13278
|
-
// strip,
|
|
13279
|
-
// this.transformContentsToWidgets(response.results.result.content, strip),
|
|
13280
|
-
// 'done',
|
|
13281
|
-
// calculateParentStatus,
|
|
13282
|
-
// response.viewMoreUrl,
|
|
13283
|
-
// );
|
|
13284
|
-
// }
|
|
13285
|
-
// } else if (response.results.result.Event) {
|
|
13286
|
-
// this.processStrip(
|
|
13287
|
-
// strip,
|
|
13288
|
-
// this.transformEventsToWidgets(response.results.result.Event, strip),
|
|
13289
|
-
// 'done',
|
|
13290
|
-
// calculateParentStatus,
|
|
13291
|
-
// response.viewMoreUrl,
|
|
13292
|
-
// );
|
|
13293
|
-
// } else {
|
|
13294
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13295
|
-
// }
|
|
13296
|
-
// } else {
|
|
13297
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13298
|
-
// }
|
|
13299
|
-
// } catch (error) {
|
|
13300
|
-
// // Handle errors
|
|
13301
|
-
// // console.error('Error:', error);
|
|
13302
|
-
// }
|
|
13303
|
-
// }
|
|
13304
|
-
// }
|
|
13305
|
-
// }
|
|
13306
13059
|
/**
|
|
13307
|
-
* @
|
|
13060
|
+
* @private
|
|
13308
13061
|
* @param {?} strip
|
|
13309
|
-
* @param {?} calculateParentStatus
|
|
13310
|
-
* @param {?} viewMoreUrl
|
|
13311
13062
|
* @return {?}
|
|
13312
13063
|
*/
|
|
13313
|
-
ContentStripWithTabsPillsComponent.prototype.
|
|
13314
|
-
|
|
13315
|
-
|
|
13316
|
-
|
|
13317
|
-
|
|
13318
|
-
|
|
13319
|
-
|
|
13320
|
-
|
|
13321
|
-
|
|
13322
|
-
|
|
13323
|
-
|
|
13324
|
-
|
|
13325
|
-
|
|
13326
|
-
|
|
13327
|
-
|
|
13328
|
-
|
|
13329
|
-
|
|
13330
|
-
|
|
13331
|
-
|
|
13332
|
-
|
|
13333
|
-
// strip.request.searchV6.request.filters,
|
|
13334
|
-
// );
|
|
13335
|
-
// }
|
|
13336
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
13337
|
-
// // TODO: Have to extract requestRequired to outer level of tabs config
|
|
13338
|
-
// const firstTab = strip.tabs[0];
|
|
13339
|
-
// if (firstTab.requestRequired) {
|
|
13340
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
13341
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
13342
|
-
// const currentTabFromMap = (allTabs && allTabs.length && allTabs[0]) as NsContentStripWithTabs.IContentStripTab;
|
|
13343
|
-
// this.getTabDataByNewReqSearchV6(strip, 0, currentTabFromMap, calculateParentStatus);
|
|
13344
|
-
// }
|
|
13345
|
-
// }
|
|
13346
|
-
// } else {
|
|
13347
|
-
// try {
|
|
13348
|
-
// const response = await this.searchV6Request(strip, strip.request, calculateParentStatus);
|
|
13349
|
-
// // console.log('calling after - response, ', response)
|
|
13350
|
-
// if (response && response.results) {
|
|
13351
|
-
// // console.log('calling after-- ')
|
|
13352
|
-
// if (response.results.result.content) {
|
|
13353
|
-
// if(strip.key === 'scheduledAssessment') {
|
|
13354
|
-
// this.enrollInterval = setInterval(() => {
|
|
13355
|
-
// this.checkInvitOnlyAssessments(response.results.result.content, strip, calculateParentStatus, response.viewMoreUrl)
|
|
13356
|
-
// // tslint:disable-next-line
|
|
13357
|
-
// }, 1000)
|
|
13358
|
-
// } else {
|
|
13359
|
-
// this.processStrip(
|
|
13360
|
-
// strip,
|
|
13361
|
-
// this.transformContentsToWidgets(response.results.result.content, strip),
|
|
13362
|
-
// 'done',
|
|
13363
|
-
// calculateParentStatus,
|
|
13364
|
-
// response.viewMoreUrl,
|
|
13365
|
-
// );
|
|
13366
|
-
// }
|
|
13367
|
-
// } else if (response.results.result.Event) {
|
|
13368
|
-
// this.processStrip(
|
|
13369
|
-
// strip,
|
|
13370
|
-
// this.transformEventsToWidgets(response.results.result.Event, strip),
|
|
13371
|
-
// 'done',
|
|
13372
|
-
// calculateParentStatus,
|
|
13373
|
-
// response.viewMoreUrl,
|
|
13374
|
-
// );
|
|
13375
|
-
// } else {
|
|
13376
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13377
|
-
// }
|
|
13378
|
-
// } else {
|
|
13379
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13380
|
-
// }
|
|
13381
|
-
// } catch (error) {
|
|
13382
|
-
// // Handle errors
|
|
13383
|
-
// // console.error('Error:', error);
|
|
13384
|
-
// }
|
|
13385
|
-
// }
|
|
13386
|
-
// }
|
|
13387
|
-
// }
|
|
13064
|
+
ContentStripWithTabsPillsComponent.prototype.transformSkeletonToWidgets = /**
|
|
13065
|
+
* @private
|
|
13066
|
+
* @param {?} strip
|
|
13067
|
+
* @return {?}
|
|
13068
|
+
*/
|
|
13069
|
+
function (strip) {
|
|
13070
|
+
return [1, 2, 3, 4, 5, 6, 7, 7, 8, 9, 10].map((/**
|
|
13071
|
+
* @param {?} _content
|
|
13072
|
+
* @return {?}
|
|
13073
|
+
*/
|
|
13074
|
+
function (_content) { return ({
|
|
13075
|
+
widgetType: 'cardLib',
|
|
13076
|
+
widgetSubType: 'cardContentLib',
|
|
13077
|
+
widgetHostClass: 'mb-2',
|
|
13078
|
+
widgetData: {
|
|
13079
|
+
cardSubType: strip.loaderConfig && strip.loaderConfig.cardSubType || 'card-standard-skeleton',
|
|
13080
|
+
cardCustomeClass: strip.customeClass ? strip.customeClass : '',
|
|
13081
|
+
},
|
|
13082
|
+
}); }));
|
|
13083
|
+
};
|
|
13388
13084
|
/**
|
|
13389
|
-
* @
|
|
13085
|
+
* @private
|
|
13390
13086
|
* @param {?} strip
|
|
13391
|
-
* @param {
|
|
13392
|
-
* @param {
|
|
13393
|
-
* @
|
|
13394
|
-
|
|
13395
|
-
|
|
13396
|
-
var _this = this;
|
|
13397
|
-
if (localStorage.getItem('enrollmentMapData')) {
|
|
13398
|
-
this.enrollmentMapData = JSON.parse(localStorage.getItem('enrollmentMapData') || '{}');
|
|
13399
|
-
/** @type {?} */
|
|
13400
|
-
var filteredArray_1 = [];
|
|
13401
|
-
content.forEach((/**
|
|
13402
|
-
* @param {?} data
|
|
13403
|
-
* @return {?}
|
|
13404
|
-
*/
|
|
13405
|
-
function (data) {
|
|
13406
|
-
if (_this.enrollmentMapData[data.identifier]) {
|
|
13407
|
-
data['batch'] = _this.enrollmentMapData[data.identifier].batch;
|
|
13408
|
-
data['completionPercentage'] = _this.enrollmentMapData[data.identifier].completionPercentage;
|
|
13409
|
-
filteredArray_1.push(data);
|
|
13410
|
-
}
|
|
13411
|
-
}));
|
|
13412
|
-
this.processStrip(strip, this.transformContentsToWidgets(filteredArray_1, strip), 'done', calculateParentStatus, viewMoreUrl);
|
|
13413
|
-
clearInterval(this.enrollInterval);
|
|
13414
|
-
}
|
|
13415
|
-
};
|
|
13416
|
-
// async searchV6Request(strip: NsContentStripWithTabs.IContentStripUnit,
|
|
13417
|
-
// request: NsContentStripWithTabs.IContentStripUnit['request'],
|
|
13418
|
-
// calculateParentStatus: boolean
|
|
13419
|
-
// ): Promise<any> {
|
|
13420
|
-
// const originalFilters: any = [];
|
|
13421
|
-
// return new Promise<any>((resolve, reject) => {
|
|
13422
|
-
// if (request && request.searchV6) {
|
|
13423
|
-
// this.contentSvc.searchV6(request.searchV6).subscribe(results => {
|
|
13424
|
-
// const showViewMore = Boolean(
|
|
13425
|
-
// results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch,
|
|
13426
|
-
// );
|
|
13427
|
-
// const viewMoreUrl = showViewMore
|
|
13428
|
-
// ? {
|
|
13429
|
-
// path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
13430
|
-
// queryParams: {
|
|
13431
|
-
// tab: 'Learn',
|
|
13432
|
-
// q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
13433
|
-
// f:
|
|
13434
|
-
// request &&
|
|
13435
|
-
// request.searchV6 &&
|
|
13436
|
-
// request.searchV6.request &&
|
|
13437
|
-
// request.searchV6.request.filters
|
|
13438
|
-
// ? JSON.stringify(
|
|
13439
|
-
// this.transformSearchV6FiltersV2(
|
|
13440
|
-
// originalFilters,
|
|
13441
|
-
// )
|
|
13442
|
-
// )
|
|
13443
|
-
// : {},
|
|
13444
|
-
// },
|
|
13445
|
-
// }
|
|
13446
|
-
// : null;
|
|
13447
|
-
// // if (viewMoreUrl && viewMoreUrl.queryParams) {
|
|
13448
|
-
// // viewMoreUrl.queryParams = viewMoreUrl.queryParams
|
|
13449
|
-
// // }
|
|
13450
|
-
// resolve({ results, viewMoreUrl });
|
|
13451
|
-
// }, (error: any) => {
|
|
13452
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13453
|
-
// reject(error);
|
|
13454
|
-
// },
|
|
13455
|
-
// );
|
|
13456
|
-
// }
|
|
13457
|
-
// });
|
|
13458
|
-
// }
|
|
13459
|
-
// async searchV6Request(strip: NsContentStripWithTabs.IContentStripUnit,
|
|
13460
|
-
// request: NsContentStripWithTabs.IContentStripUnit['request'],
|
|
13461
|
-
// calculateParentStatus: boolean
|
|
13462
|
-
// ): Promise<any> {
|
|
13463
|
-
// const originalFilters: any = [];
|
|
13464
|
-
// return new Promise<any>((resolve, reject) => {
|
|
13465
|
-
// if (request && request.searchV6) {
|
|
13466
|
-
// this.contentSvc.searchV6(request.searchV6).subscribe(results => {
|
|
13467
|
-
// const showViewMore = Boolean(
|
|
13468
|
-
// results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch,
|
|
13469
|
-
// );
|
|
13470
|
-
// const viewMoreUrl = showViewMore
|
|
13471
|
-
// ? {
|
|
13472
|
-
// path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
13473
|
-
// queryParams: {
|
|
13474
|
-
// tab: 'Learn',
|
|
13475
|
-
// q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
13476
|
-
// f:
|
|
13477
|
-
// request &&
|
|
13478
|
-
// request.searchV6 &&
|
|
13479
|
-
// request.searchV6.request &&
|
|
13480
|
-
// request.searchV6.request.filters
|
|
13481
|
-
// ? JSON.stringify(
|
|
13482
|
-
// this.transformSearchV6FiltersV2(
|
|
13483
|
-
// originalFilters,
|
|
13484
|
-
// )
|
|
13485
|
-
// )
|
|
13486
|
-
// : {},
|
|
13487
|
-
// },
|
|
13488
|
-
// }
|
|
13489
|
-
// : null;
|
|
13490
|
-
// // if (viewMoreUrl && viewMoreUrl.queryParams) {
|
|
13491
|
-
// // viewMoreUrl.queryParams = viewMoreUrl.queryParams
|
|
13492
|
-
// // }
|
|
13493
|
-
// resolve({ results, viewMoreUrl });
|
|
13494
|
-
// }, (error: any) => {
|
|
13495
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13496
|
-
// reject(error);
|
|
13497
|
-
// },
|
|
13498
|
-
// );
|
|
13499
|
-
// }
|
|
13500
|
-
// });
|
|
13501
|
-
// }
|
|
13502
|
-
/**
|
|
13503
|
-
* @param {?} strip
|
|
13504
|
-
* @param {?=} calculateParentStatus
|
|
13505
|
-
* @return {?}
|
|
13506
|
-
*/
|
|
13507
|
-
ContentStripWithTabsPillsComponent.prototype.fetchFromTrendingContent =
|
|
13508
|
-
// async searchV6Request(strip: NsContentStripWithTabs.IContentStripUnit,
|
|
13509
|
-
// request: NsContentStripWithTabs.IContentStripUnit['request'],
|
|
13510
|
-
// calculateParentStatus: boolean
|
|
13511
|
-
// ): Promise<any> {
|
|
13512
|
-
// const originalFilters: any = [];
|
|
13513
|
-
// return new Promise<any>((resolve, reject) => {
|
|
13514
|
-
// if (request && request.searchV6) {
|
|
13515
|
-
// this.contentSvc.searchV6(request.searchV6).subscribe(results => {
|
|
13516
|
-
// const showViewMore = Boolean(
|
|
13517
|
-
// results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch,
|
|
13518
|
-
// );
|
|
13519
|
-
// const viewMoreUrl = showViewMore
|
|
13520
|
-
// ? {
|
|
13521
|
-
// path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
13522
|
-
// queryParams: {
|
|
13523
|
-
// tab: 'Learn',
|
|
13524
|
-
// q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
13525
|
-
// f:
|
|
13526
|
-
// request &&
|
|
13527
|
-
// request.searchV6 &&
|
|
13528
|
-
// request.searchV6.request &&
|
|
13529
|
-
// request.searchV6.request.filters
|
|
13530
|
-
// ? JSON.stringify(
|
|
13531
|
-
// this.transformSearchV6FiltersV2(
|
|
13532
|
-
// originalFilters,
|
|
13533
|
-
// )
|
|
13534
|
-
// )
|
|
13535
|
-
// : {},
|
|
13536
|
-
// },
|
|
13537
|
-
// }
|
|
13538
|
-
// : null;
|
|
13539
|
-
// // if (viewMoreUrl && viewMoreUrl.queryParams) {
|
|
13540
|
-
// // viewMoreUrl.queryParams = viewMoreUrl.queryParams
|
|
13541
|
-
// // }
|
|
13542
|
-
// resolve({ results, viewMoreUrl });
|
|
13543
|
-
// }, (error: any) => {
|
|
13544
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13545
|
-
// reject(error);
|
|
13546
|
-
// },
|
|
13547
|
-
// );
|
|
13548
|
-
// }
|
|
13549
|
-
// });
|
|
13550
|
-
// }
|
|
13551
|
-
/**
|
|
13552
|
-
* @param {?} strip
|
|
13553
|
-
* @param {?=} calculateParentStatus
|
|
13554
|
-
* @return {?}
|
|
13555
|
-
*/
|
|
13556
|
-
function (strip, calculateParentStatus) {
|
|
13557
|
-
if (calculateParentStatus === void 0) { calculateParentStatus = true; }
|
|
13558
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
13559
|
-
var originalFilters, firstTab, allTabs, currentTabFromMap, response, content, error_1;
|
|
13560
|
-
return __generator(this, function (_a) {
|
|
13561
|
-
switch (_a.label) {
|
|
13562
|
-
case 0:
|
|
13563
|
-
if (!(strip.request && strip.request.trendingSearch && Object.keys(strip.request.trendingSearch).length)) return [3 /*break*/, 4];
|
|
13564
|
-
// if (!(strip.request.searchV6.locale && strip.request.searchV6.locale.length > 0)) {
|
|
13565
|
-
// if (this.configSvc.activeLocale) {
|
|
13566
|
-
// strip.request.searchV6.locale = [this.configSvc.activeLocale.locals[0]]
|
|
13567
|
-
// } else {
|
|
13568
|
-
// strip.request.searchV6.locale = ['en']
|
|
13569
|
-
// }
|
|
13570
|
-
// }
|
|
13571
|
-
originalFilters = [];
|
|
13572
|
-
// tslint:disable:no-console
|
|
13573
|
-
if (strip.request &&
|
|
13574
|
-
strip.request.trendingSearch &&
|
|
13575
|
-
strip.request.trendingSearch.request &&
|
|
13576
|
-
strip.request.trendingSearch.request.filters) {
|
|
13577
|
-
originalFilters = strip.request.trendingSearch.request.filters;
|
|
13578
|
-
strip.request.trendingSearch.request.filters = this.checkForDateFilters(strip.request.trendingSearch.request.filters);
|
|
13579
|
-
strip.request.trendingSearch.request.filters = this.getFiltersFromArray(strip.request.trendingSearch.request.filters);
|
|
13580
|
-
}
|
|
13581
|
-
if (!(strip.tabs && strip.tabs.length)) return [3 /*break*/, 1];
|
|
13582
|
-
// TODO: Have to extract requestRequired to outer level of tabs config
|
|
13583
|
-
firstTab = strip.tabs[0];
|
|
13584
|
-
if (firstTab.requestRequired) {
|
|
13585
|
-
if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
13586
|
-
allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
13587
|
-
currentTabFromMap = (/** @type {?} */ ((allTabs && allTabs.length && allTabs[0])));
|
|
13588
|
-
this.getTabDataByNewReqTrending(strip, 0, 0, currentTabFromMap, calculateParentStatus);
|
|
13589
|
-
}
|
|
13590
|
-
}
|
|
13591
|
-
return [3 /*break*/, 4];
|
|
13592
|
-
case 1:
|
|
13593
|
-
_a.trys.push([1, 3, , 4]);
|
|
13594
|
-
return [4 /*yield*/, this.trendingSearchRequest(strip, strip.request, calculateParentStatus)];
|
|
13595
|
-
case 2:
|
|
13596
|
-
response = _a.sent();
|
|
13597
|
-
if (response && response.results && response.results.response) {
|
|
13598
|
-
content = response.results.response[strip.request.trendingSearch.responseKey] || [];
|
|
13599
|
-
this.processStrip(strip, this.transformContentsToWidgets(content, strip), 'done', calculateParentStatus, response.viewMoreUrl || '');
|
|
13600
|
-
if (!content.length) {
|
|
13601
|
-
this.emptyResponse.emit(true);
|
|
13602
|
-
}
|
|
13603
|
-
}
|
|
13604
|
-
else {
|
|
13605
|
-
this.emptyResponse.emit(true);
|
|
13606
|
-
this.processStrip(strip, [], 'done', calculateParentStatus, null);
|
|
13607
|
-
}
|
|
13608
|
-
return [3 /*break*/, 4];
|
|
13609
|
-
case 3:
|
|
13610
|
-
error_1 = _a.sent();
|
|
13611
|
-
// Handle errors
|
|
13612
|
-
this.emptyResponse.emit(true);
|
|
13613
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
13614
|
-
return [3 /*break*/, 4];
|
|
13615
|
-
case 4: return [2 /*return*/];
|
|
13616
|
-
}
|
|
13617
|
-
});
|
|
13618
|
-
});
|
|
13619
|
-
};
|
|
13620
|
-
// async trendingSearchRequest(strip: NsContentStripWithTabs.IContentStripUnit,
|
|
13621
|
-
// request: NsContentStripWithTabs.IContentStripUnit['request'],
|
|
13622
|
-
// calculateParentStatus: boolean
|
|
13623
|
-
// ): Promise<any> {
|
|
13624
|
-
// const originalFilters: any = [];
|
|
13625
|
-
// return new Promise<any>((resolve, reject) => {
|
|
13626
|
-
// if (request && request.trendingSearch) {
|
|
13627
|
-
// // check for the request if it has dynamic values]
|
|
13628
|
-
// if (request.trendingSearch.request.filters.organisation &&
|
|
13629
|
-
// request.trendingSearch.request.filters.organisation.indexOf('<orgID>') >= 0
|
|
13630
|
-
// ) {
|
|
13631
|
-
// let userRootOrgId;
|
|
13632
|
-
// if (this.configSvc.userProfile) {
|
|
13633
|
-
// userRootOrgId = this.configSvc.userProfile.rootOrgId;
|
|
13634
|
-
// }
|
|
13635
|
-
// request.trendingSearch.request.filters.organisation = userRootOrgId;
|
|
13636
|
-
// }
|
|
13637
|
-
// this.contentSvc.trendingContentSearch(request.trendingSearch).subscribe(results => {
|
|
13638
|
-
// const showViewMore = Boolean(
|
|
13639
|
-
// results.result &&
|
|
13640
|
-
// strip.request &&
|
|
13641
|
-
// results.result[strip.request.trendingSearch.responseKey] &&
|
|
13642
|
-
// results.result[strip.request.trendingSearch.responseKey].length > 5 &&
|
|
13643
|
-
// strip.stripConfig && strip.stripConfig.postCardForSearch,
|
|
13644
|
-
// );
|
|
13645
|
-
// const viewMoreUrl = showViewMore
|
|
13646
|
-
// ? {
|
|
13647
|
-
// path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
13648
|
-
// queryParams: {
|
|
13649
|
-
// tab: 'Learn',
|
|
13650
|
-
// q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
13651
|
-
// f:
|
|
13652
|
-
// request &&
|
|
13653
|
-
// request.trendingSearch &&
|
|
13654
|
-
// request.trendingSearch.request &&
|
|
13655
|
-
// request.trendingSearch.request.filters
|
|
13656
|
-
// ? JSON.stringify(
|
|
13657
|
-
// this.transformSearchV6FiltersV2(
|
|
13658
|
-
// originalFilters,
|
|
13659
|
-
// )
|
|
13660
|
-
// )
|
|
13661
|
-
// : {},
|
|
13662
|
-
// },
|
|
13663
|
-
// }
|
|
13664
|
-
// : null;
|
|
13665
|
-
// let proccesedResult: any = []
|
|
13666
|
-
// if (results && results.response && results.response.certifications) {
|
|
13667
|
-
// results.response.certifications.map((result: any) => {
|
|
13668
|
-
// if (result.source === this.channnelName) {
|
|
13669
|
-
// proccesedResult.push(result)
|
|
13670
|
-
// }
|
|
13671
|
-
// })
|
|
13672
|
-
// }
|
|
13673
|
-
// results = {response: {certifications: proccesedResult}}
|
|
13674
|
-
// resolve({ results, viewMoreUrl });
|
|
13675
|
-
// }, (error: any) => {
|
|
13676
|
-
// if (error.error && error.error.status === 400) {
|
|
13677
|
-
// this.processStrip(strip, [], 'done', calculateParentStatus, null);
|
|
13678
|
-
// }
|
|
13679
|
-
// // this.processStrip(strip, [], 'done', calculateParentStatus, null)
|
|
13680
|
-
// reject(error);
|
|
13681
|
-
// },
|
|
13682
|
-
// );
|
|
13683
|
-
// }
|
|
13684
|
-
// });
|
|
13685
|
-
// }
|
|
13686
|
-
// async trendingSearchRequest(strip: NsContentStripWithTabs.IContentStripUnit,
|
|
13687
|
-
// request: NsContentStripWithTabs.IContentStripUnit['request'],
|
|
13688
|
-
// calculateParentStatus: boolean
|
|
13689
|
-
// ): Promise<any> {
|
|
13690
|
-
// const originalFilters: any = [];
|
|
13691
|
-
// return new Promise<any>((resolve, reject) => {
|
|
13692
|
-
// if (request && request.trendingSearch) {
|
|
13693
|
-
// // check for the request if it has dynamic values]
|
|
13694
|
-
// if (request.trendingSearch.request.filters.organisation &&
|
|
13695
|
-
// request.trendingSearch.request.filters.organisation.indexOf('<orgID>') >= 0
|
|
13696
|
-
// ) {
|
|
13697
|
-
// let userRootOrgId;
|
|
13698
|
-
// if (this.configSvc.userProfile) {
|
|
13699
|
-
// userRootOrgId = this.configSvc.userProfile.rootOrgId;
|
|
13700
|
-
// }
|
|
13701
|
-
// request.trendingSearch.request.filters.organisation = userRootOrgId;
|
|
13702
|
-
// }
|
|
13703
|
-
// this.contentSvc.trendingContentSearch(request.trendingSearch).subscribe(results => {
|
|
13704
|
-
// const showViewMore = Boolean(
|
|
13705
|
-
// results.result &&
|
|
13706
|
-
// strip.request &&
|
|
13707
|
-
// results.result[strip.request.trendingSearch.responseKey] &&
|
|
13708
|
-
// results.result[strip.request.trendingSearch.responseKey].length > 5 &&
|
|
13709
|
-
// strip.stripConfig && strip.stripConfig.postCardForSearch,
|
|
13710
|
-
// );
|
|
13711
|
-
// const viewMoreUrl = showViewMore
|
|
13712
|
-
// ? {
|
|
13713
|
-
// path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
13714
|
-
// queryParams: {
|
|
13715
|
-
// tab: 'Learn',
|
|
13716
|
-
// q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
13717
|
-
// f:
|
|
13718
|
-
// request &&
|
|
13719
|
-
// request.trendingSearch &&
|
|
13720
|
-
// request.trendingSearch.request &&
|
|
13721
|
-
// request.trendingSearch.request.filters
|
|
13722
|
-
// ? JSON.stringify(
|
|
13723
|
-
// this.transformSearchV6FiltersV2(
|
|
13724
|
-
// originalFilters,
|
|
13725
|
-
// )
|
|
13726
|
-
// )
|
|
13727
|
-
// : {},
|
|
13728
|
-
// },
|
|
13729
|
-
// }
|
|
13730
|
-
// : null;
|
|
13731
|
-
// let proccesedResult: any = []
|
|
13732
|
-
// if (results && results.response && results.response.certifications) {
|
|
13733
|
-
// results.response.certifications.map((result: any) => {
|
|
13734
|
-
// if (result.source === this.channnelName) {
|
|
13735
|
-
// proccesedResult.push(result)
|
|
13736
|
-
// }
|
|
13737
|
-
// })
|
|
13738
|
-
// }
|
|
13739
|
-
// results = {response: {certifications: proccesedResult}}
|
|
13740
|
-
// resolve({ results, viewMoreUrl });
|
|
13741
|
-
// }, (error: any) => {
|
|
13742
|
-
// if (error.error && error.error.status === 400) {
|
|
13743
|
-
// this.processStrip(strip, [], 'done', calculateParentStatus, null);
|
|
13744
|
-
// }
|
|
13745
|
-
// // this.processStrip(strip, [], 'done', calculateParentStatus, null)
|
|
13746
|
-
// reject(error);
|
|
13747
|
-
// },
|
|
13748
|
-
// );
|
|
13749
|
-
// }
|
|
13750
|
-
// });
|
|
13751
|
-
// }
|
|
13752
|
-
/**
|
|
13753
|
-
* @param {?} data
|
|
13754
|
-
* @return {?}
|
|
13755
|
-
*/
|
|
13756
|
-
ContentStripWithTabsPillsComponent.prototype.toggleInfo =
|
|
13757
|
-
// async trendingSearchRequest(strip: NsContentStripWithTabs.IContentStripUnit,
|
|
13758
|
-
// request: NsContentStripWithTabs.IContentStripUnit['request'],
|
|
13759
|
-
// calculateParentStatus: boolean
|
|
13760
|
-
// ): Promise<any> {
|
|
13761
|
-
// const originalFilters: any = [];
|
|
13762
|
-
// return new Promise<any>((resolve, reject) => {
|
|
13763
|
-
// if (request && request.trendingSearch) {
|
|
13764
|
-
// // check for the request if it has dynamic values]
|
|
13765
|
-
// if (request.trendingSearch.request.filters.organisation &&
|
|
13766
|
-
// request.trendingSearch.request.filters.organisation.indexOf('<orgID>') >= 0
|
|
13767
|
-
// ) {
|
|
13768
|
-
// let userRootOrgId;
|
|
13769
|
-
// if (this.configSvc.userProfile) {
|
|
13770
|
-
// userRootOrgId = this.configSvc.userProfile.rootOrgId;
|
|
13771
|
-
// }
|
|
13772
|
-
// request.trendingSearch.request.filters.organisation = userRootOrgId;
|
|
13773
|
-
// }
|
|
13774
|
-
// this.contentSvc.trendingContentSearch(request.trendingSearch).subscribe(results => {
|
|
13775
|
-
// const showViewMore = Boolean(
|
|
13776
|
-
// results.result &&
|
|
13777
|
-
// strip.request &&
|
|
13778
|
-
// results.result[strip.request.trendingSearch.responseKey] &&
|
|
13779
|
-
// results.result[strip.request.trendingSearch.responseKey].length > 5 &&
|
|
13780
|
-
// strip.stripConfig && strip.stripConfig.postCardForSearch,
|
|
13781
|
-
// );
|
|
13782
|
-
// const viewMoreUrl = showViewMore
|
|
13783
|
-
// ? {
|
|
13784
|
-
// path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
13785
|
-
// queryParams: {
|
|
13786
|
-
// tab: 'Learn',
|
|
13787
|
-
// q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
13788
|
-
// f:
|
|
13789
|
-
// request &&
|
|
13790
|
-
// request.trendingSearch &&
|
|
13791
|
-
// request.trendingSearch.request &&
|
|
13792
|
-
// request.trendingSearch.request.filters
|
|
13793
|
-
// ? JSON.stringify(
|
|
13794
|
-
// this.transformSearchV6FiltersV2(
|
|
13795
|
-
// originalFilters,
|
|
13796
|
-
// )
|
|
13797
|
-
// )
|
|
13798
|
-
// : {},
|
|
13799
|
-
// },
|
|
13800
|
-
// }
|
|
13801
|
-
// : null;
|
|
13802
|
-
// let proccesedResult: any = []
|
|
13803
|
-
// if (results && results.response && results.response.certifications) {
|
|
13804
|
-
// results.response.certifications.map((result: any) => {
|
|
13805
|
-
// if (result.source === this.channnelName) {
|
|
13806
|
-
// proccesedResult.push(result)
|
|
13807
|
-
// }
|
|
13808
|
-
// })
|
|
13809
|
-
// }
|
|
13810
|
-
// results = {response: {certifications: proccesedResult}}
|
|
13811
|
-
// resolve({ results, viewMoreUrl });
|
|
13812
|
-
// }, (error: any) => {
|
|
13813
|
-
// if (error.error && error.error.status === 400) {
|
|
13814
|
-
// this.processStrip(strip, [], 'done', calculateParentStatus, null);
|
|
13815
|
-
// }
|
|
13816
|
-
// // this.processStrip(strip, [], 'done', calculateParentStatus, null)
|
|
13817
|
-
// reject(error);
|
|
13818
|
-
// },
|
|
13819
|
-
// );
|
|
13820
|
-
// }
|
|
13821
|
-
// });
|
|
13822
|
-
// }
|
|
13823
|
-
/**
|
|
13824
|
-
* @param {?} data
|
|
13825
|
-
* @return {?}
|
|
13826
|
-
*/
|
|
13827
|
-
function (data) {
|
|
13828
|
-
/** @type {?} */
|
|
13829
|
-
var stripInfo = this.stripsResultDataMap[data.key].stripInfo;
|
|
13830
|
-
if (stripInfo) {
|
|
13831
|
-
if (stripInfo.mode !== 'below') {
|
|
13832
|
-
this.loggerSvc.warn("strip info mode: " + stripInfo.mode + " not implemented yet");
|
|
13833
|
-
stripInfo.mode = 'below';
|
|
13834
|
-
}
|
|
13835
|
-
if (stripInfo.mode === 'below') {
|
|
13836
|
-
this.stripsResultDataMap[data.key].stripInfo = __assign({}, stripInfo, { visibilityMode: stripInfo.visibilityMode === 'hidden' ? 'visible' : 'hidden' });
|
|
13837
|
-
}
|
|
13838
|
-
}
|
|
13839
|
-
};
|
|
13840
|
-
/**
|
|
13841
|
-
* @private
|
|
13842
|
-
* @param {?} contents
|
|
13843
|
-
* @param {?} strip
|
|
13844
|
-
* @return {?}
|
|
13845
|
-
*/
|
|
13846
|
-
ContentStripWithTabsPillsComponent.prototype.transformContentsToWidgets = /**
|
|
13847
|
-
* @private
|
|
13848
|
-
* @param {?} contents
|
|
13849
|
-
* @param {?} strip
|
|
13850
|
-
* @return {?}
|
|
13851
|
-
*/
|
|
13852
|
-
function (contents, strip) {
|
|
13853
|
-
return (contents || []).map((/**
|
|
13854
|
-
* @param {?} content
|
|
13855
|
-
* @param {?} idx
|
|
13856
|
-
* @return {?}
|
|
13857
|
-
*/
|
|
13858
|
-
function (content, idx) { return (content ? {
|
|
13859
|
-
widgetType: 'cardLib',
|
|
13860
|
-
widgetSubType: 'cardContentLib',
|
|
13861
|
-
widgetHostClass: 'mb-2',
|
|
13862
|
-
widgetData: __assign({ content: content }, (content.batch && { batch: content.batch }), { cardSubType: strip.stripConfig && strip.stripConfig.cardSubType, cardCustomeClass: strip.customeClass ? strip.customeClass : '', context: { pageSection: strip.key, position: idx }, intranetMode: strip.stripConfig && strip.stripConfig.intranetMode, deletedMode: strip.stripConfig && strip.stripConfig.deletedMode, contentTags: strip.stripConfig && strip.stripConfig.contentTags }),
|
|
13863
|
-
} : {
|
|
13864
|
-
widgetType: 'card',
|
|
13865
|
-
widgetSubType: 'cardContent',
|
|
13866
|
-
widgetHostClass: 'mb-2',
|
|
13867
|
-
widgetData: {},
|
|
13868
|
-
}); }));
|
|
13869
|
-
};
|
|
13870
|
-
/**
|
|
13871
|
-
* @private
|
|
13872
|
-
* @param {?} contents
|
|
13873
|
-
* @param {?} strip
|
|
13874
|
-
* @return {?}
|
|
13875
|
-
*/
|
|
13876
|
-
ContentStripWithTabsPillsComponent.prototype.transformEventsToWidgets = /**
|
|
13877
|
-
* @private
|
|
13878
|
-
* @param {?} contents
|
|
13879
|
-
* @param {?} strip
|
|
13880
|
-
* @return {?}
|
|
13881
|
-
*/
|
|
13882
|
-
function (contents, strip) {
|
|
13883
|
-
this.eventSvc.setEventListData(contents);
|
|
13884
|
-
return (this.eventSvc.todaysEvents || []).map((/**
|
|
13885
|
-
* @param {?} content
|
|
13886
|
-
* @param {?} idx
|
|
13887
|
-
* @return {?}
|
|
13888
|
-
*/
|
|
13889
|
-
function (content, idx) { return (content ? {
|
|
13890
|
-
widgetType: 'card',
|
|
13891
|
-
widgetSubType: 'eventHubCard',
|
|
13892
|
-
widgetHostClass: 'mb-2',
|
|
13893
|
-
widgetData: {
|
|
13894
|
-
content: content,
|
|
13895
|
-
cardSubType: strip.stripConfig && strip.stripConfig.cardSubType,
|
|
13896
|
-
cardCustomeClass: strip.customeClass ? strip.customeClass : '',
|
|
13897
|
-
context: { pageSection: strip.key, position: idx },
|
|
13898
|
-
intranetMode: strip.stripConfig && strip.stripConfig.intranetMode,
|
|
13899
|
-
deletedMode: strip.stripConfig && strip.stripConfig.deletedMode,
|
|
13900
|
-
contentTags: strip.stripConfig && strip.stripConfig.contentTags,
|
|
13901
|
-
},
|
|
13902
|
-
} : {
|
|
13903
|
-
widgetType: 'card',
|
|
13904
|
-
widgetSubType: 'eventHubCard',
|
|
13905
|
-
widgetHostClass: 'mb-2',
|
|
13906
|
-
widgetData: {},
|
|
13907
|
-
}); }));
|
|
13908
|
-
};
|
|
13909
|
-
/**
|
|
13910
|
-
* @private
|
|
13911
|
-
* @param {?} strip
|
|
13912
|
-
* @return {?}
|
|
13913
|
-
*/
|
|
13914
|
-
ContentStripWithTabsPillsComponent.prototype.transformSkeletonToWidgets = /**
|
|
13915
|
-
* @private
|
|
13916
|
-
* @param {?} strip
|
|
13917
|
-
* @return {?}
|
|
13918
|
-
*/
|
|
13919
|
-
function (strip) {
|
|
13920
|
-
return [1, 2, 3, 4, 5, 6, 7, 7, 8, 9, 10].map((/**
|
|
13921
|
-
* @param {?} _content
|
|
13922
|
-
* @return {?}
|
|
13923
|
-
*/
|
|
13924
|
-
function (_content) { return ({
|
|
13925
|
-
widgetType: 'cardLib',
|
|
13926
|
-
widgetSubType: 'cardContentLib',
|
|
13927
|
-
widgetHostClass: 'mb-2',
|
|
13928
|
-
widgetData: {
|
|
13929
|
-
cardSubType: strip.loaderConfig && strip.loaderConfig.cardSubType || 'card-standard-skeleton',
|
|
13930
|
-
cardCustomeClass: strip.customeClass ? strip.customeClass : '',
|
|
13931
|
-
},
|
|
13932
|
-
}); }));
|
|
13933
|
-
};
|
|
13934
|
-
/**
|
|
13935
|
-
* @private
|
|
13936
|
-
* @param {?} strip
|
|
13937
|
-
* @param {?=} results
|
|
13938
|
-
* @param {?=} fetchStatus
|
|
13939
|
-
* @param {?=} calculateParentStatus
|
|
13940
|
-
* @param {?=} _viewMoreUrl
|
|
13941
|
-
* @param {?=} tabsResults
|
|
13087
|
+
* @param {?=} results
|
|
13088
|
+
* @param {?=} fetchStatus
|
|
13089
|
+
* @param {?=} calculateParentStatus
|
|
13090
|
+
* @param {?=} _viewMoreUrl
|
|
13091
|
+
* @param {?=} tabsResults
|
|
13942
13092
|
* @return {?}
|
|
13943
13093
|
*/
|
|
13944
13094
|
ContentStripWithTabsPillsComponent.prototype.processStrip = /**
|
|
@@ -14063,428 +13213,19 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
14063
13213
|
(strip.request.search && Object.keys(strip.request.search).length) ||
|
|
14064
13214
|
(strip.request.searchRegionRecommendation &&
|
|
14065
13215
|
Object.keys(strip.request.searchRegionRecommendation).length) ||
|
|
14066
|
-
(strip.request.searchV6 && Object.keys(strip.request.searchV6).length) ||
|
|
14067
|
-
(strip.request.enrollmentList && Object.keys(strip.request.enrollmentList).length) ||
|
|
14068
13216
|
(strip.request.cbpList && Object.keys(strip.request.cbpList).length) ||
|
|
14069
|
-
(strip.request.trendingSearch && Object.keys(strip.request.trendingSearch).length) ||
|
|
14070
|
-
(strip.request.topContent && Object.keys(strip.request.topContent).length) ||
|
|
14071
|
-
(strip.request.featureContent && Object.keys(strip.request.featureContent).length) ||
|
|
14072
|
-
(strip.request.bookmarkRead && Object.keys(strip.request.bookmarkRead).length) ||
|
|
14073
|
-
(strip.request.playlistSearch && Object.keys(strip.request.playlistSearch).length) ||
|
|
14074
|
-
(strip.request.playlistRead && Object.keys(strip.request.playlistRead).length) ||
|
|
14075
|
-
(strip.request.ciosContent && Object.keys(strip.request.ciosContent).length) ||
|
|
14076
13217
|
(strip && strip.tabs.length))) {
|
|
14077
13218
|
return true;
|
|
14078
13219
|
}
|
|
14079
13220
|
return false;
|
|
14080
13221
|
};
|
|
14081
|
-
// public tabClicked(tabEvent: MatTabChangeEvent, stripMap: IStripUnitContentData, stripKey: string) {
|
|
14082
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14083
|
-
// stripMap.tabs[tabEvent.index].fetchTabStatus = 'inprogress';
|
|
14084
|
-
// stripMap.tabs[tabEvent.index].tabLoading = true;
|
|
14085
|
-
// stripMap.showOnLoader = true;
|
|
14086
|
-
// }
|
|
14087
|
-
// const data: WsEvents.ITelemetryTabData = {
|
|
14088
|
-
// label: `${tabEvent.tab.textLabel}`,
|
|
14089
|
-
// index: tabEvent.index,
|
|
14090
|
-
// };
|
|
14091
|
-
// this.eventSvc.raiseInteractTelemetry(
|
|
14092
|
-
// {
|
|
14093
|
-
// type: WsEvents.EnumInteractTypes.CLICK,
|
|
14094
|
-
// subType: WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,
|
|
14095
|
-
// id: `${_.camelCase(data.label)}-tab`,
|
|
14096
|
-
// },
|
|
14097
|
-
// {},
|
|
14098
|
-
// {
|
|
14099
|
-
// module: WsEvents.EnumTelemetrymodules.HOME,
|
|
14100
|
-
// }
|
|
14101
|
-
// );
|
|
14102
|
-
// const currentTabFromMap: any = stripMap.tabs && stripMap.tabs[tabEvent.index];
|
|
14103
|
-
// const currentStrip = this.widgetData.strips.find(s => s.key === stripKey);
|
|
14104
|
-
// if (this.stripsResultDataMap[stripKey] && currentTabFromMap) {
|
|
14105
|
-
// this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams = {
|
|
14106
|
-
// ...this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams,
|
|
14107
|
-
// tabSelected: currentTabFromMap.label,
|
|
14108
|
-
// };
|
|
14109
|
-
// }
|
|
14110
|
-
// if (currentStrip && currentTabFromMap && !currentTabFromMap.computeDataOnClick) {
|
|
14111
|
-
// if (currentTabFromMap.requestRequired && currentTabFromMap.request) {
|
|
14112
|
-
// // call API to get tab data and process
|
|
14113
|
-
// // this.processStrip(currentStrip, [], 'fetching', true, null)
|
|
14114
|
-
// if (currentTabFromMap.request.searchV6) {
|
|
14115
|
-
// this.getTabDataByNewReqSearchV6(currentStrip, tabEvent.index, currentTabFromMap, true);
|
|
14116
|
-
// } else if (currentTabFromMap.request.trendingSearch) {
|
|
14117
|
-
// this.getTabDataByNewReqTrending(currentStrip, tabEvent.index, 0, currentTabFromMap, true);
|
|
14118
|
-
// }
|
|
14119
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14120
|
-
// stripMap.tabs[tabEvent.index].tabLoading = false;
|
|
14121
|
-
// }
|
|
14122
|
-
// } else {
|
|
14123
|
-
// this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
|
|
14124
|
-
// setTimeout(() => {
|
|
14125
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14126
|
-
// stripMap.tabs[tabEvent.index].tabLoading = false;
|
|
14127
|
-
// stripMap.tabs[tabEvent.index].fetchTabStatus = 'done';
|
|
14128
|
-
// stripMap.showOnLoader = false;
|
|
14129
|
-
// }
|
|
14130
|
-
// }, 200);
|
|
14131
|
-
// }
|
|
14132
|
-
// }
|
|
14133
|
-
// }
|
|
14134
|
-
// async getTabDataByNewReqSearchV6(
|
|
14135
|
-
// strip: NsContentStripWithTabs.IContentStripUnit,
|
|
14136
|
-
// tabIndex: number,
|
|
14137
|
-
// currentTab: NsContentStripWithTabs.IContentStripTab,
|
|
14138
|
-
// calculateParentStatus: boolean
|
|
14139
|
-
// ) {
|
|
14140
|
-
// try {
|
|
14141
|
-
// const response = await this.searchV6Request(strip, currentTab.request, calculateParentStatus);
|
|
14142
|
-
// if (response && response.results) {
|
|
14143
|
-
// const widgets = this.transformContentsToWidgets(response.results.result.content, strip);
|
|
14144
|
-
// let tabResults: any[] = [];
|
|
14145
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
14146
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
14147
|
-
// if (allTabs && allTabs.length && allTabs[tabIndex]) {
|
|
14148
|
-
// allTabs[tabIndex] = {
|
|
14149
|
-
// ...allTabs[tabIndex],
|
|
14150
|
-
// widgets,
|
|
14151
|
-
// fetchTabStatus: 'done',
|
|
14152
|
-
// };
|
|
14153
|
-
// tabResults = allTabs;
|
|
14154
|
-
// }
|
|
14155
|
-
// }
|
|
14156
|
-
// this.processStrip(
|
|
14157
|
-
// strip,
|
|
14158
|
-
// widgets,
|
|
14159
|
-
// 'done',
|
|
14160
|
-
// calculateParentStatus,
|
|
14161
|
-
// response.viewMoreUrl,
|
|
14162
|
-
// tabResults // tabResults as widgets
|
|
14163
|
-
// );
|
|
14164
|
-
// } else {
|
|
14165
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
14166
|
-
// }
|
|
14167
|
-
// } catch (error) {
|
|
14168
|
-
// // Handle errors
|
|
14169
|
-
// // console.error('Error:', error);
|
|
14170
|
-
// }
|
|
14171
|
-
// }
|
|
14172
|
-
// async getTabDataByNewReqTrending(
|
|
14173
|
-
// strip: NsContentStripWithTabs.IContentStripUnit,
|
|
14174
|
-
// tabIndex: number,
|
|
14175
|
-
// currentTab: NsContentStripWithTabs.IContentStripTab,
|
|
14176
|
-
// calculateParentStatus: boolean
|
|
14177
|
-
// ) {
|
|
14178
|
-
// try {
|
|
14179
|
-
// const response = await this.trendingSearchRequest(strip, currentTab.request, calculateParentStatus);
|
|
14180
|
-
// if (response && response.results && response.results.response) {
|
|
14181
|
-
// const content = response.results.response[currentTab.value] || [];
|
|
14182
|
-
// const widgets = this.transformContentsToWidgets(content, strip);
|
|
14183
|
-
// // console.log('currentTab --- widgets', widgets)
|
|
14184
|
-
// let tabResults: any[] = [];
|
|
14185
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
14186
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
14187
|
-
// if (allTabs && allTabs.length && allTabs[tabIndex]) {
|
|
14188
|
-
// allTabs[tabIndex] = {
|
|
14189
|
-
// ...allTabs[tabIndex],
|
|
14190
|
-
// widgets,
|
|
14191
|
-
// fetchTabStatus: 'done',
|
|
14192
|
-
// };
|
|
14193
|
-
// tabResults = allTabs;
|
|
14194
|
-
// }
|
|
14195
|
-
// }
|
|
14196
|
-
// // console.log('tabResults -++++***--', tabResults)
|
|
14197
|
-
// // console.log('calling after-- ')
|
|
14198
|
-
// this.processStrip(
|
|
14199
|
-
// strip,
|
|
14200
|
-
// widgets,
|
|
14201
|
-
// 'done',
|
|
14202
|
-
// calculateParentStatus,
|
|
14203
|
-
// response.viewMoreUrl,
|
|
14204
|
-
// tabResults // tabResults as widgets
|
|
14205
|
-
// );
|
|
14206
|
-
// } else {
|
|
14207
|
-
// this.processStrip(strip, [], 'done', calculateParentStatus, null);
|
|
14208
|
-
// }
|
|
14209
|
-
// } catch (error) {
|
|
14210
|
-
// // Handle errors
|
|
14211
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
14212
|
-
// }
|
|
14213
|
-
// }
|
|
14214
|
-
// public tabClicked(tabEvent: MatTabChangeEvent, stripMap: IStripUnitContentData, stripKey: string) {
|
|
14215
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14216
|
-
// stripMap.tabs[tabEvent.index].fetchTabStatus = 'inprogress';
|
|
14217
|
-
// stripMap.tabs[tabEvent.index].tabLoading = true;
|
|
14218
|
-
// stripMap.showOnLoader = true;
|
|
14219
|
-
// }
|
|
14220
|
-
// const data: WsEvents.ITelemetryTabData = {
|
|
14221
|
-
// label: `${tabEvent.tab.textLabel}`,
|
|
14222
|
-
// index: tabEvent.index,
|
|
14223
|
-
// };
|
|
14224
|
-
// this.eventSvc.raiseInteractTelemetry(
|
|
14225
|
-
// {
|
|
14226
|
-
// type: WsEvents.EnumInteractTypes.CLICK,
|
|
14227
|
-
// subType: WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,
|
|
14228
|
-
// id: `${_.camelCase(data.label)}-tab`,
|
|
14229
|
-
// },
|
|
14230
|
-
// {},
|
|
14231
|
-
// {
|
|
14232
|
-
// module: WsEvents.EnumTelemetrymodules.HOME,
|
|
14233
|
-
// }
|
|
14234
|
-
// );
|
|
14235
|
-
// const currentTabFromMap: any = stripMap.tabs && stripMap.tabs[tabEvent.index];
|
|
14236
|
-
// const currentStrip = this.widgetData.strips.find(s => s.key === stripKey);
|
|
14237
|
-
// if (this.stripsResultDataMap[stripKey] && currentTabFromMap) {
|
|
14238
|
-
// this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams = {
|
|
14239
|
-
// ...this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams,
|
|
14240
|
-
// tabSelected: currentTabFromMap.label,
|
|
14241
|
-
// };
|
|
14242
|
-
// }
|
|
14243
|
-
// if (currentStrip && currentTabFromMap && !currentTabFromMap.computeDataOnClick) {
|
|
14244
|
-
// if (currentTabFromMap.requestRequired && currentTabFromMap.request) {
|
|
14245
|
-
// // call API to get tab data and process
|
|
14246
|
-
// // this.processStrip(currentStrip, [], 'fetching', true, null)
|
|
14247
|
-
// if (currentTabFromMap.request.searchV6) {
|
|
14248
|
-
// this.getTabDataByNewReqSearchV6(currentStrip, tabEvent.index, currentTabFromMap, true);
|
|
14249
|
-
// } else if (currentTabFromMap.request.trendingSearch) {
|
|
14250
|
-
// this.getTabDataByNewReqTrending(currentStrip, tabEvent.index, 0, currentTabFromMap, true);
|
|
14251
|
-
// }
|
|
14252
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14253
|
-
// stripMap.tabs[tabEvent.index].tabLoading = false;
|
|
14254
|
-
// }
|
|
14255
|
-
// } else {
|
|
14256
|
-
// this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
|
|
14257
|
-
// setTimeout(() => {
|
|
14258
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14259
|
-
// stripMap.tabs[tabEvent.index].tabLoading = false;
|
|
14260
|
-
// stripMap.tabs[tabEvent.index].fetchTabStatus = 'done';
|
|
14261
|
-
// stripMap.showOnLoader = false;
|
|
14262
|
-
// }
|
|
14263
|
-
// }, 200);
|
|
14264
|
-
// }
|
|
14265
|
-
// }
|
|
14266
|
-
// }
|
|
14267
|
-
// async getTabDataByNewReqSearchV6(
|
|
14268
|
-
// strip: NsContentStripWithTabs.IContentStripUnit,
|
|
14269
|
-
// tabIndex: number,
|
|
14270
|
-
// currentTab: NsContentStripWithTabs.IContentStripTab,
|
|
14271
|
-
// calculateParentStatus: boolean
|
|
14272
|
-
// ) {
|
|
14273
|
-
// try {
|
|
14274
|
-
// const response = await this.searchV6Request(strip, currentTab.request, calculateParentStatus);
|
|
14275
|
-
// if (response && response.results) {
|
|
14276
|
-
// const widgets = this.transformContentsToWidgets(response.results.result.content, strip);
|
|
14277
|
-
// let tabResults: any[] = [];
|
|
14278
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
14279
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
14280
|
-
// if (allTabs && allTabs.length && allTabs[tabIndex]) {
|
|
14281
|
-
// allTabs[tabIndex] = {
|
|
14282
|
-
// ...allTabs[tabIndex],
|
|
14283
|
-
// widgets,
|
|
14284
|
-
// fetchTabStatus: 'done',
|
|
14285
|
-
// };
|
|
14286
|
-
// tabResults = allTabs;
|
|
14287
|
-
// }
|
|
14288
|
-
// }
|
|
14289
|
-
// this.processStrip(
|
|
14290
|
-
// strip,
|
|
14291
|
-
// widgets,
|
|
14292
|
-
// 'done',
|
|
14293
|
-
// calculateParentStatus,
|
|
14294
|
-
// response.viewMoreUrl,
|
|
14295
|
-
// tabResults // tabResults as widgets
|
|
14296
|
-
// );
|
|
14297
|
-
// } else {
|
|
14298
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
14299
|
-
// }
|
|
14300
|
-
// } catch (error) {
|
|
14301
|
-
// // Handle errors
|
|
14302
|
-
// // console.error('Error:', error);
|
|
14303
|
-
// }
|
|
14304
|
-
// }
|
|
14305
|
-
// async getTabDataByNewReqTrending(
|
|
14306
|
-
// strip: NsContentStripWithTabs.IContentStripUnit,
|
|
14307
|
-
// tabIndex: number,
|
|
14308
|
-
// currentTab: NsContentStripWithTabs.IContentStripTab,
|
|
14309
|
-
// calculateParentStatus: boolean
|
|
14310
|
-
// ) {
|
|
14311
|
-
// try {
|
|
14312
|
-
// const response = await this.trendingSearchRequest(strip, currentTab.request, calculateParentStatus);
|
|
14313
|
-
// if (response && response.results && response.results.response) {
|
|
14314
|
-
// const content = response.results.response[currentTab.value] || [];
|
|
14315
|
-
// const widgets = this.transformContentsToWidgets(content, strip);
|
|
14316
|
-
// // console.log('currentTab --- widgets', widgets)
|
|
14317
|
-
// let tabResults: any[] = [];
|
|
14318
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
14319
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
14320
|
-
// if (allTabs && allTabs.length && allTabs[tabIndex]) {
|
|
14321
|
-
// allTabs[tabIndex] = {
|
|
14322
|
-
// ...allTabs[tabIndex],
|
|
14323
|
-
// widgets,
|
|
14324
|
-
// fetchTabStatus: 'done',
|
|
14325
|
-
// };
|
|
14326
|
-
// tabResults = allTabs;
|
|
14327
|
-
// }
|
|
14328
|
-
// }
|
|
14329
|
-
// // console.log('tabResults -++++***--', tabResults)
|
|
14330
|
-
// // console.log('calling after-- ')
|
|
14331
|
-
// this.processStrip(
|
|
14332
|
-
// strip,
|
|
14333
|
-
// widgets,
|
|
14334
|
-
// 'done',
|
|
14335
|
-
// calculateParentStatus,
|
|
14336
|
-
// response.viewMoreUrl,
|
|
14337
|
-
// tabResults // tabResults as widgets
|
|
14338
|
-
// );
|
|
14339
|
-
// } else {
|
|
14340
|
-
// this.processStrip(strip, [], 'done', calculateParentStatus, null);
|
|
14341
|
-
// }
|
|
14342
|
-
// } catch (error) {
|
|
14343
|
-
// // Handle errors
|
|
14344
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
14345
|
-
// }
|
|
14346
|
-
// }
|
|
14347
13222
|
/**
|
|
14348
13223
|
* @param {?} strip
|
|
14349
13224
|
* @param {?} currentTab
|
|
14350
13225
|
* @param {?} calculateParentStatus
|
|
14351
13226
|
* @return {?}
|
|
14352
13227
|
*/
|
|
14353
|
-
ContentStripWithTabsPillsComponent.prototype.getTabDataByfilter =
|
|
14354
|
-
// public tabClicked(tabEvent: MatTabChangeEvent, stripMap: IStripUnitContentData, stripKey: string) {
|
|
14355
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14356
|
-
// stripMap.tabs[tabEvent.index].fetchTabStatus = 'inprogress';
|
|
14357
|
-
// stripMap.tabs[tabEvent.index].tabLoading = true;
|
|
14358
|
-
// stripMap.showOnLoader = true;
|
|
14359
|
-
// }
|
|
14360
|
-
// const data: WsEvents.ITelemetryTabData = {
|
|
14361
|
-
// label: `${tabEvent.tab.textLabel}`,
|
|
14362
|
-
// index: tabEvent.index,
|
|
14363
|
-
// };
|
|
14364
|
-
// this.eventSvc.raiseInteractTelemetry(
|
|
14365
|
-
// {
|
|
14366
|
-
// type: WsEvents.EnumInteractTypes.CLICK,
|
|
14367
|
-
// subType: WsEvents.EnumInteractSubTypes.HOME_PAGE_STRIP_TABS,
|
|
14368
|
-
// id: `${_.camelCase(data.label)}-tab`,
|
|
14369
|
-
// },
|
|
14370
|
-
// {},
|
|
14371
|
-
// {
|
|
14372
|
-
// module: WsEvents.EnumTelemetrymodules.HOME,
|
|
14373
|
-
// }
|
|
14374
|
-
// );
|
|
14375
|
-
// const currentTabFromMap: any = stripMap.tabs && stripMap.tabs[tabEvent.index];
|
|
14376
|
-
// const currentStrip = this.widgetData.strips.find(s => s.key === stripKey);
|
|
14377
|
-
// if (this.stripsResultDataMap[stripKey] && currentTabFromMap) {
|
|
14378
|
-
// this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams = {
|
|
14379
|
-
// ...this.stripsResultDataMap[stripKey].viewMoreUrl.queryParams,
|
|
14380
|
-
// tabSelected: currentTabFromMap.label,
|
|
14381
|
-
// };
|
|
14382
|
-
// }
|
|
14383
|
-
// if (currentStrip && currentTabFromMap && !currentTabFromMap.computeDataOnClick) {
|
|
14384
|
-
// if (currentTabFromMap.requestRequired && currentTabFromMap.request) {
|
|
14385
|
-
// // call API to get tab data and process
|
|
14386
|
-
// // this.processStrip(currentStrip, [], 'fetching', true, null)
|
|
14387
|
-
// if (currentTabFromMap.request.searchV6) {
|
|
14388
|
-
// this.getTabDataByNewReqSearchV6(currentStrip, tabEvent.index, currentTabFromMap, true);
|
|
14389
|
-
// } else if (currentTabFromMap.request.trendingSearch) {
|
|
14390
|
-
// this.getTabDataByNewReqTrending(currentStrip, tabEvent.index, 0, currentTabFromMap, true);
|
|
14391
|
-
// }
|
|
14392
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14393
|
-
// stripMap.tabs[tabEvent.index].tabLoading = false;
|
|
14394
|
-
// }
|
|
14395
|
-
// } else {
|
|
14396
|
-
// this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
|
|
14397
|
-
// setTimeout(() => {
|
|
14398
|
-
// if (stripMap && stripMap.tabs && stripMap.tabs[tabEvent.index]) {
|
|
14399
|
-
// stripMap.tabs[tabEvent.index].tabLoading = false;
|
|
14400
|
-
// stripMap.tabs[tabEvent.index].fetchTabStatus = 'done';
|
|
14401
|
-
// stripMap.showOnLoader = false;
|
|
14402
|
-
// }
|
|
14403
|
-
// }, 200);
|
|
14404
|
-
// }
|
|
14405
|
-
// }
|
|
14406
|
-
// }
|
|
14407
|
-
// async getTabDataByNewReqSearchV6(
|
|
14408
|
-
// strip: NsContentStripWithTabs.IContentStripUnit,
|
|
14409
|
-
// tabIndex: number,
|
|
14410
|
-
// currentTab: NsContentStripWithTabs.IContentStripTab,
|
|
14411
|
-
// calculateParentStatus: boolean
|
|
14412
|
-
// ) {
|
|
14413
|
-
// try {
|
|
14414
|
-
// const response = await this.searchV6Request(strip, currentTab.request, calculateParentStatus);
|
|
14415
|
-
// if (response && response.results) {
|
|
14416
|
-
// const widgets = this.transformContentsToWidgets(response.results.result.content, strip);
|
|
14417
|
-
// let tabResults: any[] = [];
|
|
14418
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
14419
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
14420
|
-
// if (allTabs && allTabs.length && allTabs[tabIndex]) {
|
|
14421
|
-
// allTabs[tabIndex] = {
|
|
14422
|
-
// ...allTabs[tabIndex],
|
|
14423
|
-
// widgets,
|
|
14424
|
-
// fetchTabStatus: 'done',
|
|
14425
|
-
// };
|
|
14426
|
-
// tabResults = allTabs;
|
|
14427
|
-
// }
|
|
14428
|
-
// }
|
|
14429
|
-
// this.processStrip(
|
|
14430
|
-
// strip,
|
|
14431
|
-
// widgets,
|
|
14432
|
-
// 'done',
|
|
14433
|
-
// calculateParentStatus,
|
|
14434
|
-
// response.viewMoreUrl,
|
|
14435
|
-
// tabResults // tabResults as widgets
|
|
14436
|
-
// );
|
|
14437
|
-
// } else {
|
|
14438
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
14439
|
-
// }
|
|
14440
|
-
// } catch (error) {
|
|
14441
|
-
// // Handle errors
|
|
14442
|
-
// // console.error('Error:', error);
|
|
14443
|
-
// }
|
|
14444
|
-
// }
|
|
14445
|
-
// async getTabDataByNewReqTrending(
|
|
14446
|
-
// strip: NsContentStripWithTabs.IContentStripUnit,
|
|
14447
|
-
// tabIndex: number,
|
|
14448
|
-
// currentTab: NsContentStripWithTabs.IContentStripTab,
|
|
14449
|
-
// calculateParentStatus: boolean
|
|
14450
|
-
// ) {
|
|
14451
|
-
// try {
|
|
14452
|
-
// const response = await this.trendingSearchRequest(strip, currentTab.request, calculateParentStatus);
|
|
14453
|
-
// if (response && response.results && response.results.response) {
|
|
14454
|
-
// const content = response.results.response[currentTab.value] || [];
|
|
14455
|
-
// const widgets = this.transformContentsToWidgets(content, strip);
|
|
14456
|
-
// // console.log('currentTab --- widgets', widgets)
|
|
14457
|
-
// let tabResults: any[] = [];
|
|
14458
|
-
// if (this.stripsResultDataMap[strip.key] && this.stripsResultDataMap[strip.key].tabs) {
|
|
14459
|
-
// const allTabs = this.stripsResultDataMap[strip.key].tabs;
|
|
14460
|
-
// if (allTabs && allTabs.length && allTabs[tabIndex]) {
|
|
14461
|
-
// allTabs[tabIndex] = {
|
|
14462
|
-
// ...allTabs[tabIndex],
|
|
14463
|
-
// widgets,
|
|
14464
|
-
// fetchTabStatus: 'done',
|
|
14465
|
-
// };
|
|
14466
|
-
// tabResults = allTabs;
|
|
14467
|
-
// }
|
|
14468
|
-
// }
|
|
14469
|
-
// // console.log('tabResults -++++***--', tabResults)
|
|
14470
|
-
// // console.log('calling after-- ')
|
|
14471
|
-
// this.processStrip(
|
|
14472
|
-
// strip,
|
|
14473
|
-
// widgets,
|
|
14474
|
-
// 'done',
|
|
14475
|
-
// calculateParentStatus,
|
|
14476
|
-
// response.viewMoreUrl,
|
|
14477
|
-
// tabResults // tabResults as widgets
|
|
14478
|
-
// );
|
|
14479
|
-
// } else {
|
|
14480
|
-
// this.processStrip(strip, [], 'done', calculateParentStatus, null);
|
|
14481
|
-
// }
|
|
14482
|
-
// } catch (error) {
|
|
14483
|
-
// // Handle errors
|
|
14484
|
-
// this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
14485
|
-
// }
|
|
14486
|
-
// }
|
|
14487
|
-
/**
|
|
13228
|
+
ContentStripWithTabsPillsComponent.prototype.getTabDataByfilter = /**
|
|
14488
13229
|
* @param {?} strip
|
|
14489
13230
|
* @param {?} currentTab
|
|
14490
13231
|
* @param {?} calculateParentStatus
|
|
@@ -14500,406 +13241,12 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
14500
13241
|
// TODO: Write logic for individual filter if passed in config
|
|
14501
13242
|
// add switch case based on config key passed
|
|
14502
13243
|
};
|
|
14503
|
-
// async fetchAllCbpPlans(strip: any, calculateParentStatus = true) {
|
|
14504
|
-
// if (strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length) {
|
|
14505
|
-
// let courses: NsContent.IContent[];
|
|
14506
|
-
// let tabResults: any[] = [];
|
|
14507
|
-
// const response = await this.userSvc.fetchCbpPlanList().toPromise();
|
|
14508
|
-
// if (response) {
|
|
14509
|
-
// courses = response;
|
|
14510
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
14511
|
-
// tabResults = this.splitCbpTabsData(courses, strip);
|
|
14512
|
-
// await this.processStrip(
|
|
14513
|
-
// strip,
|
|
14514
|
-
// this.transformContentsToWidgets(courses, strip),
|
|
14515
|
-
// 'done',
|
|
14516
|
-
// calculateParentStatus,
|
|
14517
|
-
// '',
|
|
14518
|
-
// tabResults
|
|
14519
|
-
// );
|
|
14520
|
-
// } else {
|
|
14521
|
-
// this.processStrip(
|
|
14522
|
-
// strip,
|
|
14523
|
-
// this.transformContentsToWidgets(courses, strip),
|
|
14524
|
-
// 'done',
|
|
14525
|
-
// calculateParentStatus,
|
|
14526
|
-
// 'viewMoreUrl',
|
|
14527
|
-
// );
|
|
14528
|
-
// }
|
|
14529
|
-
// }
|
|
14530
|
-
// // this.userSvc.fetchCbpPlanList().subscribe( async (res: any) => {
|
|
14531
|
-
// // if (res) {
|
|
14532
|
-
// // console.log(res,'===============================>')
|
|
14533
|
-
// // courses = res
|
|
14534
|
-
// // if (strip.tabs && strip.tabs.length) {
|
|
14535
|
-
// // tabResults = this.splitCbpTabsData(courses, strip)
|
|
14536
|
-
// // await this.processStrip(
|
|
14537
|
-
// // strip,
|
|
14538
|
-
// // this.transformContentsToWidgets(courses, strip),
|
|
14539
|
-
// // 'done',
|
|
14540
|
-
// // calculateParentStatus,
|
|
14541
|
-
// // '',
|
|
14542
|
-
// // tabResults
|
|
14543
|
-
// // )
|
|
14544
|
-
// // } else {
|
|
14545
|
-
// // this.processStrip(
|
|
14546
|
-
// // strip,
|
|
14547
|
-
// // this.transformContentsToWidgets(courses, strip),
|
|
14548
|
-
// // 'done',
|
|
14549
|
-
// // calculateParentStatus,
|
|
14550
|
-
// // 'viewMoreUrl',
|
|
14551
|
-
// // )
|
|
14552
|
-
// // }
|
|
14553
|
-
// // }
|
|
14554
|
-
// // }, (_err: any) => {
|
|
14555
|
-
// // })
|
|
14556
|
-
// clearInterval(this.enrollInterval);
|
|
14557
|
-
// }
|
|
14558
|
-
// }
|
|
14559
|
-
// splitCbpTabsData(contentNew: NsContent.IContent[], strip: NsContentStripWithTabs.IContentStripUnit) {
|
|
14560
|
-
// const tabResults: any[] = [];
|
|
14561
|
-
// const splitData = this.getTabsList(
|
|
14562
|
-
// contentNew,
|
|
14563
|
-
// strip,
|
|
14564
|
-
// );
|
|
14565
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
14566
|
-
// for (let i = 0; i < strip.tabs.length; i += 1) {
|
|
14567
|
-
// if (strip.tabs[i]) {
|
|
14568
|
-
// tabResults.push(
|
|
14569
|
-
// {
|
|
14570
|
-
// ...strip.tabs[i],
|
|
14571
|
-
// fetchTabStatus: 'done',
|
|
14572
|
-
// ...(splitData.find(itmInner => {
|
|
14573
|
-
// if (strip.tabs && strip.tabs[i] && itmInner.value === strip.tabs[i].value) {
|
|
14574
|
-
// return itmInner;
|
|
14575
|
-
// }
|
|
14576
|
-
// return undefined;
|
|
14577
|
-
// })),
|
|
14578
|
-
// }
|
|
14579
|
-
// );
|
|
14580
|
-
// }
|
|
14581
|
-
// }
|
|
14582
|
-
// }
|
|
14583
|
-
// return tabResults;
|
|
14584
|
-
// }
|
|
14585
|
-
// getTabsList(array: NsContent.IContent[],
|
|
14586
|
-
// strip: NsContentStripWithTabs.IContentStripUnit) {
|
|
14587
|
-
// let all: any[] = [];
|
|
14588
|
-
// let upcoming: any[] = [];
|
|
14589
|
-
// let overdue: any[] = [];
|
|
14590
|
-
// array.forEach((e: any) => {
|
|
14591
|
-
// all.push(e);
|
|
14592
|
-
// if (e.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14593
|
-
// overdue.push(e);
|
|
14594
|
-
// } else if (e.planDuration === NsCardContent.ACBPConst.UPCOMING) {
|
|
14595
|
-
// upcoming.push(e);
|
|
14596
|
-
// }
|
|
14597
|
-
// });
|
|
14598
|
-
// const allCompleted = all.filter((allData: any) => allData.contentStatus === 2);
|
|
14599
|
-
// let allInCompleted = all.filter((allData: any) => allData.contentStatus < 2);
|
|
14600
|
-
// let allCompletedOverDue = allCompleted.filter((allData: any) => allData.planDuration === NsCardContent.ACBPConst.OVERDUE);
|
|
14601
|
-
// const allCompletedAll = allCompleted.filter((allData: any) => allData.planDuration !== NsCardContent.ACBPConst.OVERDUE);
|
|
14602
|
-
// allCompletedOverDue = allCompletedOverDue.sort((a: any, b: any): any => {
|
|
14603
|
-
// if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14604
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14605
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14606
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14607
|
-
// }
|
|
14608
|
-
// });
|
|
14609
|
-
// allInCompleted = allInCompleted.sort((a: any, b: any): any => {
|
|
14610
|
-
// if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14611
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14612
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14613
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14614
|
-
// }
|
|
14615
|
-
// });
|
|
14616
|
-
// all = [...allInCompleted, ...allCompletedAll, ...allCompletedOverDue];
|
|
14617
|
-
// overdue = overdue.filter((data: any): any => {
|
|
14618
|
-
// return data.contentStatus < 2;
|
|
14619
|
-
// });
|
|
14620
|
-
// overdue = overdue.sort((a: any, b: any): any => {
|
|
14621
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14622
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14623
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14624
|
-
// });
|
|
14625
|
-
// upcoming = upcoming.filter((data: any): any => {
|
|
14626
|
-
// return data.contentStatus < 2;
|
|
14627
|
-
// });
|
|
14628
|
-
// // this.getSelectedIndex(1)
|
|
14629
|
-
// return [
|
|
14630
|
-
// { value: 'all', widgets: this.transformContentsToWidgets(all, strip) },
|
|
14631
|
-
// { value: 'upcoming', widgets: this.transformContentsToWidgets(upcoming, strip) },
|
|
14632
|
-
// { value: 'overdue', widgets: this.transformContentsToWidgets(overdue, strip) }];
|
|
14633
|
-
// }
|
|
14634
|
-
// async fetchAllCbpPlans(strip: any, calculateParentStatus = true) {
|
|
14635
|
-
// if (strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length) {
|
|
14636
|
-
// let courses: NsContent.IContent[];
|
|
14637
|
-
// let tabResults: any[] = [];
|
|
14638
|
-
// const response = await this.userSvc.fetchCbpPlanList().toPromise();
|
|
14639
|
-
// if (response) {
|
|
14640
|
-
// courses = response;
|
|
14641
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
14642
|
-
// tabResults = this.splitCbpTabsData(courses, strip);
|
|
14643
|
-
// await this.processStrip(
|
|
14644
|
-
// strip,
|
|
14645
|
-
// this.transformContentsToWidgets(courses, strip),
|
|
14646
|
-
// 'done',
|
|
14647
|
-
// calculateParentStatus,
|
|
14648
|
-
// '',
|
|
14649
|
-
// tabResults
|
|
14650
|
-
// );
|
|
14651
|
-
// } else {
|
|
14652
|
-
// this.processStrip(
|
|
14653
|
-
// strip,
|
|
14654
|
-
// this.transformContentsToWidgets(courses, strip),
|
|
14655
|
-
// 'done',
|
|
14656
|
-
// calculateParentStatus,
|
|
14657
|
-
// 'viewMoreUrl',
|
|
14658
|
-
// );
|
|
14659
|
-
// }
|
|
14660
|
-
// }
|
|
14661
|
-
// // this.userSvc.fetchCbpPlanList().subscribe( async (res: any) => {
|
|
14662
|
-
// // if (res) {
|
|
14663
|
-
// // console.log(res,'===============================>')
|
|
14664
|
-
// // courses = res
|
|
14665
|
-
// // if (strip.tabs && strip.tabs.length) {
|
|
14666
|
-
// // tabResults = this.splitCbpTabsData(courses, strip)
|
|
14667
|
-
// // await this.processStrip(
|
|
14668
|
-
// // strip,
|
|
14669
|
-
// // this.transformContentsToWidgets(courses, strip),
|
|
14670
|
-
// // 'done',
|
|
14671
|
-
// // calculateParentStatus,
|
|
14672
|
-
// // '',
|
|
14673
|
-
// // tabResults
|
|
14674
|
-
// // )
|
|
14675
|
-
// // } else {
|
|
14676
|
-
// // this.processStrip(
|
|
14677
|
-
// // strip,
|
|
14678
|
-
// // this.transformContentsToWidgets(courses, strip),
|
|
14679
|
-
// // 'done',
|
|
14680
|
-
// // calculateParentStatus,
|
|
14681
|
-
// // 'viewMoreUrl',
|
|
14682
|
-
// // )
|
|
14683
|
-
// // }
|
|
14684
|
-
// // }
|
|
14685
|
-
// // }, (_err: any) => {
|
|
14686
|
-
// // })
|
|
14687
|
-
// clearInterval(this.enrollInterval);
|
|
14688
|
-
// }
|
|
14689
|
-
// }
|
|
14690
|
-
// splitCbpTabsData(contentNew: NsContent.IContent[], strip: NsContentStripWithTabs.IContentStripUnit) {
|
|
14691
|
-
// const tabResults: any[] = [];
|
|
14692
|
-
// const splitData = this.getTabsList(
|
|
14693
|
-
// contentNew,
|
|
14694
|
-
// strip,
|
|
14695
|
-
// );
|
|
14696
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
14697
|
-
// for (let i = 0; i < strip.tabs.length; i += 1) {
|
|
14698
|
-
// if (strip.tabs[i]) {
|
|
14699
|
-
// tabResults.push(
|
|
14700
|
-
// {
|
|
14701
|
-
// ...strip.tabs[i],
|
|
14702
|
-
// fetchTabStatus: 'done',
|
|
14703
|
-
// ...(splitData.find(itmInner => {
|
|
14704
|
-
// if (strip.tabs && strip.tabs[i] && itmInner.value === strip.tabs[i].value) {
|
|
14705
|
-
// return itmInner;
|
|
14706
|
-
// }
|
|
14707
|
-
// return undefined;
|
|
14708
|
-
// })),
|
|
14709
|
-
// }
|
|
14710
|
-
// );
|
|
14711
|
-
// }
|
|
14712
|
-
// }
|
|
14713
|
-
// }
|
|
14714
|
-
// return tabResults;
|
|
14715
|
-
// }
|
|
14716
|
-
// getTabsList(array: NsContent.IContent[],
|
|
14717
|
-
// strip: NsContentStripWithTabs.IContentStripUnit) {
|
|
14718
|
-
// let all: any[] = [];
|
|
14719
|
-
// let upcoming: any[] = [];
|
|
14720
|
-
// let overdue: any[] = [];
|
|
14721
|
-
// array.forEach((e: any) => {
|
|
14722
|
-
// all.push(e);
|
|
14723
|
-
// if (e.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14724
|
-
// overdue.push(e);
|
|
14725
|
-
// } else if (e.planDuration === NsCardContent.ACBPConst.UPCOMING) {
|
|
14726
|
-
// upcoming.push(e);
|
|
14727
|
-
// }
|
|
14728
|
-
// });
|
|
14729
|
-
// const allCompleted = all.filter((allData: any) => allData.contentStatus === 2);
|
|
14730
|
-
// let allInCompleted = all.filter((allData: any) => allData.contentStatus < 2);
|
|
14731
|
-
// let allCompletedOverDue = allCompleted.filter((allData: any) => allData.planDuration === NsCardContent.ACBPConst.OVERDUE);
|
|
14732
|
-
// const allCompletedAll = allCompleted.filter((allData: any) => allData.planDuration !== NsCardContent.ACBPConst.OVERDUE);
|
|
14733
|
-
// allCompletedOverDue = allCompletedOverDue.sort((a: any, b: any): any => {
|
|
14734
|
-
// if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14735
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14736
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14737
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14738
|
-
// }
|
|
14739
|
-
// });
|
|
14740
|
-
// allInCompleted = allInCompleted.sort((a: any, b: any): any => {
|
|
14741
|
-
// if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14742
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14743
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14744
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14745
|
-
// }
|
|
14746
|
-
// });
|
|
14747
|
-
// all = [...allInCompleted, ...allCompletedAll, ...allCompletedOverDue];
|
|
14748
|
-
// overdue = overdue.filter((data: any): any => {
|
|
14749
|
-
// return data.contentStatus < 2;
|
|
14750
|
-
// });
|
|
14751
|
-
// overdue = overdue.sort((a: any, b: any): any => {
|
|
14752
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14753
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14754
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14755
|
-
// });
|
|
14756
|
-
// upcoming = upcoming.filter((data: any): any => {
|
|
14757
|
-
// return data.contentStatus < 2;
|
|
14758
|
-
// });
|
|
14759
|
-
// // this.getSelectedIndex(1)
|
|
14760
|
-
// return [
|
|
14761
|
-
// { value: 'all', widgets: this.transformContentsToWidgets(all, strip) },
|
|
14762
|
-
// { value: 'upcoming', widgets: this.transformContentsToWidgets(upcoming, strip) },
|
|
14763
|
-
// { value: 'overdue', widgets: this.transformContentsToWidgets(overdue, strip) }];
|
|
14764
|
-
// }
|
|
14765
13244
|
/**
|
|
14766
13245
|
* @param {?} stripsResultDataMap
|
|
14767
13246
|
* @param {?} key
|
|
14768
13247
|
* @return {?}
|
|
14769
13248
|
*/
|
|
14770
|
-
ContentStripWithTabsPillsComponent.prototype.getSelectedIndex =
|
|
14771
|
-
// async fetchAllCbpPlans(strip: any, calculateParentStatus = true) {
|
|
14772
|
-
// if (strip.request && strip.request.cbpList && Object.keys(strip.request.cbpList).length) {
|
|
14773
|
-
// let courses: NsContent.IContent[];
|
|
14774
|
-
// let tabResults: any[] = [];
|
|
14775
|
-
// const response = await this.userSvc.fetchCbpPlanList().toPromise();
|
|
14776
|
-
// if (response) {
|
|
14777
|
-
// courses = response;
|
|
14778
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
14779
|
-
// tabResults = this.splitCbpTabsData(courses, strip);
|
|
14780
|
-
// await this.processStrip(
|
|
14781
|
-
// strip,
|
|
14782
|
-
// this.transformContentsToWidgets(courses, strip),
|
|
14783
|
-
// 'done',
|
|
14784
|
-
// calculateParentStatus,
|
|
14785
|
-
// '',
|
|
14786
|
-
// tabResults
|
|
14787
|
-
// );
|
|
14788
|
-
// } else {
|
|
14789
|
-
// this.processStrip(
|
|
14790
|
-
// strip,
|
|
14791
|
-
// this.transformContentsToWidgets(courses, strip),
|
|
14792
|
-
// 'done',
|
|
14793
|
-
// calculateParentStatus,
|
|
14794
|
-
// 'viewMoreUrl',
|
|
14795
|
-
// );
|
|
14796
|
-
// }
|
|
14797
|
-
// }
|
|
14798
|
-
// // this.userSvc.fetchCbpPlanList().subscribe( async (res: any) => {
|
|
14799
|
-
// // if (res) {
|
|
14800
|
-
// // console.log(res,'===============================>')
|
|
14801
|
-
// // courses = res
|
|
14802
|
-
// // if (strip.tabs && strip.tabs.length) {
|
|
14803
|
-
// // tabResults = this.splitCbpTabsData(courses, strip)
|
|
14804
|
-
// // await this.processStrip(
|
|
14805
|
-
// // strip,
|
|
14806
|
-
// // this.transformContentsToWidgets(courses, strip),
|
|
14807
|
-
// // 'done',
|
|
14808
|
-
// // calculateParentStatus,
|
|
14809
|
-
// // '',
|
|
14810
|
-
// // tabResults
|
|
14811
|
-
// // )
|
|
14812
|
-
// // } else {
|
|
14813
|
-
// // this.processStrip(
|
|
14814
|
-
// // strip,
|
|
14815
|
-
// // this.transformContentsToWidgets(courses, strip),
|
|
14816
|
-
// // 'done',
|
|
14817
|
-
// // calculateParentStatus,
|
|
14818
|
-
// // 'viewMoreUrl',
|
|
14819
|
-
// // )
|
|
14820
|
-
// // }
|
|
14821
|
-
// // }
|
|
14822
|
-
// // }, (_err: any) => {
|
|
14823
|
-
// // })
|
|
14824
|
-
// clearInterval(this.enrollInterval);
|
|
14825
|
-
// }
|
|
14826
|
-
// }
|
|
14827
|
-
// splitCbpTabsData(contentNew: NsContent.IContent[], strip: NsContentStripWithTabs.IContentStripUnit) {
|
|
14828
|
-
// const tabResults: any[] = [];
|
|
14829
|
-
// const splitData = this.getTabsList(
|
|
14830
|
-
// contentNew,
|
|
14831
|
-
// strip,
|
|
14832
|
-
// );
|
|
14833
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
14834
|
-
// for (let i = 0; i < strip.tabs.length; i += 1) {
|
|
14835
|
-
// if (strip.tabs[i]) {
|
|
14836
|
-
// tabResults.push(
|
|
14837
|
-
// {
|
|
14838
|
-
// ...strip.tabs[i],
|
|
14839
|
-
// fetchTabStatus: 'done',
|
|
14840
|
-
// ...(splitData.find(itmInner => {
|
|
14841
|
-
// if (strip.tabs && strip.tabs[i] && itmInner.value === strip.tabs[i].value) {
|
|
14842
|
-
// return itmInner;
|
|
14843
|
-
// }
|
|
14844
|
-
// return undefined;
|
|
14845
|
-
// })),
|
|
14846
|
-
// }
|
|
14847
|
-
// );
|
|
14848
|
-
// }
|
|
14849
|
-
// }
|
|
14850
|
-
// }
|
|
14851
|
-
// return tabResults;
|
|
14852
|
-
// }
|
|
14853
|
-
// getTabsList(array: NsContent.IContent[],
|
|
14854
|
-
// strip: NsContentStripWithTabs.IContentStripUnit) {
|
|
14855
|
-
// let all: any[] = [];
|
|
14856
|
-
// let upcoming: any[] = [];
|
|
14857
|
-
// let overdue: any[] = [];
|
|
14858
|
-
// array.forEach((e: any) => {
|
|
14859
|
-
// all.push(e);
|
|
14860
|
-
// if (e.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14861
|
-
// overdue.push(e);
|
|
14862
|
-
// } else if (e.planDuration === NsCardContent.ACBPConst.UPCOMING) {
|
|
14863
|
-
// upcoming.push(e);
|
|
14864
|
-
// }
|
|
14865
|
-
// });
|
|
14866
|
-
// const allCompleted = all.filter((allData: any) => allData.contentStatus === 2);
|
|
14867
|
-
// let allInCompleted = all.filter((allData: any) => allData.contentStatus < 2);
|
|
14868
|
-
// let allCompletedOverDue = allCompleted.filter((allData: any) => allData.planDuration === NsCardContent.ACBPConst.OVERDUE);
|
|
14869
|
-
// const allCompletedAll = allCompleted.filter((allData: any) => allData.planDuration !== NsCardContent.ACBPConst.OVERDUE);
|
|
14870
|
-
// allCompletedOverDue = allCompletedOverDue.sort((a: any, b: any): any => {
|
|
14871
|
-
// if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14872
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14873
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14874
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14875
|
-
// }
|
|
14876
|
-
// });
|
|
14877
|
-
// allInCompleted = allInCompleted.sort((a: any, b: any): any => {
|
|
14878
|
-
// if (a.planDuration === NsCardContent.ACBPConst.OVERDUE && b.planDuration === NsCardContent.ACBPConst.OVERDUE) {
|
|
14879
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14880
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14881
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14882
|
-
// }
|
|
14883
|
-
// });
|
|
14884
|
-
// all = [...allInCompleted, ...allCompletedAll, ...allCompletedOverDue];
|
|
14885
|
-
// overdue = overdue.filter((data: any): any => {
|
|
14886
|
-
// return data.contentStatus < 2;
|
|
14887
|
-
// });
|
|
14888
|
-
// overdue = overdue.sort((a: any, b: any): any => {
|
|
14889
|
-
// const firstDate: any = new Date(a.endDate);
|
|
14890
|
-
// const secondDate: any = new Date(b.endDate);
|
|
14891
|
-
// return firstDate > secondDate ? -1 : 1;
|
|
14892
|
-
// });
|
|
14893
|
-
// upcoming = upcoming.filter((data: any): any => {
|
|
14894
|
-
// return data.contentStatus < 2;
|
|
14895
|
-
// });
|
|
14896
|
-
// // this.getSelectedIndex(1)
|
|
14897
|
-
// return [
|
|
14898
|
-
// { value: 'all', widgets: this.transformContentsToWidgets(all, strip) },
|
|
14899
|
-
// { value: 'upcoming', widgets: this.transformContentsToWidgets(upcoming, strip) },
|
|
14900
|
-
// { value: 'overdue', widgets: this.transformContentsToWidgets(overdue, strip) }];
|
|
14901
|
-
// }
|
|
14902
|
-
/**
|
|
13249
|
+
ContentStripWithTabsPillsComponent.prototype.getSelectedIndex = /**
|
|
14903
13250
|
* @param {?} stripsResultDataMap
|
|
14904
13251
|
* @param {?} key
|
|
14905
13252
|
* @return {?}
|
|
@@ -14907,12 +13254,6 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
14907
13254
|
function (stripsResultDataMap, key) {
|
|
14908
13255
|
/** @type {?} */
|
|
14909
13256
|
var returnValue = 0;
|
|
14910
|
-
// if (key === 'cbpPlan') {
|
|
14911
|
-
// if (stripsResultDataMap.tabs.length) {
|
|
14912
|
-
// const data = stripsResultDataMap.tabs.filter((ele: any) => ele.value === 'upcoming');
|
|
14913
|
-
// returnValue = data[0].widgets && data[0].widgets.length > 0 ? 1 : 0;
|
|
14914
|
-
// }
|
|
14915
|
-
// }
|
|
14916
13257
|
return returnValue;
|
|
14917
13258
|
};
|
|
14918
13259
|
/**
|
|
@@ -14944,602 +13285,48 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
14944
13285
|
};
|
|
14945
13286
|
/**
|
|
14946
13287
|
* @param {?} index
|
|
14947
|
-
* @param {?} item
|
|
14948
|
-
* @return {?}
|
|
14949
|
-
*/
|
|
14950
|
-
ContentStripWithTabsPillsComponent.prototype.tracker = /**
|
|
14951
|
-
* @param {?} index
|
|
14952
|
-
* @param {?} item
|
|
14953
|
-
* @return {?}
|
|
14954
|
-
*/
|
|
14955
|
-
function (index, item) {
|
|
14956
|
-
if (index >= 0) { }
|
|
14957
|
-
return get(item, 'widgetData.content.identifier');
|
|
14958
|
-
};
|
|
14959
|
-
/**
|
|
14960
|
-
* @param {?} strip
|
|
14961
|
-
* @param {?=} calculateParentStatus
|
|
14962
|
-
* @return {?}
|
|
14963
|
-
*/
|
|
14964
|
-
ContentStripWithTabsPillsComponent.prototype.fetchAllTopContent = /**
|
|
14965
|
-
* @param {?} strip
|
|
14966
|
-
* @param {?=} calculateParentStatus
|
|
14967
|
-
* @return {?}
|
|
14968
|
-
*/
|
|
14969
|
-
function (strip, calculateParentStatus) {
|
|
14970
|
-
if (calculateParentStatus === void 0) { calculateParentStatus = true; }
|
|
14971
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
14972
|
-
var originalFilters, response, error_2;
|
|
14973
|
-
return __generator(this, function (_a) {
|
|
14974
|
-
switch (_a.label) {
|
|
14975
|
-
case 0:
|
|
14976
|
-
if (!(strip.request && strip.request.topContent && Object.keys(strip.request.topContent).length)) return [3 /*break*/, 4];
|
|
14977
|
-
originalFilters = [];
|
|
14978
|
-
if (strip.request &&
|
|
14979
|
-
strip.request.topContent &&
|
|
14980
|
-
strip.request.topContent.request &&
|
|
14981
|
-
strip.request.topContent.request.filters) {
|
|
14982
|
-
originalFilters = strip.request.topContent.request.filters;
|
|
14983
|
-
strip.request.topContent.request.filters = this.postMethodFilters(strip.request.topContent.request.filters);
|
|
14984
|
-
}
|
|
14985
|
-
_a.label = 1;
|
|
14986
|
-
case 1:
|
|
14987
|
-
_a.trys.push([1, 3, , 4]);
|
|
14988
|
-
return [4 /*yield*/, this.postRequestMethod(strip, strip.request.topContent, strip.request.apiUrl, calculateParentStatus)];
|
|
14989
|
-
case 2:
|
|
14990
|
-
response = _a.sent();
|
|
14991
|
-
// console.log('calling after - response, ', response)
|
|
14992
|
-
if (response && response.results) {
|
|
14993
|
-
// console.log('calling after-- ')
|
|
14994
|
-
if (response.results.result.content && response.results.result.content.length) {
|
|
14995
|
-
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
14996
|
-
}
|
|
14997
|
-
else {
|
|
14998
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
14999
|
-
this.emptyResponse.emit(true);
|
|
15000
|
-
}
|
|
15001
|
-
}
|
|
15002
|
-
else {
|
|
15003
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15004
|
-
this.emptyResponse.emit(true);
|
|
15005
|
-
}
|
|
15006
|
-
return [3 /*break*/, 4];
|
|
15007
|
-
case 3:
|
|
15008
|
-
error_2 = _a.sent();
|
|
15009
|
-
return [3 /*break*/, 4];
|
|
15010
|
-
case 4: return [2 /*return*/];
|
|
15011
|
-
}
|
|
15012
|
-
});
|
|
15013
|
-
});
|
|
15014
|
-
};
|
|
15015
|
-
/**
|
|
15016
|
-
* @param {?} strip
|
|
15017
|
-
* @param {?=} calculateParentStatus
|
|
15018
|
-
* @return {?}
|
|
15019
|
-
*/
|
|
15020
|
-
ContentStripWithTabsPillsComponent.prototype.fetchAllFeaturedContent = /**
|
|
15021
|
-
* @param {?} strip
|
|
15022
|
-
* @param {?=} calculateParentStatus
|
|
15023
|
-
* @return {?}
|
|
15024
|
-
*/
|
|
15025
|
-
function (strip, calculateParentStatus) {
|
|
15026
|
-
if (calculateParentStatus === void 0) { calculateParentStatus = true; }
|
|
15027
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
15028
|
-
var originalFilters, response, error_3;
|
|
15029
|
-
return __generator(this, function (_a) {
|
|
15030
|
-
switch (_a.label) {
|
|
15031
|
-
case 0:
|
|
15032
|
-
if (!(strip.request && strip.request.featureContent && Object.keys(strip.request.featureContent).length)) return [3 /*break*/, 4];
|
|
15033
|
-
originalFilters = [];
|
|
15034
|
-
if (strip.request &&
|
|
15035
|
-
strip.request.featureContent &&
|
|
15036
|
-
strip.request.featureContent.request &&
|
|
15037
|
-
strip.request.featureContent.request.filters) {
|
|
15038
|
-
originalFilters = strip.request.featureContent.request.filters;
|
|
15039
|
-
strip.request.featureContent.request.filters = this.postMethodFilters(strip.request.featureContent.request.filters);
|
|
15040
|
-
}
|
|
15041
|
-
_a.label = 1;
|
|
15042
|
-
case 1:
|
|
15043
|
-
_a.trys.push([1, 3, , 4]);
|
|
15044
|
-
return [4 /*yield*/, this.postRequestMethod(strip, strip.request.featureContent, strip.request.apiUrl, calculateParentStatus)];
|
|
15045
|
-
case 2:
|
|
15046
|
-
response = _a.sent();
|
|
15047
|
-
// console.log('calling after - response, ', response)
|
|
15048
|
-
if (response && response.results) {
|
|
15049
|
-
// console.log('calling after-- ')
|
|
15050
|
-
if (response.results.result.content && response.results.result.content.length) {
|
|
15051
|
-
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
15052
|
-
}
|
|
15053
|
-
else {
|
|
15054
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15055
|
-
this.emptyResponse.emit(true);
|
|
15056
|
-
}
|
|
15057
|
-
}
|
|
15058
|
-
else {
|
|
15059
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15060
|
-
this.emptyResponse.emit(true);
|
|
15061
|
-
}
|
|
15062
|
-
return [3 /*break*/, 4];
|
|
15063
|
-
case 3:
|
|
15064
|
-
error_3 = _a.sent();
|
|
15065
|
-
this.emptyResponse.emit(true);
|
|
15066
|
-
return [3 /*break*/, 4];
|
|
15067
|
-
case 4: return [2 /*return*/];
|
|
15068
|
-
}
|
|
15069
|
-
});
|
|
15070
|
-
});
|
|
15071
|
-
};
|
|
15072
|
-
/**
|
|
15073
|
-
* @param {?} stripData
|
|
15074
|
-
* @return {?}
|
|
15075
|
-
*/
|
|
15076
|
-
ContentStripWithTabsPillsComponent.prototype.raiseTelemetry = /**
|
|
15077
|
-
* @param {?} stripData
|
|
15078
|
-
* @return {?}
|
|
15079
|
-
*/
|
|
15080
|
-
function (stripData) {
|
|
15081
|
-
this.telemtryResponse.emit(stripData);
|
|
15082
|
-
};
|
|
15083
|
-
/**
|
|
15084
|
-
* @param {?} strip
|
|
15085
|
-
* @param {?} request
|
|
15086
|
-
* @param {?} apiUrl
|
|
15087
|
-
* @param {?} calculateParentStatus
|
|
15088
|
-
* @return {?}
|
|
15089
|
-
*/
|
|
15090
|
-
ContentStripWithTabsPillsComponent.prototype.postRequestMethod = /**
|
|
15091
|
-
* @param {?} strip
|
|
15092
|
-
* @param {?} request
|
|
15093
|
-
* @param {?} apiUrl
|
|
15094
|
-
* @param {?} calculateParentStatus
|
|
15095
|
-
* @return {?}
|
|
15096
|
-
*/
|
|
15097
|
-
function (strip, request, apiUrl, calculateParentStatus) {
|
|
15098
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
15099
|
-
var _this = this;
|
|
15100
|
-
return __generator(this, function (_a) {
|
|
15101
|
-
return [2 /*return*/, new Promise((/**
|
|
15102
|
-
* @param {?} resolve
|
|
15103
|
-
* @param {?} reject
|
|
15104
|
-
* @return {?}
|
|
15105
|
-
*/
|
|
15106
|
-
function (resolve, reject) {
|
|
15107
|
-
if (request && request) {
|
|
15108
|
-
_this.contentSvc.postApiMethod(apiUrl, request).subscribe((/**
|
|
15109
|
-
* @param {?} results
|
|
15110
|
-
* @return {?}
|
|
15111
|
-
*/
|
|
15112
|
-
function (results) {
|
|
15113
|
-
if (results.result && results.result.content) {
|
|
15114
|
-
/** @type {?} */
|
|
15115
|
-
var showViewMore = Boolean(results.result.content && results.result.content.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
|
|
15116
|
-
/** @type {?} */
|
|
15117
|
-
var viewMoreUrl = showViewMore
|
|
15118
|
-
? {
|
|
15119
|
-
path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
15120
|
-
queryParams: {
|
|
15121
|
-
tab: 'Learn',
|
|
15122
|
-
q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
15123
|
-
f: {},
|
|
15124
|
-
},
|
|
15125
|
-
}
|
|
15126
|
-
: null;
|
|
15127
|
-
resolve({ results: results, viewMoreUrl: viewMoreUrl });
|
|
15128
|
-
}
|
|
15129
|
-
else if (results && results.data) {
|
|
15130
|
-
/** @type {?} */
|
|
15131
|
-
var showViewMore = Boolean(results.data && results.data.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
|
|
15132
|
-
/** @type {?} */
|
|
15133
|
-
var viewMoreUrl = showViewMore ? {
|
|
15134
|
-
path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
15135
|
-
queryParams: {
|
|
15136
|
-
tab: 'Learn',
|
|
15137
|
-
q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
15138
|
-
f: {},
|
|
15139
|
-
},
|
|
15140
|
-
}
|
|
15141
|
-
: null;
|
|
15142
|
-
resolve({ results: results, viewMoreUrl: viewMoreUrl });
|
|
15143
|
-
}
|
|
15144
|
-
else if (results.result && results.result.data) {
|
|
15145
|
-
/** @type {?} */
|
|
15146
|
-
var showViewMore = Boolean(results.data && results.result.data && results.result.data.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
|
|
15147
|
-
/** @type {?} */
|
|
15148
|
-
var viewMoreUrl = showViewMore ? {
|
|
15149
|
-
path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
15150
|
-
queryParams: {
|
|
15151
|
-
tab: 'Learn',
|
|
15152
|
-
q: strip.viewMoreUrl && strip.viewMoreUrl.queryParams,
|
|
15153
|
-
f: {},
|
|
15154
|
-
},
|
|
15155
|
-
}
|
|
15156
|
-
: null;
|
|
15157
|
-
resolve({ results: results, viewMoreUrl: viewMoreUrl });
|
|
15158
|
-
}
|
|
15159
|
-
}), (/**
|
|
15160
|
-
* @param {?} error
|
|
15161
|
-
* @return {?}
|
|
15162
|
-
*/
|
|
15163
|
-
function (error) {
|
|
15164
|
-
_this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15165
|
-
reject(error);
|
|
15166
|
-
}));
|
|
15167
|
-
}
|
|
15168
|
-
}))];
|
|
15169
|
-
});
|
|
15170
|
-
});
|
|
15171
|
-
};
|
|
15172
|
-
/**
|
|
15173
|
-
* @param {?} strip
|
|
15174
|
-
* @param {?} request
|
|
15175
|
-
* @param {?} apiUrl
|
|
15176
|
-
* @param {?} calculateParentStatus
|
|
15177
|
-
* @return {?}
|
|
15178
|
-
*/
|
|
15179
|
-
ContentStripWithTabsPillsComponent.prototype.getRequestMethod = /**
|
|
15180
|
-
* @param {?} strip
|
|
15181
|
-
* @param {?} request
|
|
15182
|
-
* @param {?} apiUrl
|
|
15183
|
-
* @param {?} calculateParentStatus
|
|
15184
|
-
* @return {?}
|
|
15185
|
-
*/
|
|
15186
|
-
function (strip, request, apiUrl, calculateParentStatus) {
|
|
15187
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
15188
|
-
var originalFilters;
|
|
15189
|
-
var _this = this;
|
|
15190
|
-
return __generator(this, function (_a) {
|
|
15191
|
-
originalFilters = [];
|
|
15192
|
-
return [2 /*return*/, new Promise((/**
|
|
15193
|
-
* @param {?} resolve
|
|
15194
|
-
* @param {?} reject
|
|
15195
|
-
* @return {?}
|
|
15196
|
-
*/
|
|
15197
|
-
function (resolve, reject) {
|
|
15198
|
-
if (request && request) {
|
|
15199
|
-
_this.contentSvc.getApiMethod(apiUrl).subscribe((/**
|
|
15200
|
-
* @param {?} results
|
|
15201
|
-
* @return {?}
|
|
15202
|
-
*/
|
|
15203
|
-
function (results) {
|
|
15204
|
-
/** @type {?} */
|
|
15205
|
-
var showViewMore = Boolean(results.result.data && results.result.data.orgList.length > 5 && strip.stripConfig && strip.stripConfig.postCardForSearch);
|
|
15206
|
-
/** @type {?} */
|
|
15207
|
-
var viewMoreUrl = showViewMore
|
|
15208
|
-
? {
|
|
15209
|
-
path: strip.viewMoreUrl && strip.viewMoreUrl.path || '',
|
|
15210
|
-
}
|
|
15211
|
-
: null;
|
|
15212
|
-
resolve({ results: results, viewMoreUrl: viewMoreUrl });
|
|
15213
|
-
}), (/**
|
|
15214
|
-
* @param {?} error
|
|
15215
|
-
* @return {?}
|
|
15216
|
-
*/
|
|
15217
|
-
function (error) {
|
|
15218
|
-
_this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15219
|
-
reject(error);
|
|
15220
|
-
}));
|
|
15221
|
-
}
|
|
15222
|
-
}))];
|
|
15223
|
-
});
|
|
15224
|
-
});
|
|
15225
|
-
};
|
|
15226
|
-
/**
|
|
15227
|
-
* @param {?} filters
|
|
15228
|
-
* @return {?}
|
|
15229
|
-
*/
|
|
15230
|
-
ContentStripWithTabsPillsComponent.prototype.postMethodFilters = /**
|
|
15231
|
-
* @param {?} filters
|
|
15232
|
-
* @return {?}
|
|
15233
|
-
*/
|
|
15234
|
-
function (filters) {
|
|
15235
|
-
if (filters.organisation &&
|
|
15236
|
-
filters.organisation.indexOf('<orgID>') >= 0) {
|
|
15237
|
-
filters.organisation = this.providerId;
|
|
15238
|
-
}
|
|
15239
|
-
return filters;
|
|
15240
|
-
};
|
|
15241
|
-
/**
|
|
15242
|
-
* @param {?} apiUrl
|
|
15243
|
-
* @param {?} id
|
|
15244
|
-
* @return {?}
|
|
15245
|
-
*/
|
|
15246
|
-
ContentStripWithTabsPillsComponent.prototype.getFullUrl = /**
|
|
15247
|
-
* @param {?} apiUrl
|
|
15248
|
-
* @param {?} id
|
|
15249
|
-
* @return {?}
|
|
15250
|
-
*/
|
|
15251
|
-
function (apiUrl, id) {
|
|
15252
|
-
/** @type {?} */
|
|
15253
|
-
var formedUrl = '';
|
|
15254
|
-
if (apiUrl.indexOf('<bookmarkId>') >= 0) {
|
|
15255
|
-
formedUrl = apiUrl.replace('<bookmarkId>', this.environment.mdoChannelsBookmarkId);
|
|
15256
|
-
}
|
|
15257
|
-
else if (apiUrl.indexOf('<playlistKey>') >= 0 && apiUrl.indexOf('<orgID>') >= 0) {
|
|
15258
|
-
formedUrl = apiUrl.replace('<playlistKey>', this.providerId + id);
|
|
15259
|
-
formedUrl = formedUrl.replace('<orgID>', this.providerId);
|
|
15260
|
-
}
|
|
15261
|
-
return formedUrl;
|
|
15262
|
-
};
|
|
15263
|
-
/**
|
|
15264
|
-
* @param {?} stripData
|
|
15265
|
-
* @param {?} path
|
|
15266
|
-
* @param {?} queryParamsData
|
|
15267
|
-
* @return {?}
|
|
15268
|
-
*/
|
|
15269
|
-
ContentStripWithTabsPillsComponent.prototype.redirectViewAll = /**
|
|
15270
|
-
* @param {?} stripData
|
|
15271
|
-
* @param {?} path
|
|
15272
|
-
* @param {?} queryParamsData
|
|
15273
|
-
* @return {?}
|
|
15274
|
-
*/
|
|
15275
|
-
function (stripData, path, queryParamsData) {
|
|
15276
|
-
if (this.emitViewAll) {
|
|
15277
|
-
this.viewAllResponse.emit(stripData);
|
|
15278
|
-
}
|
|
15279
|
-
else {
|
|
15280
|
-
this.router.navigate([path], { queryParams: queryParamsData });
|
|
15281
|
-
}
|
|
15282
|
-
};
|
|
15283
|
-
/**
|
|
15284
|
-
* @param {?} strip
|
|
15285
|
-
* @param {?=} calculateParentStatus
|
|
15286
|
-
* @return {?}
|
|
15287
|
-
*/
|
|
15288
|
-
ContentStripWithTabsPillsComponent.prototype.fetchAllBookMarkData = /**
|
|
15289
|
-
* @param {?} strip
|
|
15290
|
-
* @param {?=} calculateParentStatus
|
|
15291
|
-
* @return {?}
|
|
15292
|
-
*/
|
|
15293
|
-
function (strip, calculateParentStatus) {
|
|
15294
|
-
if (calculateParentStatus === void 0) { calculateParentStatus = true; }
|
|
15295
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
15296
|
-
var originalFilters, response, content, error_4;
|
|
15297
|
-
return __generator(this, function (_a) {
|
|
15298
|
-
switch (_a.label) {
|
|
15299
|
-
case 0:
|
|
15300
|
-
if (!(strip.request && strip.request.bookmarkRead && Object.keys(strip.request.bookmarkRead).length)) return [3 /*break*/, 4];
|
|
15301
|
-
originalFilters = [];
|
|
15302
|
-
if (strip.request &&
|
|
15303
|
-
strip.request.bookmarkRead &&
|
|
15304
|
-
strip.request.bookmarkRead.bookmarkId) {
|
|
15305
|
-
strip.request.apiUrl = this.getFullUrl(strip.request.apiUrl, strip.request.bookmarkRead.bookmarkId);
|
|
15306
|
-
}
|
|
15307
|
-
_a.label = 1;
|
|
15308
|
-
case 1:
|
|
15309
|
-
_a.trys.push([1, 3, , 4]);
|
|
15310
|
-
return [4 /*yield*/, this.getRequestMethod(strip, strip.request.bookmarkRead, strip.request.apiUrl, calculateParentStatus)];
|
|
15311
|
-
case 2:
|
|
15312
|
-
response = _a.sent();
|
|
15313
|
-
content = response.results.result.data.orgList;
|
|
15314
|
-
if (response) {
|
|
15315
|
-
this.processStrip(strip, this.transformAllContentsToWidgets(content, strip), 'done', calculateParentStatus, response);
|
|
15316
|
-
}
|
|
15317
|
-
else {
|
|
15318
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15319
|
-
this.emptyResponse.emit(true);
|
|
15320
|
-
}
|
|
15321
|
-
return [3 /*break*/, 4];
|
|
15322
|
-
case 3:
|
|
15323
|
-
error_4 = _a.sent();
|
|
15324
|
-
this.emptyResponse.emit(true);
|
|
15325
|
-
return [3 /*break*/, 4];
|
|
15326
|
-
case 4: return [2 /*return*/];
|
|
15327
|
-
}
|
|
15328
|
-
});
|
|
15329
|
-
});
|
|
15330
|
-
};
|
|
15331
|
-
/**
|
|
15332
|
-
* @private
|
|
15333
|
-
* @param {?} contents
|
|
15334
|
-
* @param {?} strip
|
|
15335
|
-
* @return {?}
|
|
15336
|
-
*/
|
|
15337
|
-
ContentStripWithTabsPillsComponent.prototype.transformAllContentsToWidgets = /**
|
|
15338
|
-
* @private
|
|
15339
|
-
* @param {?} contents
|
|
15340
|
-
* @param {?} strip
|
|
15341
|
-
* @return {?}
|
|
15342
|
-
*/
|
|
15343
|
-
function (contents, strip) {
|
|
15344
|
-
return (contents || []).map((/**
|
|
15345
|
-
* @param {?} content
|
|
15346
|
-
* @param {?} idx
|
|
15347
|
-
* @return {?}
|
|
15348
|
-
*/
|
|
15349
|
-
function (content, idx) { return (content ? {
|
|
15350
|
-
widgetType: 'cardLib',
|
|
15351
|
-
widgetSubType: 'cardContentLib',
|
|
15352
|
-
widgetHostClass: 'mb-2',
|
|
15353
|
-
widgetData: __assign({ content: content }, (content.batch && { batch: content.batch }), { cardSubType: strip.stripConfig && strip.stripConfig.cardSubType, cardCustomeClass: strip.customeClass ? strip.customeClass : '', context: { pageSection: strip.key, position: idx }, intranetMode: strip.stripConfig && strip.stripConfig.intranetMode, deletedMode: strip.stripConfig && strip.stripConfig.deletedMode, contentTags: strip.stripConfig && strip.stripConfig.contentTags }),
|
|
15354
|
-
} : {
|
|
15355
|
-
widgetType: 'card',
|
|
15356
|
-
widgetSubType: 'cardContent',
|
|
15357
|
-
widgetHostClass: 'mb-2',
|
|
15358
|
-
widgetData: {},
|
|
15359
|
-
}); }));
|
|
15360
|
-
};
|
|
15361
|
-
/**
|
|
15362
|
-
* @param {?} strip
|
|
15363
|
-
* @param {?=} calculateParentStatus
|
|
13288
|
+
* @param {?} item
|
|
15364
13289
|
* @return {?}
|
|
15365
13290
|
*/
|
|
15366
|
-
ContentStripWithTabsPillsComponent.prototype.
|
|
15367
|
-
* @param {?}
|
|
15368
|
-
* @param {
|
|
13291
|
+
ContentStripWithTabsPillsComponent.prototype.tracker = /**
|
|
13292
|
+
* @param {?} index
|
|
13293
|
+
* @param {?} item
|
|
15369
13294
|
* @return {?}
|
|
15370
13295
|
*/
|
|
15371
|
-
function (
|
|
15372
|
-
if (
|
|
15373
|
-
return
|
|
15374
|
-
var originalFilters, response, finalPlaylistData_1, programData, error_5;
|
|
15375
|
-
return __generator(this, function (_a) {
|
|
15376
|
-
switch (_a.label) {
|
|
15377
|
-
case 0:
|
|
15378
|
-
if (!(strip.request && strip.request.playlistSearch && Object.keys(strip.request.playlistSearch).length)) return [3 /*break*/, 4];
|
|
15379
|
-
originalFilters = [];
|
|
15380
|
-
if (strip.request &&
|
|
15381
|
-
strip.request.playlistSearch &&
|
|
15382
|
-
strip.request.playlistSearch.request &&
|
|
15383
|
-
strip.request.playlistSearch.request.filters) {
|
|
15384
|
-
originalFilters = strip.request.playlistSearch.request.filters;
|
|
15385
|
-
strip.request.playlistSearch.request.filters = this.postMethodFilters(strip.request.playlistSearch.request.filters);
|
|
15386
|
-
}
|
|
15387
|
-
_a.label = 1;
|
|
15388
|
-
case 1:
|
|
15389
|
-
_a.trys.push([1, 3, , 4]);
|
|
15390
|
-
return [4 /*yield*/, this.postRequestMethod(strip, strip.request.playlistSearch.request, strip.request.apiUrl, calculateParentStatus)];
|
|
15391
|
-
case 2:
|
|
15392
|
-
response = _a.sent();
|
|
15393
|
-
// console.log('calling after - response, ', response)
|
|
15394
|
-
if (response && response.results) {
|
|
15395
|
-
// console.log('calling after-- ')
|
|
15396
|
-
if (response.results.result.data && response.results.result.data.length) {
|
|
15397
|
-
finalPlaylistData_1 = [];
|
|
15398
|
-
programData = response.results.result.data;
|
|
15399
|
-
programData.forEach((/**
|
|
15400
|
-
* @param {?} prgData
|
|
15401
|
-
* @return {?}
|
|
15402
|
-
*/
|
|
15403
|
-
function (prgData) {
|
|
15404
|
-
if (prgData.children && prgData.children.length) {
|
|
15405
|
-
finalPlaylistData_1.push(prgData);
|
|
15406
|
-
}
|
|
15407
|
-
}));
|
|
15408
|
-
if (finalPlaylistData_1.length) {
|
|
15409
|
-
this.processStrip(strip, this.transformContentsToWidgets(finalPlaylistData_1, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
15410
|
-
}
|
|
15411
|
-
else {
|
|
15412
|
-
this.emptyResponse.emit(true);
|
|
15413
|
-
}
|
|
15414
|
-
}
|
|
15415
|
-
else {
|
|
15416
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15417
|
-
this.emptyResponse.emit(true);
|
|
15418
|
-
}
|
|
15419
|
-
}
|
|
15420
|
-
else {
|
|
15421
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15422
|
-
this.emptyResponse.emit(true);
|
|
15423
|
-
}
|
|
15424
|
-
return [3 /*break*/, 4];
|
|
15425
|
-
case 3:
|
|
15426
|
-
error_5 = _a.sent();
|
|
15427
|
-
this.emptyResponse.emit(true);
|
|
15428
|
-
return [3 /*break*/, 4];
|
|
15429
|
-
case 4: return [2 /*return*/];
|
|
15430
|
-
}
|
|
15431
|
-
});
|
|
15432
|
-
});
|
|
13296
|
+
function (index, item) {
|
|
13297
|
+
if (index >= 0) { }
|
|
13298
|
+
return get(item, 'widgetData.content.identifier');
|
|
15433
13299
|
};
|
|
15434
13300
|
/**
|
|
15435
|
-
* @param {?}
|
|
15436
|
-
* @param {?=} calculateParentStatus
|
|
13301
|
+
* @param {?} stripData
|
|
15437
13302
|
* @return {?}
|
|
15438
13303
|
*/
|
|
15439
|
-
ContentStripWithTabsPillsComponent.prototype.
|
|
15440
|
-
* @param {?}
|
|
15441
|
-
* @param {?=} calculateParentStatus
|
|
13304
|
+
ContentStripWithTabsPillsComponent.prototype.raiseTelemetry = /**
|
|
13305
|
+
* @param {?} stripData
|
|
15442
13306
|
* @return {?}
|
|
15443
13307
|
*/
|
|
15444
|
-
function (
|
|
15445
|
-
|
|
15446
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
15447
|
-
var originalFilters, response, content, error_6;
|
|
15448
|
-
return __generator(this, function (_a) {
|
|
15449
|
-
switch (_a.label) {
|
|
15450
|
-
case 0:
|
|
15451
|
-
if (!(strip.request && strip.request.playlistRead && Object.keys(strip.request.playlistRead).length)) return [3 /*break*/, 4];
|
|
15452
|
-
originalFilters = [];
|
|
15453
|
-
if (strip.request &&
|
|
15454
|
-
strip.request.playlistRead &&
|
|
15455
|
-
strip.request.playlistRead.type) {
|
|
15456
|
-
strip.request.apiUrl = this.getFullUrl(strip.request.apiUrl, strip.request.playlistRead.type);
|
|
15457
|
-
}
|
|
15458
|
-
_a.label = 1;
|
|
15459
|
-
case 1:
|
|
15460
|
-
_a.trys.push([1, 3, , 4]);
|
|
15461
|
-
return [4 /*yield*/, this.getRequestMethod(strip, strip.request.playlistRead, strip.request.apiUrl, calculateParentStatus)];
|
|
15462
|
-
case 2:
|
|
15463
|
-
response = _a.sent();
|
|
15464
|
-
if (response && response.results.result.content) {
|
|
15465
|
-
content = response.results.result.content;
|
|
15466
|
-
this.processStrip(strip, this.transformAllContentsToWidgets(content, strip), 'done', calculateParentStatus, response);
|
|
15467
|
-
}
|
|
15468
|
-
else {
|
|
15469
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15470
|
-
this.emptyResponse.emit(true);
|
|
15471
|
-
}
|
|
15472
|
-
return [3 /*break*/, 4];
|
|
15473
|
-
case 3:
|
|
15474
|
-
error_6 = _a.sent();
|
|
15475
|
-
this.emptyResponse.emit(true);
|
|
15476
|
-
return [3 /*break*/, 4];
|
|
15477
|
-
case 4: return [2 /*return*/];
|
|
15478
|
-
}
|
|
15479
|
-
});
|
|
15480
|
-
});
|
|
13308
|
+
function (stripData) {
|
|
13309
|
+
this.telemtryResponse.emit(stripData);
|
|
15481
13310
|
};
|
|
15482
13311
|
/**
|
|
15483
|
-
* @param {?}
|
|
15484
|
-
* @param {
|
|
13312
|
+
* @param {?} stripData
|
|
13313
|
+
* @param {?} path
|
|
13314
|
+
* @param {?} queryParamsData
|
|
15485
13315
|
* @return {?}
|
|
15486
13316
|
*/
|
|
15487
|
-
ContentStripWithTabsPillsComponent.prototype.
|
|
15488
|
-
* @param {?}
|
|
15489
|
-
* @param {
|
|
13317
|
+
ContentStripWithTabsPillsComponent.prototype.redirectViewAll = /**
|
|
13318
|
+
* @param {?} stripData
|
|
13319
|
+
* @param {?} path
|
|
13320
|
+
* @param {?} queryParamsData
|
|
15490
13321
|
* @return {?}
|
|
15491
13322
|
*/
|
|
15492
|
-
function (
|
|
15493
|
-
if (
|
|
15494
|
-
|
|
15495
|
-
|
|
15496
|
-
|
|
15497
|
-
|
|
15498
|
-
|
|
15499
|
-
if (!(strip.request && strip.request.ciosContent && Object.keys(strip.request.ciosContent).length)) return [3 /*break*/, 4];
|
|
15500
|
-
originalFilters = [];
|
|
15501
|
-
if (strip.request &&
|
|
15502
|
-
strip.request.ciosContent &&
|
|
15503
|
-
strip.request.ciosContent.filterCriteriaMap) {
|
|
15504
|
-
originalFilters = strip.request.ciosContent.filterCriteriaMap;
|
|
15505
|
-
strip.request.ciosContent.filterCriteriaMap = this.postMethodFilters(strip.request.ciosContent.filterCriteriaMap);
|
|
15506
|
-
}
|
|
15507
|
-
_a.label = 1;
|
|
15508
|
-
case 1:
|
|
15509
|
-
_a.trys.push([1, 3, , 4]);
|
|
15510
|
-
return [4 /*yield*/, this.postRequestMethod(strip, strip.request.ciosContent, strip.request.apiUrl, calculateParentStatus)];
|
|
15511
|
-
case 2:
|
|
15512
|
-
response = _a.sent();
|
|
15513
|
-
// console.log('calling after - response, ', response)
|
|
15514
|
-
if (response && response.results) {
|
|
15515
|
-
// console.log('calling after-- ')
|
|
15516
|
-
if (response.results.data && response.results.data.length) {
|
|
15517
|
-
extContentData = response.results.data;
|
|
15518
|
-
if (extContentData.length) {
|
|
15519
|
-
this.processStrip(strip, this.transformContentsToWidgets(extContentData, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
15520
|
-
}
|
|
15521
|
-
else {
|
|
15522
|
-
this.emptyResponse.emit(true);
|
|
15523
|
-
}
|
|
15524
|
-
}
|
|
15525
|
-
else {
|
|
15526
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15527
|
-
this.emptyResponse.emit(true);
|
|
15528
|
-
}
|
|
15529
|
-
}
|
|
15530
|
-
else {
|
|
15531
|
-
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15532
|
-
this.emptyResponse.emit(true);
|
|
15533
|
-
}
|
|
15534
|
-
return [3 /*break*/, 4];
|
|
15535
|
-
case 3:
|
|
15536
|
-
error_7 = _a.sent();
|
|
15537
|
-
this.emptyResponse.emit(true);
|
|
15538
|
-
return [3 /*break*/, 4];
|
|
15539
|
-
case 4: return [2 /*return*/];
|
|
15540
|
-
}
|
|
15541
|
-
});
|
|
15542
|
-
});
|
|
13323
|
+
function (stripData, path, queryParamsData) {
|
|
13324
|
+
if (this.emitViewAll) {
|
|
13325
|
+
this.viewAllResponse.emit(stripData);
|
|
13326
|
+
}
|
|
13327
|
+
else {
|
|
13328
|
+
this.router.navigate([path], { queryParams: queryParamsData });
|
|
13329
|
+
}
|
|
15543
13330
|
};
|
|
15544
13331
|
// new code writting from here====new====
|
|
15545
13332
|
// new code writting from here====new====
|
|
@@ -15591,8 +13378,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
15591
13378
|
function (strip, calculateParentStatus) {
|
|
15592
13379
|
if (calculateParentStatus === void 0) { calculateParentStatus = true; }
|
|
15593
13380
|
return __awaiter(this, void 0, void 0, function () {
|
|
15594
|
-
var originalFilters, firstTab, allTabs, currentTabFromMap,
|
|
15595
|
-
var _this = this;
|
|
13381
|
+
var originalFilters, firstTab, allTabs, currentTabFromMap, response, error_1;
|
|
15596
13382
|
return __generator(this, function (_a) {
|
|
15597
13383
|
switch (_a.label) {
|
|
15598
13384
|
case 0:
|
|
@@ -15629,26 +13415,15 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
15629
13415
|
_a.trys.push([1, 3, , 4]);
|
|
15630
13416
|
return [4 /*yield*/, this.searchV6Request(strip, strip.request, calculateParentStatus)];
|
|
15631
13417
|
case 2:
|
|
15632
|
-
|
|
13418
|
+
response = _a.sent();
|
|
15633
13419
|
// console.log('calling after - response, ', response)
|
|
15634
|
-
if (
|
|
13420
|
+
if (response && response.results) {
|
|
15635
13421
|
// console.log('calling after-- ')
|
|
15636
|
-
if (
|
|
15637
|
-
|
|
15638
|
-
this.enrollInterval = setInterval((/**
|
|
15639
|
-
* @return {?}
|
|
15640
|
-
*/
|
|
15641
|
-
function () {
|
|
15642
|
-
_this.checkInvitOnlyAssessments(response_1.results.result.content, strip, calculateParentStatus, response_1.viewMoreUrl);
|
|
15643
|
-
// tslint:disable-next-line
|
|
15644
|
-
}), 1000);
|
|
15645
|
-
}
|
|
15646
|
-
else {
|
|
15647
|
-
this.processStrip(strip, this.transformContentsToWidgets(response_1.results.result.content, strip), 'done', calculateParentStatus, response_1.viewMoreUrl);
|
|
15648
|
-
}
|
|
13422
|
+
if (response.results.result.content) {
|
|
13423
|
+
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
15649
13424
|
}
|
|
15650
|
-
else if (
|
|
15651
|
-
this.processStrip(strip, this.transformEventsToWidgets(
|
|
13425
|
+
else if (response.results.result.Event) {
|
|
13426
|
+
this.processStrip(strip, this.transformEventsToWidgets(response.results.result.Event, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
15652
13427
|
}
|
|
15653
13428
|
else {
|
|
15654
13429
|
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
@@ -15659,7 +13434,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
15659
13434
|
}
|
|
15660
13435
|
return [3 /*break*/, 4];
|
|
15661
13436
|
case 3:
|
|
15662
|
-
|
|
13437
|
+
error_1 = _a.sent();
|
|
15663
13438
|
return [3 /*break*/, 4];
|
|
15664
13439
|
case 4: return [2 /*return*/];
|
|
15665
13440
|
}
|
|
@@ -15684,7 +13459,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
15684
13459
|
*/
|
|
15685
13460
|
function (strip, tabIndex, pillIndex, currentTab, calculateParentStatus) {
|
|
15686
13461
|
return __awaiter(this, void 0, void 0, function () {
|
|
15687
|
-
var response, tabResults, content, widgets, allTabs, allPills, allTabs, allPills,
|
|
13462
|
+
var response, tabResults, content, widgets, allTabs, allPills, allTabs, allPills, error_2;
|
|
15688
13463
|
return __generator(this, function (_a) {
|
|
15689
13464
|
switch (_a.label) {
|
|
15690
13465
|
case 0:
|
|
@@ -15728,7 +13503,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
15728
13503
|
}
|
|
15729
13504
|
return [3 /*break*/, 3];
|
|
15730
13505
|
case 2:
|
|
15731
|
-
|
|
13506
|
+
error_2 = _a.sent();
|
|
15732
13507
|
// Handle errors
|
|
15733
13508
|
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
15734
13509
|
return [3 /*break*/, 3];
|
|
@@ -15755,7 +13530,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
15755
13530
|
*/
|
|
15756
13531
|
function (strip, tabIndex, pillIndex, currentTab, calculateParentStatus) {
|
|
15757
13532
|
return __awaiter(this, void 0, void 0, function () {
|
|
15758
|
-
var response, widgets, tabResults, allTabs, allPills,
|
|
13533
|
+
var response, widgets, tabResults, allTabs, allPills, error_3;
|
|
15759
13534
|
return __generator(this, function (_a) {
|
|
15760
13535
|
switch (_a.label) {
|
|
15761
13536
|
case 0:
|
|
@@ -15786,7 +13561,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
15786
13561
|
}
|
|
15787
13562
|
return [3 /*break*/, 3];
|
|
15788
13563
|
case 2:
|
|
15789
|
-
|
|
13564
|
+
error_3 = _a.sent();
|
|
15790
13565
|
return [3 /*break*/, 3];
|
|
15791
13566
|
case 3: return [2 /*return*/];
|
|
15792
13567
|
}
|
|
@@ -16011,12 +13786,17 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16011
13786
|
}
|
|
16012
13787
|
else {
|
|
16013
13788
|
this.getTabDataByfilter(currentStrip, currentTabFromMap, true);
|
|
13789
|
+
if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
|
|
13790
|
+
stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'inprogress';
|
|
13791
|
+
stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
|
|
13792
|
+
stripMap.showOnLoader = true;
|
|
13793
|
+
}
|
|
16014
13794
|
setTimeout((/**
|
|
16015
13795
|
* @return {?}
|
|
16016
13796
|
*/
|
|
16017
13797
|
function () {
|
|
16018
13798
|
if (stripMap && stripMap.tabs && stripMap.tabs[tabIndex]) {
|
|
16019
|
-
stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = '
|
|
13799
|
+
stripMap.tabs[tabIndex].pillsData[pillIndex].fetchTabStatus = 'done';
|
|
16020
13800
|
stripMap.tabs[tabIndex].pillsData[pillIndex].tabLoading = false;
|
|
16021
13801
|
stripMap.showOnLoader = false;
|
|
16022
13802
|
_this.resetSelectedPill(stripMap.tabs[tabIndex].pillsData);
|
|
@@ -16103,22 +13883,13 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16103
13883
|
*/
|
|
16104
13884
|
function (tabdata, tabIndex) {
|
|
16105
13885
|
if (tabdata.pillsData && tabdata.pillsData.length) {
|
|
16106
|
-
// tabdata.pillsData.forEach((ele: any, index: any) => {
|
|
16107
|
-
// if(ele.selected) {
|
|
16108
|
-
// console.log(ele,'---------')
|
|
16109
|
-
// return index
|
|
16110
|
-
// }
|
|
16111
|
-
// // })
|
|
16112
|
-
// console.log(tabdata,'==========123')
|
|
16113
13886
|
/** @type {?} */
|
|
16114
13887
|
var index = tabdata.pillsData.findIndex((/**
|
|
16115
13888
|
* @param {?} pill
|
|
16116
13889
|
* @return {?}
|
|
16117
13890
|
*/
|
|
16118
13891
|
function (pill) {
|
|
16119
|
-
// if(pill.selected){
|
|
16120
13892
|
return pill.selected;
|
|
16121
|
-
// }
|
|
16122
13893
|
}));
|
|
16123
13894
|
return index;
|
|
16124
13895
|
}
|
|
@@ -16141,7 +13912,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16141
13912
|
function (strip, calculateParentStatus) {
|
|
16142
13913
|
if (calculateParentStatus === void 0) { calculateParentStatus = true; }
|
|
16143
13914
|
return __awaiter(this, void 0, void 0, function () {
|
|
16144
|
-
var courses, tabResults, response;
|
|
13915
|
+
var courses, tabResults, response, countOfWidget_1;
|
|
16145
13916
|
return __generator(this, function (_a) {
|
|
16146
13917
|
switch (_a.label) {
|
|
16147
13918
|
case 0:
|
|
@@ -16155,6 +13926,29 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16155
13926
|
courses = response;
|
|
16156
13927
|
if (!(strip.tabs && strip.tabs.length)) return [3 /*break*/, 3];
|
|
16157
13928
|
tabResults = this.splitCbpTabsData(courses, strip);
|
|
13929
|
+
countOfWidget_1 = true;
|
|
13930
|
+
if (strip && strip.tabs && strip.tabs.length) {
|
|
13931
|
+
strip.tabs.forEach((/**
|
|
13932
|
+
* @param {?} tab
|
|
13933
|
+
* @return {?}
|
|
13934
|
+
*/
|
|
13935
|
+
function (tab) {
|
|
13936
|
+
if (tab.pillsData && tab.pillsData.length) {
|
|
13937
|
+
tab.pillsData.forEach((/**
|
|
13938
|
+
* @param {?} pill
|
|
13939
|
+
* @return {?}
|
|
13940
|
+
*/
|
|
13941
|
+
function (pill) {
|
|
13942
|
+
if (pill && pill.widgets && pill.widgets.length) {
|
|
13943
|
+
if (countOfWidget_1) {
|
|
13944
|
+
pill.selected = true;
|
|
13945
|
+
countOfWidget_1 = false;
|
|
13946
|
+
}
|
|
13947
|
+
}
|
|
13948
|
+
}));
|
|
13949
|
+
}
|
|
13950
|
+
}));
|
|
13951
|
+
}
|
|
16158
13952
|
return [4 /*yield*/, this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, '', tabResults)];
|
|
16159
13953
|
case 2:
|
|
16160
13954
|
_a.sent();
|
|
@@ -16163,32 +13957,6 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16163
13957
|
this.processStrip(strip, this.transformContentsToWidgets(courses, strip), 'done', calculateParentStatus, 'viewMoreUrl');
|
|
16164
13958
|
_a.label = 4;
|
|
16165
13959
|
case 4:
|
|
16166
|
-
// this.userSvc.fetchCbpPlanList().subscribe( async (res: any) => {
|
|
16167
|
-
// if (res) {
|
|
16168
|
-
// console.log(res,'===============================>')
|
|
16169
|
-
// courses = res
|
|
16170
|
-
// if (strip.tabs && strip.tabs.length) {
|
|
16171
|
-
// tabResults = this.splitCbpTabsData(courses, strip)
|
|
16172
|
-
// await this.processStrip(
|
|
16173
|
-
// strip,
|
|
16174
|
-
// this.transformContentsToWidgets(courses, strip),
|
|
16175
|
-
// 'done',
|
|
16176
|
-
// calculateParentStatus,
|
|
16177
|
-
// '',
|
|
16178
|
-
// tabResults
|
|
16179
|
-
// )
|
|
16180
|
-
// } else {
|
|
16181
|
-
// this.processStrip(
|
|
16182
|
-
// strip,
|
|
16183
|
-
// this.transformContentsToWidgets(courses, strip),
|
|
16184
|
-
// 'done',
|
|
16185
|
-
// calculateParentStatus,
|
|
16186
|
-
// 'viewMoreUrl',
|
|
16187
|
-
// )
|
|
16188
|
-
// }
|
|
16189
|
-
// }
|
|
16190
|
-
// }, (_err: any) => {
|
|
16191
|
-
// })
|
|
16192
13960
|
clearInterval(this.enrollInterval);
|
|
16193
13961
|
_a.label = 5;
|
|
16194
13962
|
case 5: return [2 /*return*/];
|
|
@@ -16212,13 +13980,19 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16212
13980
|
/** @type {?} */
|
|
16213
13981
|
var splitData = this.getTabsList(contentNew, strip);
|
|
16214
13982
|
if (strip.tabs && strip.tabs.length) {
|
|
16215
|
-
var
|
|
13983
|
+
var _loop_1 = function (i) {
|
|
16216
13984
|
if (strip.tabs[i].value === "myIgotPlans") {
|
|
13985
|
+
/** @type {?} */
|
|
13986
|
+
var checkWidgetAndActivePill = true;
|
|
16217
13987
|
if (strip.tabs[i].pillsData && strip.tabs[i].pillsData.length) {
|
|
16218
|
-
var
|
|
16219
|
-
if
|
|
16220
|
-
|
|
16221
|
-
|
|
13988
|
+
var _loop_2 = function (j) {
|
|
13989
|
+
// if(j === 0 ){
|
|
13990
|
+
// if(strip.tabs[i].pillsData[j].widgets && strip.tabs[i].pillsData[j].widgets.length ) {
|
|
13991
|
+
// strip.tabs[i].pillsData[j].selected = true
|
|
13992
|
+
// checkWidgetAndActivePill = false
|
|
13993
|
+
// }
|
|
13994
|
+
// strip.tabs[i].pillsData[j].selected = true
|
|
13995
|
+
// }
|
|
16222
13996
|
if (strip.tabs[i].pillsData[j]) {
|
|
16223
13997
|
tabResults.push(__assign({}, strip.tabs[i].pillsData[j], { fetchTabStatus: 'done' }, (splitData.find((/**
|
|
16224
13998
|
* @param {?} itmInner
|
|
@@ -16233,14 +14007,14 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16233
14007
|
}
|
|
16234
14008
|
};
|
|
16235
14009
|
for (var j = 0; j < strip.tabs[i].pillsData.length; j += 1) {
|
|
16236
|
-
|
|
14010
|
+
_loop_2(j);
|
|
16237
14011
|
}
|
|
16238
14012
|
strip.tabs[i].pillsData = tabResults;
|
|
16239
14013
|
}
|
|
16240
14014
|
}
|
|
16241
14015
|
};
|
|
16242
14016
|
for (var i = 0; i < strip.tabs.length; i += 1) {
|
|
16243
|
-
|
|
14017
|
+
_loop_1(i);
|
|
16244
14018
|
}
|
|
16245
14019
|
}
|
|
16246
14020
|
return strip.tabs;
|
|
@@ -16354,7 +14128,6 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16354
14128
|
function (data) {
|
|
16355
14129
|
return data.contentStatus < 2;
|
|
16356
14130
|
}));
|
|
16357
|
-
// this.getSelectedIndex(1)
|
|
16358
14131
|
return [
|
|
16359
14132
|
{ value: 'all', widgets: this.transformContentsToWidgets(all, strip) },
|
|
16360
14133
|
{ value: 'upcoming', widgets: this.transformContentsToWidgets(upcoming, strip) },
|
|
@@ -16384,7 +14157,7 @@ var ContentStripWithTabsPillsComponent = /** @class */ (function (_super) {
|
|
|
16384
14157
|
ContentStripWithTabsPillsComponent.decorators = [
|
|
16385
14158
|
{ type: Component, args: [{
|
|
16386
14159
|
selector: 'sb-uic-content-strip-with-tabs-pills',
|
|
16387
|
-
template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n <mat-spinner class=\"inline-block\"></mat-spinner>\n </div> -->\n <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n stripsResultDataMap[key]?.showOnNoData ||\n stripsResultDataMap[key]?.showOnLoader ||\n stripsResultDataMap[key]?.showOnError)\n \" [ngClass]=\"\n !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n !widgetData?.isChannelStrip\n ? ''\n : stripsResultDataMap[key]?.stripTitle\n ? 'mb-8'\n : ''\n \">\n <div class=\"flex flex-1 items-center\">\n <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n {{stripsResultDataMap[key]?.stripTitle}}\n </span>\n <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n </span>\n </p>\n\n <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n class=\"margin-left-xs\">\n <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n </button>\n <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n </a>\n <span class=\"spacer\"></span>\n <!-- viewAll start-->\n <!-- <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div> -->\n <!-- viewAll end-->\n </div>\n <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n </mat-icon>\n </div>\n\n <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n </ng-container>\n </div>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n <!-- IF no errors then proceed to show tabs or non tabs strip -->\n <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n <ng-template mat-tab-label>\n <span>{{ translateLabels(tab?.label, 'home') }} </span>\n <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n </ng-template>\n\n <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n <div class=\"flex justify-between\">\n <div>\n <ng-container >\n <mat-chip-list class=\"content-pill\" aria-label=\"Fish selection\">\n <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n </ng-container>\n </mat-chip-list>\n </ng-container>\n </div>\n <!-- viewAll start-->\n <!-- <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div> -->\n <!-- viewAll end-->\n </div>\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n </div>\n </ng-container>\n <ng-template #msgTemp>\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n </div>\n </ng-template>\n </div>\n </ng-container>\n <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n <ng-container *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\"\n [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </ng-container>\n </ng-container>\n </div>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </a>\n\n </ng-container>\n </ng-container>\n</ng-template>",
|
|
14160
|
+
template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n <mat-spinner class=\"inline-block\"></mat-spinner>\n </div> -->\n <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n stripsResultDataMap[key]?.showOnNoData ||\n stripsResultDataMap[key]?.showOnLoader ||\n stripsResultDataMap[key]?.showOnError)\n \" [ngClass]=\"\n !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n !widgetData?.isChannelStrip\n ? ''\n : stripsResultDataMap[key]?.stripTitle\n ? 'mb-8'\n : ''\n \">\n <div class=\"flex flex-1 items-center\">\n <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n {{stripsResultDataMap[key]?.stripTitle}}\n </span>\n <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n </span>\n </p>\n\n <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n class=\"margin-left-xs\">\n <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n </button>\n <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n </a>\n <span class=\"spacer\"></span>\n <!-- viewAll start-->\n <!-- <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div> -->\n <!-- viewAll end-->\n </div>\n <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n </mat-icon>\n </div>\n\n <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n </ng-container>\n </div>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n <!-- IF no errors then proceed to show tabs or non tabs strip -->\n <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n (selectedTabChange)=\"tabClicked($event, 0, stripsResultDataMap[key], key)\">\n <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;let tabIndex = index\">\n <ng-template mat-tab-label>\n <span>{{ translateLabels(tab?.label, 'home') }} </span>\n <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n </ng-template>\n\n <div class=\"wfull\" *ngIf=\"tab?.pillsData && tab?.pillsData?.length\">\n <div class=\"flex justify-between\">\n <div>\n <ng-container >\n <mat-chip-list class=\"content-pill\" aria-label=\"Fish selection\">\n <ng-container *ngFor=\"let pill of tab?.pillsData;let p = index\">\n <mat-chip [selected]=\"pill?.selected\" (click)=\"pillClicked($event, stripsResultDataMap[key], key, p, tabIndex)\">\n <span class=\"pill-name\">{{pill?.label}}</span></mat-chip>\n </ng-container>\n </mat-chip-list>\n </ng-container>\n </div>\n <!-- viewAll start-->\n <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 pl-2 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1 cursor-pointer\" \n (click)=\"raiseTelemetry(stripsResultDataMap[key]);redirectViewAll(stripsResultDataMap[key], stripsResultDataMap[key]?.viewMoreUrl?.path, stripsResultDataMap[key]?.viewMoreUrl?.queryParams )\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div>\n <!-- viewAll end-->\n </div>\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus\"\n class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <ng-container *ngIf=\"tab?.pillsData && tab?.pillsData.length && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]\">\n <div *ngIf=\"((tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus && tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done') &&\n (!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets || !tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length))\">\n <ng-container *ngIf=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.value === 'inprogress'; else msgTemp\">\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n </div>\n </ng-container>\n <ng-template #msgTemp>\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.nodataMsg, 'home') }}</div>\n </div>\n </ng-template>\n </div>\n </ng-container>\n <ng-container *ngIf=\"(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.fetchTabStatus === 'done' || tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length)\">\n <ng-container *ngIf=\"!tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.tabLoading\">\n <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets?.length\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\"\n [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.widgets| slice:0:(tab?.pillsData[getSelectedPillIndex(tab ,tabIndex)]?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </ng-container>\n </ng-container>\n </div>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </a>\n\n </ng-container>\n </ng-container>\n</ng-template>",
|
|
16388
14161
|
styles: [".view-more{display:flex;align-items:center;text-align:center;height:40px;justify-content:center}.view-more .icon{font-size:24px;width:24px;height:24px;border:1px solid;border-radius:50%;padding:8px;margin-bottom:8px}.margin-bottom-custom{margin-bottom:60px}.view-more:hover{background-color:#dcdfe5}::ng-deep.strips-tabgroup .mat-tab-header{border-bottom:2px solid rgba(0,0,0,.12)}::ng-deep.strips-tabgroup .mat-tab-body{padding:20px 0!important;box-sizing:border-box;overflow-y:initial!important}::ng-deep.strips-tabgroup .mat-tab-body-wrapper{overflow:inherit!important}::ng-deep.strips-tabgroup .mat-tab-label{border-bottom:0 solid rgba(0,0,0,.1);margin-right:0;opacity:1}::ng-deep.strips-tabgroup .mat-tab-label .mat-tab-label-content{text-transform:inherit;font:400 14px/20px Lato}::ng-deep.strips-tabgroup .mat-tab-label-active .mat-tab-label-content{font-weight:700!important}.click-here{color:#1b4ca1}.info-content{opacity:1;color:rgba(0,0,0,.87);font:700 14px/20px Lato-Bold;text-align:center}.active{background:#1b4ca1!important}.active .pill-name{color:#fff!important}::ng-deep .content-pill .mat-chip-selected{background-color:#1b4ca1!important}::ng-deep .content-pill .mat-chip-selected .pill-name{color:#fff!important}"]
|
|
16389
14162
|
}] }
|
|
16390
14163
|
];
|