@sunbird-cb/consumption 0.0.15 → 0.0.16
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 +171 -30
- 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 +2 -2
- package/esm2015/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +128 -0
- package/esm2015/lib/_common/cards/cards.module.js +12 -3
- 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 +23 -22
- package/esm5/lib/_common/announcements/announcements.component.js +2 -2
- package/esm5/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.js +131 -0
- package/esm5/lib/_common/cards/cards.module.js +12 -3
- 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 +23 -22
- package/fesm2015/sunbird-cb-consumption.js +148 -10
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +150 -10
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/cards/card-mdo-channel/card-mdo-channel.component.d.ts +19 -0
- package/package.json +1 -1
- package/sunbird-cb-consumption.d.ts +22 -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 { __assign, __awaiter, __generator, __extends, __values, __spread } from 'tslib';
|
|
9
9
|
import { WidgetBaseComponent, SbUiResolverModule } from '@sunbird-cb/resolver-v2';
|
|
@@ -5349,7 +5349,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
|
5349
5349
|
// console.log('calling after - response, ', response)
|
|
5350
5350
|
if (response && response.results) {
|
|
5351
5351
|
// console.log('calling after-- ')
|
|
5352
|
-
if (response.results.result.content) {
|
|
5352
|
+
if (response.results.result.content && response.results.result.content.length) {
|
|
5353
5353
|
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
5354
5354
|
}
|
|
5355
5355
|
else {
|
|
@@ -5405,7 +5405,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
|
5405
5405
|
// console.log('calling after - response, ', response)
|
|
5406
5406
|
if (response && response.results) {
|
|
5407
5407
|
// console.log('calling after-- ')
|
|
5408
|
-
if (response.results.result.content) {
|
|
5408
|
+
if (response.results.result.content && response.results.result.content.length) {
|
|
5409
5409
|
this.processStrip(strip, this.transformContentsToWidgets(response.results.result.content, strip), 'done', calculateParentStatus, response.viewMoreUrl);
|
|
5410
5410
|
}
|
|
5411
5411
|
else {
|
|
@@ -6336,8 +6336,8 @@ var DataPointsComponent = /** @class */ (function () {
|
|
|
6336
6336
|
DataPointsComponent.decorators = [
|
|
6337
6337
|
{ type: Component, args: [{
|
|
6338
6338
|
selector: 'sb-uic-data-points',
|
|
6339
|
-
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",
|
|
6340
|
-
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}}"]
|
|
6339
|
+
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",
|
|
6340
|
+
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}}"]
|
|
6341
6341
|
}] }
|
|
6342
6342
|
];
|
|
6343
6343
|
/** @nocollapse */
|
|
@@ -7813,7 +7813,7 @@ var AnnouncementsComponent = /** @class */ (function () {
|
|
|
7813
7813
|
AnnouncementsComponent.decorators = [
|
|
7814
7814
|
{ type: Component, args: [{
|
|
7815
7815
|
selector: 'sb-uic-announcements',
|
|
7816
|
-
template: "<
|
|
7816
|
+
template: "<div class=\"w-full\">\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>",
|
|
7817
7817
|
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}}"]
|
|
7818
7818
|
}] }
|
|
7819
7819
|
];
|
|
@@ -9177,6 +9177,132 @@ if (false) {
|
|
|
9177
9177
|
CardWideComponent.prototype.configSvc;
|
|
9178
9178
|
}
|
|
9179
9179
|
|
|
9180
|
+
/**
|
|
9181
|
+
* @fileoverview added by tsickle
|
|
9182
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
9183
|
+
*/
|
|
9184
|
+
var CardMDOChannelComponent = /** @class */ (function () {
|
|
9185
|
+
function CardMDOChannelComponent(events, translate, langtranslations, configSvc) {
|
|
9186
|
+
var _this = this;
|
|
9187
|
+
this.events = events;
|
|
9188
|
+
this.translate = translate;
|
|
9189
|
+
this.langtranslations = langtranslations;
|
|
9190
|
+
this.configSvc = configSvc;
|
|
9191
|
+
this.userData = new EventEmitter();
|
|
9192
|
+
this.widgetType = '';
|
|
9193
|
+
this.widgetSubType = '';
|
|
9194
|
+
this.langtranslations.languageSelectedObservable.subscribe((/**
|
|
9195
|
+
* @return {?}
|
|
9196
|
+
*/
|
|
9197
|
+
function () {
|
|
9198
|
+
if (localStorage.getItem('websiteLanguage')) {
|
|
9199
|
+
_this.translate.setDefaultLang('en');
|
|
9200
|
+
/** @type {?} */
|
|
9201
|
+
var lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
|
|
9202
|
+
_this.translate.use(lang);
|
|
9203
|
+
}
|
|
9204
|
+
}));
|
|
9205
|
+
}
|
|
9206
|
+
/**
|
|
9207
|
+
* @return {?}
|
|
9208
|
+
*/
|
|
9209
|
+
CardMDOChannelComponent.prototype.ngOnInit = /**
|
|
9210
|
+
* @return {?}
|
|
9211
|
+
*/
|
|
9212
|
+
function () {
|
|
9213
|
+
/** @type {?} */
|
|
9214
|
+
var instanceConfig = this.configSvc.instanceConfig;
|
|
9215
|
+
if (instanceConfig) {
|
|
9216
|
+
this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
|
|
9217
|
+
this.sourceLogos = instanceConfig.sources;
|
|
9218
|
+
this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
|
|
9219
|
+
}
|
|
9220
|
+
else {
|
|
9221
|
+
this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
|
|
9222
|
+
this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
|
|
9223
|
+
}
|
|
9224
|
+
};
|
|
9225
|
+
/**
|
|
9226
|
+
* @return {?}
|
|
9227
|
+
*/
|
|
9228
|
+
CardMDOChannelComponent.prototype.raiseTelemetry = /**
|
|
9229
|
+
* @return {?}
|
|
9230
|
+
*/
|
|
9231
|
+
function () {
|
|
9232
|
+
// if(this.forPreview){
|
|
9233
|
+
// return
|
|
9234
|
+
// }
|
|
9235
|
+
this.events.raiseInteractTelemetry({
|
|
9236
|
+
type: 'click',
|
|
9237
|
+
subType: this.widgetType + "-" + this.widgetSubType,
|
|
9238
|
+
id: camelCase(this.widgetData.content.userId) + "-card",
|
|
9239
|
+
}, {
|
|
9240
|
+
id: this.widgetData.content.userId,
|
|
9241
|
+
// type: this.widgetData.user.primaryCategory,
|
|
9242
|
+
//context: this.widgetData.context,
|
|
9243
|
+
rollup: {},
|
|
9244
|
+
}, {
|
|
9245
|
+
pageIdExt: camelCase('user') + "-card",
|
|
9246
|
+
module: camelCase('user'),
|
|
9247
|
+
});
|
|
9248
|
+
};
|
|
9249
|
+
CardMDOChannelComponent.decorators = [
|
|
9250
|
+
{ type: Component, args: [{
|
|
9251
|
+
selector: 'sb-uic-card-mdo-channel',
|
|
9252
|
+
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()\" 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>",
|
|
9253
|
+
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:16px 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}"]
|
|
9254
|
+
}] }
|
|
9255
|
+
];
|
|
9256
|
+
/** @nocollapse */
|
|
9257
|
+
CardMDOChannelComponent.ctorParameters = function () { return [
|
|
9258
|
+
{ type: EventService },
|
|
9259
|
+
{ type: TranslateService },
|
|
9260
|
+
{ type: MultilingualTranslationsService$1 },
|
|
9261
|
+
{ type: ConfigurationsService$1 }
|
|
9262
|
+
]; };
|
|
9263
|
+
CardMDOChannelComponent.propDecorators = {
|
|
9264
|
+
widgetData: [{ type: Input }],
|
|
9265
|
+
userData: [{ type: Output }]
|
|
9266
|
+
};
|
|
9267
|
+
return CardMDOChannelComponent;
|
|
9268
|
+
}());
|
|
9269
|
+
if (false) {
|
|
9270
|
+
/** @type {?} */
|
|
9271
|
+
CardMDOChannelComponent.prototype.widgetData;
|
|
9272
|
+
/** @type {?} */
|
|
9273
|
+
CardMDOChannelComponent.prototype.userData;
|
|
9274
|
+
/** @type {?} */
|
|
9275
|
+
CardMDOChannelComponent.prototype.defaultThumbnail;
|
|
9276
|
+
/** @type {?} */
|
|
9277
|
+
CardMDOChannelComponent.prototype.sourceLogos;
|
|
9278
|
+
/** @type {?} */
|
|
9279
|
+
CardMDOChannelComponent.prototype.defaultSLogo;
|
|
9280
|
+
/** @type {?} */
|
|
9281
|
+
CardMDOChannelComponent.prototype.widgetType;
|
|
9282
|
+
/** @type {?} */
|
|
9283
|
+
CardMDOChannelComponent.prototype.widgetSubType;
|
|
9284
|
+
/**
|
|
9285
|
+
* @type {?}
|
|
9286
|
+
* @private
|
|
9287
|
+
*/
|
|
9288
|
+
CardMDOChannelComponent.prototype.events;
|
|
9289
|
+
/**
|
|
9290
|
+
* @type {?}
|
|
9291
|
+
* @private
|
|
9292
|
+
*/
|
|
9293
|
+
CardMDOChannelComponent.prototype.translate;
|
|
9294
|
+
/**
|
|
9295
|
+
* @type {?}
|
|
9296
|
+
* @private
|
|
9297
|
+
*/
|
|
9298
|
+
CardMDOChannelComponent.prototype.langtranslations;
|
|
9299
|
+
/**
|
|
9300
|
+
* @type {?}
|
|
9301
|
+
* @private
|
|
9302
|
+
*/
|
|
9303
|
+
CardMDOChannelComponent.prototype.configSvc;
|
|
9304
|
+
}
|
|
9305
|
+
|
|
9180
9306
|
/**
|
|
9181
9307
|
* @fileoverview added by tsickle
|
|
9182
9308
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -9186,7 +9312,14 @@ var CardsModule = /** @class */ (function () {
|
|
|
9186
9312
|
}
|
|
9187
9313
|
CardsModule.decorators = [
|
|
9188
9314
|
{ type: NgModule, args: [{
|
|
9189
|
-
declarations: [
|
|
9315
|
+
declarations: [
|
|
9316
|
+
CardResourceComponent,
|
|
9317
|
+
CardsComponent, CardPortraitComponent,
|
|
9318
|
+
CardUserComponent,
|
|
9319
|
+
CardLandscapeComponent,
|
|
9320
|
+
CardWideComponent,
|
|
9321
|
+
CardMDOChannelComponent
|
|
9322
|
+
],
|
|
9190
9323
|
imports: [
|
|
9191
9324
|
CommonModule,
|
|
9192
9325
|
MatCardModule,
|
|
@@ -9207,7 +9340,8 @@ var CardsModule = /** @class */ (function () {
|
|
|
9207
9340
|
CardPortraitComponent,
|
|
9208
9341
|
CardLandscapeComponent,
|
|
9209
9342
|
CardUserComponent,
|
|
9210
|
-
CardWideComponent
|
|
9343
|
+
CardWideComponent,
|
|
9344
|
+
CardMDOChannelComponent
|
|
9211
9345
|
],
|
|
9212
9346
|
},] }
|
|
9213
9347
|
];
|
|
@@ -9719,7 +9853,7 @@ var PillsComponent = /** @class */ (function () {
|
|
|
9719
9853
|
{ type: Component, args: [{
|
|
9720
9854
|
selector: 'sb-uic-pills',
|
|
9721
9855
|
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",
|
|
9722
|
-
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}"]
|
|
9856
|
+
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}"]
|
|
9723
9857
|
}] }
|
|
9724
9858
|
];
|
|
9725
9859
|
/** @nocollapse */
|
|
@@ -10140,6 +10274,12 @@ var UserContentRatingLibComponent = /** @class */ (function () {
|
|
|
10140
10274
|
else {
|
|
10141
10275
|
_this.emptyResponse.emit(true);
|
|
10142
10276
|
}
|
|
10277
|
+
}), (/**
|
|
10278
|
+
* @param {?} _error
|
|
10279
|
+
* @return {?}
|
|
10280
|
+
*/
|
|
10281
|
+
function (_error) {
|
|
10282
|
+
_this.emptyResponse.emit(true);
|
|
10143
10283
|
}));
|
|
10144
10284
|
};
|
|
10145
10285
|
/**
|
|
@@ -10776,5 +10916,5 @@ var UserContentRatingLibModule = /** @class */ (function () {
|
|
|
10776
10916
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
10777
10917
|
*/
|
|
10778
10918
|
|
|
10779
|
-
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,
|
|
10919
|
+
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, PipePublicURLModule as ɵbb, PipePublicURL as ɵbc, DisplayContentTypeLibModule as ɵbd, DisplayContentTypeLibComponent as ɵbe, DefaultThumbnailModule as ɵbf, DefaultThumbnailDirective as ɵbg, PipeDurationTransformModule as ɵbh, PipeDurationTransformPipe as ɵbi, CompetencyPassbookComponent as ɵbj, CompetencyPassbookService as ɵbk, PillsModule as ɵbl, PillsComponent as ɵbm, UserContentRatingLibComponent as ɵbn, ScrollableItemDirective as ɵbo, RatingService as ɵbp, UserContentRatingLibService as ɵbq, AvatarPhotoLibModule as ɵbr, AvatarPhotoLibComponent as ɵbs, MyHammerConfig$1 as ɵbt, SlidersNgContentLibModule as ɵbu, SlidersNgContentLibComponent as ɵbv, ScrollableItemModule as ɵbw, 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 };
|
|
10780
10920
|
//# sourceMappingURL=sunbird-cb-consumption.js.map
|