@sunbird-cb/consumption 0.0.29 → 0.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/sunbird-cb-consumption.umd.js +10 -6
- 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-karma-programs/card-karma-programs.component.js +3 -3
- package/esm2015/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +2 -2
- package/esm2015/lib/_common/cards/card-landscape/card-landscape.component.js +2 -2
- package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +1 -1
- package/esm2015/lib/_common/display-content-type-lib/display-content-type-lib.component.js +6 -2
- package/esm5/lib/_common/cards/card-karma-programs/card-karma-programs.component.js +3 -3
- package/esm5/lib/_common/cards/card-karma-programs-v2/card-karma-programs-v2.component.js +2 -2
- package/esm5/lib/_common/cards/card-landscape/card-landscape.component.js +2 -2
- package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +1 -1
- package/esm5/lib/_common/display-content-type-lib/display-content-type-lib.component.js +6 -2
- package/fesm2015/sunbird-cb-consumption.js +10 -6
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +10 -6
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/display-content-type-lib/display-content-type-lib.component.d.ts +1 -0
- package/package.json +1 -1
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -127,7 +127,7 @@ var CardLandscapeComponent = /** @class */ (function () {
|
|
|
127
127
|
CardLandscapeComponent.decorators = [
|
|
128
128
|
{ type: Component, args: [{
|
|
129
129
|
selector: 'sb-uic-card-landscape',
|
|
130
|
-
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 \" [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 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>",
|
|
130
|
+
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\">{{'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>",
|
|
131
131
|
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)}}"]
|
|
132
132
|
}] }
|
|
133
133
|
];
|
|
@@ -212,4 +212,4 @@ if (false) {
|
|
|
212
212
|
*/
|
|
213
213
|
CardLandscapeComponent.prototype.configSvc;
|
|
214
214
|
}
|
|
215
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
215
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1sYW5kc2NhcGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN1bmJpcmQtY2IvY29uc3VtcHRpb24vIiwic291cmNlcyI6WyJsaWIvX2NvbW1vbi9jYXJkcy9jYXJkLWxhbmRzY2FwZS9jYXJkLWxhbmRzY2FwZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFM0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFFdkc7SUF5QkUsZ0NBQ1UsUUFBcUIsRUFDckIsTUFBb0IsRUFDcEIsU0FBMkIsRUFDM0IsZ0JBQWlELEVBQ2pELFNBQWdDO1FBTDFDLGlCQWFHO1FBWk8sYUFBUSxHQUFSLFFBQVEsQ0FBYTtRQUNyQixXQUFNLEdBQU4sTUFBTSxDQUFjO1FBQ3BCLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBQzNCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUM7UUFDakQsY0FBUyxHQUFULFNBQVMsQ0FBdUI7UUFuQmpDLGtCQUFhLEdBQVksS0FBSyxDQUFBO1FBQzdCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQTtRQUNyQyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFBO1FBQ3BELGtCQUFhLEdBQVcsS0FBSyxDQUFBO1FBRTdCLGtCQUFhLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtRQUd2QyxhQUFRLEdBQUcsS0FBSyxDQUFBO1FBQ2hCLGVBQVUsR0FBUSxJQUFJLENBQUE7UUFDdEIsa0JBQWEsR0FBTyxLQUFLLENBQUE7UUFVckIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLDBCQUEwQixDQUFDLFNBQVM7OztRQUFDO1lBQ3pELElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFO2dCQUMzQyxLQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQTs7b0JBQzdCLElBQUksR0FBRyxtQkFBQSxZQUFZLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLEVBQUM7Z0JBQ3JELEtBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFBO2FBQ3pCO1FBQ0gsQ0FBQyxFQUFDLENBQUE7SUFDSixDQUFDOzs7O0lBRUgseUNBQVE7OztJQUFSO1FBQUEsaUJBYUM7O1lBWk8sY0FBYyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsY0FBYztRQUNwRCxJQUFJLGNBQWMsRUFBRTtZQUNsQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsY0FBYyxDQUFDLEtBQUssQ0FBQyxjQUFjLElBQUksRUFBRSxDQUFBO1lBQ2pFLElBQUksQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDLE9BQU8sQ0FBQTtZQUN6QyxJQUFJLENBQUMsWUFBWSxHQUFHLGNBQWMsQ0FBQyxLQUFLLENBQUMsaUJBQWlCLElBQUksRUFBRSxDQUFBO1NBQ2pFO2FBQU07WUFDTCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsK0NBQStDLENBQUE7WUFDdkUsSUFBSSxDQUFDLFlBQVksR0FBSSw0REFBNEQsQ0FBQTtTQUNsRjtRQUNELElBQUksQ0FBQyxjQUFjLEdBQUcsV0FBVzs7O1FBQUM7WUFDaEMsS0FBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO1FBQ3RCLENBQUMsR0FBaUMsSUFBSSxDQUFDLENBQUE7SUFDekMsQ0FBQzs7OztJQUVELDZDQUFZOzs7SUFBWjtRQUNFLElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFO1lBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLHVDQUF1QyxFQUFFLEdBQUcsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFBO1NBQ3JGO2FBQU0sSUFBSSxDQUFDLElBQUksQ0FBQyx1QkFBdUIsRUFBRTtZQUN4QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxtQ0FBbUMsRUFBRSxHQUFHLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQTtTQUNqRjtJQUNILENBQUM7Ozs7O0lBQ0QsbURBQWtCOzs7O0lBQWxCLFVBQW1CLFdBQWdCO1FBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBQ3BDLENBQUM7Ozs7O0lBQ0QsK0NBQWM7Ozs7SUFBZCxVQUFlLE9BQVk7UUFDekIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUNyQyxDQUFDOzs7O0lBR0QsOENBQWE7OztJQUFiOztZQUNNLE9BQU8sR0FBTSxFQUFFO1FBQ25CLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTs7Z0JBQy9CLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2xFLElBQUksVUFBVSxJQUFJLFVBQVUsQ0FBQyxNQUFNLEVBQUU7Z0JBQ25DLFVBQVUsQ0FBQyxPQUFPOzs7O2dCQUFDLFVBQUMsSUFBUztvQkFDM0IsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxJQUFJLENBQUE7Z0JBQ2pDLENBQUMsRUFBQyxDQUFBO2FBQ0g7WUFDRCxJQUFJLENBQUMsYUFBYSxHQUFHLE9BQU8sQ0FBQTtZQUM1QixpQ0FBaUM7WUFDakMsYUFBYSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQTtTQUNuQztJQUNILENBQUM7O2dCQW5GRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsKzVPQUE4Qzs7aUJBRS9DOzs7O2dCQVZRLFdBQVc7Z0JBQ1ksWUFBWTtnQkFFbkMsZ0JBQWdCO2dCQUNoQiwrQkFBK0I7Z0JBSC9CLHFCQUFxQjs7OzZCQVkzQixLQUFLOzBDQUNMLEtBQUs7c0NBQ0wsS0FBSzs0Q0FDTCxLQUFLO2dDQUNMLEtBQUs7OEJBQ0wsTUFBTTttQ0FDTixNQUFNOztJQXlFVCw2QkFBQztDQUFBLEFBdEZELElBc0ZDO1NBakZZLHNCQUFzQjs7O0lBRWpDLDRDQUEwQzs7SUFDMUMseURBQXFDOztJQUNyQyxxREFBaUM7O0lBQ2pDLDJEQUF1Qzs7SUFDdkMsK0NBQXVDOztJQUN2Qyw2Q0FBK0M7O0lBQy9DLGtEQUFvRDs7SUFDcEQsK0NBQTZCOztJQUM3QixrREFBcUI7O0lBQ3JCLCtDQUF1Qzs7SUFDdkMsNkNBQWdCOztJQUNoQiw4Q0FBaUI7O0lBQ2pCLDBDQUFnQjs7SUFDaEIsNENBQXNCOztJQUN0QiwrQ0FBeUI7O0lBQ3pCLCtDQUFrQjs7SUFDbEIsZ0RBQW1COzs7OztJQUdqQiwwQ0FBNkI7Ozs7O0lBQzdCLHdDQUE0Qjs7Ozs7SUFDNUIsMkNBQW1DOzs7OztJQUNuQyxrREFBeUQ7Ozs7O0lBQ3pELDJDQUF3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5zQ2FyZENvbnRlbnQgfSBmcm9tICcuLi8uLi8uLi9fbW9kZWxzL2NhcmQtY29udGVudC5tb2RlbCc7XG5pbXBvcnQgeyBNYXRTbmFja0JhciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsJztcbmltcG9ydCB7IENvbmZpZ3VyYXRpb25zU2VydmljZSwgRXZlbnRTZXJ2aWNlIH0gZnJvbSAnQHN1bmJpcmQtY2IvdXRpbHMtdjInO1xuaW1wb3J0ICogYXMgXyBmcm9tIFwibG9kYXNoXCI7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBNdWx0aWxpbmd1YWxUcmFuc2xhdGlvbnNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vX3NlcnZpY2VzL211bHRpbGluZ3VhbC10cmFuc2xhdGlvbnMuc2VydmljZSc7XG4gXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYi11aWMtY2FyZC1sYW5kc2NhcGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1sYW5kc2NhcGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXJkLWxhbmRzY2FwZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhcmRMYW5kc2NhcGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHdpZGdldERhdGEhOiBOc0NhcmRDb250ZW50LklDYXJkO1xuICBASW5wdXQoKSBpc0xpdmVPck1hcmtGb3JEZWxldGlvbjogYW55XG4gIEBJbnB1dCgpIHNob3dJbnRyYW5ldENvbnRlbnQ6IGFueVxuICBASW5wdXQoKSBpc0ludHJhbmV0QWxsb3dlZFNldHRpbmdzOiBhbnlcbiAgQElucHV0KCkgaXNDYXJkTG9hZGluZzogYm9vbGVhbiA9IGZhbHNlXG4gIEBPdXRwdXQoKSBjb250ZW50RGF0YSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpXG4gIEBPdXRwdXQoKSB0cmlnZ2VyVGVsZW1ldHJ5ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcbiAgaXNDYXJkRmxpcHBlZDpib29sZWFuID0gZmFsc2VcbiAgZGVmYXVsdFRodW1ibmFpbDogYW55XG4gIGFjYnBDb25zdGFudHMgPSBOc0NhcmRDb250ZW50LkFDQlBDb25zdFxuICBzb3VyY2VMb2dvczogYW55XG4gIGRlZmF1bHRTTG9nbzogYW55XG4gIHNob3dGbGlwID0gZmFsc2VcbiAgd2lkZ2V0VHlwZTogYW55ID0gJ2RmJ1xuICB3aWRnZXRTdWJUeXBlOiBhbnkgPSdzZGYnXG4gIGNiUGxhbk1hcERhdGE6IGFueVxuICBjYlBsYW5JbnRlcnZhbDogYW55XG4gIFxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHNuYWNrQmFyOiBNYXRTbmFja0JhcixcbiAgICBwcml2YXRlIGV2ZW50czogRXZlbnRTZXJ2aWNlLFxuICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgbGFuZ3RyYW5zbGF0aW9uczogTXVsdGlsaW5ndWFsVHJhbnNsYXRpb25zU2VydmljZSxcbiAgICBwcml2YXRlIGNvbmZpZ1N2YzogQ29uZmlndXJhdGlvbnNTZXJ2aWNlLCkgeyBcbiAgICAgIHRoaXMubGFuZ3RyYW5zbGF0aW9ucy5sYW5ndWFnZVNlbGVjdGVkT2JzZXJ2YWJsZS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICBpZiAobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3dlYnNpdGVMYW5ndWFnZScpKSB7XG4gICAgICAgICAgdGhpcy50cmFuc2xhdGUuc2V0RGVmYXVsdExhbmcoJ2VuJylcbiAgICAgICAgICBjb25zdCBsYW5nID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3dlYnNpdGVMYW5ndWFnZScpIVxuICAgICAgICAgIHRoaXMudHJhbnNsYXRlLnVzZShsYW5nKVxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zdCBpbnN0YW5jZUNvbmZpZyA9IHRoaXMuY29uZmlnU3ZjLmluc3RhbmNlQ29uZmlnXG4gICAgaWYgKGluc3RhbmNlQ29uZmlnKSB7XG4gICAgICB0aGlzLmRlZmF1bHRUaHVtYm5haWwgPSBpbnN0YW5jZUNvbmZpZy5sb2dvcy5kZWZhdWx0Q29udGVudCB8fCAnJ1xuICAgICAgdGhpcy5zb3VyY2VMb2dvcyA9IGluc3RhbmNlQ29uZmlnLnNvdXJjZXNcbiAgICAgIHRoaXMuZGVmYXVsdFNMb2dvID0gaW5zdGFuY2VDb25maWcubG9nb3MuZGVmYXVsdFNvdXJjZUxvZ28gfHwgJydcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5kZWZhdWx0VGh1bWJuYWlsID0gJy9hc3NldHMvaW5zdGFuY2VzL2VhZ2xlL2FwcF9sb2dvcy9kZWZhdWx0LnBuZydcbiAgICAgIHRoaXMuZGVmYXVsdFNMb2dvID0gICcvYXNzZXRzL2luc3RhbmNlcy9lYWdsZS9hcHBfbG9nb3MvS2FybWF5b2dpQmhhcmF0X0xvZ28uc3ZnJ1xuICAgIH1cbiAgICB0aGlzLmNiUGxhbkludGVydmFsID0gc2V0SW50ZXJ2YWwoKCkgPT4ge1xuICAgICAgdGhpcy5nZXRDYlBsYW5EYXRhKClcbiAgICB9LCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgMTAwMClcbiAgfVxuXG4gIHNob3dTbmFja2JhcigpIHtcbiAgICBpZiAodGhpcy5zaG93SW50cmFuZXRDb250ZW50KSB7XG4gICAgICB0aGlzLnNuYWNrQmFyLm9wZW4oJ0NvbnRlbnQgaXMgb25seSBhdmFpbGFibGUgaW4gaW50cmFuZXQnLCAnWCcsIHsgZHVyYXRpb246IDIwMDAgfSlcbiAgICB9IGVsc2UgaWYgKCF0aGlzLmlzTGl2ZU9yTWFya0ZvckRlbGV0aW9uKSB7XG4gICAgICB0aGlzLnNuYWNrQmFyLm9wZW4oJ0NvbnRlbnQgbWF5IGJlIGV4cGlyZWQgb3IgZGVsZXRlZCcsICdYJywgeyBkdXJhdGlvbjogMjAwMCB9KVxuICAgIH1cbiAgfVxuICBnZXRSZWRpcmVjdFVybERhdGEoY29udGVudERhdGE6IGFueSl7XG4gICAgdGhpcy5jb250ZW50RGF0YS5lbWl0KGNvbnRlbnREYXRhKVxuICB9XG4gIHJhaXNlVGVsZW1ldHJ5KGNvbnRlbnQ6IGFueSkge1xuICAgIHRoaXMudHJpZ2dlclRlbGVtZXRyeS5lbWl0KGNvbnRlbnQpXG4gIH1cblxuXG4gIGdldENiUGxhbkRhdGEoKSB7XG4gICAgbGV0IGNicExpc3Q6IGFueT17fVxuICAgIGlmIChsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnY2JwRGF0YScpKSB7XG4gICAgICBsZXQgY2JwTGlzdEFyciA9IEpTT04ucGFyc2UobG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2NicERhdGEnKSB8fCAnJylcbiAgICAgIGlmIChjYnBMaXN0QXJyICYmIGNicExpc3RBcnIubGVuZ3RoKSB7XG4gICAgICAgIGNicExpc3RBcnIuZm9yRWFjaCgoZGF0YTogYW55KSA9PiB7XG4gICAgICAgICAgY2JwTGlzdFtkYXRhLmlkZW50aWZpZXJdID0gZGF0YVxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgdGhpcy5jYlBsYW5NYXBEYXRhID0gY2JwTGlzdFxuICAgICAgLy8gdGhpcy5rYXJtYVBvaW50TG9hZGluZyA9IGZhbHNlXG4gICAgICBjbGVhckludGVydmFsKHRoaXMuY2JQbGFuSW50ZXJ2YWwpXG4gICAgfVxuICB9XG5cblxufVxuIl19
|
|
@@ -92,7 +92,7 @@ var CardMDOChannelComponent = /** @class */ (function () {
|
|
|
92
92
|
{ type: Component, args: [{
|
|
93
93
|
selector: 'sb-uic-card-mdo-channel',
|
|
94
94
|
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"raiseTelemetry(widgetData.content); redirectTo(widgetData.content); $event.stopPropagation()\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\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.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.imgUrl | 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>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData?.content?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
95
|
-
styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:
|
|
95
|
+
styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:20px 8px;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-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}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]
|
|
96
96
|
}] }
|
|
97
97
|
];
|
|
98
98
|
/** @nocollapse */
|
|
@@ -8,6 +8,7 @@ import { MultilingualTranslationsService } from '../../_services/multilingual-tr
|
|
|
8
8
|
var DisplayContentTypeLibComponent = /** @class */ (function () {
|
|
9
9
|
function DisplayContentTypeLibComponent(langtranslations) {
|
|
10
10
|
this.langtranslations = langtranslations;
|
|
11
|
+
this.useTranslation = true;
|
|
11
12
|
this.displayContentType = NsContent.EDisplayContentTypes.DEFAULT;
|
|
12
13
|
this.displayContentTypeEnum = NsContent.EDisplayContentTypes;
|
|
13
14
|
}
|
|
@@ -35,7 +36,7 @@ var DisplayContentTypeLibComponent = /** @class */ (function () {
|
|
|
35
36
|
DisplayContentTypeLibComponent.decorators = [
|
|
36
37
|
{ type: Component, args: [{
|
|
37
38
|
selector: 'sb-uic-display-content-type',
|
|
38
|
-
template: "<ng-container *ngIf=\"displayContentType\">\n <span [ngSwitch]=\"displayContentType\" class=\"content-type-class\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n
|
|
39
|
+
template: "<ng-container *ngIf=\"displayContentType\">\n <span [ngSwitch]=\"displayContentType\" class=\"content-type-class\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n>\n <span *ngIf=\"useTranslation\">\n {{ translateLabels(displayContentType, 'searchfilters') }}\n </span>\n <span *ngIf=\"!useTranslation\">\n {{ displayContentType }}\n </span>\n </ng-container>\n </span>\n </ng-container>\n<!-- <ng-container *ngIf=\"displayContentType\">{{displayContentType}}</ng-container> -->\n<!-- <span [ngSwitch]=\"displayContentType\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n>Content</ng-container>\n</span> -->\n",
|
|
39
40
|
styles: [".content-type-class{color:rgba(0,0,0,.87);word-break:break-all;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}"]
|
|
40
41
|
}] }
|
|
41
42
|
];
|
|
@@ -44,12 +45,15 @@ var DisplayContentTypeLibComponent = /** @class */ (function () {
|
|
|
44
45
|
{ type: MultilingualTranslationsService }
|
|
45
46
|
]; };
|
|
46
47
|
DisplayContentTypeLibComponent.propDecorators = {
|
|
48
|
+
useTranslation: [{ type: Input }],
|
|
47
49
|
displayContentType: [{ type: Input }]
|
|
48
50
|
};
|
|
49
51
|
return DisplayContentTypeLibComponent;
|
|
50
52
|
}());
|
|
51
53
|
export { DisplayContentTypeLibComponent };
|
|
52
54
|
if (false) {
|
|
55
|
+
/** @type {?} */
|
|
56
|
+
DisplayContentTypeLibComponent.prototype.useTranslation;
|
|
53
57
|
/** @type {?} */
|
|
54
58
|
DisplayContentTypeLibComponent.prototype.displayContentType;
|
|
55
59
|
/** @type {?} */
|
|
@@ -60,4 +64,4 @@ if (false) {
|
|
|
60
64
|
*/
|
|
61
65
|
DisplayContentTypeLibComponent.prototype.langtranslations;
|
|
62
66
|
}
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzcGxheS1jb250ZW50LXR5cGUtbGliLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdW5iaXJkLWNiL2NvbnN1bXB0aW9uLyIsInNvdXJjZXMiOlsibGliL19jb21tb24vZGlzcGxheS1jb250ZW50LXR5cGUtbGliL2Rpc3BsYXktY29udGVudC10eXBlLWxpYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQTtBQUVuRztJQVNFLHdDQUFvQixnQkFBaUQ7UUFBakQscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQztRQUg1RCxtQkFBYyxHQUFZLElBQUksQ0FBQTtRQUM5Qix1QkFBa0IsR0FBbUMsU0FBUyxDQUFDLG9CQUFvQixDQUFDLE9BQU8sQ0FBQTtRQUNwRywyQkFBc0IsR0FBRyxTQUFTLENBQUMsb0JBQW9CLENBQUE7SUFDa0IsQ0FBQzs7OztJQUUxRSxpREFBUTs7O0lBQVI7SUFDQSxDQUFDOzs7Ozs7SUFFRCx3REFBZTs7Ozs7SUFBZixVQUFnQixLQUFhLEVBQUUsSUFBUztRQUN0QyxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUM5RCxDQUFDOztnQkFoQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLDJpTUFBd0Q7O2lCQUV6RDs7OztnQkFOUSwrQkFBK0I7OztpQ0FRckMsS0FBSztxQ0FDTCxLQUFLOztJQVVSLHFDQUFDO0NBQUEsQUFqQkQsSUFpQkM7U0FaWSw4QkFBOEI7OztJQUN6Qyx3REFBdUM7O0lBQ3ZDLDREQUFvRzs7SUFDcEcsZ0VBQXVEOzs7OztJQUMzQywwREFBeUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgTnNDb250ZW50IH0gZnJvbSAnLi4vLi4vX21vZGVscy93aWRnZXQtY29udGVudC5tb2RlbCdcbmltcG9ydCB7IE11bHRpbGluZ3VhbFRyYW5zbGF0aW9uc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9fc2VydmljZXMvbXVsdGlsaW5ndWFsLXRyYW5zbGF0aW9ucy5zZXJ2aWNlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYi11aWMtZGlzcGxheS1jb250ZW50LXR5cGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlzcGxheS1jb250ZW50LXR5cGUtbGliLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGlzcGxheS1jb250ZW50LXR5cGUtbGliLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERpc3BsYXlDb250ZW50VHlwZUxpYkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHVzZVRyYW5zbGF0aW9uOiBib29sZWFuID0gdHJ1ZVxuICBASW5wdXQoKSBkaXNwbGF5Q29udGVudFR5cGU6IE5zQ29udGVudC5FRGlzcGxheUNvbnRlbnRUeXBlcyA9IE5zQ29udGVudC5FRGlzcGxheUNvbnRlbnRUeXBlcy5ERUZBVUxUXG4gIGRpc3BsYXlDb250ZW50VHlwZUVudW0gPSBOc0NvbnRlbnQuRURpc3BsYXlDb250ZW50VHlwZXNcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBsYW5ndHJhbnNsYXRpb25zOiBNdWx0aWxpbmd1YWxUcmFuc2xhdGlvbnNTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG4gIHRyYW5zbGF0ZUxhYmVscyhsYWJlbDogc3RyaW5nLCB0eXBlOiBhbnkpIHtcbiAgICByZXR1cm4gdGhpcy5sYW5ndHJhbnNsYXRpb25zLnRyYW5zbGF0ZUxhYmVsKGxhYmVsLCB0eXBlLCAnJylcbiAgfVxufVxuIl19
|
|
@@ -7790,6 +7790,7 @@ class DisplayContentTypeLibComponent {
|
|
|
7790
7790
|
*/
|
|
7791
7791
|
constructor(langtranslations) {
|
|
7792
7792
|
this.langtranslations = langtranslations;
|
|
7793
|
+
this.useTranslation = true;
|
|
7793
7794
|
this.displayContentType = NsContent.EDisplayContentTypes.DEFAULT;
|
|
7794
7795
|
this.displayContentTypeEnum = NsContent.EDisplayContentTypes;
|
|
7795
7796
|
}
|
|
@@ -7810,7 +7811,7 @@ class DisplayContentTypeLibComponent {
|
|
|
7810
7811
|
DisplayContentTypeLibComponent.decorators = [
|
|
7811
7812
|
{ type: Component, args: [{
|
|
7812
7813
|
selector: 'sb-uic-display-content-type',
|
|
7813
|
-
template: "<ng-container *ngIf=\"displayContentType\">\n <span [ngSwitch]=\"displayContentType\" class=\"content-type-class\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n
|
|
7814
|
+
template: "<ng-container *ngIf=\"displayContentType\">\n <span [ngSwitch]=\"displayContentType\" class=\"content-type-class\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n>\n <span *ngIf=\"useTranslation\">\n {{ translateLabels(displayContentType, 'searchfilters') }}\n </span>\n <span *ngIf=\"!useTranslation\">\n {{ displayContentType }}\n </span>\n </ng-container>\n </span>\n </ng-container>\n<!-- <ng-container *ngIf=\"displayContentType\">{{displayContentType}}</ng-container> -->\n<!-- <span [ngSwitch]=\"displayContentType\">\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.ASSESSMENT\" i18n>Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.AUDIO\" i18n>Audio</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CHANNEL\" i18n>Channel</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CERTIFICATION\" i18n\n >Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.CLASS_DIAGRAM\" i18n\n >Class Diagram</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.COURSE\" i18n>Course</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DEFAULT\" i18n>Content</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.DRAG_DROP\" i18n>Drag & Drop</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_CERTIFICATION\" i18n\n >External Certification</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.EXTERNAL_COURSE\" i18n\n >External Course</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.HANDS_ON\" i18n>Hands-On</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.IAP\" i18n>Hands-On Assessment</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INSTRUCTOR_LED\" i18n\n >Instructor-Led</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.INTERACTIVE_VIDEO\" i18n\n >Interactive Video</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_ARTIFACT\" i18n\n >Knowledge Artifact</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.KNOWLEDGE_BOARD\" i18n\n >Knowledge Board</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.LEARNING_JOURNEY\" i18n\n >Learning Journey</ng-container\n >\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.MODULE\" i18n>Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PDF\" i18n>Pdf</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.PROGRAM\" i18n>Program</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.QUIZ\" i18n>Quiz</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.RESOURCE\" i18n>Resource</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.VIDEO\" i18n>Video</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_MODULE\" i18n>Web Module</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.WEB_PAGE\" i18n>Web Page</ng-container>\n <ng-container *ngSwitchCase=\"displayContentTypeEnum?.YOUTUBE\" i18n>Youtube</ng-container>\n <ng-container *ngSwitchDefault i18n>Content</ng-container>\n</span> -->\n",
|
|
7814
7815
|
styles: [".content-type-class{color:rgba(0,0,0,.87);word-break:break-all;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}"]
|
|
7815
7816
|
}] }
|
|
7816
7817
|
];
|
|
@@ -7819,9 +7820,12 @@ DisplayContentTypeLibComponent.ctorParameters = () => [
|
|
|
7819
7820
|
{ type: MultilingualTranslationsService }
|
|
7820
7821
|
];
|
|
7821
7822
|
DisplayContentTypeLibComponent.propDecorators = {
|
|
7823
|
+
useTranslation: [{ type: Input }],
|
|
7822
7824
|
displayContentType: [{ type: Input }]
|
|
7823
7825
|
};
|
|
7824
7826
|
if (false) {
|
|
7827
|
+
/** @type {?} */
|
|
7828
|
+
DisplayContentTypeLibComponent.prototype.useTranslation;
|
|
7825
7829
|
/** @type {?} */
|
|
7826
7830
|
DisplayContentTypeLibComponent.prototype.displayContentType;
|
|
7827
7831
|
/** @type {?} */
|
|
@@ -8295,7 +8299,7 @@ class CardLandscapeComponent {
|
|
|
8295
8299
|
CardLandscapeComponent.decorators = [
|
|
8296
8300
|
{ type: Component, args: [{
|
|
8297
8301
|
selector: 'sb-uic-card-landscape',
|
|
8298
|
-
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 \" [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 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>",
|
|
8302
|
+
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\">{{'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>",
|
|
8299
8303
|
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)}}"]
|
|
8300
8304
|
}] }
|
|
8301
8305
|
];
|
|
@@ -8619,7 +8623,7 @@ CardMDOChannelComponent.decorators = [
|
|
|
8619
8623
|
{ type: Component, args: [{
|
|
8620
8624
|
selector: 'sb-uic-card-mdo-channel',
|
|
8621
8625
|
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData.content\">\n <a (click)=\"raiseTelemetry(widgetData.content); redirectTo(widgetData.content); $event.stopPropagation()\"\n i18n-aria-label>\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\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.imgUrl; else defaultImg\">\n <img mat-card-image [src]=\"widgetData.content.imgUrl | 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>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData.content?.identifier\"\n class=\"flex-1 text-center mat-subheading-2 title-text ws-mat-black-text\">\n {{ widgetData?.content?.orgName }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
8622
|
-
styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:
|
|
8626
|
+
styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:156px;height:156px;max-height:156px;margin:20px 8px;background:#7faeff!important;border-radius:12px;padding:4px!important}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:86px;max-height:86px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-channels-container .card-img{max-height:62px;min-height:62px;display:block;-o-object-fit:fill;object-fit:contain}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-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}@media screen and (max-width:768px){.card-channels-container{width:100%;margin:0}}"]
|
|
8623
8627
|
}] }
|
|
8624
8628
|
];
|
|
8625
8629
|
/** @nocollapse */
|
|
@@ -8947,8 +8951,8 @@ class CardKarmaProgramsComponent {
|
|
|
8947
8951
|
CardKarmaProgramsComponent.decorators = [
|
|
8948
8952
|
{ type: Component, args: [{
|
|
8949
8953
|
selector: 'sb-uic-card-karma-programs',
|
|
8950
|
-
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData
|
|
8951
|
-
styles: [".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:217px;height:217px;max-height:217px;margin:
|
|
8954
|
+
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"redirectTo(widgetData?.content);$event.stopPropagation();\">\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-col h-full\">\n <div class=\"image-container\">\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?.title\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource[0] | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\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?.title\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.title }}\n </div>\n </div>\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.children?.length}} Programs\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
8955
|
+
styles: [".card-channels-container{position:relative;width:245px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:217px;height:217px;max-height:217px;margin:20px 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:139px;max-height:139px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-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:1;-webkit-box-orient:vertical;min-height:24px}"]
|
|
8952
8956
|
}] }
|
|
8953
8957
|
];
|
|
8954
8958
|
/** @nocollapse */
|
|
@@ -9112,7 +9116,7 @@ class CardKarmaProgramsV2Component {
|
|
|
9112
9116
|
CardKarmaProgramsV2Component.decorators = [
|
|
9113
9117
|
{ type: Component, args: [{
|
|
9114
9118
|
selector: 'sb-uic-card-karma-programs-v2',
|
|
9115
|
-
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData
|
|
9119
|
+
template: "<mat-card class=\"channels-card card-channels-container mr-5 padding-remove cursor-pointer\" [ngStyle]=\"{'background': widgetData?.content?.bgColor}\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData?.content\">\n <a (click)=\"redirectTo(widgetData?.content);$event.stopPropagation()\">\n <ng-container>\n <mat-card-content class=\"min-top\">\n <div class=\"flex flex-row md:flex-col h-full\">\n <div class=\"image-container\">\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?.title\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData?.content?.posterImage\">\n <ng-container *ngIf=\"widgetData?.content?.imgSource && widgetData?.content?.imgSource?.length; else defaultImg\">\n <img mat-card-image [src]=\"widgetData?.content?.imgSource[0] | pipePublicURL\" loading=\"lazy\"\n class=\"card-img ws-mat-primary-lite-background margin-remove\" [wsUtilsDefaultThumbnail]=\"defaultThumbnail\"\n [alt]=\"widgetData?.content?.title\" />\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?.title\" />\n </ng-template>\n </ng-container>\n </div>\n <div class=\"flex items-center\">\n <div class=\"title-container\">\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.title }}\n </div>\n </div>\n <div class=\"flex px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start margin-remove margin-top-xxs mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.children?.length}} Programs\n </div>\n </div>\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
9116
9120
|
styles: [".card-channels-container{position:relative;width:282px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:233px;height:233px;max-height:233px;margin:0 8px;background:#1a4ca1;border-radius:12px}.card-channels-container .min-top{background:inherit;margin-bottom:0;height:inherit}.card-channels-container .image-container{background-color:#fff;width:inherit;height:156px;max-height:156px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top-left-radius:12px;border-top-right-radius:12px}.card-channels-container .card-img{max-height:100%;min-height:100%;display:block;-o-object-fit:fill;object-fit:fill}.card-channels-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-channels-container .title-container{background:inherit}.card-channels-container .description-text{position:relative;overflow:hidden;height:51px}.card-channels-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:1;-webkit-box-orient:vertical;min-height:24px}@media screen and (max-width:768px){.card-channels-container{width:100%;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;min-height:unset;height:unset;max-height:unset;margin:0;padding:8px!important}.image-container{background-color:#fff;width:190px;height:106px;max-height:106px;border-radius:12px}}"]
|
|
9117
9121
|
}] }
|
|
9118
9122
|
];
|