@sunbird-cb/consumption 0.0.21 → 0.0.22
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 +202 -28
- 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-karma-programs/card-karma-programs.component.js +128 -0
- package/esm2015/lib/_common/cards/card-landscape/card-landscape.component.js +5 -1
- package/esm2015/lib/_common/cards/cards.module.js +6 -3
- package/esm2015/lib/_common/data-points/data-points.component.js +22 -4
- package/esm2015/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +24 -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-karma-programs/card-karma-programs.component.js +131 -0
- package/esm5/lib/_common/cards/card-landscape/card-landscape.component.js +5 -1
- package/esm5/lib/_common/cards/cards.module.js +6 -3
- package/esm5/lib/_common/data-points/data-points.component.js +22 -4
- package/esm5/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +24 -1
- package/esm5/sunbird-cb-consumption.js +23 -22
- package/fesm2015/sunbird-cb-consumption.js +178 -7
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +180 -7
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/cards/card-karma-programs/card-karma-programs.component.d.ts +19 -0
- package/lib/_common/data-points/data-points.component.d.ts +1 -0
- package/package.json +1 -1
- package/sunbird-cb-consumption.d.ts +22 -21
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -173,6 +173,17 @@ class HorizontalScrollerV2Component {
|
|
|
173
173
|
if (elem.scrollLeft !== 0 && (elem.scrollWidth !== elem.clientWidth + elem.scrollLeft)) {
|
|
174
174
|
this.activeNav -= 1;
|
|
175
175
|
}
|
|
176
|
+
else {
|
|
177
|
+
if (this.sliderConfig.arrowsAlwaysOn) {
|
|
178
|
+
if (this.horizontalScrollElem.nativeElement.scrollLeft === 0) {
|
|
179
|
+
this.horizontalScrollElem.nativeElement.scrollTo({
|
|
180
|
+
left: elem.scrollWidth,
|
|
181
|
+
behavior: 'smooth',
|
|
182
|
+
});
|
|
183
|
+
this.activeNav = this.bottomDotsArray.length - 1;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
}
|
|
176
187
|
}
|
|
177
188
|
}
|
|
178
189
|
/**
|
|
@@ -194,6 +205,17 @@ class HorizontalScrollerV2Component {
|
|
|
194
205
|
if (elem.scrollLeft !== 0 && (elem.scrollWidth !== elem.clientWidth + elem.scrollLeft)) {
|
|
195
206
|
this.activeNav += 1;
|
|
196
207
|
}
|
|
208
|
+
else {
|
|
209
|
+
if (this.sliderConfig.arrowsAlwaysOn) {
|
|
210
|
+
if (this.horizontalScrollElem.nativeElement.scrollLeft !== 0 && elem.clientWidth + elem.scrollLeft >= elem.scrollWidth) {
|
|
211
|
+
this.horizontalScrollElem.nativeElement.scrollTo({
|
|
212
|
+
left: 0,
|
|
213
|
+
behavior: 'smooth',
|
|
214
|
+
});
|
|
215
|
+
this.activeNav = 0;
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
}
|
|
197
219
|
}
|
|
198
220
|
}
|
|
199
221
|
/**
|
|
@@ -202,6 +224,7 @@ class HorizontalScrollerV2Component {
|
|
|
202
224
|
* @return {?}
|
|
203
225
|
*/
|
|
204
226
|
updateNavigationBtnStatus(elem) {
|
|
227
|
+
debugger;
|
|
205
228
|
this.enablePrev = true;
|
|
206
229
|
this.enableNext = true;
|
|
207
230
|
if (elem.scrollLeft === 0) {
|
|
@@ -5502,6 +5525,7 @@ class DataPointsComponent {
|
|
|
5502
5525
|
this.layoutType = '';
|
|
5503
5526
|
this.fetchDataFromApi = false;
|
|
5504
5527
|
this.providerId = '';
|
|
5528
|
+
this.pageLayout = '';
|
|
5505
5529
|
this.customArray = [];
|
|
5506
5530
|
this.isDataLoading = false;
|
|
5507
5531
|
}
|
|
@@ -5534,7 +5558,8 @@ class DataPointsComponent {
|
|
|
5534
5558
|
*/
|
|
5535
5559
|
getInsiteData() {
|
|
5536
5560
|
/** @type {?} */
|
|
5537
|
-
let request = {
|
|
5561
|
+
let request = {};
|
|
5562
|
+
request = {
|
|
5538
5563
|
"request": {
|
|
5539
5564
|
"filters": {
|
|
5540
5565
|
"organisations": [
|
|
@@ -5543,6 +5568,19 @@ class DataPointsComponent {
|
|
|
5543
5568
|
}
|
|
5544
5569
|
}
|
|
5545
5570
|
};
|
|
5571
|
+
if (this.pageLayout && this.pageLayout === 'mdo') {
|
|
5572
|
+
request = {
|
|
5573
|
+
"request": {
|
|
5574
|
+
"filters": {
|
|
5575
|
+
"requestType": "MDO_INSIGHT",
|
|
5576
|
+
"organisations": [
|
|
5577
|
+
//this.providerId
|
|
5578
|
+
"123456"
|
|
5579
|
+
]
|
|
5580
|
+
}
|
|
5581
|
+
}
|
|
5582
|
+
};
|
|
5583
|
+
}
|
|
5546
5584
|
this.insightSvc.fetchSearchData(request).subscribe((/**
|
|
5547
5585
|
* @param {?} res
|
|
5548
5586
|
* @return {?}
|
|
@@ -5566,7 +5604,7 @@ class DataPointsComponent {
|
|
|
5566
5604
|
DataPointsComponent.decorators = [
|
|
5567
5605
|
{ type: Component, args: [{
|
|
5568
5606
|
selector: 'sb-uic-data-points',
|
|
5569
|
-
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",
|
|
5607
|
+
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' && !isDataLoading\">\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' && !isDataLoading\">\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 <div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'singleFlexeRow' && isDataLoading\">\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 <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n </sb-uic-skeleton-loader>\n </div>\n <div class=\"flex flex-col\">\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"!(obj && obj.value)\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n </sb-uic-skeleton-loader>\n </div>\n <div [style.color]=\"obj?.valueColor\" class=\"singleFlexeRowHeader pb-2\" *ngIf=\"(obj && obj.value)\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'24px'\">\n </sb-uic-skeleton-loader>\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"singleFlexeRowDescription\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'20px'\">\n </sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"w-full\" *ngIf=\"layoutType === 'singleRow' && isDataLoading\">\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 <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'20px'\">\n </sb-uic-skeleton-loader>\n </div>\n <div>\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"!(obj && obj.value)\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n </sb-uic-skeleton-loader>\n </div>\n <div [style.color]=\"obj?.valueColor\" class=\"mobjHeader pb-1\" *ngIf=\"(obj && obj.value)\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'24px'\" [height]=\"'19px'\">\n </sb-uic-skeleton-loader>\n </div>\n <div [style.color]=\"obj?.labelColor\" class=\"mobjDescription\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon'\" [width]=\"'100px'\" [height]=\"'18px'\">\n </sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
5570
5608
|
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}}"]
|
|
5571
5609
|
}] }
|
|
5572
5610
|
];
|
|
@@ -5578,7 +5616,8 @@ DataPointsComponent.propDecorators = {
|
|
|
5578
5616
|
objectData: [{ type: Input }],
|
|
5579
5617
|
layoutType: [{ type: Input }],
|
|
5580
5618
|
fetchDataFromApi: [{ type: Input }],
|
|
5581
|
-
providerId: [{ type: Input }]
|
|
5619
|
+
providerId: [{ type: Input }],
|
|
5620
|
+
pageLayout: [{ type: Input }]
|
|
5582
5621
|
};
|
|
5583
5622
|
if (false) {
|
|
5584
5623
|
/** @type {?} */
|
|
@@ -5590,6 +5629,8 @@ if (false) {
|
|
|
5590
5629
|
/** @type {?} */
|
|
5591
5630
|
DataPointsComponent.prototype.providerId;
|
|
5592
5631
|
/** @type {?} */
|
|
5632
|
+
DataPointsComponent.prototype.pageLayout;
|
|
5633
|
+
/** @type {?} */
|
|
5593
5634
|
DataPointsComponent.prototype.customArray;
|
|
5594
5635
|
/** @type {?} */
|
|
5595
5636
|
DataPointsComponent.prototype.isDataLoading;
|
|
@@ -6867,7 +6908,7 @@ class AnnouncementsComponent {
|
|
|
6867
6908
|
AnnouncementsComponent.decorators = [
|
|
6868
6909
|
{ type: Component, args: [{
|
|
6869
6910
|
selector: 'sb-uic-announcements',
|
|
6870
|
-
template: "<div class=\"w-full\" *ngIf=\"layoutType === 'web' && !isLoading\">\n <div class=\"flex item-center key-logo\">\n <img class=\"\" [src]=\"objectData?.logoUrl\">\n </div>\n <div class=\"flex item-center key-logo
|
|
6911
|
+
template: "<div class=\"w-full\" *ngIf=\"layoutType === 'web' && !isLoading\">\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=\"{{mobileHeight ? 'mob-key-list' : '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>\n\n<div class=\"w-full\" *ngIf=\"layoutType === 'web' && isLoading\">\n <div class=\"flex item-center key-logo\">\n <img class=\"\" [src]=\"objectData?.logoUrl\">\n </div>\n <div class=\"flex item-center key-logo pt-1\">\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=\"{{mobileHeight ? 'mob-key-list' : 'key-list'}}\" > \n <div class=\"key-list-item mb-4\" \n *ngFor=\"let item of[0,1,2,3,4]; let i = index\"\n [style.borderColor]=\"objectData?.listItem?.border\"\n [style.backgroundColor]=\"objectData?.listItem?.background\">\n <div class=\"key-list-item-content un-expand\">\n <div class=\"py-1\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'350px'\" [height]=\"'24px'\">\n </sb-uic-skeleton-loader>\n </div>\n <div class=\"py-1\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded objIcon '\" [width]=\"'350px'\" [height]=\"'24px'\">\n </sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n </div> \n </div>\n</div>\n",
|
|
6871
6912
|
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}.mob-key-list{height:calc(100vh - 252px);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}}"]
|
|
6872
6913
|
}] }
|
|
6873
6914
|
];
|
|
@@ -7852,6 +7893,10 @@ class CardLandscapeComponent {
|
|
|
7852
7893
|
this.sourceLogos = instanceConfig.sources;
|
|
7853
7894
|
this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
|
|
7854
7895
|
}
|
|
7896
|
+
else {
|
|
7897
|
+
this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
|
|
7898
|
+
this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
|
|
7899
|
+
}
|
|
7855
7900
|
this.cbPlanInterval = setInterval((/**
|
|
7856
7901
|
* @return {?}
|
|
7857
7902
|
*/
|
|
@@ -8465,6 +8510,130 @@ if (false) {
|
|
|
8465
8510
|
CardWideV2Component.prototype.configSvc;
|
|
8466
8511
|
}
|
|
8467
8512
|
|
|
8513
|
+
/**
|
|
8514
|
+
* @fileoverview added by tsickle
|
|
8515
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
8516
|
+
*/
|
|
8517
|
+
class CardKarmaProgramsComponent {
|
|
8518
|
+
/**
|
|
8519
|
+
* @param {?} events
|
|
8520
|
+
* @param {?} translate
|
|
8521
|
+
* @param {?} langtranslations
|
|
8522
|
+
* @param {?} configSvc
|
|
8523
|
+
*/
|
|
8524
|
+
constructor(events, translate, langtranslations, configSvc) {
|
|
8525
|
+
this.events = events;
|
|
8526
|
+
this.translate = translate;
|
|
8527
|
+
this.langtranslations = langtranslations;
|
|
8528
|
+
this.configSvc = configSvc;
|
|
8529
|
+
this.userData = new EventEmitter();
|
|
8530
|
+
this.widgetType = '';
|
|
8531
|
+
this.widgetSubType = '';
|
|
8532
|
+
this.langtranslations.languageSelectedObservable.subscribe((/**
|
|
8533
|
+
* @return {?}
|
|
8534
|
+
*/
|
|
8535
|
+
() => {
|
|
8536
|
+
if (localStorage.getItem('websiteLanguage')) {
|
|
8537
|
+
this.translate.setDefaultLang('en');
|
|
8538
|
+
/** @type {?} */
|
|
8539
|
+
const lang = (/** @type {?} */ (localStorage.getItem('websiteLanguage')));
|
|
8540
|
+
this.translate.use(lang);
|
|
8541
|
+
}
|
|
8542
|
+
}));
|
|
8543
|
+
}
|
|
8544
|
+
/**
|
|
8545
|
+
* @return {?}
|
|
8546
|
+
*/
|
|
8547
|
+
ngOnInit() {
|
|
8548
|
+
/** @type {?} */
|
|
8549
|
+
const instanceConfig = this.configSvc.instanceConfig;
|
|
8550
|
+
if (instanceConfig) {
|
|
8551
|
+
this.defaultThumbnail = instanceConfig.logos.defaultContent || '';
|
|
8552
|
+
this.sourceLogos = instanceConfig.sources;
|
|
8553
|
+
this.defaultSLogo = instanceConfig.logos.defaultSourceLogo || '';
|
|
8554
|
+
}
|
|
8555
|
+
else {
|
|
8556
|
+
this.defaultThumbnail = '/assets/instances/eagle/app_logos/default.png';
|
|
8557
|
+
this.defaultSLogo = '/assets/instances/eagle/app_logos/KarmayogiBharat_Logo.svg';
|
|
8558
|
+
}
|
|
8559
|
+
}
|
|
8560
|
+
/**
|
|
8561
|
+
* @return {?}
|
|
8562
|
+
*/
|
|
8563
|
+
raiseTelemetry() {
|
|
8564
|
+
// if(this.forPreview){
|
|
8565
|
+
// return
|
|
8566
|
+
// }
|
|
8567
|
+
this.events.raiseInteractTelemetry({
|
|
8568
|
+
type: 'click',
|
|
8569
|
+
subType: `${this.widgetType}-${this.widgetSubType}`,
|
|
8570
|
+
id: `${camelCase(this.widgetData.content.userId)}-card`,
|
|
8571
|
+
}, {
|
|
8572
|
+
id: this.widgetData.content.userId,
|
|
8573
|
+
// type: this.widgetData.user.primaryCategory,
|
|
8574
|
+
//context: this.widgetData.context,
|
|
8575
|
+
rollup: {},
|
|
8576
|
+
}, {
|
|
8577
|
+
pageIdExt: `${camelCase('user')}-card`,
|
|
8578
|
+
module: camelCase('user'),
|
|
8579
|
+
});
|
|
8580
|
+
}
|
|
8581
|
+
}
|
|
8582
|
+
CardKarmaProgramsComponent.decorators = [
|
|
8583
|
+
{ type: Component, args: [{
|
|
8584
|
+
selector: 'sb-uic-card-karma-programs',
|
|
8585
|
+
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/karma-programs/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-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.name }}\n </div>\n </div>\n <div class=\"flex title-container px-2\">\n <div [id]=\"'m-c-'+ widgetData?.content?.identifier\"\n class=\"flex-1 text-start mat-subheading-2 title-text ws-mat-white-text\">\n {{ widgetData?.content?.programCount}} Programs\n </div>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
8586
|
+
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:208px;height:208px;max-height:208px;margin:0 8px;background:#1a4ca1!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:124px;max-height:124px;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:1;-webkit-box-orient:vertical;min-height:24px}"]
|
|
8587
|
+
}] }
|
|
8588
|
+
];
|
|
8589
|
+
/** @nocollapse */
|
|
8590
|
+
CardKarmaProgramsComponent.ctorParameters = () => [
|
|
8591
|
+
{ type: EventService },
|
|
8592
|
+
{ type: TranslateService },
|
|
8593
|
+
{ type: MultilingualTranslationsService$1 },
|
|
8594
|
+
{ type: ConfigurationsService$1 }
|
|
8595
|
+
];
|
|
8596
|
+
CardKarmaProgramsComponent.propDecorators = {
|
|
8597
|
+
widgetData: [{ type: Input }],
|
|
8598
|
+
userData: [{ type: Output }]
|
|
8599
|
+
};
|
|
8600
|
+
if (false) {
|
|
8601
|
+
/** @type {?} */
|
|
8602
|
+
CardKarmaProgramsComponent.prototype.widgetData;
|
|
8603
|
+
/** @type {?} */
|
|
8604
|
+
CardKarmaProgramsComponent.prototype.userData;
|
|
8605
|
+
/** @type {?} */
|
|
8606
|
+
CardKarmaProgramsComponent.prototype.defaultThumbnail;
|
|
8607
|
+
/** @type {?} */
|
|
8608
|
+
CardKarmaProgramsComponent.prototype.sourceLogos;
|
|
8609
|
+
/** @type {?} */
|
|
8610
|
+
CardKarmaProgramsComponent.prototype.defaultSLogo;
|
|
8611
|
+
/** @type {?} */
|
|
8612
|
+
CardKarmaProgramsComponent.prototype.widgetType;
|
|
8613
|
+
/** @type {?} */
|
|
8614
|
+
CardKarmaProgramsComponent.prototype.widgetSubType;
|
|
8615
|
+
/**
|
|
8616
|
+
* @type {?}
|
|
8617
|
+
* @private
|
|
8618
|
+
*/
|
|
8619
|
+
CardKarmaProgramsComponent.prototype.events;
|
|
8620
|
+
/**
|
|
8621
|
+
* @type {?}
|
|
8622
|
+
* @private
|
|
8623
|
+
*/
|
|
8624
|
+
CardKarmaProgramsComponent.prototype.translate;
|
|
8625
|
+
/**
|
|
8626
|
+
* @type {?}
|
|
8627
|
+
* @private
|
|
8628
|
+
*/
|
|
8629
|
+
CardKarmaProgramsComponent.prototype.langtranslations;
|
|
8630
|
+
/**
|
|
8631
|
+
* @type {?}
|
|
8632
|
+
* @private
|
|
8633
|
+
*/
|
|
8634
|
+
CardKarmaProgramsComponent.prototype.configSvc;
|
|
8635
|
+
}
|
|
8636
|
+
|
|
8468
8637
|
/**
|
|
8469
8638
|
* @fileoverview added by tsickle
|
|
8470
8639
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -8480,7 +8649,8 @@ CardsModule.decorators = [
|
|
|
8480
8649
|
CardLandscapeComponent,
|
|
8481
8650
|
CardWideComponent,
|
|
8482
8651
|
CardMDOChannelComponent,
|
|
8483
|
-
CardWideV2Component
|
|
8652
|
+
CardWideV2Component,
|
|
8653
|
+
CardKarmaProgramsComponent
|
|
8484
8654
|
],
|
|
8485
8655
|
imports: [
|
|
8486
8656
|
CommonModule,
|
|
@@ -8504,7 +8674,8 @@ CardsModule.decorators = [
|
|
|
8504
8674
|
CardUserComponent,
|
|
8505
8675
|
CardWideComponent,
|
|
8506
8676
|
CardMDOChannelComponent,
|
|
8507
|
-
CardWideV2Component
|
|
8677
|
+
CardWideV2Component,
|
|
8678
|
+
CardKarmaProgramsComponent
|
|
8508
8679
|
],
|
|
8509
8680
|
},] }
|
|
8510
8681
|
];
|
|
@@ -9908,5 +10079,5 @@ UserContentRatingLibModule.decorators = [
|
|
|
9908
10079
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
9909
10080
|
*/
|
|
9910
10081
|
|
|
9911
|
-
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, WidgetContentService, ContentStripWithTabsLibComponent as ɵa, WidgetUserService as ɵb, CardWideV2Component as ɵba,
|
|
10082
|
+
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, WidgetContentService, ContentStripWithTabsLibComponent as ɵa, WidgetUserService as ɵb, CardWideV2Component as ɵba, CardKarmaProgramsComponent 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, MultilingualTranslationsService as ɵc, ConfigurationsService as ɵd, HorizontalScrollerV2Module as ɵe, HorizontalScrollerV2Component as ɵf, SlidersLibComponent as ɵg, NavigationModule as ɵh, NavigationDirective as ɵi, ImageResponsiveModule as ɵj, ImageResponsiveDirective as ɵk, DataPointsComponent as ɵl, InsiteDataService as ɵm, SkeletonLoaderLibModule as ɵn, SkeletonLoaderLibComponent as ɵo, CalenderComponent as ɵp, CalenderDayComponent as ɵq, CommonStripComponent as ɵr, AnnouncementsComponent as ɵs, CardResourceComponent as ɵt, CardsComponent as ɵu, CardPortraitComponent as ɵv, CardUserComponent as ɵw, CardLandscapeComponent as ɵx, CardWideComponent as ɵy, CardMDOChannelComponent as ɵz };
|
|
9912
10083
|
//# sourceMappingURL=sunbird-cb-consumption.js.map
|