@sunbird-cb/consumption 0.0.10 → 0.0.12
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 +1180 -272
- package/bundles/sunbird-cb-consumption.umd.js.map +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js +2 -2
- package/bundles/sunbird-cb-consumption.umd.min.js.map +1 -1
- package/esm2015/lib/_common/calender/calender.component.js +34 -0
- package/esm2015/lib/_common/calender/calender.module.js +21 -0
- package/esm2015/lib/_common/cards/card-user/card-user.component.js +5 -5
- package/esm2015/lib/_common/common-strip/common-strip.component.js +643 -0
- package/esm2015/lib/_common/common-strip/common-strip.model.js +216 -0
- package/esm2015/lib/_common/common-strip/common-strip.module.js +62 -0
- package/esm2015/lib/_common/competency-passbook/competency-passbook.component.js +3 -3
- package/esm2015/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +7 -5
- package/esm2015/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.model.js +1 -1
- package/esm2015/lib/_common/data-points/data-points.component.js +2 -2
- package/esm2015/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +63 -12
- package/esm2015/lib/_common/pills/pills.component.js +2 -2
- package/esm2015/lib/_common/sliders/sliders.component.js +3 -3
- package/esm2015/lib/_models/card-users.model.js +7 -5
- package/esm2015/lib/_services/common-methods.service.js +1 -1
- package/esm2015/lib/consumption.module.js +6 -2
- package/esm2015/public-api.js +3 -1
- package/esm2015/sunbird-cb-consumption.js +21 -19
- package/esm5/lib/_common/calender/calender.component.js +39 -0
- package/esm5/lib/_common/calender/calender.module.js +25 -0
- package/esm5/lib/_common/cards/card-user/card-user.component.js +5 -5
- package/esm5/lib/_common/common-strip/common-strip.component.js +757 -0
- package/esm5/lib/_common/common-strip/common-strip.model.js +216 -0
- package/esm5/lib/_common/common-strip/common-strip.module.js +66 -0
- package/esm5/lib/_common/competency-passbook/competency-passbook.component.js +3 -3
- package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.component.js +7 -5
- package/esm5/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.model.js +1 -1
- package/esm5/lib/_common/data-points/data-points.component.js +2 -2
- package/esm5/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.js +60 -12
- package/esm5/lib/_common/pills/pills.component.js +2 -2
- package/esm5/lib/_common/sliders/sliders.component.js +3 -3
- package/esm5/lib/_models/card-users.model.js +7 -5
- package/esm5/lib/_services/common-methods.service.js +1 -1
- package/esm5/lib/consumption.module.js +6 -2
- package/esm5/public-api.js +3 -1
- package/esm5/sunbird-cb-consumption.js +21 -19
- package/fesm2015/sunbird-cb-consumption.js +974 -190
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +1157 -253
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/calender/calender.component.d.ts +6 -0
- package/lib/_common/calender/calender.module.d.ts +2 -0
- package/lib/_common/common-strip/common-strip.component.d.ts +104 -0
- package/lib/_common/common-strip/common-strip.model.d.ts +141 -0
- package/lib/_common/common-strip/common-strip.module.d.ts +2 -0
- package/lib/_common/content-strip-with-tabs-lib/content-strip-with-tabs-lib.model.d.ts +8 -0
- package/lib/_common/horizontal-scroller-v2/horizontal-scroller-v2.component.d.ts +8 -6
- package/lib/_models/card-users.model.d.ts +5 -4
- package/lib/_services/common-methods.service.d.ts +3 -2
- package/package.json +2 -2
- package/public-api.d.ts +2 -0
- package/sunbird-cb-consumption.d.ts +19 -17
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { RouterModule, Router } 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
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 } from '@angular/material';
|
|
7
8
|
import { __assign, __awaiter, __generator, __extends, __values, __spread } from 'tslib';
|
|
8
9
|
import { WidgetBaseComponent, SbUiResolverModule } from '@sunbird-cb/resolver-v2';
|
|
9
10
|
import { HttpClient, HttpHeaders } from '@angular/common/http';
|
|
10
|
-
import { ConfigurationsService as ConfigurationsService$1, WsEvents, LoggerService, EventService, UtilityService, ValueService } from '@sunbird-cb/utils-v2';
|
|
11
11
|
import { get, uniqBy, orderBy, camelCase } from 'lodash';
|
|
12
12
|
import * as moment$1 from 'moment';
|
|
13
13
|
import { duration, utc } from 'moment';
|
|
@@ -68,8 +68,10 @@ var ConsumptionComponent = /** @class */ (function () {
|
|
|
68
68
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
69
69
|
*/
|
|
70
70
|
var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
71
|
-
function HorizontalScrollerV2Component() {
|
|
71
|
+
function HorizontalScrollerV2Component(valueSvc) {
|
|
72
|
+
this.valueSvc = valueSvc;
|
|
72
73
|
this.loadStatus = 'fetching';
|
|
74
|
+
this.id = '';
|
|
73
75
|
this.onHover = false;
|
|
74
76
|
this.sliderConfig = {
|
|
75
77
|
showNavs: true,
|
|
@@ -84,6 +86,9 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
84
86
|
this.cardSubType = 'standard';
|
|
85
87
|
this.bottomDotsArray = [];
|
|
86
88
|
this.scrollObserver = null;
|
|
89
|
+
this.isMobile = false;
|
|
90
|
+
this.defaultMenuSubscribe = null;
|
|
91
|
+
this.isLtMedium$ = this.valueSvc.isLtMedium$;
|
|
87
92
|
}
|
|
88
93
|
/**
|
|
89
94
|
* @return {?}
|
|
@@ -107,8 +112,20 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
107
112
|
_this.updateNavigationBtnStatus((/** @type {?} */ (horizontalScrollElem_1
|
|
108
113
|
.nativeElement)));
|
|
109
114
|
}));
|
|
110
|
-
|
|
115
|
+
setTimeout((/**
|
|
116
|
+
* @return {?}
|
|
117
|
+
*/
|
|
118
|
+
function () {
|
|
119
|
+
_this.getBottomDotsArray();
|
|
120
|
+
}), 700);
|
|
111
121
|
}
|
|
122
|
+
this.defaultMenuSubscribe = this.isLtMedium$.subscribe((/**
|
|
123
|
+
* @param {?} isLtMedium
|
|
124
|
+
* @return {?}
|
|
125
|
+
*/
|
|
126
|
+
function (isLtMedium) {
|
|
127
|
+
_this.isMobile = isLtMedium;
|
|
128
|
+
}));
|
|
112
129
|
};
|
|
113
130
|
/**
|
|
114
131
|
* @return {?}
|
|
@@ -127,7 +144,12 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
127
144
|
.nativeElement)));
|
|
128
145
|
}
|
|
129
146
|
}));
|
|
130
|
-
|
|
147
|
+
setTimeout((/**
|
|
148
|
+
* @return {?}
|
|
149
|
+
*/
|
|
150
|
+
function () {
|
|
151
|
+
_this.getBottomDotsArray();
|
|
152
|
+
}), 700);
|
|
131
153
|
};
|
|
132
154
|
/**
|
|
133
155
|
* @return {?}
|
|
@@ -139,6 +161,9 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
139
161
|
if (this.scrollObserver) {
|
|
140
162
|
this.scrollObserver.unsubscribe();
|
|
141
163
|
}
|
|
164
|
+
if (this.defaultMenuSubscribe) {
|
|
165
|
+
this.defaultMenuSubscribe.unsubscribe();
|
|
166
|
+
}
|
|
142
167
|
};
|
|
143
168
|
/**
|
|
144
169
|
* @return {?}
|
|
@@ -194,7 +219,9 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
194
219
|
this.enablePrev = true;
|
|
195
220
|
this.enableNext = true;
|
|
196
221
|
if (elem.scrollLeft === 0) {
|
|
197
|
-
this.
|
|
222
|
+
if (!this.sliderConfig.arrowsAlwaysOn) {
|
|
223
|
+
this.enablePrev = false;
|
|
224
|
+
}
|
|
198
225
|
this.activeNav = 0;
|
|
199
226
|
}
|
|
200
227
|
if (elem.scrollWidth === Math.round(elem.clientWidth + elem.scrollLeft)) {
|
|
@@ -202,7 +229,9 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
202
229
|
this.loadNext.emit();
|
|
203
230
|
}
|
|
204
231
|
else {
|
|
205
|
-
this.
|
|
232
|
+
if (!this.sliderConfig.arrowsAlwaysOn) {
|
|
233
|
+
this.enableNext = false;
|
|
234
|
+
}
|
|
206
235
|
if (this.bottomDotsArray.length) {
|
|
207
236
|
this.activeNav = this.bottomDotsArray.length - 1;
|
|
208
237
|
}
|
|
@@ -271,10 +300,9 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
271
300
|
((document.getElementsByClassName(this.cardSubType) &&
|
|
272
301
|
document.getElementsByClassName(this.cardSubType)[0] !== undefined)
|
|
273
302
|
? document.getElementsByClassName(this.cardSubType)[0].clientWidth : 245);
|
|
274
|
-
if (document.
|
|
275
|
-
document.getElementsByClassName('horizontal-scroll-container')[0]) {
|
|
303
|
+
if (document.getElementById("" + this.id)) {
|
|
276
304
|
/** @type {?} */
|
|
277
|
-
var scrollerWidth = document.
|
|
305
|
+
var scrollerWidth = document.getElementById("" + this.id).clientWidth;
|
|
278
306
|
/** @type {?} */
|
|
279
307
|
var totalCardsLength = cardWidth * this.widgetsLength;
|
|
280
308
|
if (totalCardsLength > scrollerWidth) {
|
|
@@ -306,14 +334,17 @@ var HorizontalScrollerV2Component = /** @class */ (function () {
|
|
|
306
334
|
HorizontalScrollerV2Component.decorators = [
|
|
307
335
|
{ type: Component, args: [{
|
|
308
336
|
selector: 'sb-uic-horizontal-scroller-v2',
|
|
309
|
-
template: "\n<section class=\"horizontal-scroll-container h-full\" [ngClass]=\"{'px-4': sliderConfig.showNavs, 'mt-5':sliderConfig.cerificateCardMargin}\">\n <ng-container *ngIf=\"sliderConfig?.showNavs\">\n
|
|
310
|
-
styles: [".horizontal-scroll-container{position:relative;width:100%;width:inherit}.nextBtn,.nextLoading,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;justify-content:center}.nextBtn,.prevBtn{border-radius:50%;background-color:#1b2133!important;color:#fff!important}.border-radius-xs{border-radius:8px!important}.prevBtn{left:0}.nextBtn{right:0}.nextLoading{padding:0;right:0}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0;height:0}.dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}.dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}"]
|
|
337
|
+
template: "\n<section class=\"horizontal-scroll-container h-full\" [id]=\"id\"\n[ngClass]=\"{'px-4': sliderConfig.showNavs && sliderConfig.showNavsSpacing, 'mt-5':sliderConfig.cerificateCardMargin}\">\n <div name=\"horizontal-scroll-content-strip\" class=\"horizontal-scroll-content\" #horizontalScrollElem>\n <ng-content></ng-content>\n </div>\n <div class=\"navigation {{isMobile? sliderConfig?.responsive?.arrowsPlacement : sliderConfig?.arrowsPlacement}}\">\n <ng-container *ngIf=\"sliderConfig?.showNavs\">\n <button i18n-aria-label aria-label=\"back\" name=\"content-backward-button\" mat-mini-fab color=\"\" \n (click)=\"showPrev()\" class=\"prevBtn mat-elevation-z\" [hidden]=\"!enablePrev\"\n [ngClass]=\"{'prevBtnHover': onHover}\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngIf=\"sliderConfig?.showNavs\">\n <button i18n-aria-label aria-label=\"next\" name=\"content-forward-button\" mat-mini-fab (click)=\"showNext()\"\n color=\"\" class=\"nextBtn mat-elevation-z\" [ngClass]=\"{'nextBtnHover': onHover}\"\n [hidden]=\"!enableNext || loadStatus === 'fetching'\">\n <mat-icon>navigate_next</mat-icon>\n </button>\n </ng-container>\n </div>\n <!-- <div class=\"nextLoading\" *ngIf=\"loadStatus === 'fetching'\">\n <mat-spinner></mat-spinner>\n </div> --> \n</section>\n\n<div class=\"dots-container {{isMobile? sliderConfig?.responsive?.dotsAlign : sliderConfig?.dotsAlign}}\" \n*ngIf=\"(isMobile && sliderConfig?.responsive?.showDots) || (!isMobile && sliderConfig?.showDots)\">\n <!-- <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" -->\n <span class=\"dot\" [ngClass]=\"{ active: j === activeNav }\" *ngFor=\"let slide of bottomDotsArray; let j = index\" (click)=\"slideTo(j)\"></span>\n</div>",
|
|
338
|
+
styles: [".horizontal-scroll-container{position:relative;width:100%;width:inherit}.nextBtn,.nextLoading,.prevBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;justify-content:center}.nextBtn,.prevBtn{border-radius:50%;background-color:#1b2133!important;color:#fff!important}.border-radius-xs{border-radius:8px!important}.prevBtn{left:0}.nextBtn{right:0}.nextLoading{padding:0;right:0}.navigation.bottom-right .prevBtn{left:unset;right:56px;bottom:-44px;top:unset}.navigation.bottom-right .nextBtn{left:unset;right:8px;bottom:-44px;top:unset}.navigation.bottom-center .prevBtn{left:calc(50% - 24px);right:unset;bottom:-44px;top:unset}.navigation.bottom-center .nextBtn{left:calc(50% + 24px);right:unset;bottom:-44px;top:unset}.navigation.bottom-left .prevBtn{left:8px;right:unset;bottom:-44px;top:unset}.navigation.bottom-left .nextBtn{left:62px;right:unset;bottom:-44px;top:unset}.navigation.middle-inline .prevBtn{left:30px}.navigation.middle-inline .nextBtn{right:30px}.horizontal-scroll-content{overflow-y:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;height:100%;flex-wrap:nowrap;display:flex;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-content::-webkit-scrollbar{width:0;height:0}.dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.dots-container.left{align-items:start;justify-content:start}.dots-container.right{align-items:end;justify-content:end}.dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}.dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}"]
|
|
311
339
|
}] }
|
|
312
340
|
];
|
|
313
341
|
/** @nocollapse */
|
|
314
|
-
HorizontalScrollerV2Component.ctorParameters = function () { return [
|
|
342
|
+
HorizontalScrollerV2Component.ctorParameters = function () { return [
|
|
343
|
+
{ type: ValueService }
|
|
344
|
+
]; };
|
|
315
345
|
HorizontalScrollerV2Component.propDecorators = {
|
|
316
346
|
loadStatus: [{ type: Input }],
|
|
347
|
+
id: [{ type: Input }],
|
|
317
348
|
onHover: [{ type: Input }],
|
|
318
349
|
sliderConfig: [{ type: Input }],
|
|
319
350
|
loadNext: [{ type: Output }],
|
|
@@ -328,6 +359,8 @@ if (false) {
|
|
|
328
359
|
/** @type {?} */
|
|
329
360
|
HorizontalScrollerV2Component.prototype.loadStatus;
|
|
330
361
|
/** @type {?} */
|
|
362
|
+
HorizontalScrollerV2Component.prototype.id;
|
|
363
|
+
/** @type {?} */
|
|
331
364
|
HorizontalScrollerV2Component.prototype.onHover;
|
|
332
365
|
/** @type {?} */
|
|
333
366
|
HorizontalScrollerV2Component.prototype.sliderConfig;
|
|
@@ -356,6 +389,20 @@ if (false) {
|
|
|
356
389
|
* @private
|
|
357
390
|
*/
|
|
358
391
|
HorizontalScrollerV2Component.prototype.scrollObserver;
|
|
392
|
+
/** @type {?} */
|
|
393
|
+
HorizontalScrollerV2Component.prototype.isMobile;
|
|
394
|
+
/**
|
|
395
|
+
* @type {?}
|
|
396
|
+
* @private
|
|
397
|
+
*/
|
|
398
|
+
HorizontalScrollerV2Component.prototype.defaultMenuSubscribe;
|
|
399
|
+
/** @type {?} */
|
|
400
|
+
HorizontalScrollerV2Component.prototype.isLtMedium$;
|
|
401
|
+
/**
|
|
402
|
+
* @type {?}
|
|
403
|
+
* @private
|
|
404
|
+
*/
|
|
405
|
+
HorizontalScrollerV2Component.prototype.valueSvc;
|
|
359
406
|
}
|
|
360
407
|
|
|
361
408
|
/**
|
|
@@ -5336,13 +5383,12 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
|
5336
5383
|
strip.request.featureContent.request &&
|
|
5337
5384
|
strip.request.featureContent.request.filters) {
|
|
5338
5385
|
originalFilters = strip.request.featureContent.request.filters;
|
|
5339
|
-
strip.request.featureContent.request.filters = this.
|
|
5340
|
-
strip.request.featureContent.request.filters = this.getFiltersFromArray(strip.request.featureContent.request.filters);
|
|
5386
|
+
strip.request.featureContent.request.filters = this.postMethodFilters(strip.request.featureContent.request.filters);
|
|
5341
5387
|
}
|
|
5342
5388
|
_a.label = 1;
|
|
5343
5389
|
case 1:
|
|
5344
5390
|
_a.trys.push([1, 3, , 4]);
|
|
5345
|
-
return [4 /*yield*/, this.postRequestMethod(strip, strip.request.featureContent
|
|
5391
|
+
return [4 /*yield*/, this.postRequestMethod(strip, strip.request.featureContent, strip.request.apiUrl, calculateParentStatus)];
|
|
5346
5392
|
case 2:
|
|
5347
5393
|
response = _a.sent();
|
|
5348
5394
|
// console.log('calling after - response, ', response)
|
|
@@ -5353,14 +5399,17 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
|
5353
5399
|
}
|
|
5354
5400
|
else {
|
|
5355
5401
|
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
5402
|
+
this.emptyResponse.emit(true);
|
|
5356
5403
|
}
|
|
5357
5404
|
}
|
|
5358
5405
|
else {
|
|
5359
5406
|
this.processStrip(strip, [], 'error', calculateParentStatus, null);
|
|
5407
|
+
this.emptyResponse.emit(true);
|
|
5360
5408
|
}
|
|
5361
5409
|
return [3 /*break*/, 4];
|
|
5362
5410
|
case 3:
|
|
5363
5411
|
error_6 = _a.sent();
|
|
5412
|
+
this.emptyResponse.emit(true);
|
|
5364
5413
|
return [3 /*break*/, 4];
|
|
5365
5414
|
case 4: return [2 /*return*/];
|
|
5366
5415
|
}
|
|
@@ -5449,7 +5498,7 @@ var ContentStripWithTabsLibComponent = /** @class */ (function (_super) {
|
|
|
5449
5498
|
ContentStripWithTabsLibComponent.decorators = [
|
|
5450
5499
|
{ type: Component, args: [{
|
|
5451
5500
|
selector: 'sb-uic-content-strip-with-tabs',
|
|
5452
|
-
template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n <mat-spinner class=\"inline-block\"></mat-spinner>\n </div> -->\n <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n stripsResultDataMap[key]?.showOnNoData ||\n stripsResultDataMap[key]?.showOnLoader ||\n stripsResultDataMap[key]?.showOnError)\n \" [ngClass]=\"\n !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n !widgetData?.isChannelStrip\n ? ''\n : stripsResultDataMap[key]?.stripTitle\n ? 'mb-8'\n : ''\n \">\n <div class=\"flex flex-1 items-center\">\n <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n {{stripsResultDataMap[key]?.stripTitle}}\n </span>\n <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n </span>\n </p>\n\n <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n class=\"margin-left-xs\">\n <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n </button>\n <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n </a>\n <span class=\"spacer\"></span>\n <!-- viewAll start-->\n <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1\" [routerLink]=\"stripsResultDataMap[key]?.viewMoreUrl?.path\"\n [queryParams]=\"stripsResultDataMap[key]?.viewMoreUrl?.queryParams\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div>\n <!-- viewAll end-->\n </div>\n <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n </mat-icon>\n </div>\n\n <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n <!-- IF no errors then proceed to show tabs or non tabs strip -->\n <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n (selectedTabChange)=\"tabClicked($event, stripsResultDataMap[key], key)\">\n <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;\">\n <ng-template mat-tab-label>\n <span>{{ translateLabels(tab?.label, 'home') }} </span>\n <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n </ng-template>\n <div>\n <!-- <ng-container [ngTemplateOutlet]=\"loader\" *ngIf=\"stripsResultDataMap[key]?.showOnLoader\">\n </ng-container> -->\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n !tab.fetchTabStatus\"\n class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <div *ngIf=\"((tab?.fetchTabStatus && tab?.fetchTabStatus === 'done') &&\n (!tab?.widgets || !tab?.widgets?.length))\">\n <ng-container *ngIf=\"tab?.value === 'inprogress'; else msgTemp\">\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n </div>\n </ng-container>\n <ng-template #msgTemp>\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab.nodataMsg, 'home') }}</div>\n </div>\n </ng-template>\n </div>\n <ng-container *ngIf=\"(tab?.fetchTabStatus === 'done' || tab?.widgets?.length)\">\n <ng-container *ngIf=\"!tab?.tabLoading\">\n\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.widgets?.length\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\"\n [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of tab?.widgets| slice:0:(tab?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </ng-container>\n </ng-container>\n </div>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n <ng-container *ngIf=\"!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length\">\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader\" class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <div class=\"\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\" [widgetsLength]=\"stripsResultDataMap[key]?.widgets?.length\" [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <!-- <ng-container *ngIf=\"widget.widgetData.context.pageSection === 'continueLearning' \"> -->\n <!-- <ng-container *ngIf=\"widget.widgetData.content.completionPercentage !== 100\"\n [sbUiResolverWidget]=\"widget\"></ng-container> -->\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n <!-- </ng-container> -->\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </a>\n\n </ng-container>\n </ng-container>\n</ng-template>",
|
|
5501
|
+
template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n <mat-spinner class=\"inline-block\"></mat-spinner>\n </div> -->\n <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n stripsResultDataMap[key]?.showOnNoData ||\n stripsResultDataMap[key]?.showOnLoader ||\n stripsResultDataMap[key]?.showOnError)\n \" [ngClass]=\"\n !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n !widgetData?.isChannelStrip\n ? ''\n : stripsResultDataMap[key]?.stripTitle\n ? 'mb-8'\n : ''\n \">\n <div class=\"flex flex-1 items-center\">\n <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n {{stripsResultDataMap[key]?.stripTitle}}\n </span>\n <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n </span>\n </p>\n\n <button *ngIf=\"stripsResultDataMap[key]?.stripInfo?.icon\" type=\"button\" mat-icon-button\n (click)=\"toggleInfo(stripsResultDataMap[key])\" i18n-matTooltip matTooltip=\"info\"\n class=\"margin-left-xs\">\n <mat-icon>{{ stripsResultDataMap[key]?.stripInfo?.icon.icon }}</mat-icon>\n </button>\n <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n </a>\n <span class=\"spacer\"></span>\n <!-- viewAll start-->\n <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1\" [routerLink]=\"stripsResultDataMap[key]?.viewMoreUrl?.path\"\n [queryParams]=\"stripsResultDataMap[key]?.viewMoreUrl?.queryParams\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div>\n <!-- viewAll end-->\n </div>\n <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n </mat-icon>\n </div>\n\n <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n <!-- IF no errors then proceed to show tabs or non tabs strip -->\n <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n (selectedTabChange)=\"tabClicked($event, stripsResultDataMap[key], key)\">\n <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;\">\n <ng-template mat-tab-label>\n <span>{{ translateLabels(tab?.label, 'home') }} </span>\n <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n </ng-template>\n <div>\n <!-- <ng-container [ngTemplateOutlet]=\"loader\" *ngIf=\"stripsResultDataMap[key]?.showOnLoader\">\n </ng-container> -->\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n !tab.fetchTabStatus\"\n class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <div *ngIf=\"((tab?.fetchTabStatus && tab?.fetchTabStatus === 'done') &&\n (!tab?.widgets || !tab?.widgets?.length))\">\n <ng-container *ngIf=\"tab?.value === 'inprogress'; else msgTemp\">\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n </div>\n </ng-container>\n <ng-template #msgTemp>\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab.nodataMsg, 'home') }}</div>\n </div>\n </ng-template>\n </div>\n <ng-container *ngIf=\"(tab?.fetchTabStatus === 'done' || tab?.widgets?.length)\">\n <ng-container *ngIf=\"!tab?.tabLoading\">\n\n <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.widgets?.length\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\"\n [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of tab?.widgets| slice:0:(tab?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </ng-container>\n </ng-container>\n </div>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n <ng-container *ngIf=\"!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length\">\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader\" class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <div class=\"\">\n <sb-uic-horizontal-scroller-v2 [id]=\"key+'-scroller'\" [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\" [widgetsLength]=\"stripsResultDataMap[key]?.widgets?.length\" [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <!-- <ng-container *ngIf=\"widget.widgetData.context.pageSection === 'continueLearning' \"> -->\n <!-- <ng-container *ngIf=\"widget.widgetData.content.completionPercentage !== 100\"\n [sbUiResolverWidget]=\"widget\"></ng-container> -->\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n <!-- </ng-container> -->\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </a>\n\n </ng-container>\n </ng-container>\n</ng-template>",
|
|
5453
5502
|
styles: [".view-more{display:flex;align-items:center;text-align:center;height:40px;justify-content:center}.view-more .icon{font-size:24px;width:24px;height:24px;border:1px solid;border-radius:50%;padding:8px;margin-bottom:8px}.margin-bottom-custom{margin-bottom:60px}.view-more:hover{background-color:#dcdfe5}::ng-deep.strips-tabgroup .mat-tab-header{border-bottom:2px solid rgba(0,0,0,.12)}::ng-deep.strips-tabgroup .mat-tab-body{padding:20px 0!important;box-sizing:border-box;overflow-y:initial!important}::ng-deep.strips-tabgroup .mat-tab-body-wrapper{overflow:inherit!important}::ng-deep.strips-tabgroup .mat-tab-label{border-bottom:0 solid rgba(0,0,0,.1);margin-right:0;opacity:1}::ng-deep.strips-tabgroup .mat-tab-label .mat-tab-label-content{text-transform:inherit;font:400 14px/20px Lato}::ng-deep.strips-tabgroup .mat-tab-label-active .mat-tab-label-content{font-weight:700!important}.click-here{color:#1b4ca1}.info-content{opacity:1;color:rgba(0,0,0,.87);font:700 14px/20px Lato-Bold;text-align:center}"]
|
|
5454
5503
|
}] }
|
|
5455
5504
|
];
|
|
@@ -5771,8 +5820,8 @@ var SlidersLibComponent = /** @class */ (function (_super) {
|
|
|
5771
5820
|
SlidersLibComponent.decorators = [
|
|
5772
5821
|
{ type: Component, args: [{
|
|
5773
5822
|
selector: 'sb-uic-sliders',
|
|
5774
|
-
template: "<div class=\"banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}\" (swipeleft)=\"slideTo(currentIndex + 1)\" (swiperight)=\"slideTo(currentIndex - 1)\"\n *ngIf=\"widgetData?.length > 1\" [style.height]=\"isMobile? styleData?.responsive?.customHeight : styleData?.customHeight\"\n [ngStyle]=\"{'border-radius': styleData?.borderRadius || '12px'}\">\n <a (click)=\"raiseTelemetry(widgetData[currentIndex].redirectUrl)\"\n [routerLink]=\" !isOpenInNewTab ? widgetData[currentIndex].redirectUrl :
|
|
5775
|
-
styles: [".banner-container{min-height:243px;position:relative;margin:auto;padding-bottom:40px}.banner-container.inline-meta{padding-bottom:0!important}.banner-container.flat .banner .banner-image{border-radius:0!important}.banner-overlay{z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.25) 100%);border-radius:inherit}.banner{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;border-radius:inherit;height:inherit}.banner .banner-image{width:100%;min-height:243px;display:block;border-radius:inherit;height:inherit}.banner-meta{text-align:center;z-index:2;padding:8px 12px;position:absolute;bottom:0;left:50%;border-radius:12px;transform:translateX(-50%);box-sizing:border-box}.banner-meta.left{left:0;transform:translateX(0)}.banner-meta.right{left:100%;transform:translateX(-100%)}.banner-meta .banner-title{color:#f2f2f2;margin-bottom:8px;font-size:1.1rem}@media only screen and (max-width:599px){.banner-meta .banner-title{display:none}}.banner-meta .dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.banner-meta .dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}@media only screen and (max-width:599px){.banner-meta .dots-container .dot{height:8px;width:8px;margin:0 4px}}.banner-meta .dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@keyframes fade{from{opacity:.25}to{opacity:1}}.next,.prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;background-color:#1b2133!important;border-radius:50%;z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;margin-top:-16px;justify-content:center}.prev{left:0;margin-left:-16px}.next{right:0;margin-right:-16px}.navigation.bottom-right .prev{left:unset;right:45px;bottom:-15px;top:unset}.navigation.bottom-right .next{left:unset;right:15px;bottom:-15px;top:unset}.navigation.bottom-center .prev{left:calc(50% - 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-center .next{left:calc(50% + 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-left .prev{left:15px;right:unset;bottom:-15px;top:unset}.navigation.bottom-left .next{left:60px;right:unset;bottom:-15px;top:unset}.navigation.middle-inline .prev{left:30px}.navigation.middle-inline .next{right:30px}.banner-container-solo{overflow:hidden;margin:auto;border-radius:12px}.banner-image-solo{width:100%;display:block;border-radius:12px}.default-slider{height:100%;background:#d4e2fb}.default-slider .default-title{text-align:center;position:absolute;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);z-index:999;background:#e6efff;width
|
|
5823
|
+
template: "<div class=\"banner-container {{isMobile? styleData?.responsive?.bannerMetaClass : styleData?.bannerMetaClass}}\" (swipeleft)=\"slideTo(currentIndex + 1)\" (swiperight)=\"slideTo(currentIndex - 1)\"\n *ngIf=\"widgetData?.length > 1\" [style.height]=\"isMobile? styleData?.responsive?.customHeight : styleData?.customHeight\"\n [ngStyle]=\"{'border-radius': styleData?.borderRadius || '12px'}\">\n <a (click)=\"raiseTelemetry(widgetData[currentIndex].redirectUrl)\"\n [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\" class=\"banner-overlay\"\n [ngClass]=\"{'cursor-auto': !widgetData[currentIndex].redirectUrl}\">\n <div class=\"banner WidgetInstanceId\" *ngFor=\"let slide of widgetData; let i = index\" [hidden]=\"i !== currentIndex\">\n <img i18n-alt alt=\"Page Banner\" [src]=\"slide.banners\" wsUtilsImageResponsive class=\"banner-image\" />\n </div>\n </a>\n <ng-container *ngIf=\"isMobile && styleData?.responsive?.dots !== 'hidden' || !isMobile && styleData?.dots !== 'hidden'\">\n <div class=\"banner-meta {{isMobile? styleData?.responsive?.bannerMetaAlign : styleData?.bannerMetaAlign}}\">\n <a [routerLink]=\" !isOpenInNewTab && widgetData[currentIndex].redirectUrl? widgetData[currentIndex].redirectUrl : null\" class=\"banner-title text-truncate\"\n *ngIf=\"widgetData[currentIndex].title\" [title]=\"widgetData[currentIndex].title\">\n {{ widgetData[currentIndex].title }}\n </a>\n <div class=\"dots-container\" *ngIf=\"widgetData?.length > 1\">\n <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" *ngFor=\"let slide of widgetData; let j = index\"\n (click)=\"slideTo(j)\"></span>\n </div>\n </div>\n </ng-container>\n <div class=\"navigation {{isMobile? styleData?.responsive?.arrowsPlacement : styleData?.arrowsPlacement}}\" \n *ngIf=\"isMobile && styleData?.responsive?.navigationArrows !== 'hidden' || !isMobile && styleData?.navigationArrows !== 'hidden'\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"prev\" (click)=\"slideTo(currentIndex - 1)\">❮</a>\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\">❯</a>\n </div>\n</div>\n<div class=\"banner-container-solo margin-top-s\" *ngIf=\"widgetData?.length == 1\">\n <img i18n-alt alt=\"Page Banner\" width=\"100%\" height=\"100%\" [src]=\"widgetData[0].banners\" wsUtilsImageResponsive class=\"banner-image-solo\" />\n</div>\n<!-- <div class=\"banner-container\" (swipeleft)=\"slideTo(currentIndex + 1)\" (swiperight)=\"slideTo(currentIndex - 1)\"\n *ngIf=\"widgetData?.length\">\n <a (click)=\"raiseTelemetry(widgetData[currentIndex].redirectUrl)\"\n [queryParams]=\"widgetData[currentIndex].queryParams || {}\"\n [routerLink]=\"!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : './'\" class=\"banner-overlay\"\n [ngClass]=\"{ 'cursor-auto': !widgetData[currentIndex].redirectUrl }\"></a>\n <div class=\"banner WidgetInstanceId\" *ngFor=\"let slide of widgetData; let i = index\" [hidden]=\"i !== currentIndex\">\n <img i18n-alt alt=\"Page Banner\" [src]=\"slide.banners\" wsUtilsImageResponsive class=\"banner-image\" />\n </div>\n <div class=\"banner-meta\">\n <a [routerLink]=\"!isOpenInNewTab ? widgetData[currentIndex].redirectUrl : './'\" class=\"banner-title text-truncate\"\n *ngIf=\"widgetData[currentIndex].title\" [title]=\"widgetData[currentIndex].title\">\n {{ widgetData[currentIndex].title }}\n </a>\n <div class=\"dots-container\" *ngIf=\"widgetData?.length > 1\">\n <span class=\"dot\" [ngClass]=\"{ active: j === currentIndex }\" *ngFor=\"let slide of widgetData; let j = index\"\n (click)=\"slideTo(j)\"></span>\n </div>\n </div>\n <button *ngIf=\"widgetData?.length > 1\" class=\"prev\" aria-label=\"Previous slide\" (click)=\"slideTo(currentIndex - 1)\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\">❮</a>\n </button>\n <button *ngIf=\"widgetData?.length > 1\" class=\"next\" (click)=\"slideTo(currentIndex + 1)\" aria-label=\"Next slide\">\n <a *ngIf=\"widgetData?.length > 1\" role=\"button\" class=\"next\">❯</a>\n </button>\n\n</div> -->\n<ng-container *ngIf=\"!widgetData?.length\">\n <div class=\"slider default-slider h-full\">\n <div class=\"relative h-full\">\n <img class=\"h-full\" src=\"assets/icons/home/default-slider-image.svg\" alt=\"\">\n <div class=\"default-title rounded-full\">\n <p class=\"mat-h1\">{{title}}</p>\n </div>\n </div>\n </div>\n</ng-container>\n",
|
|
5824
|
+
styles: [".banner-container{min-height:243px;position:relative;margin:auto;padding-bottom:40px}.banner-container.inline-meta{padding-bottom:0!important}.banner-container.flat .banner .banner-image{border-radius:0!important}.banner-overlay{z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.25) 100%);border-radius:inherit}.banner{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;border-radius:inherit;height:inherit}.banner .banner-image{width:100%;min-height:243px;display:block;border-radius:inherit;height:inherit}.banner-meta{text-align:center;z-index:2;padding:8px 12px;position:absolute;bottom:0;left:50%;border-radius:12px;transform:translateX(-50%);box-sizing:border-box}.banner-meta.left{left:0;transform:translateX(0)}.banner-meta.right{left:100%;transform:translateX(-100%)}.banner-meta .banner-title{color:#f2f2f2;margin-bottom:8px;font-size:1.1rem}@media only screen and (max-width:599px){.banner-meta .banner-title{display:none}}.banner-meta .dots-container{padding:8px;display:flex;align-items:center;justify-content:center}.banner-meta .dots-container .dot{cursor:pointer;height:6px;width:6px;margin:0 4px;background-color:rgba(0,0,0,.4);border-radius:50%;display:inline-block;transition:background-color .5s!important}@media only screen and (max-width:599px){.banner-meta .dots-container .dot{height:8px;width:8px;margin:0 4px}}.banner-meta .dots-container .dot.active{border-radius:4px;background-color:#f3962f;width:16px}@keyframes fade{from{opacity:.25}to{opacity:1}}.next,.prev{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-weight:700;background-color:#1b2133!important;border-radius:50%;z-index:999;height:32px!important;width:32px!important;display:flex;align-items:center;margin-top:-16px;justify-content:center}.prev{left:0;margin-left:-16px}.next{right:0;margin-right:-16px}.navigation.bottom-right .prev{left:unset;right:45px;bottom:-15px;top:unset}.navigation.bottom-right .next{left:unset;right:15px;bottom:-15px;top:unset}.navigation.bottom-center .prev{left:calc(50% - 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-center .next{left:calc(50% + 20px);right:unset;bottom:-15px;top:unset}.navigation.bottom-left .prev{left:15px;right:unset;bottom:-15px;top:unset}.navigation.bottom-left .next{left:60px;right:unset;bottom:-15px;top:unset}.navigation.middle-inline .prev{left:30px}.navigation.middle-inline .next{right:30px}.banner-container-solo{overflow:hidden;margin:auto;border-radius:12px}.banner-image-solo{width:100%;display:block;border-radius:12px}.default-slider{height:100%;background:#d4e2fb}.default-slider .default-title{text-align:center;position:absolute;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%);z-index:999;background:#e6efff;padding:32px;width:500px}.default-slider .default-title p{word-break:break-word;margin:0!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-transform:uppercase}@media screen and (max-width:768px){.default-slider{height:384px;width:100%}.default-slider .default-title{width:unset!important}}"]
|
|
5776
5825
|
}] }
|
|
5777
5826
|
];
|
|
5778
5827
|
/** @nocollapse */
|
|
@@ -6235,7 +6284,7 @@ var DataPointsComponent = /** @class */ (function () {
|
|
|
6235
6284
|
DataPointsComponent.decorators = [
|
|
6236
6285
|
{ type: Component, args: [{
|
|
6237
6286
|
selector: 'sb-uic-data-points',
|
|
6238
|
-
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\n <div *ngFor=\"let obj of objectData\" 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\" >{{obj?.value | number: '1.1-2'}}</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\">{{obj?.value | number: '1.1-2'}}</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\">{{item?.value}}</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>",
|
|
6287
|
+
template: "<div class=\"w-full metrics-web\" *ngIf=\"layoutType === 'multipleRows' && !isDataLoading\">\n <div *ngFor=\"let obj of objectData\" 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\" >{{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\">{{obj?.value | number: '1.1-2'}}</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\">{{item?.value}}</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>",
|
|
6239
6288
|
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%}.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}}"]
|
|
6240
6289
|
}] }
|
|
6241
6290
|
];
|
|
@@ -6362,193 +6411,1117 @@ var DataPointsModule = /** @class */ (function () {
|
|
|
6362
6411
|
* @fileoverview added by tsickle
|
|
6363
6412
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
6364
6413
|
*/
|
|
6365
|
-
var
|
|
6366
|
-
function
|
|
6414
|
+
var CalenderComponent = /** @class */ (function () {
|
|
6415
|
+
function CalenderComponent() {
|
|
6416
|
+
this.toDay = new Date();
|
|
6367
6417
|
}
|
|
6368
|
-
|
|
6369
|
-
|
|
6370
|
-
|
|
6371
|
-
|
|
6372
|
-
|
|
6373
|
-
|
|
6374
|
-
|
|
6375
|
-
|
|
6376
|
-
|
|
6377
|
-
|
|
6378
|
-
|
|
6379
|
-
|
|
6380
|
-
|
|
6418
|
+
/**
|
|
6419
|
+
* @return {?}
|
|
6420
|
+
*/
|
|
6421
|
+
CalenderComponent.prototype.ngOnInit = /**
|
|
6422
|
+
* @return {?}
|
|
6423
|
+
*/
|
|
6424
|
+
function () {
|
|
6425
|
+
console.log("data ===== ", this.objectData);
|
|
6426
|
+
console.log("toDay ", this.toDay);
|
|
6427
|
+
};
|
|
6428
|
+
CalenderComponent.decorators = [
|
|
6429
|
+
{ type: Component, args: [{
|
|
6430
|
+
selector: 'sb-uic-calender',
|
|
6431
|
+
template: "<div class=\"w-full p-3 event-day my-3\" \n *ngFor=\"let obj of objectData?.training\"\n [style.backgroundColor]=\"obj?.backgroundColor\" \n [style.borderColor]=\"objectData?.activeColor\">\n <div class=\"flex item-top gap-8 {{ obj.events.length ? '' : 'aliginCenter'}}\">\n <div class=\"event-date\">\n <div class=\"currentDay\">{{obj.eventDate}}</div>\n </div>\n <div class=\"details w-full\" *ngIf=\"obj.events.length\">\n <div class=\"flex p-4 item-center events-list mb-{{obj.events.length === (i+1) ? '0' : '2'}} gap-20\" [style.backgroundColor]=\"event?.backgroundColor\"\n *ngFor=\"let event of obj.events; let i = index\" >\n <div>\n <div class=\"flex flex-row item-center gap-10 pb-2\">\n <div class=\"flex item-center gap-2 row1 col1\">\n <div><mat-icon class=\"icon-tour\">schedule</mat-icon> </div>\n <div>{{event.startTime}} to {{event.endTime}}</div>\n </div>\n <div class=\"flex item-center col1\">{{event.title}}</div>\n </div>\n <div class=\"flex flex-row item-center gap-10\">\n <div class=\"flex item-center gap-2 row1 col1\" *ngIf=\"event.startDate && event.endDate\">\n <div><mat-icon class=\"icon-tour\">date_range</mat-icon> </div>\n <div>{{event.startDate}} - {{event.endDate}}</div>\n </div>\n <div class=\"flex item-center gap-2 col1\">\n <div><mat-icon class=\"icon-tour\">location_on</mat-icon> </div>\n <div class=\"flex item-center\">{{event.location}}</div>\n </div>\n </div>\n </div>\n <div class=\"visit-link\">\n Visit\n </div>\n </div>\n </div>\n <div class=\"details w-full\" *ngIf=\"!obj.events.length\">\n No trainings.\n </div>\n </div>\n</div>",
|
|
6432
|
+
styles: [".event-day{border:1px solid #c3c3c3;border-radius:15px}.event-date{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;width:10%}.events-list{border:1px solid #c3c3c3;border-radius:15px;justify-content:space-between;align-items:center;font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px}.row1{width:235px}.aliginCenter,.col1{align-items:center}.visit-link{opacity:.7;cursor:pointer}.currentDay{padding:5px;background:#1d8923;border-radius:20px;color:#fff}"]
|
|
6433
|
+
}] }
|
|
6381
6434
|
];
|
|
6382
|
-
|
|
6435
|
+
CalenderComponent.propDecorators = {
|
|
6436
|
+
objectData: [{ type: Input }]
|
|
6437
|
+
};
|
|
6438
|
+
return CalenderComponent;
|
|
6383
6439
|
}());
|
|
6440
|
+
if (false) {
|
|
6441
|
+
/** @type {?} */
|
|
6442
|
+
CalenderComponent.prototype.objectData;
|
|
6443
|
+
/** @type {?} */
|
|
6444
|
+
CalenderComponent.prototype.toDay;
|
|
6445
|
+
}
|
|
6384
6446
|
|
|
6385
6447
|
/**
|
|
6386
6448
|
* @fileoverview added by tsickle
|
|
6387
6449
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
6388
6450
|
*/
|
|
6389
|
-
/** @
|
|
6390
|
-
|
|
6391
|
-
card: {
|
|
6392
|
-
_type: 'cardLib',
|
|
6393
|
-
cardResource: 'cardContentLib'
|
|
6394
|
-
},
|
|
6395
|
-
};
|
|
6396
|
-
|
|
6397
|
-
/**
|
|
6398
|
-
* @fileoverview added by tsickle
|
|
6399
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
6400
|
-
*/
|
|
6401
|
-
var NsCardContent$1;
|
|
6402
|
-
(function (NsCardContent) {
|
|
6403
|
-
/**
|
|
6404
|
-
* @record
|
|
6405
|
-
*/
|
|
6406
|
-
function ICard() { }
|
|
6407
|
-
NsCardContent.ICard = ICard;
|
|
6408
|
-
if (false) {
|
|
6409
|
-
/** @type {?} */
|
|
6410
|
-
ICard.prototype.content;
|
|
6411
|
-
/** @type {?} */
|
|
6412
|
-
ICard.prototype.cardSubType;
|
|
6413
|
-
/** @type {?} */
|
|
6414
|
-
ICard.prototype.context;
|
|
6415
|
-
/** @type {?|undefined} */
|
|
6416
|
-
ICard.prototype.intranetMode;
|
|
6417
|
-
/** @type {?|undefined} */
|
|
6418
|
-
ICard.prototype.deletedMode;
|
|
6419
|
-
/** @type {?|undefined} */
|
|
6420
|
-
ICard.prototype.likes;
|
|
6421
|
-
/** @type {?|undefined} */
|
|
6422
|
-
ICard.prototype.contentTags;
|
|
6423
|
-
/** @type {?} */
|
|
6424
|
-
ICard.prototype.stateData;
|
|
6425
|
-
/** @type {?|undefined} */
|
|
6426
|
-
ICard.prototype.cardCustomeClass;
|
|
6427
|
-
}
|
|
6428
|
-
/**
|
|
6429
|
-
* @record
|
|
6430
|
-
*/
|
|
6431
|
-
function IContentTags() { }
|
|
6432
|
-
NsCardContent.IContentTags = IContentTags;
|
|
6433
|
-
if (false) {
|
|
6434
|
-
/** @type {?|undefined} */
|
|
6435
|
-
IContentTags.prototype.daysSpan;
|
|
6436
|
-
/** @type {?|undefined} */
|
|
6437
|
-
IContentTags.prototype.excludeContentType;
|
|
6438
|
-
/** @type {?|undefined} */
|
|
6439
|
-
IContentTags.prototype.excludeMimeType;
|
|
6440
|
-
/** @type {?} */
|
|
6441
|
-
IContentTags.prototype.tag;
|
|
6442
|
-
/** @type {?|undefined} */
|
|
6443
|
-
IContentTags.prototype.criteriaField;
|
|
6451
|
+
var CalenderModule = /** @class */ (function () {
|
|
6452
|
+
function CalenderModule() {
|
|
6444
6453
|
}
|
|
6445
|
-
|
|
6446
|
-
|
|
6447
|
-
|
|
6448
|
-
|
|
6449
|
-
|
|
6450
|
-
|
|
6451
|
-
|
|
6452
|
-
|
|
6453
|
-
|
|
6454
|
-
|
|
6455
|
-
|
|
6456
|
-
|
|
6457
|
-
ACBPConst["SUCCESS"] = "success";
|
|
6458
|
-
})(ACBPConst = NsCardContent.ACBPConst || (NsCardContent.ACBPConst = {}));
|
|
6459
|
-
var IGOTConst;
|
|
6460
|
-
(function (IGOTConst) {
|
|
6461
|
-
IGOTConst["COMPETENCIES"] = "competencies_v5";
|
|
6462
|
-
IGOTConst["RETIRED"] = "Retired";
|
|
6463
|
-
})(IGOTConst = NsCardContent.IGOTConst || (NsCardContent.IGOTConst = {}));
|
|
6464
|
-
})(NsCardContent$1 || (NsCardContent$1 = {}));
|
|
6454
|
+
CalenderModule.decorators = [
|
|
6455
|
+
{ type: NgModule, args: [{
|
|
6456
|
+
imports: [
|
|
6457
|
+
CommonModule,
|
|
6458
|
+
MatIconModule,
|
|
6459
|
+
],
|
|
6460
|
+
declarations: [CalenderComponent],
|
|
6461
|
+
exports: [CalenderComponent],
|
|
6462
|
+
},] }
|
|
6463
|
+
];
|
|
6464
|
+
return CalenderModule;
|
|
6465
|
+
}());
|
|
6465
6466
|
|
|
6466
6467
|
/**
|
|
6467
6468
|
* @fileoverview added by tsickle
|
|
6468
6469
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
6469
6470
|
*/
|
|
6470
|
-
var
|
|
6471
|
-
|
|
6472
|
-
function CardsComponent(utilitySvc, configSvc, contSvc, router) {
|
|
6473
|
-
var _this = _super.call(this) || this;
|
|
6474
|
-
_this.utilitySvc = utilitySvc;
|
|
6475
|
-
_this.configSvc = configSvc;
|
|
6476
|
-
_this.contSvc = contSvc;
|
|
6477
|
-
_this.router = router;
|
|
6478
|
-
_this.isIntranetAllowedSettings = false;
|
|
6479
|
-
return _this;
|
|
6471
|
+
var CommonMethodsService = /** @class */ (function () {
|
|
6472
|
+
function CommonMethodsService() {
|
|
6480
6473
|
}
|
|
6481
6474
|
/**
|
|
6475
|
+
* @param {?} contents
|
|
6476
|
+
* @param {?} strip
|
|
6482
6477
|
* @return {?}
|
|
6483
6478
|
*/
|
|
6484
|
-
|
|
6479
|
+
CommonMethodsService.prototype.transformContentsToWidgets = /**
|
|
6480
|
+
* @param {?} contents
|
|
6481
|
+
* @param {?} strip
|
|
6485
6482
|
* @return {?}
|
|
6486
6483
|
*/
|
|
6487
|
-
function () {
|
|
6488
|
-
|
|
6489
|
-
|
|
6490
|
-
|
|
6491
|
-
* @return {?}
|
|
6492
|
-
*/
|
|
6493
|
-
function () {
|
|
6494
|
-
if (!this.widgetData.content.status ||
|
|
6495
|
-
this.widgetData.content.status === 'Live' ||
|
|
6496
|
-
this.widgetData.content.status === 'MarkedForDeletion') {
|
|
6497
|
-
return true;
|
|
6498
|
-
}
|
|
6499
|
-
return false;
|
|
6500
|
-
},
|
|
6501
|
-
enumerable: true,
|
|
6502
|
-
configurable: true
|
|
6503
|
-
});
|
|
6504
|
-
Object.defineProperty(CardsComponent.prototype, "showIntranetContent", {
|
|
6505
|
-
get: /**
|
|
6484
|
+
function (contents, strip) {
|
|
6485
|
+
return (contents || []).map((/**
|
|
6486
|
+
* @param {?} content
|
|
6487
|
+
* @param {?} idx
|
|
6506
6488
|
* @return {?}
|
|
6507
6489
|
*/
|
|
6508
|
-
function () {
|
|
6509
|
-
|
|
6510
|
-
|
|
6511
|
-
|
|
6512
|
-
|
|
6513
|
-
}
|
|
6514
|
-
|
|
6515
|
-
|
|
6516
|
-
|
|
6490
|
+
function (content, idx) { return (content ? {
|
|
6491
|
+
widgetType: 'cardLib',
|
|
6492
|
+
widgetSubType: 'cardContentLib',
|
|
6493
|
+
widgetHostClass: 'mb-2',
|
|
6494
|
+
widgetData: __assign({ content: content }, (content.batch && { batch: content.batch }), { cardSubType: strip.stripConfig && strip.stripConfig.cardSubType, cardCustomeClass: strip.customeClass ? strip.customeClass : '', context: { pageSection: strip.key, position: idx }, intranetMode: strip.stripConfig && strip.stripConfig.intranetMode, deletedMode: strip.stripConfig && strip.stripConfig.deletedMode, contentTags: strip.stripConfig && strip.stripConfig.contentTags }),
|
|
6495
|
+
} : {
|
|
6496
|
+
widgetType: 'card',
|
|
6497
|
+
widgetSubType: 'cardContent',
|
|
6498
|
+
widgetHostClass: 'mb-2',
|
|
6499
|
+
widgetData: {},
|
|
6500
|
+
}); }));
|
|
6501
|
+
};
|
|
6517
6502
|
/**
|
|
6518
|
-
* @param {?}
|
|
6503
|
+
* @param {?} strip
|
|
6519
6504
|
* @return {?}
|
|
6520
6505
|
*/
|
|
6521
|
-
|
|
6522
|
-
* @param {?}
|
|
6506
|
+
CommonMethodsService.prototype.transformSkeletonToWidgets = /**
|
|
6507
|
+
* @param {?} strip
|
|
6523
6508
|
* @return {?}
|
|
6524
6509
|
*/
|
|
6525
|
-
function (
|
|
6526
|
-
return
|
|
6527
|
-
|
|
6528
|
-
|
|
6529
|
-
|
|
6530
|
-
|
|
6531
|
-
|
|
6532
|
-
|
|
6533
|
-
|
|
6534
|
-
|
|
6535
|
-
|
|
6536
|
-
|
|
6537
|
-
|
|
6538
|
-
|
|
6539
|
-
});
|
|
6510
|
+
function (strip) {
|
|
6511
|
+
return [1, 2, 3, 4, 5, 6, 7, 7, 8, 9, 10].map((/**
|
|
6512
|
+
* @param {?} _content
|
|
6513
|
+
* @return {?}
|
|
6514
|
+
*/
|
|
6515
|
+
function (_content) { return ({
|
|
6516
|
+
widgetType: 'cardLib',
|
|
6517
|
+
widgetSubType: 'cardContentLib',
|
|
6518
|
+
widgetHostClass: 'mb-2',
|
|
6519
|
+
widgetData: {
|
|
6520
|
+
cardSubType: strip.loaderConfig && strip.loaderConfig.cardSubType || 'card-standard-skeleton',
|
|
6521
|
+
cardCustomeClass: strip.customeClass ? strip.customeClass : '',
|
|
6522
|
+
},
|
|
6523
|
+
}); }));
|
|
6540
6524
|
};
|
|
6541
|
-
|
|
6542
|
-
{ type:
|
|
6543
|
-
|
|
6544
|
-
|
|
6545
|
-
styles: [""]
|
|
6546
|
-
}] }
|
|
6525
|
+
CommonMethodsService.decorators = [
|
|
6526
|
+
{ type: Injectable, args: [{
|
|
6527
|
+
providedIn: 'root'
|
|
6528
|
+
},] }
|
|
6547
6529
|
];
|
|
6548
6530
|
/** @nocollapse */
|
|
6549
|
-
|
|
6550
|
-
|
|
6551
|
-
|
|
6531
|
+
CommonMethodsService.ctorParameters = function () { return []; };
|
|
6532
|
+
/** @nocollapse */ CommonMethodsService.ngInjectableDef = ɵɵdefineInjectable({ factory: function CommonMethodsService_Factory() { return new CommonMethodsService(); }, token: CommonMethodsService, providedIn: "root" });
|
|
6533
|
+
return CommonMethodsService;
|
|
6534
|
+
}());
|
|
6535
|
+
|
|
6536
|
+
/**
|
|
6537
|
+
* @fileoverview added by tsickle
|
|
6538
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
6539
|
+
*/
|
|
6540
|
+
/**
|
|
6541
|
+
* @record
|
|
6542
|
+
*/
|
|
6543
|
+
function IStripUnitCommonData() { }
|
|
6544
|
+
if (false) {
|
|
6545
|
+
/** @type {?} */
|
|
6546
|
+
IStripUnitCommonData.prototype.key;
|
|
6547
|
+
/** @type {?} */
|
|
6548
|
+
IStripUnitCommonData.prototype.canHideStrip;
|
|
6549
|
+
/** @type {?|undefined} */
|
|
6550
|
+
IStripUnitCommonData.prototype.mode;
|
|
6551
|
+
/** @type {?} */
|
|
6552
|
+
IStripUnitCommonData.prototype.showStrip;
|
|
6553
|
+
/** @type {?} */
|
|
6554
|
+
IStripUnitCommonData.prototype.disableTranslate;
|
|
6555
|
+
/** @type {?|undefined} */
|
|
6556
|
+
IStripUnitCommonData.prototype.widgets;
|
|
6557
|
+
/** @type {?} */
|
|
6558
|
+
IStripUnitCommonData.prototype.stripTitle;
|
|
6559
|
+
/** @type {?|undefined} */
|
|
6560
|
+
IStripUnitCommonData.prototype.stripTitleLink;
|
|
6561
|
+
/** @type {?|undefined} */
|
|
6562
|
+
IStripUnitCommonData.prototype.sliderConfig;
|
|
6563
|
+
/** @type {?} */
|
|
6564
|
+
IStripUnitCommonData.prototype.stripConfig;
|
|
6565
|
+
/** @type {?|undefined} */
|
|
6566
|
+
IStripUnitCommonData.prototype.tabs;
|
|
6567
|
+
/** @type {?|undefined} */
|
|
6568
|
+
IStripUnitCommonData.prototype.stripName;
|
|
6569
|
+
/** @type {?|undefined} */
|
|
6570
|
+
IStripUnitCommonData.prototype.stripLogo;
|
|
6571
|
+
/** @type {?|undefined} */
|
|
6572
|
+
IStripUnitCommonData.prototype.description;
|
|
6573
|
+
/** @type {?|undefined} */
|
|
6574
|
+
IStripUnitCommonData.prototype.stripInfo;
|
|
6575
|
+
/** @type {?|undefined} */
|
|
6576
|
+
IStripUnitCommonData.prototype.noDataWidget;
|
|
6577
|
+
/** @type {?|undefined} */
|
|
6578
|
+
IStripUnitCommonData.prototype.errorWidget;
|
|
6579
|
+
/** @type {?} */
|
|
6580
|
+
IStripUnitCommonData.prototype.showOnNoData;
|
|
6581
|
+
/** @type {?} */
|
|
6582
|
+
IStripUnitCommonData.prototype.showOnLoader;
|
|
6583
|
+
/** @type {?} */
|
|
6584
|
+
IStripUnitCommonData.prototype.showOnError;
|
|
6585
|
+
/** @type {?|undefined} */
|
|
6586
|
+
IStripUnitCommonData.prototype.loaderWidgets;
|
|
6587
|
+
/** @type {?|undefined} */
|
|
6588
|
+
IStripUnitCommonData.prototype.stripBackground;
|
|
6589
|
+
/** @type {?|undefined} */
|
|
6590
|
+
IStripUnitCommonData.prototype.secondaryHeading;
|
|
6591
|
+
/** @type {?} */
|
|
6592
|
+
IStripUnitCommonData.prototype.viewMoreUrl;
|
|
6593
|
+
}
|
|
6594
|
+
var CommonStripComponent = /** @class */ (function (_super) {
|
|
6595
|
+
__extends(CommonStripComponent, _super);
|
|
6596
|
+
function CommonStripComponent(environment, contentSvc, loggerSvc, eventSvc, configSvc, utilitySvc, userSvc, translate, langtranslations, commonMethodsSvc) {
|
|
6597
|
+
var _this = _super.call(this) || this;
|
|
6598
|
+
_this.contentSvc = contentSvc;
|
|
6599
|
+
_this.loggerSvc = loggerSvc;
|
|
6600
|
+
_this.eventSvc = eventSvc;
|
|
6601
|
+
_this.configSvc = configSvc;
|
|
6602
|
+
_this.utilitySvc = utilitySvc;
|
|
6603
|
+
_this.userSvc = userSvc;
|
|
6604
|
+
_this.translate = translate;
|
|
6605
|
+
_this.langtranslations = langtranslations;
|
|
6606
|
+
_this.commonMethodsSvc = commonMethodsSvc;
|
|
6607
|
+
_this.id = "ws-strip-miltiple_" + Math.random();
|
|
6608
|
+
_this.stripsResultDataMap = {};
|
|
6609
|
+
_this.stripsKeyOrder = [];
|
|
6610
|
+
_this.showAccordionData = true;
|
|
6611
|
+
_this.showParentLoader = false;
|
|
6612
|
+
_this.showParentError = false;
|
|
6613
|
+
_this.showParentNoData = false;
|
|
6614
|
+
_this.errorDataCount = 0;
|
|
6615
|
+
_this.noDataCount = 0;
|
|
6616
|
+
_this.successDataCount = 0;
|
|
6617
|
+
_this.contentAvailable = true;
|
|
6618
|
+
_this.baseUrl = _this.configSvc.sitePath || '';
|
|
6619
|
+
_this.veifiedKarmayogi = false;
|
|
6620
|
+
_this.changeEventSubscription = null;
|
|
6621
|
+
_this.defaultMaxWidgets = 12;
|
|
6622
|
+
_this.todaysEvents = [];
|
|
6623
|
+
_this.environment = environment;
|
|
6624
|
+
return _this;
|
|
6625
|
+
}
|
|
6626
|
+
/**
|
|
6627
|
+
* @return {?}
|
|
6628
|
+
*/
|
|
6629
|
+
CommonStripComponent.prototype.ngOnInit = /**
|
|
6630
|
+
* @return {?}
|
|
6631
|
+
*/
|
|
6632
|
+
function () {
|
|
6633
|
+
// const url = window.location.href
|
|
6634
|
+
this.initData();
|
|
6635
|
+
};
|
|
6636
|
+
/**
|
|
6637
|
+
* @return {?}
|
|
6638
|
+
*/
|
|
6639
|
+
CommonStripComponent.prototype.ngOnDestroy = /**
|
|
6640
|
+
* @return {?}
|
|
6641
|
+
*/
|
|
6642
|
+
function () {
|
|
6643
|
+
if (this.changeEventSubscription) {
|
|
6644
|
+
this.changeEventSubscription.unsubscribe();
|
|
6645
|
+
}
|
|
6646
|
+
};
|
|
6647
|
+
/**
|
|
6648
|
+
* @param {?} key
|
|
6649
|
+
* @return {?}
|
|
6650
|
+
*/
|
|
6651
|
+
CommonStripComponent.prototype.showAccordion = /**
|
|
6652
|
+
* @param {?} key
|
|
6653
|
+
* @return {?}
|
|
6654
|
+
*/
|
|
6655
|
+
function (key) {
|
|
6656
|
+
if (this.utilitySvc.isMobile && this.stripsResultDataMap[key].mode === 'accordion') {
|
|
6657
|
+
return this.showAccordionData;
|
|
6658
|
+
}
|
|
6659
|
+
return true;
|
|
6660
|
+
};
|
|
6661
|
+
/**
|
|
6662
|
+
* @param {?} key
|
|
6663
|
+
* @return {?}
|
|
6664
|
+
*/
|
|
6665
|
+
CommonStripComponent.prototype.setHiddenForStrip = /**
|
|
6666
|
+
* @param {?} key
|
|
6667
|
+
* @return {?}
|
|
6668
|
+
*/
|
|
6669
|
+
function (key) {
|
|
6670
|
+
this.stripsResultDataMap[key].showStrip = false;
|
|
6671
|
+
sessionStorage.setItem("cstrip_" + key, '1');
|
|
6672
|
+
};
|
|
6673
|
+
/**
|
|
6674
|
+
* @private
|
|
6675
|
+
* @param {?} key
|
|
6676
|
+
* @return {?}
|
|
6677
|
+
*/
|
|
6678
|
+
CommonStripComponent.prototype.getIfStripHidden = /**
|
|
6679
|
+
* @private
|
|
6680
|
+
* @param {?} key
|
|
6681
|
+
* @return {?}
|
|
6682
|
+
*/
|
|
6683
|
+
function (key) {
|
|
6684
|
+
/** @type {?} */
|
|
6685
|
+
var storageItem = sessionStorage.getItem("cstrip_" + key);
|
|
6686
|
+
return Boolean(storageItem !== '1');
|
|
6687
|
+
};
|
|
6688
|
+
/**
|
|
6689
|
+
* @private
|
|
6690
|
+
* @return {?}
|
|
6691
|
+
*/
|
|
6692
|
+
CommonStripComponent.prototype.initData = /**
|
|
6693
|
+
* @private
|
|
6694
|
+
* @return {?}
|
|
6695
|
+
*/
|
|
6696
|
+
function () {
|
|
6697
|
+
var e_1, _a;
|
|
6698
|
+
var _this = this;
|
|
6699
|
+
this.stripsKeyOrder = this.widgetData && this.widgetData.strips && this.widgetData.strips.map((/**
|
|
6700
|
+
* @param {?} strip
|
|
6701
|
+
* @return {?}
|
|
6702
|
+
*/
|
|
6703
|
+
function (strip) { return strip.key; })) || [];
|
|
6704
|
+
if (this.widgetData.loader && this.widgetData.strips.length) {
|
|
6705
|
+
this.showParentLoader = true;
|
|
6706
|
+
}
|
|
6707
|
+
try {
|
|
6708
|
+
// Fetch the data
|
|
6709
|
+
for (var _b = __values(this.widgetData.strips), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
6710
|
+
var strip = _c.value;
|
|
6711
|
+
this.processStrip(strip, [], 'fetching', false, null);
|
|
6712
|
+
if (strip.dataType === 'in-hand' && this.widgetData[strip.dataKey]) {
|
|
6713
|
+
this.processStrip(strip, this.commonMethodsSvc.transformContentsToWidgets(this.widgetData[strip.dataKey], strip), 'done', true, strip.viewMoreUrl || '');
|
|
6714
|
+
}
|
|
6715
|
+
else {
|
|
6716
|
+
if (this.checkForEmptyWidget(strip)) {
|
|
6717
|
+
// this.fetchStripFromRequestData(strip, false);
|
|
6718
|
+
}
|
|
6719
|
+
else {
|
|
6720
|
+
this.processStrip(strip, [], 'done', true, null);
|
|
6721
|
+
}
|
|
6722
|
+
}
|
|
6723
|
+
}
|
|
6724
|
+
}
|
|
6725
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
6726
|
+
finally {
|
|
6727
|
+
try {
|
|
6728
|
+
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
6729
|
+
}
|
|
6730
|
+
finally { if (e_1) throw e_1.error; }
|
|
6731
|
+
}
|
|
6732
|
+
// Subscription for changes
|
|
6733
|
+
/** @type {?} */
|
|
6734
|
+
var keyAndEvent = this.widgetData.strips
|
|
6735
|
+
.map((/**
|
|
6736
|
+
* @param {?} strip
|
|
6737
|
+
* @return {?}
|
|
6738
|
+
*/
|
|
6739
|
+
function (strip) { return ({
|
|
6740
|
+
key: strip.key,
|
|
6741
|
+
type: (strip.refreshEvent && strip.refreshEvent.eventType) || '',
|
|
6742
|
+
from: (strip.refreshEvent && strip.refreshEvent.from.toString()) || '',
|
|
6743
|
+
}); }))
|
|
6744
|
+
.filter((/**
|
|
6745
|
+
* @param {?} __0
|
|
6746
|
+
* @return {?}
|
|
6747
|
+
*/
|
|
6748
|
+
function (_a) {
|
|
6749
|
+
var key = _a.key, type = _a.type, from = _a.from;
|
|
6750
|
+
return key && type && from;
|
|
6751
|
+
}));
|
|
6752
|
+
/** @type {?} */
|
|
6753
|
+
var eventTypeSet = new Set(keyAndEvent.map((/**
|
|
6754
|
+
* @param {?} e
|
|
6755
|
+
* @return {?}
|
|
6756
|
+
*/
|
|
6757
|
+
function (e) { return e.type; })));
|
|
6758
|
+
this.changeEventSubscription = this.eventSvc.events$
|
|
6759
|
+
.pipe(filter((/**
|
|
6760
|
+
* @param {?} event
|
|
6761
|
+
* @return {?}
|
|
6762
|
+
*/
|
|
6763
|
+
function (event) { return eventTypeSet.has(event.eventType); })))
|
|
6764
|
+
.subscribe((/**
|
|
6765
|
+
* @param {?} event
|
|
6766
|
+
* @return {?}
|
|
6767
|
+
*/
|
|
6768
|
+
function (event) {
|
|
6769
|
+
keyAndEvent
|
|
6770
|
+
.filter((/**
|
|
6771
|
+
* @param {?} e
|
|
6772
|
+
* @return {?}
|
|
6773
|
+
*/
|
|
6774
|
+
function (e) { return e.type === event.eventType && e.from === event.from; }))
|
|
6775
|
+
.map((/**
|
|
6776
|
+
* @param {?} e
|
|
6777
|
+
* @return {?}
|
|
6778
|
+
*/
|
|
6779
|
+
function (e) { return e.key; }))
|
|
6780
|
+
.forEach((/**
|
|
6781
|
+
* @param {?} k
|
|
6782
|
+
* @return {?}
|
|
6783
|
+
*/
|
|
6784
|
+
function (k) { return _this.fetchStripFromKey(k, false); }));
|
|
6785
|
+
}));
|
|
6786
|
+
};
|
|
6787
|
+
/**
|
|
6788
|
+
* @private
|
|
6789
|
+
* @param {?} key
|
|
6790
|
+
* @param {?=} calculateParentStatus
|
|
6791
|
+
* @return {?}
|
|
6792
|
+
*/
|
|
6793
|
+
CommonStripComponent.prototype.fetchStripFromKey = /**
|
|
6794
|
+
* @private
|
|
6795
|
+
* @param {?} key
|
|
6796
|
+
* @param {?=} calculateParentStatus
|
|
6797
|
+
* @return {?}
|
|
6798
|
+
*/
|
|
6799
|
+
function (key, calculateParentStatus) {
|
|
6800
|
+
if (calculateParentStatus === void 0) { calculateParentStatus = true; }
|
|
6801
|
+
/** @type {?} */
|
|
6802
|
+
var stripData = this.widgetData.strips.find((/**
|
|
6803
|
+
* @param {?} strip
|
|
6804
|
+
* @return {?}
|
|
6805
|
+
*/
|
|
6806
|
+
function (strip) { return strip.key === key; }));
|
|
6807
|
+
if (stripData) {
|
|
6808
|
+
// this.fetchStripFromRequestData(stripData, calculateParentStatus);
|
|
6809
|
+
}
|
|
6810
|
+
};
|
|
6811
|
+
/**
|
|
6812
|
+
* @param {?} data
|
|
6813
|
+
* @return {?}
|
|
6814
|
+
*/
|
|
6815
|
+
CommonStripComponent.prototype.isStripShowing = /**
|
|
6816
|
+
* @param {?} data
|
|
6817
|
+
* @return {?}
|
|
6818
|
+
*/
|
|
6819
|
+
function (data) {
|
|
6820
|
+
var _this = this;
|
|
6821
|
+
/** @type {?} */
|
|
6822
|
+
var count = 0;
|
|
6823
|
+
if (data && data.key === this.environment.programStripKey && (!data.tabs || !data.tabs.length) &&
|
|
6824
|
+
data.stripTitle === this.environment.programStripName && data.widgets.length > 0) {
|
|
6825
|
+
data.widgets.forEach((/**
|
|
6826
|
+
* @param {?} key
|
|
6827
|
+
* @return {?}
|
|
6828
|
+
*/
|
|
6829
|
+
function (key) {
|
|
6830
|
+
if (key && key.widgetData.content.primaryCategory === _this.environment.programStripPrimaryCategory) {
|
|
6831
|
+
count = count + 1;
|
|
6832
|
+
}
|
|
6833
|
+
}));
|
|
6834
|
+
if (count > 0) {
|
|
6835
|
+
data.showStrip = true;
|
|
6836
|
+
}
|
|
6837
|
+
else {
|
|
6838
|
+
data.showStrip = false;
|
|
6839
|
+
}
|
|
6840
|
+
}
|
|
6841
|
+
return data.showStrip;
|
|
6842
|
+
};
|
|
6843
|
+
Object.defineProperty(CommonStripComponent.prototype, "isMobile", {
|
|
6844
|
+
get: /**
|
|
6845
|
+
* @return {?}
|
|
6846
|
+
*/
|
|
6847
|
+
function () {
|
|
6848
|
+
return this.utilitySvc.isMobile || false;
|
|
6849
|
+
},
|
|
6850
|
+
enumerable: true,
|
|
6851
|
+
configurable: true
|
|
6852
|
+
});
|
|
6853
|
+
/**
|
|
6854
|
+
* @param {?} data
|
|
6855
|
+
* @return {?}
|
|
6856
|
+
*/
|
|
6857
|
+
CommonStripComponent.prototype.getdata = /**
|
|
6858
|
+
* @param {?} data
|
|
6859
|
+
* @return {?}
|
|
6860
|
+
*/
|
|
6861
|
+
function (data) {
|
|
6862
|
+
if (data.stripInfo) {
|
|
6863
|
+
return data.stripInfo.widget;
|
|
6864
|
+
}
|
|
6865
|
+
return {};
|
|
6866
|
+
};
|
|
6867
|
+
/**
|
|
6868
|
+
* @param {?} wData
|
|
6869
|
+
* @param {?} data
|
|
6870
|
+
* @return {?}
|
|
6871
|
+
*/
|
|
6872
|
+
CommonStripComponent.prototype.checkCondition = /**
|
|
6873
|
+
* @param {?} wData
|
|
6874
|
+
* @param {?} data
|
|
6875
|
+
* @return {?}
|
|
6876
|
+
*/
|
|
6877
|
+
function (wData, data) {
|
|
6878
|
+
if (wData.strips[0].stripConfig && wData.strips[0].stripConfig.hideShowAll) {
|
|
6879
|
+
return !wData.strips[0].stripConfig.hideShowAll;
|
|
6880
|
+
}
|
|
6881
|
+
return wData.strips[0].viewMoreUrl && data.widgets && data.widgets.length >= 4;
|
|
6882
|
+
};
|
|
6883
|
+
/**
|
|
6884
|
+
* @param {?} data
|
|
6885
|
+
* @return {?}
|
|
6886
|
+
*/
|
|
6887
|
+
CommonStripComponent.prototype.checkVisible = /**
|
|
6888
|
+
* @param {?} data
|
|
6889
|
+
* @return {?}
|
|
6890
|
+
*/
|
|
6891
|
+
function (data) {
|
|
6892
|
+
return data.stripInfo && data.stripInfo.visibilityMode === 'visible';
|
|
6893
|
+
};
|
|
6894
|
+
/**
|
|
6895
|
+
* @param {?} data
|
|
6896
|
+
* @return {?}
|
|
6897
|
+
*/
|
|
6898
|
+
CommonStripComponent.prototype.getContineuLearningLenth = /**
|
|
6899
|
+
* @param {?} data
|
|
6900
|
+
* @return {?}
|
|
6901
|
+
*/
|
|
6902
|
+
function (data) {
|
|
6903
|
+
return data.widgets ? data.widgets.length : 0;
|
|
6904
|
+
};
|
|
6905
|
+
/**
|
|
6906
|
+
* @param {?} data
|
|
6907
|
+
* @return {?}
|
|
6908
|
+
*/
|
|
6909
|
+
CommonStripComponent.prototype.getLength = /**
|
|
6910
|
+
* @param {?} data
|
|
6911
|
+
* @return {?}
|
|
6912
|
+
*/
|
|
6913
|
+
function (data) {
|
|
6914
|
+
if (!data.tabs || !data.tabs.length) {
|
|
6915
|
+
return data.widgets ? data.widgets.length : 0;
|
|
6916
|
+
}
|
|
6917
|
+
{
|
|
6918
|
+
// if tabs are there check if each tab has widgets and get the tab with max widgets
|
|
6919
|
+
/** @type {?} */
|
|
6920
|
+
var tabWithMaxWidgets = data.tabs.reduce((/**
|
|
6921
|
+
* @param {?} prev
|
|
6922
|
+
* @param {?} current
|
|
6923
|
+
* @return {?}
|
|
6924
|
+
*/
|
|
6925
|
+
function (prev, current) {
|
|
6926
|
+
if (!prev.widgets && !current.widgets) {
|
|
6927
|
+
return current;
|
|
6928
|
+
}
|
|
6929
|
+
if (prev.widgets && current.widgets) {
|
|
6930
|
+
return (prev.widgets.length > current.widgets.length) ? prev : current;
|
|
6931
|
+
}
|
|
6932
|
+
if (current.widgets && !prev.widgets) {
|
|
6933
|
+
return current;
|
|
6934
|
+
}
|
|
6935
|
+
if (!current.widgets && prev.widgets) {
|
|
6936
|
+
return prev;
|
|
6937
|
+
}
|
|
6938
|
+
return current;
|
|
6939
|
+
// return (prev.widgets && current.widgets && (prev.widgets.length > current.widgets.length) ) ? prev : current
|
|
6940
|
+
// tslint:disable-next-line: align
|
|
6941
|
+
}), data.tabs[0]);
|
|
6942
|
+
// if tabs has atleast 1 widgets then strip will show or else not
|
|
6943
|
+
return tabWithMaxWidgets.widgets ? tabWithMaxWidgets.widgets.length : 0;
|
|
6944
|
+
}
|
|
6945
|
+
};
|
|
6946
|
+
/**
|
|
6947
|
+
* @private
|
|
6948
|
+
* @param {?} strip
|
|
6949
|
+
* @param {?=} results
|
|
6950
|
+
* @param {?=} fetchStatus
|
|
6951
|
+
* @param {?=} calculateParentStatus
|
|
6952
|
+
* @param {?=} _viewMoreUrl
|
|
6953
|
+
* @param {?=} tabsResults
|
|
6954
|
+
* @return {?}
|
|
6955
|
+
*/
|
|
6956
|
+
CommonStripComponent.prototype.processStrip = /**
|
|
6957
|
+
* @private
|
|
6958
|
+
* @param {?} strip
|
|
6959
|
+
* @param {?=} results
|
|
6960
|
+
* @param {?=} fetchStatus
|
|
6961
|
+
* @param {?=} calculateParentStatus
|
|
6962
|
+
* @param {?=} _viewMoreUrl
|
|
6963
|
+
* @param {?=} tabsResults
|
|
6964
|
+
* @return {?}
|
|
6965
|
+
*/
|
|
6966
|
+
function (strip, results, fetchStatus, calculateParentStatus, _viewMoreUrl, tabsResults) {
|
|
6967
|
+
if (results === void 0) { results = []; }
|
|
6968
|
+
if (calculateParentStatus === void 0) { calculateParentStatus = true; }
|
|
6969
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
6970
|
+
var stripData;
|
|
6971
|
+
var _a;
|
|
6972
|
+
return __generator(this, function (_b) {
|
|
6973
|
+
stripData = {
|
|
6974
|
+
viewMoreUrl: strip.viewMoreUrl,
|
|
6975
|
+
key: strip.key,
|
|
6976
|
+
canHideStrip: Boolean(strip.canHideStrip),
|
|
6977
|
+
showStrip: this.getIfStripHidden(strip.key),
|
|
6978
|
+
noDataWidget: strip.noDataWidget,
|
|
6979
|
+
errorWidget: strip.errorWidget,
|
|
6980
|
+
stripInfo: strip.info,
|
|
6981
|
+
stripTitle: strip.title,
|
|
6982
|
+
stripTitleLink: strip.stripTitleLink,
|
|
6983
|
+
dataType: strip.dataType,
|
|
6984
|
+
dataKey: strip.dataKey,
|
|
6985
|
+
disableTranslate: strip.disableTranslate,
|
|
6986
|
+
sliderConfig: strip.sliderConfig,
|
|
6987
|
+
tabs: tabsResults ? tabsResults : strip.tabs,
|
|
6988
|
+
stripName: strip.name,
|
|
6989
|
+
mode: strip.mode,
|
|
6990
|
+
stripConfig: strip.stripConfig,
|
|
6991
|
+
stripBackground: strip.stripBackground,
|
|
6992
|
+
secondaryHeading: strip.secondaryHeading,
|
|
6993
|
+
loaderWidgets: strip.loaderWidgets || [],
|
|
6994
|
+
widgets: fetchStatus === 'done'
|
|
6995
|
+
? __spread((strip.preWidgets || []).map((/**
|
|
6996
|
+
* @param {?} w
|
|
6997
|
+
* @return {?}
|
|
6998
|
+
*/
|
|
6999
|
+
function (w) { return (__assign({}, w, { widgetHostClass: "mb-2 " + w.widgetHostClass })); })), results, (strip.postWidgets || []).map((/**
|
|
7000
|
+
* @param {?} w
|
|
7001
|
+
* @return {?}
|
|
7002
|
+
*/
|
|
7003
|
+
function (w) { return (__assign({}, w, { widgetHostClass: "mb-2 " + w.widgetHostClass })); }))) : [],
|
|
7004
|
+
showOnNoData: Boolean(strip.noDataWidget &&
|
|
7005
|
+
!((strip.preWidgets || []).length + results.length + (strip.postWidgets || []).length) &&
|
|
7006
|
+
fetchStatus === 'done'),
|
|
7007
|
+
showOnLoader: Boolean(strip.loader && fetchStatus === 'fetching'),
|
|
7008
|
+
showOnError: Boolean(strip.errorWidget && fetchStatus === 'error'),
|
|
7009
|
+
};
|
|
7010
|
+
// const stripData = this.stripsResultDataMap[strip.key]
|
|
7011
|
+
this.stripsResultDataMap = __assign({}, this.stripsResultDataMap, (_a = {}, _a[strip.key] = stripData, _a));
|
|
7012
|
+
if (!tabsResults) {
|
|
7013
|
+
if (calculateParentStatus &&
|
|
7014
|
+
(fetchStatus === 'done' || fetchStatus === 'error') &&
|
|
7015
|
+
stripData.widgets) {
|
|
7016
|
+
this.checkParentStatus(fetchStatus, stripData.widgets.length);
|
|
7017
|
+
}
|
|
7018
|
+
if (calculateParentStatus && !(results && results.length > 0)) {
|
|
7019
|
+
this.contentAvailable = false;
|
|
7020
|
+
}
|
|
7021
|
+
else if (results && results.length > 0) {
|
|
7022
|
+
this.contentAvailable = true;
|
|
7023
|
+
}
|
|
7024
|
+
}
|
|
7025
|
+
else {
|
|
7026
|
+
this.contentAvailable = true;
|
|
7027
|
+
}
|
|
7028
|
+
return [2 /*return*/];
|
|
7029
|
+
});
|
|
7030
|
+
});
|
|
7031
|
+
};
|
|
7032
|
+
/**
|
|
7033
|
+
* @param {?} stripsResultDataMap
|
|
7034
|
+
* @param {?} key
|
|
7035
|
+
* @return {?}
|
|
7036
|
+
*/
|
|
7037
|
+
CommonStripComponent.prototype.getSelectedIndex = /**
|
|
7038
|
+
* @param {?} stripsResultDataMap
|
|
7039
|
+
* @param {?} key
|
|
7040
|
+
* @return {?}
|
|
7041
|
+
*/
|
|
7042
|
+
function (stripsResultDataMap, key) {
|
|
7043
|
+
/** @type {?} */
|
|
7044
|
+
var returnValue = 0;
|
|
7045
|
+
if (key === 'cbpPlan') {
|
|
7046
|
+
if (stripsResultDataMap.tabs.length) {
|
|
7047
|
+
/** @type {?} */
|
|
7048
|
+
var data = stripsResultDataMap.tabs.filter((/**
|
|
7049
|
+
* @param {?} ele
|
|
7050
|
+
* @return {?}
|
|
7051
|
+
*/
|
|
7052
|
+
function (ele) { return ele.value === 'upcoming'; }));
|
|
7053
|
+
returnValue = data[0].widgets && data[0].widgets.length > 0 ? 1 : 0;
|
|
7054
|
+
}
|
|
7055
|
+
}
|
|
7056
|
+
return returnValue;
|
|
7057
|
+
};
|
|
7058
|
+
/**
|
|
7059
|
+
* @private
|
|
7060
|
+
* @param {?} fetchStatus
|
|
7061
|
+
* @param {?} stripWidgetsCount
|
|
7062
|
+
* @return {?}
|
|
7063
|
+
*/
|
|
7064
|
+
CommonStripComponent.prototype.checkParentStatus = /**
|
|
7065
|
+
* @private
|
|
7066
|
+
* @param {?} fetchStatus
|
|
7067
|
+
* @param {?} stripWidgetsCount
|
|
7068
|
+
* @return {?}
|
|
7069
|
+
*/
|
|
7070
|
+
function (fetchStatus, stripWidgetsCount) {
|
|
7071
|
+
if (fetchStatus === 'done' && !stripWidgetsCount) {
|
|
7072
|
+
this.noDataCount += 1;
|
|
7073
|
+
}
|
|
7074
|
+
else if (fetchStatus === 'done' && stripWidgetsCount) {
|
|
7075
|
+
this.successDataCount += 1;
|
|
7076
|
+
}
|
|
7077
|
+
else if (fetchStatus === 'error') {
|
|
7078
|
+
this.errorDataCount += 1;
|
|
7079
|
+
}
|
|
7080
|
+
/** @type {?} */
|
|
7081
|
+
var settledCount = this.noDataCount + this.successDataCount + this.errorDataCount;
|
|
7082
|
+
/** @type {?} */
|
|
7083
|
+
var totalCount = this.widgetData.strips.length;
|
|
7084
|
+
if (this.successDataCount > 0 && settledCount < totalCount) {
|
|
7085
|
+
return;
|
|
7086
|
+
}
|
|
7087
|
+
this.showParentLoader = settledCount !== totalCount;
|
|
7088
|
+
this.showParentNoData =
|
|
7089
|
+
this.noDataCount > 0 && this.noDataCount + this.errorDataCount === totalCount;
|
|
7090
|
+
this.showParentError = this.errorDataCount === totalCount;
|
|
7091
|
+
};
|
|
7092
|
+
/**
|
|
7093
|
+
* @param {?} strip
|
|
7094
|
+
* @return {?}
|
|
7095
|
+
*/
|
|
7096
|
+
CommonStripComponent.prototype.checkForEmptyWidget = /**
|
|
7097
|
+
* @param {?} strip
|
|
7098
|
+
* @return {?}
|
|
7099
|
+
*/
|
|
7100
|
+
function (strip) {
|
|
7101
|
+
if (strip.request &&
|
|
7102
|
+
((strip.request.api && Object.keys(strip.request.api).length) ||
|
|
7103
|
+
(strip.request.search && Object.keys(strip.request.search).length) ||
|
|
7104
|
+
(strip.request.searchRegionRecommendation &&
|
|
7105
|
+
Object.keys(strip.request.searchRegionRecommendation).length) ||
|
|
7106
|
+
(strip.request.searchV6 && Object.keys(strip.request.searchV6).length) ||
|
|
7107
|
+
(strip.request.enrollmentList && Object.keys(strip.request.enrollmentList).length) ||
|
|
7108
|
+
(strip.request.cbpList && Object.keys(strip.request.cbpList).length) ||
|
|
7109
|
+
(strip.request.trendingSearch && Object.keys(strip.request.trendingSearch).length))) {
|
|
7110
|
+
return true;
|
|
7111
|
+
}
|
|
7112
|
+
return false;
|
|
7113
|
+
};
|
|
7114
|
+
/**
|
|
7115
|
+
* @param {?} tabEvent
|
|
7116
|
+
* @param {?} stripMap
|
|
7117
|
+
* @param {?} stripKey
|
|
7118
|
+
* @return {?}
|
|
7119
|
+
*/
|
|
7120
|
+
CommonStripComponent.prototype.tabClicked = /**
|
|
7121
|
+
* @param {?} tabEvent
|
|
7122
|
+
* @param {?} stripMap
|
|
7123
|
+
* @param {?} stripKey
|
|
7124
|
+
* @return {?}
|
|
7125
|
+
*/
|
|
7126
|
+
function (tabEvent, stripMap, stripKey) {
|
|
7127
|
+
};
|
|
7128
|
+
/**
|
|
7129
|
+
* @param {?} label
|
|
7130
|
+
* @param {?} type
|
|
7131
|
+
* @return {?}
|
|
7132
|
+
*/
|
|
7133
|
+
CommonStripComponent.prototype.translateLabels = /**
|
|
7134
|
+
* @param {?} label
|
|
7135
|
+
* @param {?} type
|
|
7136
|
+
* @return {?}
|
|
7137
|
+
*/
|
|
7138
|
+
function (label, type) {
|
|
7139
|
+
return this.langtranslations.translateLabel(label, type, '');
|
|
7140
|
+
};
|
|
7141
|
+
/**
|
|
7142
|
+
* @param {?} index
|
|
7143
|
+
* @param {?} item
|
|
7144
|
+
* @return {?}
|
|
7145
|
+
*/
|
|
7146
|
+
CommonStripComponent.prototype.identify = /**
|
|
7147
|
+
* @param {?} index
|
|
7148
|
+
* @param {?} item
|
|
7149
|
+
* @return {?}
|
|
7150
|
+
*/
|
|
7151
|
+
function (index, item) {
|
|
7152
|
+
if (index >= 0) { }
|
|
7153
|
+
return item;
|
|
7154
|
+
};
|
|
7155
|
+
/**
|
|
7156
|
+
* @param {?} index
|
|
7157
|
+
* @param {?} item
|
|
7158
|
+
* @return {?}
|
|
7159
|
+
*/
|
|
7160
|
+
CommonStripComponent.prototype.tracker = /**
|
|
7161
|
+
* @param {?} index
|
|
7162
|
+
* @param {?} item
|
|
7163
|
+
* @return {?}
|
|
7164
|
+
*/
|
|
7165
|
+
function (index, item) {
|
|
7166
|
+
if (index >= 0) { }
|
|
7167
|
+
return get(item, 'widgetData.content.identifier');
|
|
7168
|
+
};
|
|
7169
|
+
CommonStripComponent.decorators = [
|
|
7170
|
+
{ type: Component, args: [{
|
|
7171
|
+
selector: 'sb-uic-common-strip',
|
|
7172
|
+
template: "<ng-container *ngIf=\"!contentAvailable; else otherTemplate\"></ng-container>\n<ng-template #otherTemplate>\n <!-- <div *ngIf=\"showParentLoader\" class=\"text-center my-2\">\n <mat-spinner class=\"inline-block\"></mat-spinner>\n </div> -->\n <ng-container *ngIf=\"showParentError\" [sbUiResolverWidget]=\"widgetData.errorWidget\"></ng-container>\n <ng-container *ngIf=\"showParentNoData\" [sbUiResolverWidget]=\"widgetData.noDataWidget\"></ng-container>\n <ng-container *ngFor=\"let key of stripsKeyOrder; let i = index; trackBy: identify\">\n <ng-container *ngIf=\"isStripShowing(stripsResultDataMap[key])\">\n <a name=\"{{stripsResultDataMap[key]?.stripTitle}}\" [class]=\"key\">\n <div *ngIf=\"stripsResultDataMap && (getLength(stripsResultDataMap[key]) ||\n stripsResultDataMap[key]?.showOnNoData ||\n stripsResultDataMap[key]?.showOnLoader ||\n stripsResultDataMap[key]?.showOnError)\n \" [ngClass]=\"\n !widgetData?.isChannelStrip ? 'xs:px-8 sx:px-10ss' : i > 0 ? 'mt-12' : ''\n \" [id]=\"key\" [ngClass]=\"!widgetData?.isChannelStrip ? margin-bottom-custom : margin-bottom-xs\">\n <div [ngClass]=\"{ pad: stripsResultDataMap[key]?.stripBackground }\"\n [ngStyle]=\"{ 'background-color': stripsResultDataMap[key]?.stripBackground }\">\n <div class=\"flex flex-col pl-4 pr-4 md:pr-0 md:pl-0 \" [ngClass]=\"\n !widgetData?.isChannelStrip\n ? ''\n : stripsResultDataMap[key]?.stripTitle\n ? 'mb-8'\n : ''\n \">\n <div class=\"flex flex-1 items-center\">\n <p class=\"mat-subheading-1 margin-remove inline-block \" *ngIf=\"stripsResultDataMap[key]?.stripTitle\">\n <span class=\"capitalize\" *ngIf=\"stripsResultDataMap[key]?.disableTranslate\">\n {{stripsResultDataMap[key]?.stripTitle}}\n </span>\n <span *ngIf=\"!stripsResultDataMap[key]?.disableTranslate\">\n {{ translateLabels(stripsResultDataMap[key]?.stripTitle, 'home') }}\n </span>\n </p>\n\n <a *ngIf=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [routerLink]=\"stripsResultDataMap[key]?.stripTitleLink?.link\"\n [queryParams]=\"stripsResultDataMap[key]?.stripTitleLink?.link?.queryParams\">\n <mat-icon class=\"ws-mat-primary-primary-text ws-mat-default-text\" [color]=\"'accent'\">{{\n stripsResultDataMap[key]?.stripTitleLink?.icon }}</mat-icon>\n </a>\n <span class=\"spacer\"></span>\n <!-- viewAll start-->\n <div *ngIf=\"checkCondition(widgetData , stripsResultDataMap[key])\"\n class=\"ml-4 view-more ws-mat-default-text\">\n <a class=\"flex ws-mat-default-text items-center justify-center mat-body-1\" [routerLink]=\"stripsResultDataMap[key]?.viewMoreUrl?.path\"\n [queryParams]=\"stripsResultDataMap[key]?.viewMoreUrl?.queryParams\">\n <span i18n class=\"ws-mat-default-text\">{{translateLabels(widgetData.strips[0].viewMoreUrl.viewMoreText,'home') || 'See all'}}</span>\n <mat-icon class=\"ws-mat-default-text mat-icon notranslate material-icons mat-icon-no-color\" color=\"accent\">navigate_next</mat-icon>\n </a>\n </div>\n <!-- viewAll end-->\n </div>\n <button mat-icon-button (click)=\"setHiddenForStrip(key)\" *ngIf=\"stripsResultDataMap[key]?.canHideStrip\">\n <mat-icon>close</mat-icon>\n </button>\n <mat-icon class=\"cursor-pointer\" *ngIf=\"stripsResultDataMap[key]?.mode === 'accordion' && isMobile\"\n (click)=\"showAccordionData = !showAccordionData\">{{ showAccordionData ? 'expand_less' : 'expand_more' }}\n </mat-icon>\n </div>\n\n <div class=\"mb-4\" *ngIf=\"checkVisible(stripsResultDataMap[key])\">\n <ng-container [sbUiResolverWidget]=\"getdata(stripsResultDataMap[key])\">\n </ng-container>\n </div>\n\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnNoData\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.noDataWidget\"></ng-container>\n <ng-container *ngIf=\"stripsResultDataMap[key]?.showOnError\"\n [sbUiResolverWidget]=\"stripsResultDataMap[key]?.errorWidget\"></ng-container>\n <!-- IF no errors then proceed to show tabs or non tabs strip -->\n <ng-container *ngIf=\"!stripsResultDataMap[key]?.showOnNoData && !stripsResultDataMap[key]?.showOnError\">\n <ng-container *ngIf=\"stripsResultDataMap[key].tabs && stripsResultDataMap[key].tabs.length\">\n <mat-tab-group animationDuration=\"0ms\" [selectedIndex]=\"getSelectedIndex(stripsResultDataMap[key], key)\"\n class=\"mat-tab-labels w-full strips-tabgroup\" dynamicHeight\n (selectedTabChange)=\"tabClicked($event, stripsResultDataMap[key], key)\">\n <mat-tab label=\"{{tab?.label}}\" *ngFor=\"let tab of stripsResultDataMap[key].tabs; let last = last;\">\n <ng-template mat-tab-label>\n <span>{{ translateLabels(tab?.label, 'home') }} </span>\n <span *ngIf=\"tab?.showTabDataCount && tab?.widgets?.length\">({{tab?.widgets?.length}})</span>\n </ng-template>\n <div>\n <!-- <ng-container [ngTemplateOutlet]=\"loader\" *ngIf=\"stripsResultDataMap[key]?.showOnLoader\">\n </ng-container> -->\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader ||\n !tab.fetchTabStatus\"\n class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <div *ngIf=\"((tab?.fetchTabStatus && tab?.fetchTabStatus === 'done') &&\n (!tab?.widgets || !tab?.widgets?.length))\">\n <ng-container *ngIf=\"tab?.value === 'inprogress'; else msgTemp\">\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.svg\">\n <div class=\"mat-subheading-1 text-center info-content\">{{ 'contentstripmultiple.getReadyForLearningAdventure' | translate }} -\n <a class=\"click-here\" [routerLink]=\"'/page/learn'\">{{ 'contentstripmultiple.clickHere' | translate }}</a> {{ 'contentstripmultiple.toEnrollNextCourse' | translate }}</div>\n </div>\n </ng-container>\n <ng-template #msgTemp>\n <div class=\"w-full flex flex-col items-center justify-center\">\n <img alt=\"\" class=\"mt-4 mb-4\" src=\"assets/icons/home/nodataDefault.png\">\n <div class=\"mat-subheading-1 text-center\">{{ translateLabels(tab.nodataMsg, 'home') }}</div>\n </div>\n </ng-template>\n </div>\n <ng-container *ngIf=\"(tab?.fetchTabStatus === 'done' || tab?.widgets?.length)\">\n <ng-container *ngIf=\"!tab?.tabLoading\">\n\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [widgetsLength]=\"tab?.widgets?.length\"\n *ngIf=\"getContineuLearningLenth(stripsResultDataMap[key]) && showAccordion(key)\"\n [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"tab?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of tab?.widgets| slice:0:(tab?.maxWidgets ||\n stripsResultDataMap[key]?.sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </ng-container>\n </ng-container>\n </div>\n </mat-tab>\n </mat-tab-group>\n </ng-container>\n <ng-container *ngIf=\"!stripsResultDataMap[key].tabs || !stripsResultDataMap[key].tabs.length\">\n <div *ngIf=\"stripsResultDataMap && stripsResultDataMap[key]?.showOnLoader\" class=\"text-center my-2\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n [loadStatus]=\"'fetching'\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.loaderWidgets; trackBy: tracker\">\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n <div class=\"\">\n <sb-uic-horizontal-scroller-v2 [sliderConfig]=\"stripsResultDataMap[key]?.sliderConfig\" [id]=\"key+'-scroller'\"\n [widgetsLength]=\"stripsResultDataMap[key]?.widgets?.length\" [loadStatus]=\"'done'\" [defaultMaxWidgets]=\"stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets\" [stripConfig]=\"stripsResultDataMap[key]?.stripConfig\">\n <ng-container *ngFor=\"let widget of stripsResultDataMap[key]?.widgets| slice:0:(stripsResultDataMap[key].sliderConfig?.maxWidgets || defaultMaxWidgets); trackBy: tracker\">\n <!-- <ng-container *ngIf=\"widget.widgetData.context.pageSection === 'continueLearning' \"> -->\n <!-- <ng-container *ngIf=\"widget.widgetData.content.completionPercentage !== 100\"\n [sbUiResolverWidget]=\"widget\"></ng-container> -->\n <ng-container [sbUiResolverWidget]=\"widget\"></ng-container>\n <!-- </ng-container> -->\n </ng-container>\n </sb-uic-horizontal-scroller-v2>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n </a>\n\n </ng-container>\n </ng-container>\n</ng-template>",
|
|
7173
|
+
styles: [".view-more{display:flex;align-items:center;text-align:center;height:40px;justify-content:center}.view-more .icon{font-size:24px;width:24px;height:24px;border:1px solid;border-radius:50%;padding:8px;margin-bottom:8px}.margin-bottom-custom{margin-bottom:60px}.view-more:hover{background-color:#dcdfe5}::ng-deep.strips-tabgroup .mat-tab-header{border-bottom:2px solid rgba(0,0,0,.12)}::ng-deep.strips-tabgroup .mat-tab-body{padding:20px 0!important;box-sizing:border-box;overflow-y:initial!important}::ng-deep.strips-tabgroup .mat-tab-body-wrapper{overflow:inherit!important}::ng-deep.strips-tabgroup .mat-tab-label{border-bottom:0 solid rgba(0,0,0,.1);margin-right:0;opacity:1}::ng-deep.strips-tabgroup .mat-tab-label .mat-tab-label-content{text-transform:inherit;font:400 14px/20px Lato}::ng-deep.strips-tabgroup .mat-tab-label-active .mat-tab-label-content{font-weight:700!important}.click-here{color:#1b4ca1}.info-content{opacity:1;color:rgba(0,0,0,.87);font:700 14px/20px Lato-Bold;text-align:center}"]
|
|
7174
|
+
}] }
|
|
7175
|
+
];
|
|
7176
|
+
/** @nocollapse */
|
|
7177
|
+
CommonStripComponent.ctorParameters = function () { return [
|
|
7178
|
+
{ type: undefined, decorators: [{ type: Inject, args: ['environment',] }] },
|
|
7179
|
+
{ type: WidgetContentService },
|
|
7180
|
+
{ type: LoggerService },
|
|
7181
|
+
{ type: EventService },
|
|
7182
|
+
{ type: ConfigurationsService$1 },
|
|
7183
|
+
{ type: UtilityService },
|
|
7184
|
+
{ type: WidgetUserService },
|
|
7185
|
+
{ type: TranslateService },
|
|
7186
|
+
{ type: MultilingualTranslationsService },
|
|
7187
|
+
{ type: CommonMethodsService }
|
|
7188
|
+
]; };
|
|
7189
|
+
CommonStripComponent.propDecorators = {
|
|
7190
|
+
widgetData: [{ type: Input }],
|
|
7191
|
+
id: [{ type: HostBinding, args: ['id',] }]
|
|
7192
|
+
};
|
|
7193
|
+
return CommonStripComponent;
|
|
7194
|
+
}(WidgetBaseComponent));
|
|
7195
|
+
if (false) {
|
|
7196
|
+
/** @type {?} */
|
|
7197
|
+
CommonStripComponent.prototype.widgetData;
|
|
7198
|
+
/** @type {?} */
|
|
7199
|
+
CommonStripComponent.prototype.id;
|
|
7200
|
+
/** @type {?} */
|
|
7201
|
+
CommonStripComponent.prototype.stripsResultDataMap;
|
|
7202
|
+
/** @type {?} */
|
|
7203
|
+
CommonStripComponent.prototype.stripsKeyOrder;
|
|
7204
|
+
/** @type {?} */
|
|
7205
|
+
CommonStripComponent.prototype.showAccordionData;
|
|
7206
|
+
/** @type {?} */
|
|
7207
|
+
CommonStripComponent.prototype.showParentLoader;
|
|
7208
|
+
/** @type {?} */
|
|
7209
|
+
CommonStripComponent.prototype.showParentError;
|
|
7210
|
+
/** @type {?} */
|
|
7211
|
+
CommonStripComponent.prototype.showParentNoData;
|
|
7212
|
+
/** @type {?} */
|
|
7213
|
+
CommonStripComponent.prototype.errorDataCount;
|
|
7214
|
+
/** @type {?} */
|
|
7215
|
+
CommonStripComponent.prototype.noDataCount;
|
|
7216
|
+
/** @type {?} */
|
|
7217
|
+
CommonStripComponent.prototype.successDataCount;
|
|
7218
|
+
/** @type {?} */
|
|
7219
|
+
CommonStripComponent.prototype.contentAvailable;
|
|
7220
|
+
/** @type {?} */
|
|
7221
|
+
CommonStripComponent.prototype.baseUrl;
|
|
7222
|
+
/** @type {?} */
|
|
7223
|
+
CommonStripComponent.prototype.veifiedKarmayogi;
|
|
7224
|
+
/** @type {?} */
|
|
7225
|
+
CommonStripComponent.prototype.environment;
|
|
7226
|
+
/** @type {?} */
|
|
7227
|
+
CommonStripComponent.prototype.changeEventSubscription;
|
|
7228
|
+
/** @type {?} */
|
|
7229
|
+
CommonStripComponent.prototype.defaultMaxWidgets;
|
|
7230
|
+
/** @type {?} */
|
|
7231
|
+
CommonStripComponent.prototype.enrollInterval;
|
|
7232
|
+
/** @type {?} */
|
|
7233
|
+
CommonStripComponent.prototype.todaysEvents;
|
|
7234
|
+
/**
|
|
7235
|
+
* @type {?}
|
|
7236
|
+
* @private
|
|
7237
|
+
*/
|
|
7238
|
+
CommonStripComponent.prototype.contentSvc;
|
|
7239
|
+
/**
|
|
7240
|
+
* @type {?}
|
|
7241
|
+
* @private
|
|
7242
|
+
*/
|
|
7243
|
+
CommonStripComponent.prototype.loggerSvc;
|
|
7244
|
+
/**
|
|
7245
|
+
* @type {?}
|
|
7246
|
+
* @private
|
|
7247
|
+
*/
|
|
7248
|
+
CommonStripComponent.prototype.eventSvc;
|
|
7249
|
+
/**
|
|
7250
|
+
* @type {?}
|
|
7251
|
+
* @private
|
|
7252
|
+
*/
|
|
7253
|
+
CommonStripComponent.prototype.configSvc;
|
|
7254
|
+
/** @type {?} */
|
|
7255
|
+
CommonStripComponent.prototype.utilitySvc;
|
|
7256
|
+
/**
|
|
7257
|
+
* @type {?}
|
|
7258
|
+
* @private
|
|
7259
|
+
*/
|
|
7260
|
+
CommonStripComponent.prototype.userSvc;
|
|
7261
|
+
/**
|
|
7262
|
+
* @type {?}
|
|
7263
|
+
* @private
|
|
7264
|
+
*/
|
|
7265
|
+
CommonStripComponent.prototype.translate;
|
|
7266
|
+
/**
|
|
7267
|
+
* @type {?}
|
|
7268
|
+
* @private
|
|
7269
|
+
*/
|
|
7270
|
+
CommonStripComponent.prototype.langtranslations;
|
|
7271
|
+
/**
|
|
7272
|
+
* @type {?}
|
|
7273
|
+
* @private
|
|
7274
|
+
*/
|
|
7275
|
+
CommonStripComponent.prototype.commonMethodsSvc;
|
|
7276
|
+
}
|
|
7277
|
+
|
|
7278
|
+
/**
|
|
7279
|
+
* @fileoverview added by tsickle
|
|
7280
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
7281
|
+
*/
|
|
7282
|
+
var ɵ0$2 = HttpLoaderFactory;
|
|
7283
|
+
var CommonStripModule = /** @class */ (function () {
|
|
7284
|
+
function CommonStripModule() {
|
|
7285
|
+
}
|
|
7286
|
+
CommonStripModule.decorators = [
|
|
7287
|
+
{ type: NgModule, args: [{
|
|
7288
|
+
declarations: [CommonStripComponent],
|
|
7289
|
+
imports: [
|
|
7290
|
+
SbUiResolverModule,
|
|
7291
|
+
CommonModule,
|
|
7292
|
+
RouterModule,
|
|
7293
|
+
HorizontalScrollerV2Module,
|
|
7294
|
+
MatProgressSpinnerModule,
|
|
7295
|
+
MatToolbarModule,
|
|
7296
|
+
MatIconModule,
|
|
7297
|
+
MatButtonModule,
|
|
7298
|
+
MatTooltipModule,
|
|
7299
|
+
MatListModule,
|
|
7300
|
+
MatSidenavModule,
|
|
7301
|
+
MatCardModule,
|
|
7302
|
+
MatExpansionModule,
|
|
7303
|
+
MatRadioModule,
|
|
7304
|
+
MatChipsModule,
|
|
7305
|
+
MatInputModule,
|
|
7306
|
+
MatFormFieldModule,
|
|
7307
|
+
MatDialogModule,
|
|
7308
|
+
MatSnackBarModule,
|
|
7309
|
+
MatSelectModule,
|
|
7310
|
+
MatDatepickerModule,
|
|
7311
|
+
MatNativeDateModule,
|
|
7312
|
+
MatTableModule,
|
|
7313
|
+
MatCheckboxModule,
|
|
7314
|
+
MatProgressSpinnerModule,
|
|
7315
|
+
MatButtonToggleModule,
|
|
7316
|
+
MatTabsModule,
|
|
7317
|
+
MatAutocompleteModule,
|
|
7318
|
+
TranslateModule.forRoot({
|
|
7319
|
+
loader: {
|
|
7320
|
+
provide: TranslateLoader,
|
|
7321
|
+
useFactory: ɵ0$2,
|
|
7322
|
+
deps: [HttpClient],
|
|
7323
|
+
},
|
|
7324
|
+
}),
|
|
7325
|
+
],
|
|
7326
|
+
exports: [CommonStripComponent]
|
|
7327
|
+
},] }
|
|
7328
|
+
];
|
|
7329
|
+
return CommonStripModule;
|
|
7330
|
+
}());
|
|
7331
|
+
|
|
7332
|
+
/**
|
|
7333
|
+
* @fileoverview added by tsickle
|
|
7334
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
7335
|
+
*/
|
|
7336
|
+
var ConsumptionModule = /** @class */ (function () {
|
|
7337
|
+
function ConsumptionModule() {
|
|
7338
|
+
}
|
|
7339
|
+
ConsumptionModule.decorators = [
|
|
7340
|
+
{ type: NgModule, args: [{
|
|
7341
|
+
declarations: [ConsumptionComponent],
|
|
7342
|
+
imports: [
|
|
7343
|
+
ContentStripWithTabsLibModule,
|
|
7344
|
+
SlidersLibModule
|
|
7345
|
+
],
|
|
7346
|
+
exports: [ConsumptionComponent,
|
|
7347
|
+
ContentStripWithTabsLibModule,
|
|
7348
|
+
SlidersLibModule,
|
|
7349
|
+
DataPointsModule,
|
|
7350
|
+
CalenderModule,
|
|
7351
|
+
CommonStripModule
|
|
7352
|
+
],
|
|
7353
|
+
},] }
|
|
7354
|
+
];
|
|
7355
|
+
return ConsumptionModule;
|
|
7356
|
+
}());
|
|
7357
|
+
|
|
7358
|
+
/**
|
|
7359
|
+
* @fileoverview added by tsickle
|
|
7360
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
7361
|
+
*/
|
|
7362
|
+
/** @type {?} */
|
|
7363
|
+
var ROOT_WIDGET_CONFIG = {
|
|
7364
|
+
card: {
|
|
7365
|
+
_type: 'cardLib',
|
|
7366
|
+
cardResource: 'cardContentLib'
|
|
7367
|
+
},
|
|
7368
|
+
};
|
|
7369
|
+
|
|
7370
|
+
/**
|
|
7371
|
+
* @fileoverview added by tsickle
|
|
7372
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
7373
|
+
*/
|
|
7374
|
+
var NsCardContent$1;
|
|
7375
|
+
(function (NsCardContent) {
|
|
7376
|
+
/**
|
|
7377
|
+
* @record
|
|
7378
|
+
*/
|
|
7379
|
+
function ICard() { }
|
|
7380
|
+
NsCardContent.ICard = ICard;
|
|
7381
|
+
if (false) {
|
|
7382
|
+
/** @type {?} */
|
|
7383
|
+
ICard.prototype.content;
|
|
7384
|
+
/** @type {?} */
|
|
7385
|
+
ICard.prototype.cardSubType;
|
|
7386
|
+
/** @type {?} */
|
|
7387
|
+
ICard.prototype.context;
|
|
7388
|
+
/** @type {?|undefined} */
|
|
7389
|
+
ICard.prototype.intranetMode;
|
|
7390
|
+
/** @type {?|undefined} */
|
|
7391
|
+
ICard.prototype.deletedMode;
|
|
7392
|
+
/** @type {?|undefined} */
|
|
7393
|
+
ICard.prototype.likes;
|
|
7394
|
+
/** @type {?|undefined} */
|
|
7395
|
+
ICard.prototype.contentTags;
|
|
7396
|
+
/** @type {?} */
|
|
7397
|
+
ICard.prototype.stateData;
|
|
7398
|
+
/** @type {?|undefined} */
|
|
7399
|
+
ICard.prototype.cardCustomeClass;
|
|
7400
|
+
}
|
|
7401
|
+
/**
|
|
7402
|
+
* @record
|
|
7403
|
+
*/
|
|
7404
|
+
function IContentTags() { }
|
|
7405
|
+
NsCardContent.IContentTags = IContentTags;
|
|
7406
|
+
if (false) {
|
|
7407
|
+
/** @type {?|undefined} */
|
|
7408
|
+
IContentTags.prototype.daysSpan;
|
|
7409
|
+
/** @type {?|undefined} */
|
|
7410
|
+
IContentTags.prototype.excludeContentType;
|
|
7411
|
+
/** @type {?|undefined} */
|
|
7412
|
+
IContentTags.prototype.excludeMimeType;
|
|
7413
|
+
/** @type {?} */
|
|
7414
|
+
IContentTags.prototype.tag;
|
|
7415
|
+
/** @type {?|undefined} */
|
|
7416
|
+
IContentTags.prototype.criteriaField;
|
|
7417
|
+
}
|
|
7418
|
+
var EContentStatus;
|
|
7419
|
+
(function (EContentStatus) {
|
|
7420
|
+
EContentStatus["LIVE"] = "Live";
|
|
7421
|
+
EContentStatus["EXPIRED"] = "Expired";
|
|
7422
|
+
EContentStatus["DELETED"] = "Deleted";
|
|
7423
|
+
EContentStatus["MARK_FOR_DELETION"] = "MarkedForDeletion";
|
|
7424
|
+
})(EContentStatus = NsCardContent.EContentStatus || (NsCardContent.EContentStatus = {}));
|
|
7425
|
+
var ACBPConst;
|
|
7426
|
+
(function (ACBPConst) {
|
|
7427
|
+
ACBPConst["UPCOMING"] = "upcoming";
|
|
7428
|
+
ACBPConst["ALL"] = "All";
|
|
7429
|
+
ACBPConst["OVERDUE"] = "overdue";
|
|
7430
|
+
ACBPConst["SUCCESS"] = "success";
|
|
7431
|
+
})(ACBPConst = NsCardContent.ACBPConst || (NsCardContent.ACBPConst = {}));
|
|
7432
|
+
var IGOTConst;
|
|
7433
|
+
(function (IGOTConst) {
|
|
7434
|
+
IGOTConst["COMPETENCIES"] = "competencies_v5";
|
|
7435
|
+
IGOTConst["RETIRED"] = "Retired";
|
|
7436
|
+
})(IGOTConst = NsCardContent.IGOTConst || (NsCardContent.IGOTConst = {}));
|
|
7437
|
+
})(NsCardContent$1 || (NsCardContent$1 = {}));
|
|
7438
|
+
|
|
7439
|
+
/**
|
|
7440
|
+
* @fileoverview added by tsickle
|
|
7441
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
7442
|
+
*/
|
|
7443
|
+
var CardsComponent = /** @class */ (function (_super) {
|
|
7444
|
+
__extends(CardsComponent, _super);
|
|
7445
|
+
function CardsComponent(utilitySvc, configSvc, contSvc, router) {
|
|
7446
|
+
var _this = _super.call(this) || this;
|
|
7447
|
+
_this.utilitySvc = utilitySvc;
|
|
7448
|
+
_this.configSvc = configSvc;
|
|
7449
|
+
_this.contSvc = contSvc;
|
|
7450
|
+
_this.router = router;
|
|
7451
|
+
_this.isIntranetAllowedSettings = false;
|
|
7452
|
+
return _this;
|
|
7453
|
+
}
|
|
7454
|
+
/**
|
|
7455
|
+
* @return {?}
|
|
7456
|
+
*/
|
|
7457
|
+
CardsComponent.prototype.ngOnInit = /**
|
|
7458
|
+
* @return {?}
|
|
7459
|
+
*/
|
|
7460
|
+
function () {
|
|
7461
|
+
};
|
|
7462
|
+
Object.defineProperty(CardsComponent.prototype, "isLiveOrMarkForDeletion", {
|
|
7463
|
+
get: /**
|
|
7464
|
+
* @return {?}
|
|
7465
|
+
*/
|
|
7466
|
+
function () {
|
|
7467
|
+
if (!this.widgetData.content.status ||
|
|
7468
|
+
this.widgetData.content.status === 'Live' ||
|
|
7469
|
+
this.widgetData.content.status === 'MarkedForDeletion') {
|
|
7470
|
+
return true;
|
|
7471
|
+
}
|
|
7472
|
+
return false;
|
|
7473
|
+
},
|
|
7474
|
+
enumerable: true,
|
|
7475
|
+
configurable: true
|
|
7476
|
+
});
|
|
7477
|
+
Object.defineProperty(CardsComponent.prototype, "showIntranetContent", {
|
|
7478
|
+
get: /**
|
|
7479
|
+
* @return {?}
|
|
7480
|
+
*/
|
|
7481
|
+
function () {
|
|
7482
|
+
if (this.widgetData.content.isInIntranet && this.utilitySvc.isMobile) {
|
|
7483
|
+
return !this.isIntranetAllowedSettings;
|
|
7484
|
+
}
|
|
7485
|
+
return false;
|
|
7486
|
+
},
|
|
7487
|
+
enumerable: true,
|
|
7488
|
+
configurable: true
|
|
7489
|
+
});
|
|
7490
|
+
/**
|
|
7491
|
+
* @param {?} content
|
|
7492
|
+
* @return {?}
|
|
7493
|
+
*/
|
|
7494
|
+
CardsComponent.prototype.getRedirectUrlData = /**
|
|
7495
|
+
* @param {?} content
|
|
7496
|
+
* @return {?}
|
|
7497
|
+
*/
|
|
7498
|
+
function (content) {
|
|
7499
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
7500
|
+
var urlData;
|
|
7501
|
+
return __generator(this, function (_a) {
|
|
7502
|
+
switch (_a.label) {
|
|
7503
|
+
case 0: return [4 /*yield*/, this.contSvc.getResourseLink(content)];
|
|
7504
|
+
case 1:
|
|
7505
|
+
urlData = _a.sent();
|
|
7506
|
+
this.router.navigate([urlData.url], {
|
|
7507
|
+
queryParams: urlData.queryParams
|
|
7508
|
+
});
|
|
7509
|
+
return [2 /*return*/];
|
|
7510
|
+
}
|
|
7511
|
+
});
|
|
7512
|
+
});
|
|
7513
|
+
};
|
|
7514
|
+
CardsComponent.decorators = [
|
|
7515
|
+
{ type: Component, args: [{
|
|
7516
|
+
selector: 'sb-uic-cards',
|
|
7517
|
+
template: "<div class=\"widget-card-content-new\">\n <ng-container *ngIf=\"widgetData && (((widgetData?.deletedMode || 'none') === 'hide' && !!!isLiveOrMarkForDeletion)\n ? false\n : !((widgetData?.intranetMode || 'none') === 'hide' && !!showIntranetContent))\"\n [ngSwitch]=\"( (widgetData && widgetData?.cardSubType) || 'cardPortraitLib')\">\n <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'user-card'\" [ngTemplateOutlet]=\"cardUser\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-lib-skeleton'\" [ngTemplateOutlet]=\"cardPortraitLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-portrait-lib'\" [ngTemplateOutlet]=\"cardPortraitLib\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-landscape-lib-skeleton'\" [ngTemplateOutlet]=\"cardLandscapeLibSkeleton\"></ng-container>\n <ng-container *ngSwitchCase=\"'card-landscape-lib'\" [ngTemplateOutlet]=\"cardLandscapeLib\"></ng-container>\n </ng-container>\n</div>\n\n<ng-template #cardPortraitLibSkeleton>\n <sb-uic-card-portrait [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardPortraitLib>\n <sb-uic-card-portrait [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-portrait>\n</ng-template>\n<ng-template #cardLandscapeLibSkeleton>\n <sb-uic-card-landscape [widgetData]=\"widgetData\" [isCardLoading]=\"true\"></sb-uic-card-landscape>\n</ng-template>\n<ng-template #cardLandscapeLib>\n <sb-uic-card-landscape [widgetData]=\"widgetData\" [isCardLoading]=\"false\"></sb-uic-card-landscape>\n</ng-template>\n\n\n <ng-template #cardUser>\n <sb-uic-card-user [widgetData]=\"widgetData\"></sb-uic-card-user>\n </ng-template>\n",
|
|
7518
|
+
styles: [""]
|
|
7519
|
+
}] }
|
|
7520
|
+
];
|
|
7521
|
+
/** @nocollapse */
|
|
7522
|
+
CardsComponent.ctorParameters = function () { return [
|
|
7523
|
+
{ type: UtilityService },
|
|
7524
|
+
{ type: ConfigurationsService },
|
|
6552
7525
|
{ type: WidgetContentService },
|
|
6553
7526
|
{ type: Router }
|
|
6554
7527
|
]; };
|
|
@@ -7227,9 +8200,9 @@ var CardUserComponent = /** @class */ (function () {
|
|
|
7227
8200
|
this.events.raiseInteractTelemetry({
|
|
7228
8201
|
type: 'click',
|
|
7229
8202
|
subType: this.widgetType + "-" + this.widgetSubType,
|
|
7230
|
-
id: camelCase(this.widgetData.
|
|
8203
|
+
id: camelCase(this.widgetData.content.userId) + "-card",
|
|
7231
8204
|
}, {
|
|
7232
|
-
id: this.widgetData.
|
|
8205
|
+
id: this.widgetData.content.userId,
|
|
7233
8206
|
// type: this.widgetData.user.primaryCategory,
|
|
7234
8207
|
//context: this.widgetData.context,
|
|
7235
8208
|
rollup: {},
|
|
@@ -7241,8 +8214,8 @@ var CardUserComponent = /** @class */ (function () {
|
|
|
7241
8214
|
CardUserComponent.decorators = [
|
|
7242
8215
|
{ type: Component, args: [{
|
|
7243
8216
|
selector: 'sb-uic-card-user',
|
|
7244
|
-
template: "<mat-card class=\"card-users-container mr-5 padding-remove cursor-pointer\">\n <div class=\"display-contents\">\n <ng-container *ngIf=\"widgetData.
|
|
7245
|
-
styles: [".card-users-container{position:relative;width:
|
|
8217
|
+
template: "<mat-card class=\"user-card card-users-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 style=\"position: relative; z-index: 1;\">\n <ng-container *ngIf=\"widgetData.content.image\">\n <img mat-card-image [src]=\"widgetData.content.image\"\n loading=\"lazy\" class=\"card-img ws-mat-primary-lite-background margin-remove\"\n [wsUtilsDefaultThumbnail]=\"defaultThumbnail\" [alt]=\"widgetData.content.name\" />\n </ng-container>\n <ng-container *ngIf=\"!widgetData.content.image\">\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=\"padding-m\">\n <div class=\"user_widget flex margin-remove\">\n </div>\n <div [id]=\"'m-c-'+ widgetData.content?.userId\"\n class=\"mat-subheading-1 title-text ws-mat-text-block-fade-gradient\">\n {{ widgetData?.content?.name }}\n </div>\n <div class=\"flex w-full flex-wrap flex-middle\">\n <p class=\"whitespace-normal description-text\">\n {{ widgetData?.content?.description }}\n </p>\n </div>\n </div>\n </mat-card-content>\n </ng-container>\n </a>\n </ng-container>\n </div>\n</mat-card>",
|
|
8218
|
+
styles: [".card-users-container{position:relative;width:282px;min-height:281px;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 30px rgba(153,153,153,.2);overflow:hidden;height:281px;margin:16px 8px}.card-users-container .course_logo_box{width:38px;height:38px;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.card-users-container .course_logo_box img{height:28px;width:28px;padding:5px;display:inline-block}.card-users-container .course_logo_box p{display:inline-block;vertical-align:top}.card-users-container .org-text{font-size:12px;font-weight:400;width:75%;padding-left:10px;word-break:break-all;white-space:initial;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.card-users-container mat-card-content{background:#fff}.card-users-container .card-img{min-width:245px;max-height:140px;min-height:140px;display:block;-o-object-fit:fill;object-fit:fill;border-top-left-radius:8px;border-top-right-radius:8px;width:100%}.card-users-container .mat-subheading-1{font:600 14px/24px Montserrat}.card-users-container .complexity{padding-top:70px;display:flex;font-size:14px;line-height:21px;padding-bottom:10px}.card-users-container .complexity .mode-tag{border-radius:5px;order:2;margin-left:auto;color:#fff;font-size:10px}.card-users-container .complexity .duration{display:flex;margin-left:auto;order:3;font-weight:700}.card-users-container .complexity .time-text{margin:0 5px 0 6px;font-weight:700}.card-users-container .basic{margin:auto 0}.card-users-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}.card-users-container .description-text{position:relative;overflow:hidden;height:63px;white-space:normal;text-overflow:ellipsis}.duration-box{background:#000;position:absolute;border:none;display:flex;align-items:center;padding:4px;border-radius:4px}.duration-box.right-corner{right:4px;bottom:4px}.duration-box .mat-icon{vertical-align:middle;color:#fff!important;height:14px!important;width:14px!important;font-size:14px}.duration-box .duration{font:700 12px/16px Lato;display:inline-block;margin:0;padding:0}"]
|
|
7246
8219
|
}] }
|
|
7247
8220
|
];
|
|
7248
8221
|
/** @nocollapse */
|
|
@@ -7946,8 +8919,8 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
7946
8919
|
CompetencyPassbookComponent.decorators = [
|
|
7947
8920
|
{ type: Component, args: [{
|
|
7948
8921
|
selector: 'sb-uic-competency-passbook',
|
|
7949
|
-
template: " <div class=\"competency-title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-center gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" \n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-3 w-full grid-flow-row gap-5\" *ngIf=\"!loadCometency\">\n <div *ngFor=\"let obj of competencyTheme| slice:0:competencyThemeLength\">\n <div class=\"flex-1 flex-col\">\n <div class=\"competency-theme\"></div>\n <div class=\"details flex flex-col\">\n <div class=\"flex flex-col p-4\">\n <div class=\"flex flex-row cursor-pointer\">\n <div class=\"flex flex-row gap-2 items-center\">\n <div class=\"name\">{{allcompetencyTheme[obj?.name]?.name}}</div>\n <!-- <div class=\"flex items-baseline\">\n <img src=\"assets/icons/competency/cp-arrow.svg\" class=\"arrow-img cursor-pointer\" alt=\"cp arrow img\" (click)=\"navigateToCompetency(obj)\" />\n </div> -->\n </div>\n </div>\n <div class=\"flex flex-row pt-3 pb-3 description\">\n {{ allcompetencyTheme[obj.name]?.description }} \n </div>\n <div class=\"flex flex-row gap-3 items-center\">\n <mat-icon class=\"content-icon\">school</mat-icon>\n <div class=\"no-of-contents\">{{obj.count}} Contents</div>\n </div>\n <div class=\"line mt-3 mt-2\"></div>\n <div class=\"flex flex-wrap gap-3 pt-4 chip-container\">\n <ng-container *ngFor=\"let child of allcompetencyTheme[obj.name]?.children| slice:0: allcompetencyTheme[obj.name]?.viewMore ? allcompetencyTheme[obj.name]?.children?.length : 3; let i = index\">\n <div class=\"chip rounded-full p-2 text-xs chip-ellipsis\" [title]=\"child?.name\" >\n {{ child.name }}\n </div>\n </ng-container>\n <div class=\"p-2 info-btn cursor-pointer\"\n *ngIf=\"allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore\" (click)=\"viewMoreChildren(allcompetencyTheme[obj.name])\">\n View more\n </div>\n <div class=\"p-2 info-btn cursor-pointer\"\n *ngIf=\"allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore\" (click)=\"viewMoreChildren(allcompetencyTheme[obj.name])\">\n View less\n </div>\n </div>\n </div> \n </div>\n </div>\n </div>\n</div>\n<ng-container *ngIf=\"competencyTheme.length > 6 && !loadCometency\">\n <div class=\"flex items-center justify-center gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"showAllTheme\" (pillClick)=\"displayAllTheme($event)\"></sb-uic-pills>\n </div>\n</ng-container> \n\n<ng-container *ngIf=\"loadCometency\">\n\n<div class=\"grid grid-cols-1 md:grid-cols-3 w-full grid-flow-row gap-5\">\n <div *ngFor=\"let obj of [0,1,2,3,4,5]\">\n <div class=\"flex-1 flex-col\">\n <div class=\"competency-theme\"></div>\n <div class=\"details flex flex-col\">\n <div class=\"flex flex-col p-4\">\n <div class=\"flex flex-row cursor-pointer\">\n <div class=\"flex flex-row gap-2 items-center w-full\">\n <div class=\"name w-full\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'100%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'80%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n <div class=\"pt-3 pb-3 description\">\n <sb-uic-skeleton-loader class=\"w-full\" [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'100%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-full\" [bindingClass]=\"'flex rounded'\" [width]=\"'80%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex flex-row gap-3 items-center\">\n <mat-icon class=\"content-icon\"><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'24px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader></mat-icon>\n <div class=\"no-of-contents\"><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader></div>\n </div>\n <div class=\"line mt-3 mt-2\"></div>\n <div class=\"flex flex-wrap gap-3 pt-4 chip-container\">\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div> \n </div>\n </div>\n </div>\n</div>\n</ng-container>",
|
|
7950
|
-
styles: [".competencies-backgroud{background-color:#1b2133}.competency-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;color:#fff}.competency-count{color:#f3962f}.filter-button{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}.filter-button.active{background:#1b4ca1}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-background{background:#1b4ca1}.competency-theme{height:16px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f8b861}.details{background-color:#fff;border-radius:12px;position:relative;top:-8px;min-height:278px}.name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;height:42px;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.no-of-contents{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#1b4ca1}.content-icon{color:#1b4ca1}.line{border-top:1px solid #e2dddd}.chip{padding:8px 16px;gap:8px;border-radius:50px;border:1px solid #1b4ca1;color:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;text-align:center}.chip-ellipsis{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.info-btn{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;opacity:.7;padding:12px 5px}.hide{display:none}.behavioral{background-color:#f8b861}.functional{background-color:#e24577}.domain{background-color:#7b47a4}"]
|
|
8922
|
+
template: " <div class=\"competency-title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-center gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" \n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-3 w-full grid-flow-row gap-5\" *ngIf=\"!loadCometency\">\n <div class=\"competency-card\" *ngFor=\"let obj of competencyTheme| slice:0:competencyThemeLength\">\n <div class=\"flex-1 flex-col\">\n <div class=\"competency-theme\"></div>\n <div class=\"details flex flex-col\">\n <div class=\"flex flex-col p-4\">\n <div class=\"flex flex-row cursor-pointer\">\n <div class=\"flex flex-row gap-2 items-center\">\n <div class=\"name\">{{allcompetencyTheme[obj?.name]?.name}}</div>\n <!-- <div class=\"flex items-baseline\">\n <img src=\"assets/icons/competency/cp-arrow.svg\" class=\"arrow-img cursor-pointer\" alt=\"cp arrow img\" (click)=\"navigateToCompetency(obj)\" />\n </div> -->\n </div>\n </div>\n <div class=\"flex flex-row pt-3 pb-3 description\">\n {{ allcompetencyTheme[obj.name]?.description }} \n </div>\n <div class=\"flex flex-row gap-3 items-center\">\n <mat-icon class=\"content-icon\">school</mat-icon>\n <div class=\"no-of-contents\">{{obj.count}} Contents</div>\n </div>\n <div class=\"line mt-3 mt-2\"></div>\n <div class=\"flex flex-wrap gap-3 pt-4 chip-container\">\n <ng-container *ngFor=\"let child of allcompetencyTheme[obj.name]?.children| slice:0: allcompetencyTheme[obj.name]?.viewMore ? allcompetencyTheme[obj.name]?.children?.length : 3; let i = index\">\n <div class=\"chip rounded-full p-2 text-xs chip-ellipsis\" [title]=\"child?.name\" >\n {{ child.name }}\n </div>\n </ng-container>\n <div class=\"p-2 info-btn cursor-pointer\"\n *ngIf=\"allcompetencyTheme[obj.name]?.children.length > 3 && !allcompetencyTheme[obj.name]?.viewMore\" (click)=\"viewMoreChildren(allcompetencyTheme[obj.name])\">\n View more\n </div>\n <div class=\"p-2 info-btn cursor-pointer\"\n *ngIf=\"allcompetencyTheme[obj.name]?.children.length > 3 && allcompetencyTheme[obj.name]?.viewMore\" (click)=\"viewMoreChildren(allcompetencyTheme[obj.name])\">\n View less\n </div>\n </div>\n </div> \n </div>\n </div>\n </div>\n</div>\n<ng-container *ngIf=\"competencyTheme.length > 6 && !loadCometency\">\n <div class=\"flex items-center justify-center gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"showAllTheme\" (pillClick)=\"displayAllTheme($event)\"></sb-uic-pills>\n </div>\n</ng-container> \n\n<ng-container *ngIf=\"loadCometency\">\n\n<div class=\"grid grid-cols-1 md:grid-cols-3 w-full grid-flow-row gap-5\">\n <div *ngFor=\"let obj of [0,1,2,3,4,5]\">\n <div class=\"flex-1 flex-col\">\n <div class=\"competency-theme\"></div>\n <div class=\"details flex flex-col\">\n <div class=\"flex flex-col p-4\">\n <div class=\"flex flex-row cursor-pointer\">\n <div class=\"flex flex-row gap-2 items-center w-full\">\n <div class=\"name w-full\">\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'100%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader [bindingClass]=\"'flex rounded'\" [width]=\"'80%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div>\n </div>\n <div class=\"pt-3 pb-3 description\">\n <sb-uic-skeleton-loader class=\"w-full\" [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'100%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-full\" [bindingClass]=\"'flex rounded'\" [width]=\"'80%'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n <div class=\"flex flex-row gap-3 items-center\">\n <mat-icon class=\"content-icon\"><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded mb-2'\" [width]=\"'24px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader></mat-icon>\n <div class=\"no-of-contents\"><sb-uic-skeleton-loader [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader></div>\n </div>\n <div class=\"line mt-3 mt-2\"></div>\n <div class=\"flex flex-wrap gap-3 pt-4 chip-container\">\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n <sb-uic-skeleton-loader class=\"w-2/5\" [bindingClass]=\"'flex rounded '\" [width]=\"'100px'\"\n [height]=\"'24px'\"></sb-uic-skeleton-loader>\n </div>\n </div> \n </div>\n </div>\n </div>\n</div>\n</ng-container>",
|
|
8923
|
+
styles: [".competencies-backgroud{background-color:#1b2133}.competency-title{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left;color:#fff}.competency-count{color:#f3962f}.filter-button{padding:12px 16px;border-radius:50px;border:1px solid #fff;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;background-color:transparent;color:#fff;cursor:pointer}.filter-button.active{background:#1b4ca1}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-background{background:#1b4ca1}.competency-theme{height:16px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#f8b861}.details{background-color:#fff;border-radius:12px;position:relative;top:-8px;min-height:278px}.name{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;height:42px;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.no-of-contents{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;color:#1b4ca1}.content-icon{color:#1b4ca1}.line{border-top:1px solid #e2dddd}.chip{padding:8px 16px;gap:8px;border-radius:50px;border:1px solid #1b4ca1;color:#1b4ca1;font-family:Lato;font-size:14px;font-weight:700;text-align:center}.chip-ellipsis{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.info-btn{font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;text-align:center;opacity:.7;padding:12px 5px}.hide{display:none}.behavioral{background-color:#f8b861}.functional{background-color:#e24577}.domain{background-color:#7b47a4}.competency-card{z-index:999}"]
|
|
7951
8924
|
}] }
|
|
7952
8925
|
];
|
|
7953
8926
|
/** @nocollapse */
|
|
@@ -8032,7 +9005,7 @@ var PillsComponent = /** @class */ (function () {
|
|
|
8032
9005
|
PillsComponent.decorators = [
|
|
8033
9006
|
{ type: Component, args: [{
|
|
8034
9007
|
selector: 'sb-uic-pills',
|
|
8035
|
-
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>{{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",
|
|
9008
|
+
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",
|
|
8036
9009
|
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}"]
|
|
8037
9010
|
}] }
|
|
8038
9011
|
];
|
|
@@ -8102,75 +9075,6 @@ var CompetencyPassbookModule = /** @class */ (function () {
|
|
|
8102
9075
|
return CompetencyPassbookModule;
|
|
8103
9076
|
}());
|
|
8104
9077
|
|
|
8105
|
-
/**
|
|
8106
|
-
* @fileoverview added by tsickle
|
|
8107
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
8108
|
-
*/
|
|
8109
|
-
var CommonMethodsService = /** @class */ (function () {
|
|
8110
|
-
function CommonMethodsService() {
|
|
8111
|
-
}
|
|
8112
|
-
/**
|
|
8113
|
-
* @param {?} contents
|
|
8114
|
-
* @param {?} strip
|
|
8115
|
-
* @return {?}
|
|
8116
|
-
*/
|
|
8117
|
-
CommonMethodsService.prototype.transformContentsToWidgets = /**
|
|
8118
|
-
* @param {?} contents
|
|
8119
|
-
* @param {?} strip
|
|
8120
|
-
* @return {?}
|
|
8121
|
-
*/
|
|
8122
|
-
function (contents, strip) {
|
|
8123
|
-
return (contents || []).map((/**
|
|
8124
|
-
* @param {?} content
|
|
8125
|
-
* @param {?} idx
|
|
8126
|
-
* @return {?}
|
|
8127
|
-
*/
|
|
8128
|
-
function (content, idx) { return (content ? {
|
|
8129
|
-
widgetType: 'cardLib',
|
|
8130
|
-
widgetSubType: 'cardContentLib',
|
|
8131
|
-
widgetHostClass: 'mb-2',
|
|
8132
|
-
widgetData: __assign({ content: content }, (content.batch && { batch: content.batch }), { cardSubType: strip.stripConfig && strip.stripConfig.cardSubType, cardCustomeClass: strip.customeClass ? strip.customeClass : '', context: { pageSection: strip.key, position: idx }, intranetMode: strip.stripConfig && strip.stripConfig.intranetMode, deletedMode: strip.stripConfig && strip.stripConfig.deletedMode, contentTags: strip.stripConfig && strip.stripConfig.contentTags }),
|
|
8133
|
-
} : {
|
|
8134
|
-
widgetType: 'card',
|
|
8135
|
-
widgetSubType: 'cardContent',
|
|
8136
|
-
widgetHostClass: 'mb-2',
|
|
8137
|
-
widgetData: {},
|
|
8138
|
-
}); }));
|
|
8139
|
-
};
|
|
8140
|
-
/**
|
|
8141
|
-
* @param {?} strip
|
|
8142
|
-
* @return {?}
|
|
8143
|
-
*/
|
|
8144
|
-
CommonMethodsService.prototype.transformSkeletonToWidgets = /**
|
|
8145
|
-
* @param {?} strip
|
|
8146
|
-
* @return {?}
|
|
8147
|
-
*/
|
|
8148
|
-
function (strip) {
|
|
8149
|
-
return [1, 2, 3, 4, 5, 6, 7, 7, 8, 9, 10].map((/**
|
|
8150
|
-
* @param {?} _content
|
|
8151
|
-
* @return {?}
|
|
8152
|
-
*/
|
|
8153
|
-
function (_content) { return ({
|
|
8154
|
-
widgetType: 'cardLib',
|
|
8155
|
-
widgetSubType: 'cardContentLib',
|
|
8156
|
-
widgetHostClass: 'mb-2',
|
|
8157
|
-
widgetData: {
|
|
8158
|
-
cardSubType: strip.loaderConfig && strip.loaderConfig.cardSubType || 'card-standard-skeleton',
|
|
8159
|
-
cardCustomeClass: strip.customeClass ? strip.customeClass : '',
|
|
8160
|
-
},
|
|
8161
|
-
}); }));
|
|
8162
|
-
};
|
|
8163
|
-
CommonMethodsService.decorators = [
|
|
8164
|
-
{ type: Injectable, args: [{
|
|
8165
|
-
providedIn: 'root'
|
|
8166
|
-
},] }
|
|
8167
|
-
];
|
|
8168
|
-
/** @nocollapse */
|
|
8169
|
-
CommonMethodsService.ctorParameters = function () { return []; };
|
|
8170
|
-
/** @nocollapse */ CommonMethodsService.ngInjectableDef = ɵɵdefineInjectable({ factory: function CommonMethodsService_Factory() { return new CommonMethodsService(); }, token: CommonMethodsService, providedIn: "root" });
|
|
8171
|
-
return CommonMethodsService;
|
|
8172
|
-
}());
|
|
8173
|
-
|
|
8174
9078
|
/**
|
|
8175
9079
|
* @fileoverview added by tsickle
|
|
8176
9080
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -8181,5 +9085,5 @@ var CommonMethodsService = /** @class */ (function () {
|
|
|
8181
9085
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
8182
9086
|
*/
|
|
8183
9087
|
|
|
8184
|
-
export { CardsModule, CommonMethodsService, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, ContentStripWithTabsLibComponent as ɵa, WidgetContentService as ɵb,
|
|
9088
|
+
export { CalenderModule, CardsModule, CommonMethodsService, CommonStripModule, CompetencyPassbookModule, ConsumptionComponent, ConsumptionModule, ConsumptionService, ContentStripWithTabsLibModule, DataPointsModule, HttpLoaderFactory, MyHammerConfig, ROOT_WIDGET_CONFIG, SlidersLibModule, WIDGET_REGISTERED_LIB_MODULES, WIDGET_REGISTRATION_LIB_CONFIG, ContentStripWithTabsLibComponent as ɵa, WidgetContentService as ɵb, DisplayContentTypeLibComponent as ɵba, DefaultThumbnailModule as ɵbb, DefaultThumbnailDirective as ɵbc, PipeDurationTransformModule as ɵbd, PipeDurationTransformPipe as ɵbe, CompetencyPassbookComponent as ɵbf, CompetencyPassbookService as ɵbg, PillsModule as ɵbh, PillsComponent as ɵbi, 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, CommonStripComponent as ɵr, CardResourceComponent as ɵs, CardsComponent as ɵt, CardPortraitComponent as ɵu, CardUserComponent as ɵv, CardLandscapeComponent as ɵw, PipePublicURLModule as ɵx, PipePublicURL as ɵy, DisplayContentTypeLibModule as ɵz };
|
|
8185
9089
|
//# sourceMappingURL=sunbird-cb-consumption.js.map
|