@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
|
@@ -18238,6 +18238,7 @@ var KeyHighlightsComponent = /** @class */ (function () {
|
|
|
18238
18238
|
this.providerId = '';
|
|
18239
18239
|
this.formData = '';
|
|
18240
18240
|
this.emptyResponse = new EventEmitter();
|
|
18241
|
+
this.titleMaxLength = 100;
|
|
18241
18242
|
this.styleData = {};
|
|
18242
18243
|
this.contentdata = [];
|
|
18243
18244
|
}
|
|
@@ -18265,7 +18266,7 @@ var KeyHighlightsComponent = /** @class */ (function () {
|
|
|
18265
18266
|
KeyHighlightsComponent.decorators = [
|
|
18266
18267
|
{ type: Component, args: [{
|
|
18267
18268
|
selector: 'sb-uic-key-highlights',
|
|
18268
|
-
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\"
|
|
18269
|
+
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>",
|
|
18269
18270
|
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}"]
|
|
18270
18271
|
}] }
|
|
18271
18272
|
];
|
|
@@ -18292,6 +18293,8 @@ if (false) {
|
|
|
18292
18293
|
/** @type {?} */
|
|
18293
18294
|
KeyHighlightsComponent.prototype.emptyResponse;
|
|
18294
18295
|
/** @type {?} */
|
|
18296
|
+
KeyHighlightsComponent.prototype.titleMaxLength;
|
|
18297
|
+
/** @type {?} */
|
|
18295
18298
|
KeyHighlightsComponent.prototype.styleData;
|
|
18296
18299
|
/** @type {?} */
|
|
18297
18300
|
KeyHighlightsComponent.prototype.contentdata;
|
|
@@ -18913,7 +18916,7 @@ var HighlightsOfWeekComponent = /** @class */ (function () {
|
|
|
18913
18916
|
{ type: Component, args: [{
|
|
18914
18917
|
selector: 'sb-uic-highlights-of-week',
|
|
18915
18918
|
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",
|
|
18916
|
-
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}}"]
|
|
18919
|
+
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}}"]
|
|
18917
18920
|
}] }
|
|
18918
18921
|
];
|
|
18919
18922
|
/** @nocollapse */
|
|
@@ -19057,7 +19060,7 @@ var SpeakersComponent = /** @class */ (function () {
|
|
|
19057
19060
|
{ type: Component, args: [{
|
|
19058
19061
|
selector: 'sb-uic-speakers',
|
|
19059
19062
|
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>",
|
|
19060
|
-
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}}"]
|
|
19063
|
+
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}}"]
|
|
19061
19064
|
}] }
|
|
19062
19065
|
];
|
|
19063
19066
|
/** @nocollapse */
|
|
@@ -19113,11 +19116,13 @@ var SpeakersModule = /** @class */ (function () {
|
|
|
19113
19116
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
19114
19117
|
*/
|
|
19115
19118
|
var UserProgressComponent = /** @class */ (function () {
|
|
19116
|
-
function UserProgressComponent(insightSvc) {
|
|
19119
|
+
function UserProgressComponent(insightSvc, configSvc) {
|
|
19117
19120
|
this.insightSvc = insightSvc;
|
|
19121
|
+
this.configSvc = configSvc;
|
|
19118
19122
|
this.insitesData = [];
|
|
19119
19123
|
this.currentIndex = 0;
|
|
19120
19124
|
this.styleData = {};
|
|
19125
|
+
this.userProgress = {};
|
|
19121
19126
|
this.expand = true;
|
|
19122
19127
|
}
|
|
19123
19128
|
/**
|
|
@@ -19147,6 +19152,17 @@ var UserProgressComponent = /** @class */ (function () {
|
|
|
19147
19152
|
if (res && res.result && res.result.userLeaderBoard) {
|
|
19148
19153
|
_this.userProgress = res.result.userLeaderBoard[0];
|
|
19149
19154
|
}
|
|
19155
|
+
if (!_this.userProgress.fullname && _this.configSvc && _this.configSvc.userProfile && _this.configSvc.userProfile.firstName) {
|
|
19156
|
+
_this.userProgress['fullname'] = _this.configSvc.userProfile.firstName;
|
|
19157
|
+
_this.userProgress['profile_image'] = _this.configSvc.userProfile.profileImageUrl;
|
|
19158
|
+
}
|
|
19159
|
+
}), (/**
|
|
19160
|
+
* @param {?} error
|
|
19161
|
+
* @return {?}
|
|
19162
|
+
*/
|
|
19163
|
+
function (error) {
|
|
19164
|
+
_this.userProgress['fullname'] = _this.configSvc.userProfile.firstName;
|
|
19165
|
+
_this.userProgress['profile_image'] = _this.configSvc.userProfile.profileImageUrl;
|
|
19150
19166
|
}));
|
|
19151
19167
|
};
|
|
19152
19168
|
/**
|
|
@@ -19258,7 +19274,8 @@ var UserProgressComponent = /** @class */ (function () {
|
|
|
19258
19274
|
];
|
|
19259
19275
|
/** @nocollapse */
|
|
19260
19276
|
UserProgressComponent.ctorParameters = function () { return [
|
|
19261
|
-
{ type: InsiteDataService }
|
|
19277
|
+
{ type: InsiteDataService },
|
|
19278
|
+
{ type: ConfigurationsService$1 }
|
|
19262
19279
|
]; };
|
|
19263
19280
|
UserProgressComponent.propDecorators = {
|
|
19264
19281
|
objectData: [{ type: Input }],
|
|
@@ -19286,6 +19303,11 @@ if (false) {
|
|
|
19286
19303
|
UserProgressComponent.prototype.scrollableItems;
|
|
19287
19304
|
/** @type {?} */
|
|
19288
19305
|
UserProgressComponent.prototype.insightSvc;
|
|
19306
|
+
/**
|
|
19307
|
+
* @type {?}
|
|
19308
|
+
* @private
|
|
19309
|
+
*/
|
|
19310
|
+
UserProgressComponent.prototype.configSvc;
|
|
19289
19311
|
}
|
|
19290
19312
|
|
|
19291
19313
|
/**
|