@sunbird-cb/consumption 0.0.15 → 0.0.17
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 +226 -33
- 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/announcements/announcements.component.js +20 -6
- package/esm2015/lib/_common/announcements/announcements.module.js +3 -1
- package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +128 -0
- package/esm2015/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +23 -0
- package/esm2015/lib/_common/cards/cards.module.js +15 -3
- package/esm2015/lib/_common/competency-passbook/competency-passbook.component.js +7 -2
- package/esm2015/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +3 -3
- package/esm2015/lib/_common/data-points/data-points.component.js +3 -3
- package/esm2015/lib/_common/pills/pills.component.js +1 -1
- package/esm2015/lib/_common/user-content-rating/user-content-rating-lib.component.js +7 -1
- package/esm2015/sunbird-cb-consumption.js +24 -22
- package/esm5/lib/_common/announcements/announcements.component.js +21 -5
- package/esm5/lib/_common/announcements/announcements.module.js +3 -1
- package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +131 -0
- package/esm5/lib/_common/cards/card-wide-v2/card-wide-v2.component.js +29 -0
- package/esm5/lib/_common/cards/cards.module.js +15 -3
- package/esm5/lib/_common/competency-passbook/competency-passbook.component.js +7 -2
- package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +3 -3
- package/esm5/lib/_common/data-points/data-points.component.js +3 -3
- package/esm5/lib/_common/pills/pills.component.js +1 -1
- package/esm5/lib/_common/user-content-rating/user-content-rating-lib.component.js +7 -1
- package/esm5/sunbird-cb-consumption.js +24 -22
- package/fesm2015/sunbird-cb-consumption.js +196 -14
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +204 -13
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/announcements/announcements.component.d.ts +4 -1
- package/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.d.ts +19 -0
- package/lib/_common/cards/card-wide-v2/card-wide-v2.component.d.ts +5 -0
- package/lib/_common/competency-passbook/competency-passbook.component.d.ts +1 -0
- package/package.json +1 -1
- package/sunbird-cb-consumption.d.ts +23 -21
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -3,7 +3,7 @@ import { CommonModule, DatePipe } from '@angular/common';
|
|
|
3
3
|
import { Router, RouterModule } from '@angular/router';
|
|
4
4
|
import { fromEvent, timer, BehaviorSubject, of, EMPTY, ReplaySubject, Subject, throwError, interval } from 'rxjs';
|
|
5
5
|
import { debounceTime, throttleTime, shareReplay, retry, map, catchError, filter, distinctUntilChanged } from 'rxjs/operators';
|
|
6
|
-
import { ValueService, ConfigurationsService as ConfigurationsService$1, WsEvents, LoggerService, EventService, UtilityService } from '@sunbird-cb/utils-v2';
|
|
6
|
+
import { ValueService, ConfigurationsService as ConfigurationsService$1, WsEvents, LoggerService, EventService, UtilityService, MultilingualTranslationsService as MultilingualTranslationsService$1 } from '@sunbird-cb/utils-v2';
|
|
7
7
|
import { MatButtonModule, MatIconModule, MatProgressSpinnerModule, MatToolbarModule, MatTooltipModule, MatListModule, MatSidenavModule, MatCardModule, MatExpansionModule, MatRadioModule, MatChipsModule, MatInputModule, MatFormFieldModule, MatDialogModule, MatSnackBarModule, MatSelectModule, MatDatepickerModule, MatNativeDateModule, MatTableModule, MatCheckboxModule, MatButtonToggleModule, MatTabsModule, MatAutocompleteModule, MatSnackBar, MatMenuModule, MatRippleModule } from '@angular/material';
|
|
8
8
|
import { __awaiter } from 'tslib';
|
|
9
9
|
import { WidgetBaseComponent, SbUiResolverModule } from '@sunbird-cb/resolver-v2';
|
|
@@ -4689,7 +4689,7 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
|
|
|
4689
4689
|
// console.log('calling after - response, ', response)
|
|
4690
4690
|
if (response && response.results) {
|
|
4691
4691
|
// console.log('calling after-- ')
|
|
4692
|
-
if (response.results.result.content) {
|
|
4692
|
+
if (response.results.result.content && response.results.result.content.length) {
|
|
4693
4693
|
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
4694
4694
|
}
|
|
4695
4695
|
else {
|
|
@@ -4732,7 +4732,7 @@ class ContentStripWithTabsLibComponent extends WidgetBaseComponent {
|
|
|
4732
4732
|
// console.log('calling after - response, ', response)
|
|
4733
4733
|
if (response && response.results) {
|
|
4734
4734
|
// console.log('calling after-- ')
|
|
4735
|
-
if (response.results.result.content) {
|
|
4735
|
+
if (response.results.result.content && response.results.result.content.length) {
|
|
4736
4736
|
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
4737
4737
|
}
|
|
4738
4738
|
else {
|
|
@@ -5564,8 +5564,8 @@ class DataPointsComponent {
|
|
|
5564
5564
|
DataPointsComponent.decorators = [
|
|
5565
5565
|
{ type: Component, args: [{
|
|
5566
5566
|
selector: 'sb-uic-data-points',
|
|
5567
|
-
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\n <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\n <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak }\">\n <div class=\"flex flex-row gap-3 items-top\">\n <div>\n <img class=\"objIcon\" [src]=\"obj.icon\" [style.color]=\"obj?.iconColor\">\n </div>\n <div>\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow'\">\n <div class=\"flex gap-4\">\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n <div class=\"melement-div {{obj?.background}} flex-item\">\n <div class=\"flex flex-row gap-3\">\n <div>\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon\" [src]=\"obj.icon\">\n </div>\n <div>\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n </div> \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n <div class=\"top-container\">\n <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\n <div *ngFor=\"let item of chunk\">\n <div class=\"flex-item\">\n <div class=\"flex flex-row gap-5 infra-element-div\">\n <div>\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"(item && item.value)\">\n {{item?.value | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n </div> \n</div>\n\n\n<!-- skeleton loaders -->\n\n<ng-container>\n <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\n <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\n <div class=\"element-div linebreak\" >\n <div class=\"flex flex-row gap-3 items-top\">\n <div>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\n [height]=\"'32px'\"></sb-uic-skeleton-loader>\n </div>\n <div>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
5568
|
-
styles: [".white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}"]
|
|
5567
|
+
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\n <div *ngFor=\"let obj of objectData; let last = last\" class=\"\">\n <div class=\"element-div\" [ngClass]=\"{'linebreak': obj?.linebreak && !last}\">\n <div class=\"flex flex-row gap-3 items-top\">\n <div>\n <img class=\"objIcon\" [src]=\"obj.icon\" [style.color]=\"obj?.iconColor\">\n </div>\n <div>\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n <div [style.color]=\"obj?.valueColor\" class=\"objHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n {{obj.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"objDescription\">{{obj?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleRow'\">\n <div class=\"flex gap-4\">\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n <div class=\"melement-div {{obj?.background}} flex-item\" [style.background]=\"obj?.background\" >\n <div class=\"flex flex-row gap-3\">\n <div>\n <img [style.color]=\"obj?.iconColor\" class=\"mobjIcon\" [src]=\"obj.icon\">\n </div>\n <div>\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">0</div>\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">{{obj?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n </div> \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n <div class=\"w-full\" *ngIf=\"layoutType === 'gridLayout'\">\n <div class=\"top-container\">\n <div class=\"flex-container\" *ngFor=\"let chunk of customArray\">\n <div *ngFor=\"let item of chunk\">\n <div class=\"flex-item\">\n <div class=\"flex flex-row gap-5 infra-element-div\">\n <div>\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"!(item && item.value)\">0</div>\n <div [style.color]=\"item?.valueColor\" class=\"infra-objHeader\" *ngIf=\"(item && item.value)\">\n {{item?.value | number: item.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"item?.labelColor\" class=\"custom-opacity infra-objDescription padding-top-s\">{{item?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n </div> \n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'singleFlexeRow'\">\n <div class=\"flex\">\n <div *ngFor=\"let obj of objectData\" class=\"flex-container\">\n <div class=\"singleFlexeRow-div flex-item\">\n <div class=\"flex flex-row gap-3\">\n <div>\n <img [style.color]=\"obj?.iconColor\" class=\"singleFlexeRowIcon\" [src]=\"obj.icon\">\n </div>\n <div class=\"flex flex-col\">\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">0</div>\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n {{obj?.value | number: obj.value % 1 === 0 ? '1.0-0' : '1.1-2'}}\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">{{obj?.label}}</div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<!-- skeleton loaders -->\n\n<ng-container>\n <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && isDataLoading\">\n <div *ngFor=\"let obj of [0,1,2,3]\" class=\"\">\n <div class=\"element-div linebreak\" >\n <div class=\"flex flex-row gap-3 items-top\">\n <div>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'32px'\"\n [height]=\"'32px'\"></sb-uic-skeleton-loader>\n </div>\n <div>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-1'\" [width]=\"'150px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
5568
|
+
styles: [".white{color:#fff}.custom-opacity{opacity:.7}.black{color:#000}.objIcon{width:32px;height:32px}.mobjIcon{width:24px;height:24px}.objHeader{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left}.mobjHeader{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.mobjDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.metrics-web{height:inherit;overflow-y:auto}.element-div{padding:25px 0;margin:0 25px}.linebreak{border-bottom:1px solid rgba(0,0,0,.16)}.singleFlexeRow-div{padding:16px;border-radius:15px}.singleFlexeRowHeader{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.singleFlexeRowDescription{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}.singleFlexeRowIcon{width:24px;height:24px}.melement-div{padding:16px;border-radius:15px;width:249px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-element-div{min-width:325px;padding:25px 0;align-items:baseline}.infra-objIcon{width:32px;height:32px}.infra-objHeader{font-family:Montserrat;font-size:36px;font-weight:600;line-height:29.26px;text-align:left}.infra-objDescription{font-family:Lato;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.flex-container{display:flex}.top-container{overflow-x:auto;width:100%}::-webkit-scrollbar{height:4px}::-webkit-scrollbar-track{border-radius:10px;background:#000}::-webkit-scrollbar-thumb{background:#cccc;border-radius:10px}.flex-item{flex:0 0 auto;white-space:nowrap;min-width:200px}@media screen and (max-width:768px){.infra-objIcon{width:24px;height:24px}.infra-objHeader{font-size:24px}.infra-element-div{min-width:250px;padding:15px 0 25px}}"]
|
|
5569
5569
|
}] }
|
|
5570
5570
|
];
|
|
5571
5571
|
/** @nocollapse */
|
|
@@ -6829,7 +6829,9 @@ CommonStripModule.decorators = [
|
|
|
6829
6829
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
6830
6830
|
*/
|
|
6831
6831
|
class AnnouncementsComponent {
|
|
6832
|
-
constructor() {
|
|
6832
|
+
constructor() {
|
|
6833
|
+
this.openDialog = new EventEmitter();
|
|
6834
|
+
}
|
|
6833
6835
|
/**
|
|
6834
6836
|
* @return {?}
|
|
6835
6837
|
*/
|
|
@@ -6844,22 +6846,34 @@ class AnnouncementsComponent {
|
|
|
6844
6846
|
item.expanded = !item.expanded;
|
|
6845
6847
|
}
|
|
6846
6848
|
}
|
|
6849
|
+
/**
|
|
6850
|
+
* @return {?}
|
|
6851
|
+
*/
|
|
6852
|
+
openAnnouncements() {
|
|
6853
|
+
this.openDialog.emit(true);
|
|
6854
|
+
}
|
|
6847
6855
|
}
|
|
6848
6856
|
AnnouncementsComponent.decorators = [
|
|
6849
6857
|
{ type: Component, args: [{
|
|
6850
6858
|
selector: 'sb-uic-announcements',
|
|
6851
|
-
template: "<
|
|
6852
|
-
styles: [".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{max-height:600px;overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]
|
|
6859
|
+
template: "<div class=\"w-full\" *ngIf=\"layoutType === 'web'\">\n <div class=\"flex item-center key-logo\">\n <img class=\"\" [src]=\"objectData?.logoUrl\">\n </div>\n <div class=\"flex item-center key-logo \">\n <div class=\"key-heading\"\n [style.backgroundColor]=\"objectData?.header?.background\"\n [style.color]=\"objectData?.header?.color\">\n {{objectData?.title}}\n </div>\n </div>\n <div class=\"key-list-container\"\n [style.borderColor]=\"objectData?.panelborder\"\n [style.backgroundColor]=\"objectData?.panelBackground\">\n <div class=\"key-list\">\n <div *ngFor=\"let item of objectData?.list; let i = index\">\n <div class=\"key-list-item mb-{{ objectData?.list?.length === (i+1) ? '' : '4'}}\" \n [style.borderColor]=\"objectData?.listItem?.border\"\n [style.backgroundColor]=\"objectData?.listItem?.background\">\n <div class=\"key-list-item-content {{item?.value?.length > 152 && !item?.expanded ? 'expand' : 'un-expand'}}\" [innerHTML]=\"item?.value\"></div>\n <div class=\"more-or-less\" *ngIf=\"item?.value?.length > 152\" [style.color]=\"objectData?.panelborder\">\n <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"!item?.expanded\">View more</div>\n <div class=\"cursor-pointer\" (click)=\"viewMoreOrLess(item)\" *ngIf=\"item?.expanded\">View less</div>\n </div>\n </div>\n </div> \n </div> \n </div>\n</div>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'mobile'\">\n <div class=\"flex item-center key-logo \">\n <div class=\"mob-key-heading\" (click)=\"openAnnouncements()\"\n [style.backgroundColor]=\"objectData?.header?.background\"\n [style.color]=\"objectData?.header?.color\">\n <div class=\"flex key-button gap-3\">\n <div>\n <img [src]=\"objectData?.mobileIcon\">\n </div>\n <div>{{objectData?.title}}</div> \n <div><mat-icon class=\"key-mob-icon\">arrow_forward_ios</mat-icon></div>\n </div> \n </div>\n </div>\n</div>",
|
|
6860
|
+
styles: [".key-logo{align-items:center;justify-content:center}.key-list-container{border:1px solid #ccc;padding:45px 15px 15px;border-radius:12px;margin-top:-20px}.key-list{max-height:600px;overflow:auto}.key-list::-webkit-scrollbar{display:none}.key-list-item{padding:16px;border:1px solid #ccc;border-radius:12px;min-height:56px}::ng-deep .key-list-item-content a{color:#1b4ca1!important}.key-list-item-content{font-family:Lato;font-size:14px;font-weight:400;line-height:20px;text-align:left;white-space:initial;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.expand{-webkit-line-clamp:3}.un-expand{-webkit-line-clamp:0}.more-or-less{font-family:Lato;font-size:14px;line-height:20px;font-weight:600}.mob-key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:7px 25px;border-radius:20px;animation:.9s infinite mobPaddingAnimation;cursor:pointer}.key-mob-icon{font-size:12px;width:12px;height:12px}.key-button{align-items:center;justify-content:center}.key-heading{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:10px 50px;border-radius:20px;margin-top:-3px;animation:.9s infinite paddingAnimation}@keyframes mobPaddingAnimation{0%,100%{padding:7px 25px}25%,75%{padding:7px 30px}50%{padding:7px 35px}}@keyframes paddingAnimation{0%,100%{padding:10px 50px}25%,75%{padding:10px 55px}50%{padding:10px 60px}}"]
|
|
6853
6861
|
}] }
|
|
6854
6862
|
];
|
|
6855
6863
|
/** @nocollapse */
|
|
6856
6864
|
AnnouncementsComponent.ctorParameters = () => [];
|
|
6857
6865
|
AnnouncementsComponent.propDecorators = {
|
|
6858
|
-
objectData: [{ type: Input }]
|
|
6866
|
+
objectData: [{ type: Input }],
|
|
6867
|
+
layoutType: [{ type: Input }],
|
|
6868
|
+
openDialog: [{ type: Output }]
|
|
6859
6869
|
};
|
|
6860
6870
|
if (false) {
|
|
6861
6871
|
/** @type {?} */
|
|
6862
6872
|
AnnouncementsComponent.prototype.objectData;
|
|
6873
|
+
/** @type {?} */
|
|
6874
|
+
AnnouncementsComponent.prototype.layoutType;
|
|
6875
|
+
/** @type {?} */
|
|
6876
|
+
AnnouncementsComponent.prototype.openDialog;
|
|
6863
6877
|
}
|
|
6864
6878
|
|
|
6865
6879
|
/**
|
|
@@ -6873,6 +6887,7 @@ AnnouncementsModule.decorators = [
|
|
|
6873
6887
|
declarations: [AnnouncementsComponent],
|
|
6874
6888
|
imports: [
|
|
6875
6889
|
CommonModule,
|
|
6890
|
+
MatIconModule,
|
|
6876
6891
|
SkeletonLoaderLibModule
|
|
6877
6892
|
],
|
|
6878
6893
|
exports: [AnnouncementsComponent],
|
|
@@ -8101,6 +8116,152 @@ if (false) {
|
|
|
8101
8116
|
CardWideComponent.prototype.configSvc;
|
|
8102
8117
|
}
|
|
8103
8118
|
|
|
8119
|
+
/**
|
|
8120
|
+
* @fileoverview added by tsickle
|
|
8121
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
8122
|
+
*/
|
|
8123
|
+
class CardMDOChannelComponent {
|
|
8124
|
+
/**
|
|
8125
|
+
* @param {?} events
|
|
8126
|
+
* @param {?} translate
|
|
8127
|
+
* @param {?} langtranslations
|
|
8128
|
+
* @param {?} configSvc
|
|
8129
|
+
*/
|
|
8130
|
+
constructor(events, translate, langtranslations, configSvc) {
|
|
8131
|
+
this.events = events;
|
|
8132
|
+
this.translate = translate;
|
|
8133
|
+
this.langtranslations = langtranslations;
|
|
8134
|
+
this.configSvc = configSvc;
|
|
8135
|
+
this.userData = new EventEmitter();
|
|
8136
|
+
this.widgetType = '';
|
|
8137
|
+
this.widgetSubType = '';
|
|
8138
|
+
this.langtranslations.languageSelectedObservable.subscribe((/**
|
|
8139
|
+
* @return {?}
|
|
8140
|
+
*/
|
|
8141
|
+
() => {
|
|
8142
|
+
if (localStorage.getItem('websiteLanguage')) {
|
|
8143
|
+
this.translate.setDefaultLang('en');
|
|
8144
|
+
/** @type {?} */
|
|
8145
|
+
const lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
|
|
8146
|
+
this.translate.use(lang);
|
|
8147
|
+
}
|
|
8148
|
+
}));
|
|
8149
|
+
}
|
|
8150
|
+
/**
|
|
8151
|
+
* @return {?}
|
|
8152
|
+
*/
|
|
8153
|
+
ngOnInit() {
|
|
8154
|
+
/** @type {?} */
|
|
8155
|
+
const instanceConfig = this.configSvc.instanceConfig;
|
|
8156
|
+
if (instanceConfig) {
|
|
8157
|
+
this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
|
|
8158
|
+
this.sourceLogos = instanceConfig.sources;
|
|
8159
|
+
this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
|
|
8160
|
+
}
|
|
8161
|
+
else {
|
|
8162
|
+
this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
|
|
8163
|
+
this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
|
|
8164
|
+
}
|
|
8165
|
+
}
|
|
8166
|
+
/**
|
|
8167
|
+
* @return {?}
|
|
8168
|
+
*/
|
|
8169
|
+
raiseTelemetry() {
|
|
8170
|
+
// if(this.forPreview){
|
|
8171
|
+
// return
|
|
8172
|
+
// }
|
|
8173
|
+
this.events.raiseInteractTelemetry({
|
|
8174
|
+
type: 'click',
|
|
8175
|
+
subType: `${this.widgetType}-${this.widgetSubType}`,
|
|
8176
|
+
id: `${camelCase(this.widgetData.content.userId)}-card`,
|
|
8177
|
+
}, {
|
|
8178
|
+
id: this.widgetData.content.userId,
|
|
8179
|
+
// type: this.widgetData.user.primaryCategory,
|
|
8180
|
+
//context: this.widgetData.context,
|
|
8181
|
+
rollup: {},
|
|
8182
|
+
}, {
|
|
8183
|
+
pageIdExt: `${camelCase('user')}-card`,
|
|
8184
|
+
module: camelCase('user'),
|
|
8185
|
+
});
|
|
8186
|
+
}
|
|
8187
|
+
}
|
|
8188
|
+
CardMDOChannelComponent.decorators = [
|
|
8189
|
+
{ type: Component, args: [{
|
|
8190
|
+
selector: 'sb-uic-card-mdo-channel',
|
|
8191
|
+
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();$event.stopPropagation()\" \n [routerLink]=\"['/app/learn/mdo-channels/asdfghj/123456/micro-sites']\" role=\"link\"\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.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>\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.name }}\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
8192
|
+
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:0;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}"]
|
|
8193
|
+
}] }
|
|
8194
|
+
];
|
|
8195
|
+
/** @nocollapse */
|
|
8196
|
+
CardMDOChannelComponent.ctorParameters = () => [
|
|
8197
|
+
{ type: EventService },
|
|
8198
|
+
{ type: TranslateService },
|
|
8199
|
+
{ type: MultilingualTranslationsService$1 },
|
|
8200
|
+
{ type: ConfigurationsService$1 }
|
|
8201
|
+
];
|
|
8202
|
+
CardMDOChannelComponent.propDecorators = {
|
|
8203
|
+
widgetData: [{ type: Input }],
|
|
8204
|
+
userData: [{ type: Output }]
|
|
8205
|
+
};
|
|
8206
|
+
if (false) {
|
|
8207
|
+
/** @type {?} */
|
|
8208
|
+
CardMDOChannelComponent.prototype.widgetData;
|
|
8209
|
+
/** @type {?} */
|
|
8210
|
+
CardMDOChannelComponent.prototype.userData;
|
|
8211
|
+
/** @type {?} */
|
|
8212
|
+
CardMDOChannelComponent.prototype.defaultThumbnail;
|
|
8213
|
+
/** @type {?} */
|
|
8214
|
+
CardMDOChannelComponent.prototype.sourceLogos;
|
|
8215
|
+
/** @type {?} */
|
|
8216
|
+
CardMDOChannelComponent.prototype.defaultSLogo;
|
|
8217
|
+
/** @type {?} */
|
|
8218
|
+
CardMDOChannelComponent.prototype.widgetType;
|
|
8219
|
+
/** @type {?} */
|
|
8220
|
+
CardMDOChannelComponent.prototype.widgetSubType;
|
|
8221
|
+
/**
|
|
8222
|
+
* @type {?}
|
|
8223
|
+
* @private
|
|
8224
|
+
*/
|
|
8225
|
+
CardMDOChannelComponent.prototype.events;
|
|
8226
|
+
/**
|
|
8227
|
+
* @type {?}
|
|
8228
|
+
* @private
|
|
8229
|
+
*/
|
|
8230
|
+
CardMDOChannelComponent.prototype.translate;
|
|
8231
|
+
/**
|
|
8232
|
+
* @type {?}
|
|
8233
|
+
* @private
|
|
8234
|
+
*/
|
|
8235
|
+
CardMDOChannelComponent.prototype.langtranslations;
|
|
8236
|
+
/**
|
|
8237
|
+
* @type {?}
|
|
8238
|
+
* @private
|
|
8239
|
+
*/
|
|
8240
|
+
CardMDOChannelComponent.prototype.configSvc;
|
|
8241
|
+
}
|
|
8242
|
+
|
|
8243
|
+
/**
|
|
8244
|
+
* @fileoverview added by tsickle
|
|
8245
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
8246
|
+
*/
|
|
8247
|
+
class CardWideV2Component {
|
|
8248
|
+
constructor() { }
|
|
8249
|
+
/**
|
|
8250
|
+
* @return {?}
|
|
8251
|
+
*/
|
|
8252
|
+
ngOnInit() {
|
|
8253
|
+
}
|
|
8254
|
+
}
|
|
8255
|
+
CardWideV2Component.decorators = [
|
|
8256
|
+
{ type: Component, args: [{
|
|
8257
|
+
selector: 'sb-uic-card-wide-v2',
|
|
8258
|
+
template: "<p>card-wide-v2 works!</p>\n",
|
|
8259
|
+
styles: [""]
|
|
8260
|
+
}] }
|
|
8261
|
+
];
|
|
8262
|
+
/** @nocollapse */
|
|
8263
|
+
CardWideV2Component.ctorParameters = () => [];
|
|
8264
|
+
|
|
8104
8265
|
/**
|
|
8105
8266
|
* @fileoverview added by tsickle
|
|
8106
8267
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -8109,7 +8270,15 @@ class CardsModule {
|
|
|
8109
8270
|
}
|
|
8110
8271
|
CardsModule.decorators = [
|
|
8111
8272
|
{ type: NgModule, args: [{
|
|
8112
|
-
declarations: [
|
|
8273
|
+
declarations: [
|
|
8274
|
+
CardResourceComponent,
|
|
8275
|
+
CardsComponent, CardPortraitComponent,
|
|
8276
|
+
CardUserComponent,
|
|
8277
|
+
CardLandscapeComponent,
|
|
8278
|
+
CardWideComponent,
|
|
8279
|
+
CardMDOChannelComponent,
|
|
8280
|
+
CardWideV2Component
|
|
8281
|
+
],
|
|
8113
8282
|
imports: [
|
|
8114
8283
|
CommonModule,
|
|
8115
8284
|
MatCardModule,
|
|
@@ -8130,7 +8299,9 @@ CardsModule.decorators = [
|
|
|
8130
8299
|
CardPortraitComponent,
|
|
8131
8300
|
CardLandscapeComponent,
|
|
8132
8301
|
CardUserComponent,
|
|
8133
|
-
CardWideComponent
|
|
8302
|
+
CardWideComponent,
|
|
8303
|
+
CardMDOChannelComponent,
|
|
8304
|
+
CardWideV2Component
|
|
8134
8305
|
],
|
|
8135
8306
|
},] }
|
|
8136
8307
|
];
|
|
@@ -8220,6 +8391,7 @@ class CompetencyPassbookComponent {
|
|
|
8220
8391
|
this.contentSvc = contentSvc;
|
|
8221
8392
|
this.competencySvc = competencySvc;
|
|
8222
8393
|
this.router = router;
|
|
8394
|
+
this.cardDisplayCount = 3;
|
|
8223
8395
|
this.emptyResponse = new EventEmitter();
|
|
8224
8396
|
this.loadCometency = false;
|
|
8225
8397
|
this.loadCompetencyArea = false;
|
|
@@ -8465,6 +8637,7 @@ class CompetencyPassbookComponent {
|
|
|
8465
8637
|
* @return {?}
|
|
8466
8638
|
*/
|
|
8467
8639
|
displayAllTheme(event) {
|
|
8640
|
+
debugger;
|
|
8468
8641
|
this.showAllTheme[0]['showAll'] = !event.showAll;
|
|
8469
8642
|
this.competencyThemeLength = event.showAll ? this.competencyTheme.length : 6;
|
|
8470
8643
|
this.showAllTheme[0]['name'] = event.showAll ? 'Show less' : 'Show all';
|
|
@@ -8480,7 +8653,7 @@ class CompetencyPassbookComponent {
|
|
|
8480
8653
|
CompetencyPassbookComponent.decorators = [
|
|
8481
8654
|
{ type: Component, args: [{
|
|
8482
8655
|
selector: 'sb-uic-competency-passbook',
|
|
8483
|
-
template: " <div class=\"competency-title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-center gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" \n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-
|
|
8656
|
+
template: " <div class=\"competency-title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-center gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" \n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} w-full grid-flow-row gap-5\" *ngIf=\"!loadCometency\">\n <div class=\"competency-card\" *ngFor=\"let obj of competencyTheme| slice:0:competencyThemeLength\">\n <div class=\"flex-1 flex-col\">\n <div class=\"competency-theme\"></div>\n <div class=\"details flex flex-col\">\n <div class=\"flex flex-col p-4\">\n <div class=\"flex flex-row cursor-pointer\">\n <div class=\"flex flex-row gap-2 items-center\">\n <div class=\"name\">{{allcompetencyTheme[obj?.name]?.name}}</div>\n <!-- <div class=\"flex items-baseline\">\n <img src=\"assets/icons/competency/cp-arrow.svg\" class=\"arrow-img cursor-pointer\" alt=\"cp arrow img\" (click)=\"navigateToCompetency(obj)\" />\n </div> -->\n </div>\n </div>\n <div class=\"flex flex-row pt-3 pb-3 description\">\n {{ allcompetencyTheme[obj.name]?.description }} \n </div>\n <div class=\"flex flex-row gap-3 items-center\">\n <mat-icon class=\"content-icon\">school</mat-icon>\n <div class=\"no-of-contents\">{{obj.count}} Contents</div>\n </div>\n <div class=\"line mt-3 mt-2\"></div>\n <div class=\"flex flex-wrap gap-3 pt-4 chip-container\">\n <ng-container *ngFor=\"let child of allcompetencyTheme[obj.name]?.children| slice:0: allcompetencyTheme[obj.name]?.viewMore ? allcompetencyTheme[obj.name]?.children?.length : 3; let i = index\">\n <div class=\"chip rounded-full p-2 text-xs chip-ellipsis\" [title]=\"child?.name\" >\n {{ child.name }}\n </div>\n </ng-container>\n <div class=\"p-2 info-btn cursor-pointer\"\n *ngIf=\"allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore\" (click)=\"viewMoreChildren(allcompetencyTheme[obj.name])\">\n View more\n </div>\n <div class=\"p-2 info-btn cursor-pointer\"\n *ngIf=\"allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore\" (click)=\"viewMoreChildren(allcompetencyTheme[obj.name])\">\n View less\n </div>\n </div>\n </div> \n </div>\n </div>\n </div>\n</div>\n<ng-container *ngIf=\"competencyTheme.length > 6 && !loadCometency\">\n <div class=\"flex items-center justify-center gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"showAllTheme\" (pillClick)=\"displayAllTheme($event)\"></sb-uic-pills>\n </div>\n</ng-container> \n\n<ng-container *ngIf=\"loadCometency\">\n\n<div class=\"grid grid-cols-1 md:grid-cols-3 w-full grid-flow-row gap-5\">\n <div *ngFor=\"let obj of [0,1,2,3,4,5]\">\n <div class=\"flex-1 flex-col\">\n <div class=\"competency-theme\"></div>\n <div class=\"details flex flex-col\">\n <div class=\"flex flex-col p-4\">\n <div class=\"flex flex-row cursor-pointer\">\n <div class=\"flex flex-row gap-2 items-center w-full\">\n <div class=\"name w-full\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'100%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'80%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n <div class=\"pt-3 pb-3 description\">\n <sb-uic-skeleton-loader class=\"w-full\" [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'100%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-full\" [bindingClass]=\"'flex rounded'\" [width]=\"'80%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex flex-row gap-3 items-center\">\n <mat-icon class=\"content-icon\"><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'24px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader></mat-icon>\n <div class=\"no-of-contents\"><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader></div>\n </div>\n <div class=\"line mt-3 mt-2\"></div>\n <div class=\"flex flex-wrap gap-3 pt-4 chip-container\">\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div> \n </div>\n </div>\n </div>\n</div>\n</ng-container>",
|
|
8484
8657
|
styles: [".competencies-backgroud{background-color:#1b2133}.competency-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;color:#fff}.competency-count{color:#f3962f}.filter-button{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}.filter-button.active{background:#1b4ca1}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-background{background:#1b4ca1}.competency-theme{height:16px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f8b861}.details{background-color:#fff;border-radius:12px;position:relative;top:-8px;min-height:278px}.name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;height:42px;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.no-of-contents{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#1b4ca1}.content-icon{color:#1b4ca1}.line{border-top:1px solid #e2dddd}.chip{padding:8px 16px;gap:8px;border-radius:50px;border:1px solid #1b4ca1;color:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;text-align:center}.chip-ellipsis{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.info-btn{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;opacity:.7;padding:12px 5px}.hide{display:none}.behavioral{background-color:#f8b861}.functional{background-color:#e24577}.domain{background-color:#7b47a4}.competency-card{z-index:999}"]
|
|
8485
8658
|
}] }
|
|
8486
8659
|
];
|
|
@@ -8494,6 +8667,7 @@ CompetencyPassbookComponent.ctorParameters = () => [
|
|
|
8494
8667
|
CompetencyPassbookComponent.propDecorators = {
|
|
8495
8668
|
objectData: [{ type: Input }],
|
|
8496
8669
|
providerId: [{ type: Input }],
|
|
8670
|
+
cardDisplayCount: [{ type: Input }],
|
|
8497
8671
|
emptyResponse: [{ type: Output }]
|
|
8498
8672
|
};
|
|
8499
8673
|
if (false) {
|
|
@@ -8502,6 +8676,8 @@ if (false) {
|
|
|
8502
8676
|
/** @type {?} */
|
|
8503
8677
|
CompetencyPassbookComponent.prototype.providerId;
|
|
8504
8678
|
/** @type {?} */
|
|
8679
|
+
CompetencyPassbookComponent.prototype.cardDisplayCount;
|
|
8680
|
+
/** @type {?} */
|
|
8505
8681
|
CompetencyPassbookComponent.prototype.emptyResponse;
|
|
8506
8682
|
/** @type {?} */
|
|
8507
8683
|
CompetencyPassbookComponent.prototype.loadCometency;
|
|
@@ -8559,7 +8735,7 @@ PillsComponent.decorators = [
|
|
|
8559
8735
|
{ type: Component, args: [{
|
|
8560
8736
|
selector: 'sb-uic-pills',
|
|
8561
8737
|
template: "<ng-container *ngIf=\"!isLoading\">\n <mat-chip-list >\n <ng-container *ngFor=\"let pill of pillsData\">\n <mat-chip class=\"competency-chip\" (click)=\"selectedPill(pill)\" \n [ngClass]=\"{'active': selectedValue === pill?.name}\">\n <span class=\"pill-name\">{{pill?.name | titlecase}} <span *ngIf=\"pill?.count\">({{pill?.count}})</span></span>\n </mat-chip>\n </ng-container>\n </mat-chip-list>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n <div class=\"flex gap-4\">\n <ng-container *ngFor=\"let pill of [0,1,2]\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </ng-container>\n </div>\n</ng-container>\n",
|
|
8562
|
-
styles: [".competency-chip{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent!important;cursor:pointer}.competency-chip .pill-name{color:#fff!important}.active{background-color:#1b4ca1!important}"]
|
|
8738
|
+
styles: [".competency-chip{z-index:99999;padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent!important;cursor:pointer}.competency-chip .pill-name{color:#fff!important}.active{background-color:#1b4ca1!important}"]
|
|
8563
8739
|
}] }
|
|
8564
8740
|
];
|
|
8565
8741
|
/** @nocollapse */
|
|
@@ -8923,6 +9099,12 @@ class UserContentRatingLibComponent {
|
|
|
8923
9099
|
else {
|
|
8924
9100
|
this.emptyResponse.emit(true);
|
|
8925
9101
|
}
|
|
9102
|
+
}), (/**
|
|
9103
|
+
* @param {?} _error
|
|
9104
|
+
* @return {?}
|
|
9105
|
+
*/
|
|
9106
|
+
(_error) => {
|
|
9107
|
+
this.emptyResponse.emit(true);
|
|
8926
9108
|
}));
|
|
8927
9109
|
}
|
|
8928
9110
|
/**
|
|
@@ -9477,5 +9659,5 @@ UserContentRatingLibModule.decorators = [
|
|
|
9477
9659
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
9478
9660
|
*/
|
|
9479
9661
|
|
|
9480
|
-
export { AnnouncementsModule, CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, ContentStripWithTabsLibComponent as ɵa, WidgetContentService as ɵb,
|
|
9662
|
+
export { AnnouncementsModule, CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, UserContentRatingLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, ContentStripWithTabsLibComponent as ɵa, WidgetContentService as ɵb, CardMDOChannelComponent as ɵba, CardWideV2Component as ɵbb, PipePublicURLModule as ɵbc, PipePublicURL as ɵbd, DisplayContentTypeLibModule as ɵbe, DisplayContentTypeLibComponent as ɵbf, DefaultThumbnailModule as ɵbg, DefaultThumbnailDirective as ɵbh, PipeDurationTransformModule as ɵbi, PipeDurationTransformPipe as ɵbj, CompetencyPassbookComponent as ɵbk, CompetencyPassbookService as ɵbl, PillsModule as ɵbm, PillsComponent as ɵbn, UserContentRatingLibComponent as ɵbo, ScrollableItemDirective as ɵbp, RatingService as ɵbq, UserContentRatingLibService as ɵbr, AvatarPhotoLibModule as ɵbs, AvatarPhotoLibComponent as ɵbt, MyHammerConfig$1 as ɵbu, SlidersNgContentLibModule as ɵbv, SlidersNgContentLibComponent as ɵbw, ScrollableItemModule as ɵbx, WidgetUserService as ɵc, MultilingualTranslationsService as ɵd, ConfigurationsService as ɵe, HorizontalScrollerV2Module as ɵf, HorizontalScrollerV2Component as ɵg, SlidersLibComponent as ɵh, NavigationModule as ɵi, NavigationDirective as ɵj, ImageResponsiveModule as ɵk, ImageResponsiveDirective as ɵl, DataPointsComponent as ɵm, InsiteDataService as ɵn, SkeletonLoaderLibModule as ɵo, SkeletonLoaderLibComponent as ɵp, CalenderComponent as ɵq, CalenderDayComponent as ɵr, CommonStripComponent as ɵs, AnnouncementsComponent as ɵt, CardResourceComponent as ɵu, CardsComponent as ɵv, CardPortraitComponent as ɵw, CardUserComponent as ɵx, CardLandscapeComponent as ɵy, CardWideComponent as ɵz };
|
|
9481
9663
|
//# sourceMappingURL=sunbird-cb-consumption.js.map
|