@sunbird-cb/consumption 0.0.80 → 0.0.82
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 +89 -53
- package/bundles/sunbird-cb-consumption.umd.js.map +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js +1 -1
- package/bundles/sunbird-cb-consumption.umd.min.js.map +1 -1
- package/esm2015/lib/_common/competency-passbook/competency-passbook.component.js +26 -20
- package/esm2015/lib/_common/competency-passbook/competency-passbook.service.js +8 -1
- package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.js +20 -11
- package/esm2015/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.js +8 -1
- package/esm2015/lib/_common/microsites/providers/providers-v2/providers-v2.component.js +3 -3
- package/esm2015/lib/_models/compentencies.model.js +25 -0
- package/esm5/lib/_common/competency-passbook/competency-passbook.component.js +52 -44
- package/esm5/lib/_common/competency-passbook/competency-passbook.service.js +11 -1
- package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.js +19 -11
- package/esm5/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.js +11 -1
- package/esm5/lib/_common/microsites/providers/providers-v2/providers-v2.component.js +3 -3
- package/esm5/lib/_models/compentencies.model.js +25 -0
- package/fesm2015/sunbird-cb-consumption.js +58 -29
- package/fesm2015/sunbird-cb-consumption.js.map +1 -1
- package/fesm5/sunbird-cb-consumption.js +89 -53
- package/fesm5/sunbird-cb-consumption.js.map +1 -1
- package/lib/_common/competency-passbook/competency-passbook.component.d.ts +4 -1
- package/lib/_common/competency-passbook/competency-passbook.service.d.ts +1 -0
- package/lib/_common/competency-passbook-mdo/competency-passbook-mdo.component.d.ts +4 -1
- package/lib/_common/competency-passbook-mdo/competency-passbook-mdo.service.d.ts +1 -0
- package/lib/_models/compentencies.model.d.ts +9 -0
- package/package.json +2 -2
- package/sunbird-cb-consumption.metadata.json +1 -1
|
@@ -15479,6 +15479,7 @@ var ContentStripWithTabsPillsModule = /** @class */ (function () {
|
|
|
15479
15479
|
/** @type {?} */
|
|
15480
15480
|
var API_POINTS = {
|
|
15481
15481
|
COMPETENCY_LIST: "apis/proxies/v8/competency/v4/search",
|
|
15482
|
+
COMPETENCY_LIST_V2: "apis/proxies/v8/searchBy/v2/competency",
|
|
15482
15483
|
CERTIFICATE_URL: "apis/protected/v8/cohorts/course/batch/cert/download/",
|
|
15483
15484
|
};
|
|
15484
15485
|
var CompetencyPassbookService = /** @class */ (function () {
|
|
@@ -15497,6 +15498,15 @@ var CompetencyPassbookService = /** @class */ (function () {
|
|
|
15497
15498
|
function (payload) {
|
|
15498
15499
|
return this.http.post(API_POINTS.COMPETENCY_LIST, payload);
|
|
15499
15500
|
};
|
|
15501
|
+
/**
|
|
15502
|
+
* @return {?}
|
|
15503
|
+
*/
|
|
15504
|
+
CompetencyPassbookService.prototype.getCompetencyListv_V2 = /**
|
|
15505
|
+
* @return {?}
|
|
15506
|
+
*/
|
|
15507
|
+
function () {
|
|
15508
|
+
return this.http.get(API_POINTS.COMPETENCY_LIST_V2);
|
|
15509
|
+
};
|
|
15500
15510
|
/**
|
|
15501
15511
|
* @param {?} certId
|
|
15502
15512
|
* @return {?}
|
|
@@ -15535,7 +15545,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15535
15545
|
// currentFilter = 'Behavioural'
|
|
15536
15546
|
// currentCompetencies: any = []
|
|
15537
15547
|
// competencyData: any
|
|
15538
|
-
function CompetencyPassbookComponent(configSvc, contentSvc, competencySvc, router) {
|
|
15548
|
+
function CompetencyPassbookComponent(configSvc, contentSvc, competencySvc, router, environment) {
|
|
15539
15549
|
this.configSvc = configSvc;
|
|
15540
15550
|
this.contentSvc = contentSvc;
|
|
15541
15551
|
this.competencySvc = competencySvc;
|
|
@@ -15552,6 +15562,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15552
15562
|
this.competencyStrength = 0;
|
|
15553
15563
|
this.competencyThemeLength = 6;
|
|
15554
15564
|
this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
15565
|
+
this.environment = environment;
|
|
15555
15566
|
}
|
|
15556
15567
|
/**
|
|
15557
15568
|
* @return {?}
|
|
@@ -15560,6 +15571,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15560
15571
|
* @return {?}
|
|
15561
15572
|
*/
|
|
15562
15573
|
function () {
|
|
15574
|
+
this.comeptencyKeys = this.configSvc.compentency[this.environment.compentencyVersionKey];
|
|
15563
15575
|
this.getAllCompetencies();
|
|
15564
15576
|
// this.competencyData = this.objectData
|
|
15565
15577
|
// this.filter(this.currentFilter)
|
|
@@ -15622,7 +15634,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15622
15634
|
"lastUpdatedOn": "desc"
|
|
15623
15635
|
},
|
|
15624
15636
|
"facets": [
|
|
15625
|
-
"
|
|
15637
|
+
this.environment.compentencyVersionKey + "." + this.comeptencyKeys.vCompetencyArea
|
|
15626
15638
|
],
|
|
15627
15639
|
"limit": 0,
|
|
15628
15640
|
"offset": 0,
|
|
@@ -15643,7 +15655,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15643
15655
|
* @return {?}
|
|
15644
15656
|
*/
|
|
15645
15657
|
function (fact) {
|
|
15646
|
-
if (fact.name ===
|
|
15658
|
+
if (fact.name === _this.environment.compentencyVersionKey + "." + _this.comeptencyKeys.vCompetencyArea) {
|
|
15647
15659
|
_this.competencyArea = fact.values;
|
|
15648
15660
|
}
|
|
15649
15661
|
}));
|
|
@@ -15762,18 +15774,16 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15762
15774
|
function () {
|
|
15763
15775
|
var _this = this;
|
|
15764
15776
|
this.loadCometency = true;
|
|
15765
|
-
/**
|
|
15766
|
-
var request = { "search": { "type": "Competency Area" }, "filter": { "isDetail": true } };
|
|
15767
|
-
this.competencySvc.getCompetencyList(request).subscribe((/**
|
|
15777
|
+
this.competencySvc.getCompetencyListv_V2().subscribe((/**
|
|
15768
15778
|
* @param {?} response
|
|
15769
15779
|
* @return {?}
|
|
15770
15780
|
*/
|
|
15771
15781
|
function (response) {
|
|
15772
15782
|
_this.allcompetencyTheme = {};
|
|
15773
|
-
if (response && response.result && response.result.
|
|
15774
|
-
_this.originalCompetencyArray = response.result.
|
|
15783
|
+
if (response && response.result && response.result.content) {
|
|
15784
|
+
_this.originalCompetencyArray = response.result.content;
|
|
15775
15785
|
_this.getCompetencyArea();
|
|
15776
|
-
response.result.
|
|
15786
|
+
response.result.content.forEach((/**
|
|
15777
15787
|
* @param {?} element
|
|
15778
15788
|
* @return {?}
|
|
15779
15789
|
*/
|
|
@@ -15806,34 +15816,35 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15806
15816
|
function (value, addFilter) {
|
|
15807
15817
|
return __awaiter(this, void 0, void 0, function () {
|
|
15808
15818
|
var request, response, competencyThemeData_1, error_2;
|
|
15819
|
+
var _a;
|
|
15809
15820
|
var _this = this;
|
|
15810
|
-
return __generator(this, function (
|
|
15811
|
-
switch (
|
|
15821
|
+
return __generator(this, function (_b) {
|
|
15822
|
+
switch (_b.label) {
|
|
15812
15823
|
case 0:
|
|
15813
15824
|
request = {
|
|
15814
15825
|
"request": {
|
|
15815
15826
|
"query": "",
|
|
15816
|
-
"filters": __assign({ "contentType": "Course" }, addFilter, { "
|
|
15817
|
-
|
|
15818
|
-
|
|
15827
|
+
"filters": __assign({ "contentType": "Course" }, addFilter, (_a = {}, _a[this.environment.compentencyVersionKey + "." + this.comeptencyKeys.vCompetencyArea] = value, _a["status"] = [
|
|
15828
|
+
"Live"
|
|
15829
|
+
], _a)),
|
|
15819
15830
|
"sort_by": {
|
|
15820
15831
|
"lastUpdatedOn": "desc"
|
|
15821
15832
|
},
|
|
15822
15833
|
"facets": [
|
|
15823
|
-
"
|
|
15834
|
+
this.environment.compentencyVersionKey + "." + this.comeptencyKeys.vCompetencyTheme
|
|
15824
15835
|
],
|
|
15825
15836
|
"limit": 0,
|
|
15826
15837
|
"offset": 0,
|
|
15827
15838
|
"fields": []
|
|
15828
15839
|
}
|
|
15829
15840
|
};
|
|
15830
|
-
|
|
15841
|
+
_b.label = 1;
|
|
15831
15842
|
case 1:
|
|
15832
|
-
|
|
15843
|
+
_b.trys.push([1, 3, , 4]);
|
|
15833
15844
|
this.loadCometency = true;
|
|
15834
15845
|
return [4 /*yield*/, this.callCompetencySearch(request)];
|
|
15835
15846
|
case 2:
|
|
15836
|
-
response =
|
|
15847
|
+
response = _b.sent();
|
|
15837
15848
|
if (response && response.results) {
|
|
15838
15849
|
if (response.results.result.facets) {
|
|
15839
15850
|
competencyThemeData_1 = response.results.result.facets[0].values;
|
|
@@ -15864,7 +15875,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15864
15875
|
}
|
|
15865
15876
|
return [3 /*break*/, 4];
|
|
15866
15877
|
case 3:
|
|
15867
|
-
error_2 =
|
|
15878
|
+
error_2 = _b.sent();
|
|
15868
15879
|
return [3 /*break*/, 4];
|
|
15869
15880
|
case 4: return [2 /*return*/];
|
|
15870
15881
|
}
|
|
@@ -15928,34 +15939,35 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15928
15939
|
function (area, addFilter) {
|
|
15929
15940
|
return __awaiter(this, void 0, void 0, function () {
|
|
15930
15941
|
var request, returnedData_1, response, competencyThemeData_2, error_3;
|
|
15942
|
+
var _a;
|
|
15931
15943
|
var _this = this;
|
|
15932
|
-
return __generator(this, function (
|
|
15933
|
-
switch (
|
|
15944
|
+
return __generator(this, function (_b) {
|
|
15945
|
+
switch (_b.label) {
|
|
15934
15946
|
case 0:
|
|
15935
15947
|
request = {
|
|
15936
15948
|
"request": {
|
|
15937
15949
|
"query": "",
|
|
15938
|
-
"filters": __assign({ "contentType": "Course" }, addFilter, { "
|
|
15939
|
-
|
|
15940
|
-
|
|
15950
|
+
"filters": __assign({ "contentType": "Course" }, addFilter, (_a = {}, _a[this.environment.compentencyVersionKey + "." + this.comeptencyKeys.vCompetencyArea] = area.name, _a["status"] = [
|
|
15951
|
+
"Live"
|
|
15952
|
+
], _a)),
|
|
15941
15953
|
"sort_by": {
|
|
15942
15954
|
"lastUpdatedOn": "desc"
|
|
15943
15955
|
},
|
|
15944
15956
|
"facets": [
|
|
15945
|
-
"
|
|
15957
|
+
this.environment.compentencyVersionKey + "." + this.comeptencyKeys.vCompetencyTheme
|
|
15946
15958
|
],
|
|
15947
15959
|
"limit": 0,
|
|
15948
15960
|
"offset": 0,
|
|
15949
15961
|
"fields": []
|
|
15950
15962
|
}
|
|
15951
15963
|
};
|
|
15952
|
-
|
|
15964
|
+
_b.label = 1;
|
|
15953
15965
|
case 1:
|
|
15954
|
-
|
|
15966
|
+
_b.trys.push([1, 3, , 4]);
|
|
15955
15967
|
returnedData_1 = this.loadCometency = true;
|
|
15956
15968
|
return [4 /*yield*/, this.callCompetencySearch(request)];
|
|
15957
15969
|
case 2:
|
|
15958
|
-
response =
|
|
15970
|
+
response = _b.sent();
|
|
15959
15971
|
if (response && response.results) {
|
|
15960
15972
|
if (response.results.result.facets) {
|
|
15961
15973
|
competencyThemeData_2 = response.results.result.facets[0].values;
|
|
@@ -15986,7 +15998,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
15986
15998
|
}
|
|
15987
15999
|
return [3 /*break*/, 4];
|
|
15988
16000
|
case 3:
|
|
15989
|
-
error_3 =
|
|
16001
|
+
error_3 = _b.sent();
|
|
15990
16002
|
return [3 /*break*/, 4];
|
|
15991
16003
|
case 4: return [2 /*return*/];
|
|
15992
16004
|
}
|
|
@@ -16059,34 +16071,35 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
16059
16071
|
function (compArea, addFilter) {
|
|
16060
16072
|
return __awaiter(this, void 0, void 0, function () {
|
|
16061
16073
|
var request, response, competencySubThemeData_1, error_4;
|
|
16074
|
+
var _a;
|
|
16062
16075
|
var _this = this;
|
|
16063
|
-
return __generator(this, function (
|
|
16064
|
-
switch (
|
|
16076
|
+
return __generator(this, function (_b) {
|
|
16077
|
+
switch (_b.label) {
|
|
16065
16078
|
case 0:
|
|
16066
16079
|
request = {
|
|
16067
16080
|
"request": {
|
|
16068
16081
|
"query": "",
|
|
16069
|
-
"filters": __assign({ "contentType": "Course" }, addFilter, { "
|
|
16070
|
-
|
|
16071
|
-
|
|
16082
|
+
"filters": __assign({ "contentType": "Course" }, addFilter, (_a = {}, _a[this.environment.compentencyVersionKey + "." + this.comeptencyKeys.vCompetencyArea] = compArea.name, _a["status"] = [
|
|
16083
|
+
"Live"
|
|
16084
|
+
], _a)),
|
|
16072
16085
|
"sort_by": {
|
|
16073
16086
|
"lastUpdatedOn": "desc"
|
|
16074
16087
|
},
|
|
16075
16088
|
"facets": [
|
|
16076
|
-
"
|
|
16089
|
+
this.environment.compentencyVersionKey + "." + this.comeptencyKeys.vCompetencySubTheme
|
|
16077
16090
|
],
|
|
16078
16091
|
"limit": 0,
|
|
16079
16092
|
"offset": 0,
|
|
16080
16093
|
"fields": []
|
|
16081
16094
|
}
|
|
16082
16095
|
};
|
|
16083
|
-
|
|
16096
|
+
_b.label = 1;
|
|
16084
16097
|
case 1:
|
|
16085
|
-
|
|
16098
|
+
_b.trys.push([1, 3, , 4]);
|
|
16086
16099
|
this.loadCometency = true;
|
|
16087
16100
|
return [4 /*yield*/, this.callCompetencySearch(request)];
|
|
16088
16101
|
case 2:
|
|
16089
|
-
response =
|
|
16102
|
+
response = _b.sent();
|
|
16090
16103
|
if (response && response.results) {
|
|
16091
16104
|
if (response.results.result.facets) {
|
|
16092
16105
|
competencySubThemeData_1 = response.results.result.facets[0].values;
|
|
@@ -16119,7 +16132,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
16119
16132
|
* @param {?} key
|
|
16120
16133
|
* @return {?}
|
|
16121
16134
|
*/
|
|
16122
|
-
function (key) { return obj1['
|
|
16135
|
+
function (key) { return obj1['name'] === (obj2['name']); }));
|
|
16123
16136
|
}));
|
|
16124
16137
|
}));
|
|
16125
16138
|
_this.allcompetencyTheme[themeEle.name.toLowerCase()]['children'] = data;
|
|
@@ -16132,7 +16145,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
16132
16145
|
}
|
|
16133
16146
|
return [3 /*break*/, 4];
|
|
16134
16147
|
case 3:
|
|
16135
|
-
error_4 =
|
|
16148
|
+
error_4 = _b.sent();
|
|
16136
16149
|
return [3 /*break*/, 4];
|
|
16137
16150
|
case 4: return [2 /*return*/];
|
|
16138
16151
|
}
|
|
@@ -16142,7 +16155,7 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
16142
16155
|
CompetencyPassbookComponent.decorators = [
|
|
16143
16156
|
{ type: Component, args: [{
|
|
16144
16157
|
selector: 'sb-uic-competency-passbook',
|
|
16145
|
-
template: " <div class=\"competency-title\" *ngIf=\"objectData?.title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" [dynamicColor]=\"dynamicColor\"\n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} 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]?.
|
|
16158
|
+
template: " <div class=\"competency-title\" *ngIf=\"objectData?.title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" [dynamicColor]=\"dynamicColor\"\n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} 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]?.displayName}}</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\" *ngIf=\"obj.count === 1\">{{obj.count}} Content</div>\n <div class=\"no-of-contents\" *ngIf=\"obj.count !== 1\">{{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?.displayName\" >\n {{ child?.displayName }}\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\" [requiredTitlecase]=\"false\" [dynamicColor]=\"dynamicColor\" (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-{{cardDisplayCount}} 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>",
|
|
16146
16159
|
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}"]
|
|
16147
16160
|
}] }
|
|
16148
16161
|
];
|
|
@@ -16151,7 +16164,8 @@ var CompetencyPassbookComponent = /** @class */ (function () {
|
|
|
16151
16164
|
{ type: ConfigurationsService$1 },
|
|
16152
16165
|
{ type: WidgetContentService },
|
|
16153
16166
|
{ type: CompetencyPassbookService },
|
|
16154
|
-
{ type: Router }
|
|
16167
|
+
{ type: Router },
|
|
16168
|
+
{ type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
|
|
16155
16169
|
]; };
|
|
16156
16170
|
CompetencyPassbookComponent.propDecorators = {
|
|
16157
16171
|
objectData: [{ type: Input }],
|
|
@@ -16205,6 +16219,10 @@ if (false) {
|
|
|
16205
16219
|
/** @type {?} */
|
|
16206
16220
|
CompetencyPassbookComponent.prototype.showAllTheme;
|
|
16207
16221
|
/** @type {?} */
|
|
16222
|
+
CompetencyPassbookComponent.prototype.environment;
|
|
16223
|
+
/** @type {?} */
|
|
16224
|
+
CompetencyPassbookComponent.prototype.comeptencyKeys;
|
|
16225
|
+
/** @type {?} */
|
|
16208
16226
|
CompetencyPassbookComponent.prototype.configSvc;
|
|
16209
16227
|
/** @type {?} */
|
|
16210
16228
|
CompetencyPassbookComponent.prototype.contentSvc;
|
|
@@ -16335,6 +16353,7 @@ var CompetencyPassbookModule = /** @class */ (function () {
|
|
|
16335
16353
|
var API_POINTS$1 = {
|
|
16336
16354
|
COMPETENCY_LIST: "apis/proxies/v8/competency/v4/search",
|
|
16337
16355
|
competency_URL: "apis/proxies/v8/v1/search/competenciesByOrg/",
|
|
16356
|
+
COMPETENCY_LIST_V2: "apis/proxies/v8/searchBy/v2/competency",
|
|
16338
16357
|
};
|
|
16339
16358
|
var CompetencyPassbookMdoService = /** @class */ (function () {
|
|
16340
16359
|
// tslint: disable-next-line: whitespace
|
|
@@ -16352,6 +16371,15 @@ var CompetencyPassbookMdoService = /** @class */ (function () {
|
|
|
16352
16371
|
function (payload) {
|
|
16353
16372
|
return this.http.post(API_POINTS$1.COMPETENCY_LIST, payload);
|
|
16354
16373
|
};
|
|
16374
|
+
/**
|
|
16375
|
+
* @return {?}
|
|
16376
|
+
*/
|
|
16377
|
+
CompetencyPassbookMdoService.prototype.getCompetencyListv_V2 = /**
|
|
16378
|
+
* @return {?}
|
|
16379
|
+
*/
|
|
16380
|
+
function () {
|
|
16381
|
+
return this.http.get(API_POINTS$1.COMPETENCY_LIST_V2);
|
|
16382
|
+
};
|
|
16355
16383
|
/**
|
|
16356
16384
|
* @param {?} providerId
|
|
16357
16385
|
* @return {?}
|
|
@@ -16390,7 +16418,7 @@ var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
|
16390
16418
|
// currentFilter = 'Behavioural'
|
|
16391
16419
|
// currentCompetencies: any = []
|
|
16392
16420
|
// competencyData: any
|
|
16393
|
-
function CompetencyPassbookMdoComponent(configSvc, contentSvc, competencySvc, router) {
|
|
16421
|
+
function CompetencyPassbookMdoComponent(configSvc, contentSvc, competencySvc, router, environment) {
|
|
16394
16422
|
this.configSvc = configSvc;
|
|
16395
16423
|
this.contentSvc = contentSvc;
|
|
16396
16424
|
this.competencySvc = competencySvc;
|
|
@@ -16401,12 +16429,14 @@ var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
|
16401
16429
|
this.temeletryResponse = new EventEmitter();
|
|
16402
16430
|
this.loadCometency = false;
|
|
16403
16431
|
this.loadCompetencyArea = false;
|
|
16432
|
+
this.selectedValue = 'functional';
|
|
16404
16433
|
this.competencyVersion = '';
|
|
16405
16434
|
this.competencyTheme = [];
|
|
16406
16435
|
this.allcompetencyTheme = {};
|
|
16407
16436
|
this.competencyStrength = 0;
|
|
16408
16437
|
this.competencyThemeLength = 6;
|
|
16409
16438
|
this.showAllTheme = [{ name: 'Show all', showAll: false }];
|
|
16439
|
+
this.environment = environment;
|
|
16410
16440
|
}
|
|
16411
16441
|
/**
|
|
16412
16442
|
* @return {?}
|
|
@@ -16415,6 +16445,7 @@ var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
|
16415
16445
|
* @return {?}
|
|
16416
16446
|
*/
|
|
16417
16447
|
function () {
|
|
16448
|
+
this.comeptencyKeys = this.configSvc.compentency[this.environment.compentencyVersionKey];
|
|
16418
16449
|
this.getAllCompetencies();
|
|
16419
16450
|
};
|
|
16420
16451
|
/**
|
|
@@ -16428,17 +16459,17 @@ var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
|
16428
16459
|
this.loadCometency = true;
|
|
16429
16460
|
/** @type {?} */
|
|
16430
16461
|
var request = { "search": { "type": "Competency Area" }, "filter": { "isDetail": true } };
|
|
16431
|
-
this.competencySvc.
|
|
16462
|
+
this.competencySvc.getCompetencyListv_V2().subscribe((/**
|
|
16432
16463
|
* @param {?} response
|
|
16433
16464
|
* @return {?}
|
|
16434
16465
|
*/
|
|
16435
16466
|
function (response) {
|
|
16436
16467
|
_this.allcompetencyTheme = {};
|
|
16437
|
-
if (response && response.result && response.result.
|
|
16438
|
-
_this.originalCompetencyArray = response.result.
|
|
16468
|
+
if (response && response.result && response.result.content) {
|
|
16469
|
+
_this.originalCompetencyArray = response.result.content;
|
|
16439
16470
|
_this.getMdoCompetencies();
|
|
16440
16471
|
// this.getCompetencyArea()
|
|
16441
|
-
response.result.
|
|
16472
|
+
response.result.content.forEach((/**
|
|
16442
16473
|
* @param {?} element
|
|
16443
16474
|
* @return {?}
|
|
16444
16475
|
*/
|
|
@@ -16484,11 +16515,11 @@ var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
|
16484
16515
|
* @return {?}
|
|
16485
16516
|
*/
|
|
16486
16517
|
function (facet) {
|
|
16487
|
-
if (facet.name ===
|
|
16518
|
+
if (facet.name === _this.environment.compentencyVersionKey + "." + _this.comeptencyKeys.vCompetencyArea) {
|
|
16488
16519
|
_this.competencyArea = facet.values;
|
|
16489
16520
|
_this.selectedValue = facet.values[0].name;
|
|
16490
16521
|
}
|
|
16491
|
-
else if (facet.name ===
|
|
16522
|
+
else if (facet.name === _this.environment.compentencyVersionKey + "." + _this.comeptencyKeys.vCompetencyTheme) {
|
|
16492
16523
|
_this.competencyThemeData = facet.values;
|
|
16493
16524
|
_this.getCompetencyTheme();
|
|
16494
16525
|
}
|
|
@@ -16683,7 +16714,7 @@ var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
|
16683
16714
|
CompetencyPassbookMdoComponent.decorators = [
|
|
16684
16715
|
{ type: Component, args: [{
|
|
16685
16716
|
selector: 'sb-uic-competency-passbook-mdo',
|
|
16686
|
-
template: "<div class=\"competency-title\" *ngIf=\"objectData?.title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" [dynamicColor]=\"dynamicColor\"\n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} 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]?.
|
|
16717
|
+
template: "<div class=\"competency-title\" *ngIf=\"objectData?.title\">{{objectData?.title}} \n <span class=\"competency-count\">\n ({{competencyStrength}})\n </span>\n</div>\n<div class=\"flex items-center justify-{{dynamicAlignPills}} gap-8 mt-5 mb-5 competency-filters\">\n <sb-uic-pills [pillsData]=\"competencyArea\" [dynamicColor]=\"dynamicColor\"\n [isLoading]=\"loadCompetencyArea\" (pillClick)=\"competencyChange($event)\" [selectedValue]=\"selectedValue\"></sb-uic-pills>\n</div>\n<div class=\"grid grid-cols-1 md:grid-cols-{{cardDisplayCount}} 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]?.displayName}}</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?.displayName\" >\n {{ child?.displayName }}\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\" [requiredTitlecase]=\"false\" [dynamicColor]=\"dynamicColor\" (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-{{cardDisplayCount}} 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>",
|
|
16687
16718
|
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}"]
|
|
16688
16719
|
}] }
|
|
16689
16720
|
];
|
|
@@ -16692,7 +16723,8 @@ var CompetencyPassbookMdoComponent = /** @class */ (function () {
|
|
|
16692
16723
|
{ type: ConfigurationsService$1 },
|
|
16693
16724
|
{ type: WidgetContentService },
|
|
16694
16725
|
{ type: CompetencyPassbookMdoService },
|
|
16695
|
-
{ type: Router }
|
|
16726
|
+
{ type: Router },
|
|
16727
|
+
{ type: undefined, decorators: [{ type: Inject, args: ['environment',] }] }
|
|
16696
16728
|
]; };
|
|
16697
16729
|
CompetencyPassbookMdoComponent.propDecorators = {
|
|
16698
16730
|
objectData: [{ type: Input }],
|
|
@@ -16748,6 +16780,10 @@ if (false) {
|
|
|
16748
16780
|
/** @type {?} */
|
|
16749
16781
|
CompetencyPassbookMdoComponent.prototype.showAllTheme;
|
|
16750
16782
|
/** @type {?} */
|
|
16783
|
+
CompetencyPassbookMdoComponent.prototype.environment;
|
|
16784
|
+
/** @type {?} */
|
|
16785
|
+
CompetencyPassbookMdoComponent.prototype.comeptencyKeys;
|
|
16786
|
+
/** @type {?} */
|
|
16751
16787
|
CompetencyPassbookMdoComponent.prototype.configSvc;
|
|
16752
16788
|
/** @type {?} */
|
|
16753
16789
|
CompetencyPassbookMdoComponent.prototype.contentSvc;
|
|
@@ -17847,8 +17883,8 @@ var ProvidersV2Component = /** @class */ (function () {
|
|
|
17847
17883
|
ProvidersV2Component.decorators = [
|
|
17848
17884
|
{ type: Component, args: [{
|
|
17849
17885
|
selector: 'sb-uic-providers-v2',
|
|
17850
|
-
template: "<ws-widget-btn-page-back [widgetData]=\"{ url: 'home', titles: titles }\">\n</ws-widget-btn-page-back>\n<div class=\"container-fluid\" id=\"section-micro-sites\">\n <div class=\"flex flex-col flex-1\">\n <ng-container *ngIf=\"sectionList?.length\">\n <ng-container *ngFor=\"let section of sectionList\">\n <ng-container *ngIf=\"section?.enabled\">\n <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\">\n <ng-container *ngFor=\"let column of section.column\">\n <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'trainingCalendar'\" [ngTemplateOutlet]=\"trainingCalendar\"\n [ngTemplateOutletContext]=\"{trainingCalendar: column.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'contributors'\" [ngTemplateOutlet]=\"contributors\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'infra'\" [ngTemplateOutlet]=\"infra\"\n [ngTemplateOutletContext]=\"{infra: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'contentFeaturedStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n [ngTemplateOutletContext]=\"{\n data: {contentStrip: column?.data, sectionKey: section.key}\n }\"></ng-container>\n <ng-container *ngSwitchCase=\"'contentTopStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n [ngTemplateOutletContext]=\"{\n data: {contentStrip: column?.data, sectionKey: section.key}\n }\"></ng-container> \n <ng-container *ngSwitchCase=\"'competency'\" [ngTemplateOutlet]=\"competency\"\n [ngTemplateOutletContext]=\"{competency: column}\"></ng-container> \n <ng-container *ngSwitchCase=\"'learnerReview'\" [ngTemplateOutlet]=\"learnerReviewBlock\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container> \n </ng-container>\n </div>\n </ng-container>\n </section>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n<div class=\"container-fluid\" *ngIf=\"navList?.length\">\n <div class=\"flex sticky-navigator gap-4\">\n <mat-icon class=\"nav-up-arrow cursor-pointer\" (click)=\"scrollToSection('section-micro-sites')\">arrow_upwards</mat-icon>\n <ng-container *ngFor=\"let section of navList\">\n <ng-container *ngIf=\"section.navigation\">\n <div class=\"nav-button\" (click)=\"scrollToSection(section?.key); raiseNavTelemetry(section?.title)\">{{section?.title}}</div>\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<ng-template #topSection let-data=\"data\">\n <!-- <div class=\"w-full grid grid-cols-12 gap-4\"> -->\n <div class=\"col-span-12 \">\n <div class=\"grid grid-cols-12\">\n \n <div class=\"col-span-3\">\n <div class=\"hidden md:block py-5 custombgsection\">\n <sb-uic-data-points [providerId]=\"providerId\" [fetchDataFromApi]=\"true\" [objectData]=\"data?.metrics?.data\" [layoutType]=\"'multipleRows-V2'\"></sb-uic-data-points>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-9\">\n <div class=\"slider h-full\" *ngIf=\"data?.sliderData?.sliders\">\n <sb-uic-sliders [title]=\"providerName\" [widgetData]=\"data?.sliderData?.sliders\" [styleData]=\"data?.sliderData?.styleData\" [type]=\"'atictitop'\"></sb-uic-sliders>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-span-12 title-section px-5 md:py-5 mob-container\">\n <div class=\"container flex flex-col md:flex-row\">\n <div class=\"mr-4 logo-box-container\">\n <div class=\"flex logo-box-rounded top mr-4\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n </div>\n </div>\n <div class=\"w-full md:w-9/12 flex-1 flex flex-col\">\n <h1 class=\" txt-ellipsis-2 break-words\">{{data?.title || providerName}}</h1>\n <p>{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </p>\n <div class=\"block md:hidden overflow-y-auto mb-3\">\n <sb-uic-data-points [providerId]=\"providerId\" [fetchDataFromApi]=\"true\" [objectData]=\"data?.metrics?.data\" [layoutType]=\"'singleRow-v2'\"></sb-uic-data-points>\n </div>\n <button\n (click)=\"raiseTelemetry(data?.contentButton?.title)\"\n [routerLink]=\"[data?.contentButton?.redirectUrl, providerName, providerId, 'all-CBP']\"\n [queryParams]=\"{pageDetails: true}\" mat-button type=\"button\"\n class=\"view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display\">\n <span class=\"mat-heading-1 bold ws-mat-default-text\" i18n>\n {{data?.contentButton?.title}}\n </span>\n </button>\n </div>\n </div>\n </div>\n <!-- </div> -->\n</ng-template>\n\n<ng-template #contentStripTemplate let-data=\"data\">\n <ng-container *ngIf=\"!data?.contentStrip?.hideSection\">\n <div class=\"flex justify-center relative\">\n <img class=\"absolute {{data?.contentStrip?.sectionImagePosition}}\" src=\"{{data?.contentStrip?.sectionImage}}\" alt=\"\">\n <div class=\"container \">\n <div class=\"w-full\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"true\"\n (viewAllResponse)=\"showAllContent($event,data)\"\n (emptyResponse)=\"hideContentStrip($event, data)\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n [providerId]=\"providerId\"\n [widgetData]=\"data?.contentStrip\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #contributors let-data=\"data\">\n <div class=\"contributors-background px-5 py-5\" [style.background]=\"data?.background\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 padding-top-l mb-6\">\n <div class=\"col-span-12 md:col-span-3 contributor-desc\">\n <div class=\"infra-box flex flex-col\">\n <div class=\"infra-title-v2 hidden md:block\">\n {{data.detaulTitle}}<span class=\"infra-title2-v2\">{{data.defaultTitle1}}</span>\n </div>\n <div class=\"infra-title-v2 hidden md:block\">\n {{data.myTitle}}<span class=\"infra-title2-v2\">{{data.myTitle1}}</span>\n </div>\n <div class=\"block md:hidden\">\n <span class=\"infra-title-v2\">{{data.detaulTitle}}</span>\n <span class=\"infra-title2-v2\">{{data.defaultTitle1}}</span>\n <span class=\"infra-title-v2\"> {{data.myTitle}}</span>\n <span class=\"infra-title2-v2\">{{data.myTitle1}}</span>\n </div>\n <div class=\"infra-description padding-top-s\">\n {{data.description}}\n </div>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-9\">\n <sb-uic-common-strip [widgetData]=\"data\"></sb-uic-common-strip>\n </div>\n </div>\n <div class=\"w-full section-divider pt-6\">\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #infra let-infra=\"infra\">\n <div class=\"infra-background px-5\" [style.background]=\"infra?.background\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 infra-sec margin-bottom-xl\">\n <div class=\"col-span-12 md:col-span-4 infra-sec-desc margin-bottom-xl\">\n <div class=\"infra-box flex flex-col\">\n <div class=\"infra-title2 hidden md:block\">\n {{infra?.detaulTitle}}\n </div>\n <div class=\"block md:hidden\">\n <span class=\"infra-title2\">{{infra?.detaulTitle}}</span>\n </div>\n <div class=\"infra-description padding-top-s\">\n {{infra?.description}}\n </div>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-8 margin-bottom-xl\">\n <sb-uic-data-points [objectData]=\"infra\" [layoutType]=\"'gridLayout'\"></sb-uic-data-points>\n </div>\n </div>\n </div>\n </div>\n <div class=\"infra-background slider-background\" [style.background]=\"infra?.background\">\n </div>\n <div class=\"slider-background1 mb-8\">\n <div class=\"container-balanced w-full slider-background-2\">\n <div class=\"info-slider\">\n <sb-uic-sliders class=\"infobanner\" [widgetData]=\"infra?.sliderData?.sliders\" [styleData]=\"infra?.sliderData?.styleData\"></sb-uic-sliders>\n </div>\n </div>\n </div>\n</ng-template>\n\n<!-- Start Competencies -->\n<ng-template #competency let-competency=\"competency\">\n <div class=\"padding-top-l padding-bottom-l relative\" [style.background]=\"competency?.background\" *ngIf=\"!hideCompetencyBlock\">\n <div class=\"w-full container-balanced\">\n <div class=\"pl-4 pr-4 md:pl-0 md:pr-0\">\n <sb-uic-competency-passbook\n (emptyResponse)=\"hideCompetency($event, competency)\"\n (temeletryResponse)=\"raiseCompetencyTelemetry($event)\"\n [objectData]=\"competency\"\n [providerId]=\"providerId\">\n </sb-uic-competency-passbook>\n </div>\n </div>\n <img class=\"absolute comp-back-img\" src=\"assets/icons/microsite/competency.svg\" alt=\"\">\n </div>\n</ng-template>\n<!-- End Competencies -->\n\n<ng-template #trainingCalendar let-trainingCalendar=\"trainingCalendar\">\n <div class=\"hidden md:block\">\n <div class=\"col-span-12 px-8 py-8\" [style.background]=\"trainingCalendar?.background\">\n <div class=\"container-balanced flex flex-col\">\n <div class=\"col-span-12 mat-subheading-1 margin-remove\">{{trainingCalendar?.title}}: {{currentMonthAndYear}}</div>\n <sb-uic-calender\n [objectData]=\"trainingCalendar\"\n [fetchDataFromApi]=\"true\"\n [layoutType]=\"'grid'\"\n [defaultDays]=\"trainingCalendar?.defaultDays\"\n [providerId]=\"providerId\">\n </sb-uic-calender>\n </div>\n <div class=\"flex item-center justify-center\">\n <button mat-button type=\"button\"\n (click)=\"raiseTelemetry(trainingCalendar?.contentButton?.title)\"\n [routerLink]=\"[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, 'training-calendar']\"\n class=\"view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display\">\n <span class=\"mat-heading-1 bold ws-mat-default-text\" i18n>\n {{trainingCalendar?.contentButton?.title}}\n </span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden\">\n <div class=\"col-span-12 px-5 py-3 mob-header\">{{trainingCalendar?.title}}: {{currentMonthAndYear}}</div>\n <div class=\"col-span-12\">\n <sb-uic-calender\n [objectData]=\"trainingCalendar\"\n [fetchDataFromApi]=\"true\"\n [layoutType]=\"'row'\"\n [defaultDays]=\"trainingCalendar?.defaultDays\"\n [providerId]=\"providerId\">\n </sb-uic-calender>\n </div>\n <div class=\"col-span-12 flex item-center justify-center\">\n <button mat-button type=\"button\"\n (click)=\"raiseTelemetry(trainingCalendar?.contentButton?.title)\"\n [routerLink]=\"[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, 'training-calendar']\"\n class=\"view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display\">\n <span class=\"mat-heading-1 bold ws-mat-default-text\" i18n>\n {{trainingCalendar?.contentButton?.title}}\n </span>\n </button>\n </div>\n </div>\n</ng-template>\n<ng-template #learnerReviewBlock let-data=\"data\">\n <div class=\"contributors-background px-5 py-5\" [style.background]=\"data?.background\" *ngIf=\"!data?.hideSection\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 padding-top-l mb-6\">\n <div class=\"col-span-12 md:col-span-4 contributor-desc\">\n <div class=\"infra-box-review flex flex-col\">\n <div class=\"learner-title hidden md:block\">\n {{data?.detaulTitle}}\n </div>\n <div class=\"infra-title2 hidden md:block\">\n {{data?.myTitle}}\n </div>\n <div class=\"block md:hidden\">\n <span class=\"learner-title\">{{data?.detaulTitle}}</span> <span class=\"infra-title2\"> {{data?.myTitle}}</span>\n </div> \n </div> \n </div>\n <div class=\"col-span-12 md:col-span-8\">\n <sb-uic-user-content-rating (emptyResponse)=\"hideLearnerReview($event, data)\" [formData]=\"data\" [providerId]=\"providerId\"></sb-uic-user-content-rating>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n",
|
|
17851
|
-
styles: [".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.section-divider{border-bottom:1px solid rgba(0,0,0,.16)}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.logo-box{vertical-align:middle;max-width:250px;background:#f5fdf1;padding:8px;border:1px solid rgba(0,0,0,.5)}.title-section{position:relative;display:flex;justify-content:center;background-color:#fff}.logo-box-container{width:180px;position:relative}@media only screen and (max-width:599px){.logo-box-container{width:112px;height:72px}}.view-btn{width:160px;background:#fff;padding:0 16px;border-radius:49px;border:1px solid #1b4ca9;font-weight:700!important;font-size:14px;margin-top:4px;margin-bottom:4px;line-height:36px;cursor:pointer}.logo-box-rounded{height:180px;width:180px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.logo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.view-btn{margin-top:12px;margin-bottom:16px}.logo-box-rounded{width:112px;height:112px}.logo-box-rounded .logo-img{max-width:84px}}.slider-box{max-width:30%}.stats-container{justify-content:space-around;display:flex;flex-wrap:wrap}.stats-item{display:flex;align-items:center;flex-wrap:nowrap;padding:8px 16px;margin-bottom:16px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-sec-desc{padding-top:32px}.contributors-background,.infra-background{align-items:center;justify-content:center;display:flex}.contributor-desc{align-items:center;display:inline-flex;margin-top:-24px}.infra-box{width:256px}.infra-box-review{width:100%}.infra-title-v2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#fff}.infra-title2-v2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#ef951e}.infra-title{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#fff}.infra-title2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#ef951e}.infra-description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.overlay{position:absolute;top:-20px}.slider-background{height:160px}.slider-background1{height:195px}.slider-background-2{position:relative}.info-slider{position:absolute;top:-12em;left:50%;transform:translateX(-50%)}.sticky-navigator{padding:15px 5px;background-color:#fdead5;align-items:center;overflow:auto;position:fixed;left:0;bottom:0;width:100%;z-index:1002;justify-content:center}.nav-button{padding:12px 16px;border-radius:40px;border:1px solid #000;text-align:center;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;cursor:pointer;min-width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-up-arrow{height:28px}.img-left{left:0}.img-right{right:0;z-index:-1}.learner-title{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#000}@media screen and (max-width:1201px){.img-left,.img-right{display:none}}@media screen and (max-width:767px){.infra-sec{padding:0}.infra-box,.infra-box-review{width:99%;height:auto}.infra-sec-desc{padding-top:0}.mob-container{background-image:url(/assets/icons/microsite/MDOChannel_RightGraphic.svg);background-position:bottom 0 right 0;background-repeat:no-repeat}.infra-title,.infra-title-v2,.infra-title2,.infra-title2-v2{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.slider-background,.slider-background1{height:150px}.info-slider{position:absolute;top:-155px;width:94%}.sticky-navigator{align-items:center;justify-content:left;bottom:63px}.logo-box-rounded.top{position:absolute;top:-50px}.learner-title{font-size:16px}}.competencies-backgroud{background-color:#1b2133}.txt-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comp-back-img{bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;width:50%;z-index:-1;filter:brightness(100)}.mob-header{font-family:Lato;font-size:16px;font-weight:600}.custombgsection{background:url(/assets/icons/microsite/side_banner.png) 0 0/
|
|
17886
|
+
template: "<ws-widget-btn-page-back [widgetData]=\"{ url: 'home', titles: titles }\">\n</ws-widget-btn-page-back>\n<div class=\"container-fluid\" id=\"section-micro-sites\">\n <div class=\"flex flex-col flex-1\">\n <ng-container *ngIf=\"sectionList?.length\">\n <ng-container *ngFor=\"let section of sectionList\">\n <ng-container *ngIf=\"section?.enabled\">\n <section id=\"{{section?.key}}\" class=\"w-full grid grid-cols-12 gap-4\">\n <ng-container *ngFor=\"let column of section.column\">\n <div id=\"{{column?.key}}\" class=\"col-span-{{column.colspan || 12}} \">\n <ng-container *ngIf=\"column?.enabled\" [ngSwitch]=\"column?.key\">\n <ng-container *ngSwitchCase=\"'topSection'\" [ngTemplateOutlet]=\"topSection\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'trainingCalendar'\" [ngTemplateOutlet]=\"trainingCalendar\"\n [ngTemplateOutletContext]=\"{trainingCalendar: column.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'contributors'\" [ngTemplateOutlet]=\"contributors\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'infra'\" [ngTemplateOutlet]=\"infra\"\n [ngTemplateOutletContext]=\"{infra: column?.data}\"></ng-container>\n <ng-container *ngSwitchCase=\"'contentFeaturedStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n [ngTemplateOutletContext]=\"{\n data: {contentStrip: column?.data, sectionKey: section.key}\n }\"></ng-container>\n <ng-container *ngSwitchCase=\"'contentTopStrip'\" [ngTemplateOutlet]=\"contentStripTemplate\"\n [ngTemplateOutletContext]=\"{\n data: {contentStrip: column?.data, sectionKey: section.key}\n }\"></ng-container> \n <ng-container *ngSwitchCase=\"'competency'\" [ngTemplateOutlet]=\"competency\"\n [ngTemplateOutletContext]=\"{competency: column}\"></ng-container> \n <ng-container *ngSwitchCase=\"'learnerReview'\" [ngTemplateOutlet]=\"learnerReviewBlock\"\n [ngTemplateOutletContext]=\"{data: column?.data}\"></ng-container> \n </ng-container>\n </div>\n </ng-container>\n </section>\n </ng-container>\n </ng-container>\n </ng-container>\n </div>\n</div>\n<div class=\"container-fluid\" *ngIf=\"navList?.length\">\n <div class=\"flex sticky-navigator gap-4\">\n <mat-icon class=\"nav-up-arrow cursor-pointer\" (click)=\"scrollToSection('section-micro-sites')\">arrow_upwards</mat-icon>\n <ng-container *ngFor=\"let section of navList\">\n <ng-container *ngIf=\"section.navigation\">\n <div class=\"nav-button\" (click)=\"scrollToSection(section?.key); raiseNavTelemetry(section?.title)\">{{section?.title}}</div>\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<ng-template #topSection let-data=\"data\">\n <!-- <div class=\"w-full grid grid-cols-12 gap-4\"> -->\n <div class=\"col-span-12 \">\n <div class=\"grid grid-cols-12 auto-rows-max\">\n \n <div class=\"col-span-3 custombgsection\">\n <div class=\"hidden md:block py-5 h-full \">\n <sb-uic-data-points [providerId]=\"providerId\" [fetchDataFromApi]=\"true\" [objectData]=\"data?.metrics?.data\" [layoutType]=\"'multipleRows-V2'\"></sb-uic-data-points>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-9\">\n <div class=\"slider h-full\" *ngIf=\"data?.sliderData?.sliders\">\n <sb-uic-sliders [title]=\"providerName\" [widgetData]=\"data?.sliderData?.sliders\" [styleData]=\"data?.sliderData?.styleData\" [type]=\"'atictitop'\"></sb-uic-sliders>\n </div>\n </div>\n </div>\n </div>\n <div class=\"col-span-12 title-section px-5 md:py-5 mob-container\">\n <div class=\"container flex flex-col md:flex-row\">\n <div class=\"mr-4 logo-box-container\">\n <div class=\"flex logo-box-rounded top mr-4\">\n <img alt=\"Application Logo\" class=\"logo-img\" [src]=\"data?.logo\">\n </div>\n </div>\n <div class=\"w-full md:w-9/12 flex-1 flex flex-col\">\n <h1 class=\" txt-ellipsis-2 break-words\">{{data?.title || providerName}}</h1>\n <p>{{data?.description | slice:0:descriptionMaxLength}}\n <span *ngIf=\"data?.description?.length > descriptionMaxLength\">...</span>\n </p>\n <div class=\"block md:hidden overflow-y-auto mb-3\">\n <sb-uic-data-points [providerId]=\"providerId\" [fetchDataFromApi]=\"true\" [objectData]=\"data?.metrics?.data\" [layoutType]=\"'singleRow-v2'\"></sb-uic-data-points>\n </div>\n <button\n (click)=\"raiseTelemetry(data?.contentButton?.title)\"\n [routerLink]=\"[data?.contentButton?.redirectUrl, providerName, providerId, 'all-CBP']\"\n [queryParams]=\"{pageDetails: true}\" mat-button type=\"button\"\n class=\"view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display\">\n <span class=\"mat-heading-1 bold ws-mat-default-text\" i18n>\n {{data?.contentButton?.title}}\n </span>\n </button>\n </div>\n </div>\n </div>\n <!-- </div> -->\n</ng-template>\n\n<ng-template #contentStripTemplate let-data=\"data\">\n <ng-container *ngIf=\"!data?.contentStrip?.hideSection\">\n <div class=\"flex justify-center relative\">\n <img class=\"absolute {{data?.contentStrip?.sectionImagePosition}}\" src=\"{{data?.contentStrip?.sectionImage}}\" alt=\"\">\n <div class=\"container \">\n <div class=\"w-full\">\n <sb-uic-content-strip-with-tabs\n [emitViewAll]=\"true\"\n (viewAllResponse)=\"showAllContent($event,data)\"\n (emptyResponse)=\"hideContentStrip($event, data)\"\n (telemtryResponse)=\"raiseTelemetryInteratEvent($event)\"\n [providerId]=\"providerId\"\n [widgetData]=\"data?.contentStrip\">\n </sb-uic-content-strip-with-tabs>\n </div>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #contributors let-data=\"data\">\n <div class=\"contributors-background px-5 py-5\" [style.background]=\"data?.background\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 padding-top-l mb-6\">\n <div class=\"col-span-12 md:col-span-3 contributor-desc\">\n <div class=\"infra-box flex flex-col\">\n <div class=\"infra-title-v2 hidden md:block\">\n {{data.detaulTitle}}<span class=\"infra-title2-v2\">{{data.defaultTitle1}}</span>\n </div>\n <div class=\"infra-title-v2 hidden md:block\">\n {{data.myTitle}}<span class=\"infra-title2-v2\">{{data.myTitle1}}</span>\n </div>\n <div class=\"block md:hidden\">\n <span class=\"infra-title-v2\">{{data.detaulTitle}}</span>\n <span class=\"infra-title2-v2\">{{data.defaultTitle1}}</span>\n <span class=\"infra-title-v2\"> {{data.myTitle}}</span>\n <span class=\"infra-title2-v2\">{{data.myTitle1}}</span>\n </div>\n <div class=\"infra-description padding-top-s\">\n {{data.description}}\n </div>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-9\">\n <sb-uic-common-strip [widgetData]=\"data\"></sb-uic-common-strip>\n </div>\n </div>\n <div class=\"w-full section-divider pt-6\">\n </div>\n </div>\n </div>\n</ng-template>\n\n<ng-template #infra let-infra=\"infra\">\n <div class=\"infra-background px-5\" [style.background]=\"infra?.background\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 infra-sec margin-bottom-xl\">\n <div class=\"col-span-12 md:col-span-4 infra-sec-desc margin-bottom-xl\">\n <div class=\"infra-box flex flex-col\">\n <div class=\"infra-title2 hidden md:block\">\n {{infra?.detaulTitle}}\n </div>\n <div class=\"block md:hidden\">\n <span class=\"infra-title2\">{{infra?.detaulTitle}}</span>\n </div>\n <div class=\"infra-description padding-top-s\">\n {{infra?.description}}\n </div>\n </div>\n </div>\n <div class=\"col-span-12 md:col-span-8 margin-bottom-xl\">\n <sb-uic-data-points [objectData]=\"infra\" [layoutType]=\"'gridLayout'\"></sb-uic-data-points>\n </div>\n </div>\n </div>\n </div>\n <div class=\"infra-background slider-background\" [style.background]=\"infra?.background\">\n </div>\n <div class=\"slider-background1 mb-8\">\n <div class=\"container-balanced w-full slider-background-2\">\n <div class=\"info-slider\">\n <sb-uic-sliders class=\"infobanner\" [widgetData]=\"infra?.sliderData?.sliders\" [styleData]=\"infra?.sliderData?.styleData\"></sb-uic-sliders>\n </div>\n </div>\n </div>\n</ng-template>\n\n<!-- Start Competencies -->\n<ng-template #competency let-competency=\"competency\">\n <div class=\"padding-top-l padding-bottom-l relative\" [style.background]=\"competency?.background\" *ngIf=\"!hideCompetencyBlock\">\n <div class=\"w-full container-balanced\">\n <div class=\"pl-4 pr-4 md:pl-0 md:pr-0\">\n <sb-uic-competency-passbook\n (emptyResponse)=\"hideCompetency($event, competency)\"\n (temeletryResponse)=\"raiseCompetencyTelemetry($event)\"\n [objectData]=\"competency\"\n [providerId]=\"providerId\">\n </sb-uic-competency-passbook>\n </div>\n </div>\n <img class=\"absolute comp-back-img\" src=\"assets/icons/microsite/competency.svg\" alt=\"\">\n </div>\n</ng-template>\n<!-- End Competencies -->\n\n<ng-template #trainingCalendar let-trainingCalendar=\"trainingCalendar\">\n <div class=\"hidden md:block\">\n <div class=\"col-span-12 px-8 py-8\" [style.background]=\"trainingCalendar?.background\">\n <div class=\"container-balanced flex flex-col\">\n <div class=\"col-span-12 mat-subheading-1 margin-remove\">{{trainingCalendar?.title}}: {{currentMonthAndYear}}</div>\n <sb-uic-calender\n [objectData]=\"trainingCalendar\"\n [fetchDataFromApi]=\"true\"\n [layoutType]=\"'grid'\"\n [defaultDays]=\"trainingCalendar?.defaultDays\"\n [providerId]=\"providerId\">\n </sb-uic-calender>\n </div>\n <div class=\"flex item-center justify-center\">\n <button mat-button type=\"button\"\n (click)=\"raiseTelemetry(trainingCalendar?.contentButton?.title)\"\n [routerLink]=\"[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, 'training-calendar']\"\n class=\"view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display\">\n <span class=\"mat-heading-1 bold ws-mat-default-text\" i18n>\n {{trainingCalendar?.contentButton?.title}}\n </span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"block md:hidden\">\n <div class=\"col-span-12 px-5 py-3 mob-header\">{{trainingCalendar?.title}}: {{currentMonthAndYear}}</div>\n <div class=\"col-span-12\">\n <sb-uic-calender\n [objectData]=\"trainingCalendar\"\n [fetchDataFromApi]=\"true\"\n [layoutType]=\"'row'\"\n [defaultDays]=\"trainingCalendar?.defaultDays\"\n [providerId]=\"providerId\">\n </sb-uic-calender>\n </div>\n <div class=\"col-span-12 flex item-center justify-center\">\n <button mat-button type=\"button\"\n (click)=\"raiseTelemetry(trainingCalendar?.contentButton?.title)\"\n [routerLink]=\"[trainingCalendar?.contentButton?.redirectUrl, providerName, providerId, 'training-calendar']\"\n class=\"view-btn margin-left-xs margin-right-xs small-button blue-border flex-auto-display\">\n <span class=\"mat-heading-1 bold ws-mat-default-text\" i18n>\n {{trainingCalendar?.contentButton?.title}}\n </span>\n </button>\n </div>\n </div>\n</ng-template>\n<ng-template #learnerReviewBlock let-data=\"data\">\n <div class=\"contributors-background px-5 py-5\" [style.background]=\"data?.background\" *ngIf=\"!data?.hideSection\">\n <div class=\"container\">\n <div class=\"grid grid-cols-12 gap-4 padding-top-l mb-6\">\n <div class=\"col-span-12 md:col-span-4 contributor-desc\">\n <div class=\"infra-box-review flex flex-col\">\n <div class=\"learner-title hidden md:block\">\n {{data?.detaulTitle}}\n </div>\n <div class=\"infra-title2 hidden md:block\">\n {{data?.myTitle}}\n </div>\n <div class=\"block md:hidden\">\n <span class=\"learner-title\">{{data?.detaulTitle}}</span> <span class=\"infra-title2\"> {{data?.myTitle}}</span>\n </div> \n </div> \n </div>\n <div class=\"col-span-12 md:col-span-8\">\n <sb-uic-user-content-rating (emptyResponse)=\"hideLearnerReview($event, data)\" [formData]=\"data\" [providerId]=\"providerId\"></sb-uic-user-content-rating>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n",
|
|
17887
|
+
styles: [".container-balanced{max-width:1202px;margin-left:auto!important;margin-right:auto!important}.container{max-width:1200px}.section-divider{border-bottom:1px solid rgba(0,0,0,.16)}.banner-container{align-items:center;background:#eee;padding:16px;gap:2.5rem;justify-content:center}.logo-box{vertical-align:middle;max-width:250px;background:#f5fdf1;padding:8px;border:1px solid rgba(0,0,0,.5)}.title-section{position:relative;display:flex;justify-content:center;background-color:#fff}.logo-box-container{width:180px;position:relative}@media only screen and (max-width:599px){.logo-box-container{width:112px;height:72px}}.view-btn{width:160px;background:#fff;padding:0 16px;border-radius:49px;border:1px solid #1b4ca9;font-weight:700!important;font-size:14px;margin-top:4px;margin-bottom:4px;line-height:36px;cursor:pointer}.logo-box-rounded{height:180px;width:180px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.logo-box-rounded .logo-img{max-width:122px}@media only screen and (max-width:599px){.view-btn{margin-top:12px;margin-bottom:16px}.logo-box-rounded{width:112px;height:112px}.logo-box-rounded .logo-img{max-width:84px}}.slider-box{max-width:30%}.stats-container{justify-content:space-around;display:flex;flex-wrap:wrap}.stats-item{display:flex;align-items:center;flex-wrap:nowrap;padding:8px 16px;margin-bottom:16px}.banner-metrics{background:linear-gradient(180deg,#f9cb97 -107.59%,#ef951e 110.74%)}.infra-sec-desc{padding-top:32px}.contributors-background,.infra-background{align-items:center;justify-content:center;display:flex}.contributor-desc{align-items:center;display:inline-flex;margin-top:-24px}.infra-box{width:256px}.infra-box-review{width:100%}.infra-title-v2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#fff}.infra-title2-v2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#ef951e}.infra-title{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#fff}.infra-title2{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#ef951e}.infra-description{font-family:Lato;font-size:14px;font-weight:400;line-height:16.8px;text-align:left;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.overlay{position:absolute;top:-20px}.slider-background{height:160px}.slider-background1{height:195px}.slider-background-2{position:relative}.info-slider{position:absolute;top:-12em;left:50%;transform:translateX(-50%)}.sticky-navigator{padding:15px 5px;background-color:#fdead5;align-items:center;overflow:auto;position:fixed;left:0;bottom:0;width:100%;z-index:1002;justify-content:center}.nav-button{padding:12px 16px;border-radius:40px;border:1px solid #000;text-align:center;font-family:Lato;font-size:14px;font-weight:700;line-height:16.8px;cursor:pointer;min-width:140px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-up-arrow{height:28px}.img-left{left:0}.img-right{right:0;z-index:-1}.learner-title{font-family:Montserrat;font-size:24px;font-weight:600;line-height:29.26px;text-align:left;color:#000}@media screen and (max-width:1201px){.img-left,.img-right{display:none}}@media screen and (max-width:767px){.infra-sec{padding:0}.infra-box,.infra-box-review{width:99%;height:auto}.infra-sec-desc{padding-top:0}.mob-container{background-image:url(/assets/icons/microsite/MDOChannel_RightGraphic.svg);background-position:bottom 0 right 0;background-repeat:no-repeat}.infra-title,.infra-title-v2,.infra-title2,.infra-title2-v2{font-family:Montserrat;font-size:16px;font-weight:600;line-height:19.5px;text-align:left}.slider-background,.slider-background1{height:150px}.info-slider{position:absolute;top:-155px;width:94%}.sticky-navigator{align-items:center;justify-content:left;bottom:63px}.logo-box-rounded.top{position:absolute;top:-50px}.learner-title{font-size:16px}}.competencies-backgroud{background-color:#1b2133}.txt-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.comp-back-img{bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;width:50%;z-index:-1;filter:brightness(100)}.mob-header{font-family:Lato;font-size:16px;font-weight:600}.custombgsection{background:url(/assets/icons/microsite/side_banner.png) 0 0/contain round;width:100%;z-index:99}@media screen and (max-width:768px){::ng-deep.featuredContents .mat-tab-header{padding-left:20px}::ng-deep.topContents .mat-tab-header{padding-left:20px}}@media screen and (min-width:1014px){.info-slider{width:1014px!important}}@media screen and (min-width:1280px){.infobanner.banner-container{width:1014px!important}}@media screen and (min-width:1234px){.custombgsection{background-size:cover}}"]
|
|
17852
17888
|
}] }
|
|
17853
17889
|
];
|
|
17854
17890
|
/** @nocollapse */
|