@sunbird-cb/consumption 0.0.83 → 0.0.85
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 +27 -5
- 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/highlights-of-week/highlights-of-week.component.js +1 -1
- package/esm2015/lib/_common/key-highlights/key-highlights.component.js +5 -2
- package/esm2015/lib/_common/speakers/speakers.component.js +1 -1
- package/esm2015/lib/_common/user-progress/user-progress.component.js +24 -3
- package/esm5/lib/_common/highlights-of-week/highlights-of-week.component.js +1 -1
- package/esm5/lib/_common/key-highlights/key-highlights.component.js +5 -2
- package/esm5/lib/_common/speakers/speakers.component.js +1 -1
- package/esm5/lib/_common/user-progress/user-progress.component.js +23 -3
- package/fesm2015/sunbird-cb-consumption.js +28 -5
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +27 -5
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/key-highlights/key-highlights.component.d.ts +1 -0
- package/lib/_common/user-progress/user-progress.component.d.ts +3 -1
- package/package.json +1 -1
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -18442,6 +18442,7 @@
|
|
|
18442
18442
|
this.providerId = '';
|
|
18443
18443
|
this.formData = '';
|
|
18444
18444
|
this.emptyResponse = new core.EventEmitter();
|
|
18445
|
+
this.titleMaxLength = 100;
|
|
18445
18446
|
this.styleData = {};
|
|
18446
18447
|
this.contentdata = [];
|
|
18447
18448
|
}
|
|
@@ -18469,7 +18470,7 @@
|
|
|
18469
18470
|
KeyHighlightsComponent.decorators = [
|
|
18470
18471
|
{ type: core.Component, args: [{
|
|
18471
18472
|
selector: 'sb-uic-key-highlights',
|
|
18472
|
-
template: "<ng-container *ngIf=\"contentdata?.length && mode === 'desktop'\">\n <div class=\"key-highlighs-container\">\n <sb-uic-sliders-ng-content\n [title]=\"'providerName'\"\n [autoScroll]=\"true\"\n [currentIndex]=\"currentIndex\" \n (currentIndexValue)=\"getCurrentIndex($event)\"\n [loadNgContentData]=\"true\"\n [customBanner]=\"true\"\n [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n <div sliderbody>\n <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n <div class=\"flex flex-row key-wrapper items-center justify-center\">\n <div class=\"kh-description\"
|
|
18473
|
+
template: "<ng-container *ngIf=\"contentdata?.length && mode === 'desktop'\">\n <div class=\"key-highlighs-container\">\n <sb-uic-sliders-ng-content\n [title]=\"'providerName'\"\n [autoScroll]=\"true\"\n [currentIndex]=\"currentIndex\" \n (currentIndexValue)=\"getCurrentIndex($event)\"\n [loadNgContentData]=\"true\"\n [customBanner]=\"true\"\n [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n <div sliderbody>\n <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n <div class=\"flex flex-row key-wrapper items-center justify-center\">\n <div class=\"kh-description\">\n {{content?.title | slice:0:titleMaxLength}}\n <span *ngIf=\"content?.title?.length > titleMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div> \n </sb-uic-sliders-ng-content>\n </div>\n</ng-container>\n\n<ng-container *ngIf=\"contentdata?.length && mode === 'mobile'\">\n <div class=\"p-5\">\n <div class=\"mob-key-highlighs-container\">\n <sb-uic-sliders-ng-content\n [title]=\"'providerName'\"\n [autoScroll]=\"true\"\n [currentIndex]=\"currentIndex\" \n (currentIndexValue)=\"getCurrentIndex($event)\"\n [loadNgContentData]=\"true\"\n [customBanner]=\"true\"\n [widgetData]=\"contentdata\" [styleData]=\"styleData\">\n <div sliderbody>\n <div *ngFor=\"let content of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n <div class=\"flex flex-row mkey-wrapper items-center justify-center\">\n <div class=\"mkh-description\">\n {{content?.title | slice:0:titleMaxLength }}\n <span *ngIf=\"content?.title?.length > titleMaxLength\">...</span>\n </div>\n </div>\n </div>\n </div>\n </sb-uic-sliders-ng-content>\n </div>\n </div>\n</ng-container>",
|
|
18473
18474
|
styles: [".kh-description{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:center;padding:0 10px}.key-wrapper{background-color:#eaf1f8;padding:25px 16px;border-radius:50px}.mkey-wrapper{background-color:#eaf1f8;padding:16px;border-radius:50px}.mkh-description{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;padding:0 30px}"]
|
|
18474
18475
|
}] }
|
|
18475
18476
|
];
|
|
@@ -18496,6 +18497,8 @@
|
|
|
18496
18497
|
/** @type {?} */
|
|
18497
18498
|
KeyHighlightsComponent.prototype.emptyResponse;
|
|
18498
18499
|
/** @type {?} */
|
|
18500
|
+
KeyHighlightsComponent.prototype.titleMaxLength;
|
|
18501
|
+
/** @type {?} */
|
|
18499
18502
|
KeyHighlightsComponent.prototype.styleData;
|
|
18500
18503
|
/** @type {?} */
|
|
18501
18504
|
KeyHighlightsComponent.prototype.contentdata;
|
|
@@ -19117,7 +19120,7 @@
|
|
|
19117
19120
|
{ type: core.Component, args: [{
|
|
19118
19121
|
selector: 'sb-uic-highlights-of-week',
|
|
19119
19122
|
template: "<div *ngIf=\"contentdata.length\" class=\"highlights-of-the-week-container {{expand ? 'mb-4' : ''}}\">\n <ng-container *ngIf=\"contentdata.length\">\n <div class=\"flex title pb-3 no-radius items-center justify-between\">\n <div class=\"flex gap-2\">\n {{objectData?.title}}\n <div class=\"block md:hidden\">\n <img [src]=\"objectData?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"objectData?.infoText\">\n </div> \n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div *ngIf=\"expand\">\n <sb-uic-sliders-ng-content\n [title]=\"'providerName'\"\n [currentIndex]=\"currentIndex\"\n (currentIndexValue)=\"getCurrentIndex($event)\"\n [loadNgContentData]=\"true\" [widgetData]=\"contentdata\"\n [styleData]=\"styleData\">\n <div sliderbody>\n <div *ngFor=\"let item of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n <div class=\"wh-wrapper no-radius\">\n <div class=\"player\">\n <video width=\"100%\" height=\"100%\" controls *ngIf=\"i === currentIndex\">\n <source [src]=\"item.videoUrl\" type=\"video/mp4\">\n <source [src]=\"item.videoUrl\" type=\"application/x-mpegURL\" />\n </video>\n </div>\n <div class=\"player-title py-3\">\n {{item?.title}}\n </div>\n <div class=\"player-body\">\n {{item?.description}}\n </div>\n </div>\n </div>\n </div>\n </sb-uic-sliders-ng-content>\n </div>\n </ng-container>\n</div>\n\n",
|
|
19120
|
-
styles: [".highlights-of-the-week-container ::ng-deep.banner-title{display:none}.highlights-of-the-week-container ::ng-deep.banner-meta{bottom:-37px}.highlights-of-the-week-container ::ng-deep.prev{margin-left:11px}.highlights-of-the-week-container ::ng-deep.next{margin-right:16px}.title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left;background-color:#d1dbec;padding:16px;border-top-left-radius:12px;border-top-right-radius:12px}.wh-wrapper{background-color:#d1dbec;padding:0 16px 16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.wh-wrapper .player{height:420px}.wh-wrapper .player-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.wh-wrapper .player-body{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left}@media screen and (min-width:320px) and (max-width:769px){.highlights-of-the-week-container ::ng-deep.prev{display:none!important}.highlights-of-the-week-container ::ng-deep.next{display:none!important}.wh-wrapper .player{height:215px}.no-radius{border-radius:0}}"]
|
|
19123
|
+
styles: [".highlights-of-the-week-container ::ng-deep.banner-title{display:none}.highlights-of-the-week-container ::ng-deep.banner-meta{bottom:-37px}.highlights-of-the-week-container ::ng-deep.prev{margin-left:11px}.highlights-of-the-week-container ::ng-deep.next{margin-right:16px}.title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left;background-color:#d1dbec;padding:16px;border-top-left-radius:12px;border-top-right-radius:12px}.wh-wrapper{background-color:#d1dbec;padding:0 16px 16px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.wh-wrapper .player{height:420px}.wh-wrapper .player-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.wh-wrapper .player-body{font-family:Lato;line-clamp:2;-webkit-line-clamp:2;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:320px) and (max-width:769px){.highlights-of-the-week-container ::ng-deep.prev{display:none!important}.highlights-of-the-week-container ::ng-deep.next{display:none!important}.wh-wrapper .player{height:215px}.no-radius{border-radius:0}}"]
|
|
19121
19124
|
}] }
|
|
19122
19125
|
];
|
|
19123
19126
|
/** @nocollapse */
|
|
@@ -19261,7 +19264,7 @@
|
|
|
19261
19264
|
{ type: core.Component, args: [{
|
|
19262
19265
|
selector: 'sb-uic-speakers',
|
|
19263
19266
|
template: "<div class=\"nlw-speakers-wrapper px-4 md:px-0 my-4 md:my-0\">\n <div class=\"flex speakers-title gap-2 justify-between pb-1\" *ngIf=\"contentdata.length\">\n <div class=\"flex gap-2\">\n {{objectData?.title}}\n <div><img [src]=\"objectData?.infoIcon\" alt=\"\" i18n-matTooltip [matTooltip]=\"objectData?.infoText\"></div>\n </div>\n <div class=\"block md:hidden\">\n <mat-icon (click)=\"toggleWeekHightlits()\">expand_more</mat-icon>\n </div>\n </div>\n <div *ngIf=\"expand\" class=\"speakers-container margin-bottom-xs\" >\n <ng-container *ngIf=\"contentdata.length\">\n <sb-uic-sliders-ng-content\n [title]=\"'providerName'\"\n [currentIndex]=\"currentIndex\"\n (currentIndexValue)=\"getCurrentIndex($event)\"\n [loadNgContentData]=\"true\" [widgetData]=\"contentdata\"\n [styleData]=\"styleData\">\n <div sliderbody>\n <div *ngFor=\"let item of contentdata; let i = index\" [hidden]=\"i !== currentIndex\">\n <div class=\"speakers-wrapper\">\n <div class=\"flex items-center justify-center pb-2\">\n <div class=\"speaker-initial\" *ngIf=\"!item.profileImage\">{{item?.initial}}</div>\n <img class='speaker-icon' [src]=\"item?.profileImage\" alt=\"\" *ngIf=\"item.profileImage\"/>\n </div>\n <div class=\"flex items-center justify-center pb-2\">\n <div class=\"speaker-title\">{{item.name}}</div>\n </div>\n <div class=\"flex items-center justify-center\">\n <div class=\"speaker-description\">{{item.description}}</div>\n </div>\n </div>\n </div>\n </div>\n </sb-uic-sliders-ng-content>\n </ng-container>\n </div>\n</div>",
|
|
19264
|
-
styles: [".speakers-container ::ng-deep.banner-title{display:none}.speakers-container ::ng-deep.prev{margin-left:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-container ::ng-deep.next{margin-right:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.speakers-wrapper{background-color:#fff4ec;border-radius:12px;padding:24px}.speaker-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.speaker-description{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:center}.speaker-initial{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:center;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#1b4ca1;color:#fff;border-radius:50px}.speaker-icon{width:80px;height:80px;border-radius:50px}@media screen and (min-width:320px) and (max-width:769px){.nlw-speakers-wrapper{background-color:#d1dbec}.speakers-title{padding:16px 0}}"]
|
|
19267
|
+
styles: [".speakers-container ::ng-deep.banner-title{display:none}.speakers-container ::ng-deep.prev{margin-left:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-container ::ng-deep.next{margin-right:0;background-color:#fff4ec!important;color:#b6b4b4}.speakers-title{font-family:Montserrat;font-size:20px;font-weight:600;line-height:24.38px;text-align:left}.speakers-wrapper{background-color:#fff4ec;border-radius:12px;padding:24px}.speaker-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.speaker-description{font-family:Lato;font-size:12px;font-weight:400;line-height:14.4px;text-align:center;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.speaker-initial{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:center;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:#1b4ca1;color:#fff;border-radius:50px}.speaker-icon{width:80px;height:80px;border-radius:50px}@media screen and (min-width:320px) and (max-width:769px){.nlw-speakers-wrapper{background-color:#d1dbec}.speakers-title{padding:16px 0}}"]
|
|
19265
19268
|
}] }
|
|
19266
19269
|
];
|
|
19267
19270
|
/** @nocollapse */
|
|
@@ -19317,11 +19320,13 @@
|
|
|
19317
19320
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
19318
19321
|
*/
|
|
19319
19322
|
var UserProgressComponent = /** @class */ (function () {
|
|
19320
|
-
function UserProgressComponent(insightSvc) {
|
|
19323
|
+
function UserProgressComponent(insightSvc, configSvc) {
|
|
19321
19324
|
this.insightSvc = insightSvc;
|
|
19325
|
+
this.configSvc = configSvc;
|
|
19322
19326
|
this.insitesData = [];
|
|
19323
19327
|
this.currentIndex = 0;
|
|
19324
19328
|
this.styleData = {};
|
|
19329
|
+
this.userProgress = {};
|
|
19325
19330
|
this.expand = true;
|
|
19326
19331
|
}
|
|
19327
19332
|
/**
|
|
@@ -19351,6 +19356,17 @@
|
|
|
19351
19356
|
if (res && res.result && res.result.userLeaderBoard) {
|
|
19352
19357
|
_this.userProgress = res.result.userLeaderBoard[0];
|
|
19353
19358
|
}
|
|
19359
|
+
if (!_this.userProgress.fullname && _this.configSvc && _this.configSvc.userProfile && _this.configSvc.userProfile.firstName) {
|
|
19360
|
+
_this.userProgress['fullname'] = _this.configSvc.userProfile.firstName;
|
|
19361
|
+
_this.userProgress['profile_image'] = _this.configSvc.userProfile.profileImageUrl;
|
|
19362
|
+
}
|
|
19363
|
+
}), (/**
|
|
19364
|
+
* @param {?} error
|
|
19365
|
+
* @return {?}
|
|
19366
|
+
*/
|
|
19367
|
+
function (error) {
|
|
19368
|
+
_this.userProgress['fullname'] = _this.configSvc.userProfile.firstName;
|
|
19369
|
+
_this.userProgress['profile_image'] = _this.configSvc.userProfile.profileImageUrl;
|
|
19354
19370
|
}));
|
|
19355
19371
|
};
|
|
19356
19372
|
/**
|
|
@@ -19462,7 +19478,8 @@
|
|
|
19462
19478
|
];
|
|
19463
19479
|
/** @nocollapse */
|
|
19464
19480
|
UserProgressComponent.ctorParameters = function () { return [
|
|
19465
|
-
{ type: InsiteDataService }
|
|
19481
|
+
{ type: InsiteDataService },
|
|
19482
|
+
{ type: utilsV2.ConfigurationsService }
|
|
19466
19483
|
]; };
|
|
19467
19484
|
UserProgressComponent.propDecorators = {
|
|
19468
19485
|
objectData: [{ type: core.Input }],
|
|
@@ -19490,6 +19507,11 @@
|
|
|
19490
19507
|
UserProgressComponent.prototype.scrollableItems;
|
|
19491
19508
|
/** @type {?} */
|
|
19492
19509
|
UserProgressComponent.prototype.insightSvc;
|
|
19510
|
+
/**
|
|
19511
|
+
* @type {?}
|
|
19512
|
+
* @private
|
|
19513
|
+
*/
|
|
19514
|
+
UserProgressComponent.prototype.configSvc;
|
|
19493
19515
|
}
|
|
19494
19516
|
|
|
19495
19517
|
/**
|