eiam-user-preference 0.0.63 → 0.0.65
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/dist/cjs/eiam-user-preference.cjs.entry.js +11 -11
- package/dist/cjs/eiam-user-preference.entry.cjs.js.map +1 -1
- package/dist/collection/components/eiam-user-preference/eiam-user-preference.js +11 -11
- package/dist/collection/components/eiam-user-preference/eiam-user-preference.js.map +1 -1
- package/dist/components/eiam-user-preference.js +11 -11
- package/dist/components/eiam-user-preference.js.map +1 -1
- package/dist/eiam-user-preference/eiam-user-preference.entry.esm.js.map +1 -1
- package/dist/eiam-user-preference/eiam-user-preference.esm.js +1 -1
- package/dist/eiam-user-preference/p-eee80967.entry.js +2 -0
- package/dist/eiam-user-preference/p-eee80967.entry.js.map +1 -0
- package/dist/esm/eiam-user-preference.entry.js +11 -11
- package/dist/esm/eiam-user-preference.entry.js.map +1 -1
- package/dist/types/components/eiam-user-preference/eiam-user-preference.d.ts +1 -0
- package/package.json +1 -1
- package/dist/eiam-user-preference/p-c4fafb9a.entry.js +0 -2
- package/dist/eiam-user-preference/p-c4fafb9a.entry.js.map +0 -1
|
@@ -52,14 +52,16 @@ const EiamUserPreference = class {
|
|
|
52
52
|
applicationId;
|
|
53
53
|
apiUrl;
|
|
54
54
|
async watchChanges() {
|
|
55
|
-
|
|
55
|
+
if (!this.initialized)
|
|
56
|
+
return;
|
|
56
57
|
await this.getUserPreferences();
|
|
57
|
-
await this.getUserApplications();
|
|
58
58
|
}
|
|
59
|
+
initialized = false;
|
|
59
60
|
async componentWillLoad() {
|
|
60
61
|
await this.getDisplayFormats();
|
|
61
62
|
await this.getUserPreferences();
|
|
62
63
|
await this.getUserApplications();
|
|
64
|
+
this.initialized = true;
|
|
63
65
|
}
|
|
64
66
|
isFetchingDisplayFormats = false;
|
|
65
67
|
isFetchingUserPreferences = false;
|
|
@@ -115,23 +117,21 @@ const EiamUserPreference = class {
|
|
|
115
117
|
});
|
|
116
118
|
let data = await response.json();
|
|
117
119
|
if (data && typeof data !== 'string' && data.code == 200) {
|
|
118
|
-
|
|
120
|
+
console.log(data, ' data of user preferances');
|
|
121
|
+
const fontSizeValue = parseInt(data.content.fontSize);
|
|
122
|
+
console.log(fontSizeValue, ' fontSizeValue of user preferances');
|
|
119
123
|
this.userPreferences = {
|
|
120
124
|
...this.userPreferences,
|
|
121
125
|
dateFormat: data.content?.dateFormat || 'dd/MM/yyyy',
|
|
122
126
|
timeFormat: data.content?.timeFormat || this.timeFormats[0], // fallback!
|
|
123
|
-
fontSize: fontSizeValue
|
|
127
|
+
fontSize: !isNaN(fontSizeValue) ? fontSizeValue : parseInt(this.fontSizes[0]?.value),
|
|
124
128
|
displayFormat: data.content?.displayFormat || 1,
|
|
125
129
|
defaultLandingPageId: data?.content?.defaultLandingPageId,
|
|
126
130
|
pageName: data?.content?.defaultLandingPageDetails?.name || '',
|
|
127
131
|
};
|
|
128
132
|
this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;
|
|
129
133
|
}
|
|
130
|
-
this.preferencesChanged.emit(
|
|
131
|
-
content: {
|
|
132
|
-
...data.content,
|
|
133
|
-
fontSize: `${this.userPreferences.fontSize}px`
|
|
134
|
-
} });
|
|
134
|
+
this.preferencesChanged.emit(data);
|
|
135
135
|
}
|
|
136
136
|
catch (error) {
|
|
137
137
|
// console.error('Error fetching user preferences:', error);
|
|
@@ -303,10 +303,10 @@ const EiamUserPreference = class {
|
|
|
303
303
|
return Math.ceil(this.pages.length / this.pageSize);
|
|
304
304
|
}
|
|
305
305
|
render() {
|
|
306
|
-
return (index.h(index.Host, { key: 'c38e7f861a17d819a5a1540c1f9df846787a7260' }, index.h("div", { key: '3fcfe97469debec9f2006b98fd130566700eec7e', class: "container" }, index.h("svg", { key: '234f997ea312af0332293c029933d2e9f7f634a6', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, index.h("g", { key: '2ecffac943cac8d5822145d449d4538e93e76149', stroke: "none", fill: "none" }, index.h("rect", { key: 'd69516fdd8daa2370d68a11b8f69f260834f40a2', x: "0", y: "0", width: "24", height: "24" }), index.h("rect", { key: '1175aa0e03fe49f525a794684e5882adcb7bcd1f', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), index.h("path", { key: '20284e39025af68fdf712eff0afc2afb45a69112', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#000000", opacity: "0.3" }))), this.isModalOpen && (index.h("div", { key: '2d8bab2a8450daa545c55f646d8380b4d46c32d4', class: "kt-quick-panel kt-quick-panel--on" }, index.h("a", { key: '33a1534f0677c8709214ee91ba3953be89a67015', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, index.h("svg", { key: 'a3e1ab2e45c90af7985adb0eac57e8ad04d09ba6', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '2d84ce960a4d6dd2660419a00c7dc57a10a9e7a2', id: "Menu / Close_SM" }, index.h("path", { key: '33af55d3135a5285c550d57dcad032feba31ddee', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '2b405ba9f584de23f4e804583d0990847c67be46', class: "kt-quick-panel__nav" }, index.h("ul", { key: 'f6afd258a1256fe5b0a80f3a319f4f596df80b9b', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, index.h("li", { key: '766b1e686af703b81c8165f2611201cedaf69693', class: "nav-item active" }, index.h("a", { key: '8fff27502ffeee7a0bad82702d628dd126798f46', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), index.h("div", { key: '2168b51936efa17bac48c5c629713e62918312f4', class: "kt-quick-panel__content" }, index.h("div", { key: '3f85c98b13c679bf6d1a3c545936713ece55d21b', class: "tab-content" }, index.h("div", { key: '28361a23255b573c9ade7818268b725bd561a58a', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, index.h("div", { key: '0bc8eaa5958100dbab77c3fb391e531c05e9571f', class: "kt-notification" }, index.h("div", { key: '965355635a48537a16906daa13ddee42b5ea64b5', class: "kt-portlet__body" }, index.h("div", { key: '2f4e7206a1b7b749b0e0ee2e82722cd42c9fea0b', class: "form-group" }, index.h("label", { key: '92dac62780c8d7bad3abe4cd4c3767302c45cc25' }, "Date Format"), index.h("select", { key: 'd345c06b5a9b6264e1c719d517799e00972662e3', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (index.h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), index.h("div", { key: '54d313f385c9a61ff66b63a8d9c7c98b4e039847', class: "form-group" }, index.h("label", { key: '3a8168a4fa2fc2ad38279093e1d38193a6c39d7a' }, "Time Format"), index.h("select", { key: 'e92a0c2c63d6c29b96fa0a4f3ae59ae6ccb94fbe', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (index.h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), index.h("div", { key: '8a5a01f808456b7b0101db454119d49f862909eb', class: "form-group" }, index.h("label", { key: '2231bd9c0c64f5ebbc0ff93695f1d7b2742cbd06' }, "Font Size"), index.h("select", { key: '21e4012351acd6dfdc508e1d8c2b6376ee3013b3', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (index.h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), index.h("div", { key: 'afc630432f90782dfb2dfeafb98e7763a378922d', class: "form-group" }, index.h("label", { key: '7cc82ee673c291ffb99a54bf269e85da7597d476' }, "User Display Format"), index.h("select", { key: '7604810b579e3869a0e5cfd5cf7fbbc3be290ceb', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (index.h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), index.h("div", { key: '32e93f9ff3d6eb6b6f307e78c3125241735a7048', class: "form-group" }, index.h("label", { key: 'c6de20a8ee977c1468f9b8b55133c7ac16a42c4f' }, "Default Landing Page"), index.h("div", { key: '0acac231373b0ef96bbf5a52a3e932590d72a7bc', class: "input-group", onClick: () => this.togglePageModal() }, index.h("div", { key: '2d05503cc0fb17102d12051b024a61af4384fcf4', class: "input-group-prepend" }, index.h("span", { key: '8e308af86da68697218ea09bb42d68fd241f1eeb', class: "input-group-text" }, index.h("svg", { key: '43d85ead70646b210872714252269080c6fdecc0', xmlns: "http://www.w3.org/2000/svg", fill: "#000000", height: "18px", width: "18px", version: "1.1", id: "Layer_1", viewBox: "0 0 64 64", "enable-background": "new 0 0 64 64" }, index.h("g", { key: '2db1cf6fe3b8ff05fee77169a8ebb088292e2380', id: "Link-chains" }, index.h("path", { key: '23cb1a6148889493940b6b641a8438e99b1c8e23', d: "M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162 c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001 L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002 c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008 c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5 c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008 c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992 L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998 c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996 c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005 l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995 c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998 C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z" }), index.h("path", { key: 'a76e5aeff065b56ed4b485517df0d4047fe49842', d: "M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014 c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201 c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258 c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994 l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988 c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995 L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995 c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966 c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856 C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z" }))))), index.h("input", { key: 'b4819d3e64eff309aa827617cbd95115c6545f17', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), index.h("div", { key: '5fc6fbe58d713f3ed264c139e4b3c81fe5f85d30', class: "kt-portlet__foot" }, index.h("div", { key: '8a47e702b9bc81e3246e4eee9e45db31075e9075', class: "kt-form__actions" }, index.h("button", { key: '2a3ef153448aeb0507ecdc8bd6c3089f52547851', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), index.h("button", { key: 'f9865ada5721acede537937619a22bf51bccac89', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && index.h("div", { key: '4f7bad6e32f4244622dc2ce9a722996d462b1035', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (index.h("div", { key: 'df461e7e05446ce3247d8d6fc4626b8243ca8181', class: "modal-overlay" }, index.h("div", { key: 'b6bec1941d4255b01752a992bd8764fec6bbb09e', class: "modal-dialog modal-md landing-modal" }, index.h("div", { key: '04cd81a876a9913f2728d05615666bd3e267331c', class: "modal-content landing-page" }, index.h("div", { key: '334ca01650357630543157ce6e183ec70bebc31e', class: "modal-header" }, index.h("h4", { key: '3996c44e4018368d14a3e4359a874be1fecfca8c', class: "modal-title pull-left" }, " Default Landing Page "), index.h("button", { key: '04cbeea0a5a6e3c4c509a8a1814ccbdc972f5328', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, index.h("span", { key: 'fe5b4606f7f958e1871c01a42950d3b39affd335' }, index.h("svg", { key: 'bb484a0c32dd206cd7ab2fd66a678c98c474e087', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '65be17ddf12ea6961fe801829f4c742b7c770fe9', id: "Menu / Close_SM" }, index.h("path", { key: '139aa10c6991ce929722be8c14785f90597f334c', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: 'd772bef071ce31510db4c28aa2afe2dc54eb1c31', class: "modal-body" }, index.h("div", { key: '6abcf7f3ec45cfd9f93e0593d32c39f19bd4ad82', class: "row" }, index.h("div", { key: '057fe02ae7408bfcaf516f09731bb4cd53d9b8a9', class: "col-12" }, index.h("div", { key: '187d152e17b7ede1ab0cc3401e57d3f5697a94c1', class: "row" }, index.h("div", { key: '53767fb6b2136dc13fda9fcfd4d4dcfb385d02f6', class: "form-group" }, index.h("label", { key: '9604884b606b11f4159dce94d7fdccea6b189a4e', htmlFor: "" }, " Default Landing Page "), index.h("select", { key: '44fd0c13ba41fd8df2ac8c6873de237e5e59579b', class: "ng", onInput: e => this.changeApplication(e) }, index.h("option", { key: '779238b80316a7fa91c9ba9a4733bc71518a4aae', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (index.h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), index.h("label", { key: 'c08189e10e1168bdd0563a24cb12befaa11f273a' }, "Select Page"), index.h("div", { key: 'f74c8ef4ab6d9a36cd90cecae970948444bfcf93', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pagedPages.map(page => (index.h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, index.h("div", { class: "row" }, index.h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), index.h("small", { class: {
|
|
306
|
+
return (index.h(index.Host, { key: '78e91252f82acd8e1f56d5f3c9c177dace55d054' }, index.h("div", { key: '7876ad2e15814a85fe1bb2580e1f8defe437f821', class: "container" }, index.h("svg", { key: '7345fe59927f8d6aad621c28dc7aaf0030358d59', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, index.h("g", { key: '12027bf0118bd40f6fface7a58f4a8239af0794e', stroke: "none", fill: "none" }, index.h("rect", { key: '906a2162684570f898cee418cd2d618a423b6100', x: "0", y: "0", width: "24", height: "24" }), index.h("rect", { key: '2231ef4684232233dfbc7315cb46e32870564ade', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), index.h("path", { key: '518e4943e373367a771755dfdf83b509352d0cd5', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#000000", opacity: "0.3" }))), this.isModalOpen && (index.h("div", { key: '92cbbb86a30d7e21a4fb861bfe53477788014170', class: "kt-quick-panel kt-quick-panel--on" }, index.h("a", { key: 'a2a35b9097f13f1e4c720cde9cd798196436e538', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, index.h("svg", { key: '36236dbbda22b474cf1825745c2b2a7b70debc6b', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '96a40ed662e8c9ec12b4c3dbde0af26c1cf2f73d', id: "Menu / Close_SM" }, index.h("path", { key: '0ac8e9db61b92a2401bb5f0ad7e6e19f47f0ef6e', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'edb6febd03ef87e24be699f025c9f04015b28550', class: "kt-quick-panel__nav" }, index.h("ul", { key: '4ea42a5323eb945392168a6739a7c3a7c71799f5', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, index.h("li", { key: '310a145903cda3434a4943448621fc524fb4295b', class: "nav-item active" }, index.h("a", { key: '389cf15bb00df694d535652aace3dfcc2e24bd55', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), index.h("div", { key: 'db7ae5832890179c8f1c283da04f3329642e8d4b', class: "kt-quick-panel__content" }, index.h("div", { key: 'bd0997300d2f6bc86dcecca6feb27e829f6c7270', class: "tab-content" }, index.h("div", { key: 'ae8c652fc917257c5df424da2f90a7970a972f09', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, index.h("div", { key: 'faa10043ca4e0e3f94e30352477c64317ddadf4f', class: "kt-notification" }, index.h("div", { key: 'd6b9994a494a01437ca5949a579f9a2781ac3141', class: "kt-portlet__body" }, index.h("div", { key: '5de3777caa7a0a7dbeb642ff0be39189519cf7d7', class: "form-group" }, index.h("label", { key: '9fe9450d7cdbe96c12cfa57695dd8d61e472a9b7' }, "Date Format"), index.h("select", { key: '5f3908f3193618e4f1ddd065b1003acc13fafd80', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (index.h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), index.h("div", { key: '794e022420cfdc51823b03e2f069739af014d2a9', class: "form-group" }, index.h("label", { key: '98f5c870c780d49b4719c574aa6b204ba75c9c4f' }, "Time Format"), index.h("select", { key: '09e7e8e3e5a4c83d11b73acfa3a7660bf762cd2b', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (index.h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), index.h("div", { key: 'e18b1f08858f4e7607d87641fd86638bbc4f19e4', class: "form-group" }, index.h("label", { key: 'bcec6b1720bd07ec3b8f413aa91f02b7f7af0a46' }, "Font Size"), index.h("select", { key: '854baf4ccd5b8220683d2c7493a0f13f34ac0bc3', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (index.h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), index.h("div", { key: '8d98ef6f36005802fd779f4b03b8bc823d8fbeff', class: "form-group" }, index.h("label", { key: '3ad4a222df264831ddd0497b17b1f8320f42cdff' }, "User Display Format"), index.h("select", { key: '18bd434e842aa7926cbb98172bdbe3521adaeb4e', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (index.h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), index.h("div", { key: 'b47fc15ca5a61ea7997c42986baf7b9974ef3c10', class: "form-group" }, index.h("label", { key: 'ec5f839dddbcc592cac3e33f034154e36628591c' }, "Default Landing Page"), index.h("div", { key: 'cc4663ecac06e7cf88ba15f88cc0a5c8a6b4831f', class: "input-group", onClick: () => this.togglePageModal() }, index.h("div", { key: '3570d10e227090b95491f04e2a2b3ea65048eec6', class: "input-group-prepend" }, index.h("span", { key: 'ad59223ed4434fd64d50c3f0313535ea77cfaa38', class: "input-group-text" }, index.h("svg", { key: 'c74283c9900ec8e28244a3455ef491acc13271b9', xmlns: "http://www.w3.org/2000/svg", fill: "#000000", height: "18px", width: "18px", version: "1.1", id: "Layer_1", viewBox: "0 0 64 64", "enable-background": "new 0 0 64 64" }, index.h("g", { key: '1e3c332223d292ca0918802bfb77483ded5624fd', id: "Link-chains" }, index.h("path", { key: '39e2b12f26e6265150c9aec8f7bd8d522eac69b2', d: "M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162 c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001 L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002 c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008 c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5 c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008 c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992 L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998 c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996 c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005 l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995 c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998 C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z" }), index.h("path", { key: 'b324a90e067f671cf857401fc92917586f4d6b65', d: "M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014 c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201 c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258 c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994 l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988 c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995 L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995 c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966 c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856 C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z" }))))), index.h("input", { key: 'f620d3477aca5a2639531c0f217dc355add2cda7', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), index.h("div", { key: 'ef0aa3976a0750a5d655d8dc9d79e64e1e83db3b', class: "kt-portlet__foot" }, index.h("div", { key: '3eec56e1dc6bd68502d91527c0abe5ddc07b76a2', class: "kt-form__actions" }, index.h("button", { key: 'cfd54d12bde511dcc07522dd4cc9a129aea9e830', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), index.h("button", { key: '9b264c2575e0085ab36fee258858cb211ec9dfc0', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && index.h("div", { key: 'ec07ad79d530f010de2f8d0eec93155ee6b757cd', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (index.h("div", { key: '52281c17b72f848c4ac8c4327c6063e96fa4069f', class: "modal-overlay" }, index.h("div", { key: 'a029761adf13a599074ce09a5622c2c065c6d1a4', class: "modal-dialog modal-md landing-modal" }, index.h("div", { key: 'c6014c483c229281f69553c195a99079f82749ec', class: "modal-content landing-page" }, index.h("div", { key: '32d69d1fb86446b5809a0e9552479a055b58c991', class: "modal-header" }, index.h("h4", { key: '5f12eede4625ee029c851cb66081bb3b1f3c2be8', class: "modal-title pull-left" }, " Default Landing Page "), index.h("button", { key: '5c8390d77058a5a63392a2bac3ca0d190cfebe45', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, index.h("span", { key: '4371b47c22e5b999aff178723123773d2ac84f07' }, index.h("svg", { key: '27fe7ee50f8f69a86a988ae0f2805139af6fe389', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, index.h("g", { key: '806c44bf5eb9c70e3c4674e9d3c1eace86127f91', id: "Menu / Close_SM" }, index.h("path", { key: 'c7339e98f812e7f75c2cd42ec67cc9c9f8df36a8', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: '61dc356e72993bd60ba68cf52710e798ecf218e1', class: "modal-body" }, index.h("div", { key: 'b14eb7ff29d502bbddda4e542f8ada3eb8d5a463', class: "row" }, index.h("div", { key: 'dce0ec06a92c281e89c4001b965a4654b2b53640', class: "col-12" }, index.h("div", { key: '6f25abc99caeaefb4505b9af812f015bedecbf46', class: "row" }, index.h("div", { key: '819c5a2f39a4922f73c2a75965314dc6810527c1', class: "form-group" }, index.h("label", { key: '13de6be850f041737981ffecc89a1294af09e27f', htmlFor: "" }, " Default Landing Page "), index.h("select", { key: '2250e90e6bf484cae85c2c4e7e3010ddf514222c', class: "ng", onInput: e => this.changeApplication(e) }, index.h("option", { key: '957c7134ee977df72d914fcf2898c5241ebc4eb5', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (index.h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), index.h("label", { key: '439abb889361d1e58cd947cb9817ad211a6cf94f' }, "Select Page"), index.h("div", { key: '55c8592e76aeaca13335aec666f85bceaf0d83b3', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pagedPages.map(page => (index.h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, index.h("div", { class: "row" }, index.h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), index.h("small", { class: {
|
|
307
307
|
'culture-unpublished': page.pageCultureStatus == 1,
|
|
308
308
|
'culture-published': page.pageCultureStatus == 2,
|
|
309
|
-
} }, page.cultureCode)))))), this.totalPages > 1 && (index.h("div", { key: '
|
|
309
|
+
} }, page.cultureCode)))))), this.totalPages > 1 && (index.h("div", { key: '05a8bea006042a28e1a6b18a8e3fff560226afc0', class: "pagination-controls" }, index.h("button", { key: '8851a1eb50481493bd001a915192bef216bb78c7', class: "arrow-button", disabled: this.currentPage === 1, onClick: () => this.currentPage-- }, index.h("svg", { key: 'a285ec4e10ba7e8297827c9ddcfc06645af9f024', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'c06083a25b08a4f647fb184cd68be4b4a490157e', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("span", { key: 'c0c5302b2456e10a75094e3bf449d0a250c6003c' }, this.currentPage, " of ", this.totalPages), index.h("button", { key: 'e9c68a484368c108f2b3460562b32b5633d6de15', class: "arrow-button", disabled: this.currentPage === this.totalPages, onClick: () => this.currentPage++ }, index.h("svg", { key: 'eb73e9f3ed5951c8557b36ae1ded96b2a1bda69f', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '1d9d19e063a185060604f5aab6aef76c5acebe99', d: "M9 6L15 12L9 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))))))))));
|
|
310
310
|
}
|
|
311
311
|
static get watchers() { return {
|
|
312
312
|
"cultureCode": ["watchChanges"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eiam-user-preference.entry.cjs.js","sources":["src/components/eiam-user-preference/eiam-user-preference.css?tag=eiam-user-preference&encapsulation=shadow","src/components/eiam-user-preference/eiam-user-preference.tsx"],"sourcesContent":[".kt-quick-panel {\r\n background-color: #fff;\r\n -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n padding: 0;\r\n}\r\n\r\n.kt-quick-panel__close {\r\n position: absolute;\r\n z-index: 1;\r\n right: 1.5rem;\r\n top: 1rem;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n width: 28px;\r\n height: 28px;\r\n background-color: #f7f8fa;\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n border-radius: 4px;\r\n}\r\n\r\n.kt-quick-panel__close i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n font-size: 0.8rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel__close:hover {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel__close:hover i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n color: #f2f2f2;\r\n}\r\n\r\n.kt-quick-panel__nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n position: relative;\r\n padding: 1.5rem 0 0 0;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n.kt-quick-panel__nav .nav {\r\n width: 100%;\r\n padding: 0 1.5rem;\r\n margin: 0;\r\n}\r\n.kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.kt-quick-panel__nav .nav .nav-item .nav-link {\r\n font-size: 1rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.kt-quick-panel__content {\r\n padding: 1.5rem 0;\r\n}\r\n\r\n.kt-quick-panel__content .ps>.ps__rail-y {\r\n right: 5px !important;\r\n}\r\n\r\n.kt-quick-panel__content-padding-x {\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x {\r\n border-bottom-color: rgba(0, 143, 199, 0.1);\r\n}\r\n@media (max-width: 1024px) {\r\n .kt-quick-panel__close {\r\n right: 0.5rem;\r\n top: 0.5rem;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .kt-quick-panel__close i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .kt-quick-panel__nav {\r\n padding: 1rem 0;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1rem;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-link {\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n }\r\n\r\n .kt-quick-panel__nav .kt-quick-panel__close i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .kt-quick-panel__content {\r\n padding: 1rem 0.5rem 1rem 1rem;\r\n }\r\n\r\n .kt-quick-panel__content .tab-pane {\r\n padding-right: 0.5rem;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close {\r\n display: none;\r\n}\r\n\r\n.kt-quick-panel {\r\n z-index: 1001;\r\n position: fixed;\r\n -webkit-overflow-scrolling: touch;\r\n top: 0;\r\n bottom: 0;\r\n overflow-y: auto;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n width: 425px !important;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: -445px;\r\n}\r\n\r\n.kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: auto;\r\n right:0 ;\r\n}\r\n.input-group {\r\n position: relative;\r\n display: flex\r\n;\r\n flex-wrap: nowrap;\r\n align-items: stretch;\r\n width: 100%;\r\n} .input-group-prepend, .input-group-append {\r\n display: flex\r\n;\r\n}\r\n\r\n.input-group-prepend {\r\n margin-right: -1px;\r\n}\r\n\r\n.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n}.input-group-text {\r\n display: flex\r\n;\r\n align-items: center;\r\n padding: 0.65rem 1rem;\r\n margin-bottom: 0;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #6f6f6f;\r\n text-align: center;\r\n white-space: nowrap;\r\n background-color: #f7f8fa;\r\n border: 1px solid #e2e5ec;\r\n border-radius: 4px;\r\n}\r\n\r\n.input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n}.form-control {\r\n display: block;\r\n width: 100%;\r\n padding: .375rem .75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--bs-body-color);\r\n appearance: none;\r\n background-color: var(--bs-body-bg);\r\n background-clip: padding-box;\r\n border: var(--bs-border-width) solid var(--bs-border-color);\r\n border-radius: var(--bs-border-radius);\r\n transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}.form-control {\r\n display: block;\r\n width: 100%;\r\n padding: 0rem .75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--bs-body-color);\r\n appearance: none;\r\n background-color: var(--bs-body-bg);\r\n background-clip: padding-box;\r\n /* border: var(--bs-border-width) solid #cccccc; */\r\n border-radius: var(--bs-border-radius);\r\n transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n height: 36px;\r\n}.modal-body {\r\n padding: 15px 0;\r\n}\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin: 0;\r\n}\r\n.form-control{\r\n background-color: #ffffff;\r\n}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\r\n margin-left: calc(var(--bs-border-width) * -1);\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n}.btn-primary {\r\n color: #fff;\r\n background-color: #5867dd;\r\n border-color: #5867dd;\r\n color: #ffffff;\r\n}.btn {\r\n align-items: center;\r\n}.btn {\r\n --bs-btn-padding-x: 0.75rem;\r\n --bs-btn-padding-y: 0.375rem;\r\n --bs-btn-font-family: ;\r\n --bs-btn-font-size: 1rem;\r\n --bs-btn-font-weight: 400;\r\n --bs-btn-line-height: 1.5;\r\n --bs-btn-color: var(--bs-body-color);\r\n --bs-btn-bg: transparent;\r\n --bs-btn-border-width: var(--bs-border-width);\r\n --bs-btn-border-color: transparent;\r\n --bs-btn-border-radius: var(--bs-border-radius);\r\n --bs-btn-hover-border-color: transparent;\r\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);\r\n --bs-btn-disabled-opacity: 0.65;\r\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);\r\n display: inline-block;\r\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\r\n font-family: var(--bs-btn-font-family);\r\n font-size: var(--bs-btn-font-size);\r\n font-weight: var(--bs-btn-font-weight);\r\n line-height: var(--bs-btn-line-height);\r\n color: var(--bs-btn-color);\r\n text-align: center;\r\n text-decoration: none;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\r\n border-radius: var(--bs-btn-border-radius);\r\n background-color: var(--bs-btn-bg);\r\n transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel {\r\n right: -445px;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel-close {\r\n width: 25px;\r\n height: 25px;\r\n top: 1px;\r\n z-index: 1002;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n position: fixed;\r\n border: 0;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n outline: none !important;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n left: -25px;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel-close {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n line-height: 0;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n text-decoration: none;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: -25px;\r\n}\r\n\r\n.kt-quick-panel--on .kt-quick-panel-close {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 399px;\r\n}\r\n\r\n.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: 399px;\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n overflow: hidden;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.1);\r\n -webkit-animation: kt-animate-fade-in .3s linear 1;\r\n animation: kt-animate-fade-in .3s linear 1;\r\n}\r\n\r\n.kt-quick-panel {\r\n background: #ffffff;\r\n -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n background: rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kt-quick-panel-close {\r\n background-color: #e8e8f2;\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n color: #968ad4;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel-close:hover>i {\r\n color: #ffffff;\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n\r\n.form-group.form-group-marginless,\r\n.form-group.form-group-last {\r\n margin-bottom: 0px;\r\n}\r\n\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n\r\n.form-group .invalid-feedback,\r\n.form-group .valid-feedback {\r\n font-weight: 400;\r\n}\r\n\r\n.form-group .form-text {\r\n font-size: 0.9rem;\r\n}\r\n\r\n.form-group.form-group-md {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.form-group.form-group-sm {\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group.form-group-xs {\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group.form-group-last {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-group.input-group.form-group-sm {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.form-control[readonly] {\r\n background-color: #ffffff;\r\n}\r\n\r\n.form-control.form-control-pill {\r\n border-radius: 50px;\r\n}\r\n\r\n.custom-select {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.custom-file {\r\n width: 100%;\r\n}\r\n\r\n.custom-file-input:focus~.custom-file-label {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.custom-file-label {\r\n text-align: left;\r\n}\r\n\r\n.custom-file-label:after {\r\n float: left;\r\n}\r\n\r\n.input-group [class^=\"la-\"],\r\n.input-group [class*=\" la-\"] {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.input-group [class^=\"fa-\"],\r\n.input-group [class*=\" fa-\"] {\r\n font-size: 1.2rem;\r\n}\r\n\r\n.input-group [class^=\"flaticon-\"],\r\n.input-group [class*=\" flaticon-\"],\r\n.input-group [class^=\"flaticon2-\"],\r\n.input-group [class*=\" flaticon2-\"] {\r\n font-size: 1.2rem;\r\n float: left;\r\n}\r\n\r\n.input-group i {\r\n color: #6f6f6f;\r\n line-height: 0;\r\n}\r\n\r\n.input-group .form-control.is-valid+.input-group-append,\r\n.input-group .form-control.is-invalid+.input-group-append {\r\n margin-left: 0;\r\n}\r\n\r\n.input-group .input-group-prepend+.form-control.is-valid,\r\n.input-group .input-group-prepend+.form-control.is-invalid {\r\n margin-left: 1px;\r\n}\r\n\r\n.input-group .form-group:nth-child(n) {\r\n padding-right: 3px;\r\n padding-left: 3px;\r\n}\r\n\r\n.input-group .form-group:first-child,\r\n.input-group.form-group.form-group-sm label+.form-group:nth-child(2) {\r\n padding-left: 0;\r\n padding-right: 5px;\r\n}\r\n\r\n.input-group .form-group:last-child {\r\n padding-right: 0;\r\n padding-left: 5px;\r\n}\r\n\r\n.validated .valid-feedback,\r\n.validated .invalid-feedback {\r\n display: block;\r\n}\r\n\r\n\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1050; /* Make sure this is higher than your main content */\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.4); /* Dimmed background */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.modal-dialog.landing-modal {\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n z-index: 1060;\r\n width: 600px;\r\n max-width: 90%;\r\n position: relative;\r\n}\r\n.modal-content.landing-page {\r\n padding: 20px;\r\n}\r\n\r\n.modal-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\nbody.modal-open {\r\n overflow: hidden;\r\n}\r\nbutton.close {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.slug-item {\r\n padding: 10px;\r\n border-bottom: 1px solid #eee;\r\n cursor: pointer;\r\n transition: background 0.2s ease-in-out;\r\n}\r\n\r\n.slug-item:hover {\r\n background: #f9f9f9;\r\n}\r\n\r\n.text-brand {\r\n color: #007bff;\r\n}\r\n\r\n.culture-unpublished {\r\n color: #dc3545;\r\n}\r\n\r\n.culture-published {\r\n color: #28a745;\r\n}\r\n\r\nselect.ng {\r\n width: 100%;\r\n padding: 8px;\r\n margin-top: 5px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n}\r\n\r\n.pagination-class {\r\n margin-top: 15px;\r\n}\r\n\r\n\r\n.nav-tabs.nav-tabs-line {\r\n border-bottom: 1px solid #ebedf2;\r\n} .nav-tabs.nav-tabs-line.nav-tabs-line-3x {\r\n border-bottom-width: 3px !important;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active {\r\n color: #008fc7;\r\n border-bottom: 1px solid #008fc7;\r\n}\r\n\r\nselect {\r\n position: relative;\r\n display: block;\r\n box-sizing: border-box;\r\n}\r\n\r\nselect {\r\n height: 36px;\r\n color: #333;\r\n background-color: #fff;\r\n border-radius: 4px;\r\n border: 1px solid #ccc;\r\n min-height: 36px;\r\n align-items: center;\r\n cursor: default;\r\n display: flex;\r\n outline: none;\r\n overflow: hidden;\r\n position: relative;\r\n width: 100%;\r\n}\r\n.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line a.nav-link:hover, .nav-tabs.nav-tabs-line a.nav-link.active {\r\n background-color: transparent;\r\n color: #595d6e;\r\n border-bottom: 1px solid #008fc7;\r\n}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {\r\n font-size: 1rem;\r\n color: #6f6f6f;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link {\r\n font-weight: 500;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link {\r\n border-bottom-width: 3px !important;\r\n}.nav-tabs .nav-item:last-child .nav-link {\r\n margin-right: 0;\r\n}.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n color: #008fc7;\r\n}\r\n\r\n.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n transition: all 0.3s;\r\n}\r\n.nav {\r\n --bs-nav-link-padding-x: 1rem;\r\n --bs-nav-link-padding-y: 0.5rem;\r\n --bs-nav-link-font-weight: ;\r\n --bs-nav-link-color: var(--bs-link-color);\r\n --bs-nav-link-hover-color: var(--bs-link-hover-color);\r\n --bs-nav-link-disabled-color: var(--bs-secondary-color);\r\n display: flex\r\n;\r\n flex-wrap: wrap;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n list-style: none;\r\n}.nav-tabs.nav-tabs-line {\r\n border-bottom: 1px solid #ebedf2;\r\n}\r\n.kt-notification-item-padding-x {\r\n padding-left: 1.5rem !important;\r\n padding-right: 1.5rem !important;\r\n}.kt-quick-panel .kt-quick-panel__content {\r\n padding: 1.5rem 10px;\r\n}.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}label {\r\n display: inline-block;\r\n margin-bottom: 0.5rem;\r\n}\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n.btn-primary {\r\n --bs-btn-color: #fff;\r\n --bs-btn-bg: #0d6efd;\r\n --bs-btn-border-color: #0d6efd;\r\n --bs-btn-hover-color: #fff;\r\n --bs-btn-hover-bg: #0b5ed7;\r\n --bs-btn-hover-border-color: #0a58ca;\r\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\r\n --bs-btn-active-color: #fff;\r\n --bs-btn-active-bg: #0a58ca;\r\n --bs-btn-active-border-color: #0a53be;\r\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n --bs-btn-disabled-color: #fff;\r\n --bs-btn-disabled-bg: #0d6efd;\r\n --bs-btn-disabled-border-color: #0d6efd;\r\n}.btn:not(:disabled):not(.disabled) {\r\n cursor: pointer;\r\n}\r\n.btn:not(:first-child) {\r\n margin-left: 0.5rem;\r\n}\r\n.btn-secondary {\r\n --bs-btn-color: #fff;\r\n --bs-btn-bg: #6c757d;\r\n --bs-btn-border-color: #6c757d;\r\n --bs-btn-hover-color: #fff;\r\n --bs-btn-hover-bg: #5c636a;\r\n --bs-btn-hover-border-color: #565e64;\r\n --bs-btn-focus-shadow-rgb: 130, 138, 145;\r\n --bs-btn-active-color: #fff;\r\n --bs-btn-active-bg: #565e64;\r\n --bs-btn-active-border-color: #51585e;\r\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n --bs-btn-disabled-color: #fff;\r\n --bs-btn-disabled-bg: #6c757d;\r\n --bs-btn-disabled-border-color: #6c757d;\r\n}\r\n\r\n\r\n.toast {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n padding: 12px 20px;\r\n border-radius: 5px;\r\n color: white;\r\n font-size: 14px;\r\n z-index: 9999;\r\n animation: fadeInOut 3s ease-in-out;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.toast.success {\r\n background-color: #2ecc71;\r\n}\r\n\r\n.toast.error {\r\n background-color: #e74c3c;\r\n}\r\n\r\n.pagination-controls {\r\n margin-top: 12px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 16px;\r\n font-family: sans-serif;\r\n}\r\n\r\n.arrow-button {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 4px;\r\n border-radius: 4px;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.arrow-button:hover:not(:disabled) {\r\n background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.arrow-button:disabled {\r\n opacity: 0.3;\r\n cursor: not-allowed;\r\n}\r\n\r\n.pagination-controls span {\r\n font-size: 14px;\r\n color: #333;\r\n}\r\n\r\n","import { Component, Host, Prop, State, Watch, h, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'eiam-user-preference',\r\n styleUrl: 'eiam-user-preference.css',\r\n shadow: true,\r\n})\r\nexport class EiamUserPreference {\r\n @Element() host: HTMLElement;\r\n @State() currentRouteSlug: string;\r\n @State() payload = {\r\n pagination: {\r\n pageIndex: 0,\r\n pageSize: 1000,\r\n },\r\n search: {\r\n pageName: '',\r\n },\r\n };\r\n @Event() preferencesChanged: EventEmitter<any>;\r\n @State() userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: null,\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n @State() dateFormates: string[] = ['dd/MM/yyyy', 'MM/dd/yyyy', 'yyyy-MM-dd'];\r\n @State() timeFormats: string[] = ['h:mm a'];\r\n @State() fontSizes = [\r\n { label: 'Small', value: '14' },\r\n { label: 'Medium', value: '16' },\r\n { label: 'Large', value: '18' },\r\n ];\r\n @State() displayFormats: any[] = [];\r\n @State() userApplications: any[] = [];\r\n @State() pages: any[] = [];\r\n @State() isModalOpen = false;\r\n @State() currentPage: number = 1;\r\n @State() pageSize: number = 10;\r\n @State() isPageModalOpen: boolean = false; // Controls the visibility of the secondary modal\r\n @State() selectedPage: { pageId: number; name: string } = { pageId: null, name: '' }; // To store selected page\r\n @State() showToastFlag: any;\r\n @State() toastType: any;\r\n @State() toastMessage: any;\r\n @Prop() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n @Prop() apiUrl: string;\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n @Watch('apiUrl')\r\n\r\n\r\n async watchChanges() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\n\r\n \r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n }\r\nprivate isFetchingDisplayFormats = false;\r\nprivate isFetchingUserPreferences = false;\r\nprivate isFetchingApplications = false;\r\n async getDisplayFormats() {\r\n if (this.isFetchingDisplayFormats) return;\r\n this.isFetchingDisplayFormats = true;\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n method: 'GET', // Specify GET method\r\n headers: headers,\r\n credentials: 'include', // Include credentials (cookies) in the request\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (Array.isArray(data.content)) {\r\n this.displayFormats = data.content;\r\n } else {\r\n // console.error('Invalid response structure:', data);\r\n this.showToast('Something went wrong', 'error');\r\n }\r\n } catch (error) {\r\n // console.error('Error fetching display formats:', error);\r\n this.showToast('Something went wrong', 'error');\r\n }finally {\r\n this.isFetchingDisplayFormats = false;\r\n }\r\n }\r\n\r\n async getUserPreferences() {\r\n if (this.isFetchingUserPreferences) return;\r\n this.isFetchingUserPreferences = true;\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n let data = await response.json();\r\n if (data && typeof data !== 'string' && data.code == 200) {\r\n \r\nconst fontSizeValue = data.content.fontSize?.toString().replace('px', '');\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormat: data.content?.dateFormat || 'dd/MM/yyyy',\r\n timeFormat: data.content?.timeFormat || this.timeFormats[0], // fallback!\r\n fontSize: fontSizeValue || parseInt(this.fontSizes[0]?.value),\r\n displayFormat: data.content?.displayFormat || 1,\r\n defaultLandingPageId: data?.content?.defaultLandingPageId,\r\n pageName: data?.content?.defaultLandingPageDetails?.name || '',\r\n };\r\n this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;\r\n }\r\n this.preferencesChanged.emit({...data,\r\n content: {\r\n ...data.content,\r\n fontSize: `${this.userPreferences.fontSize}px`\r\n }});\r\n } catch (error) {\r\n // console.error('Error fetching user preferences:', error);\r\n this.showToast('Something went wrong', 'error');\r\n }finally {\r\n this.isFetchingUserPreferences = false;\r\n }\r\n }\r\n private showToast(message: string, type: 'success' | 'error' = 'success') {\r\n this.toastMessage = message;\r\n this.toastType = type;\r\n this.showToastFlag = true;\r\n\r\n setTimeout(() => {\r\n this.showToastFlag = false;\r\n }, 3000);\r\n }\r\n\r\n async getUserApplications() {\r\n if (this.isFetchingApplications) return;\r\n this.isFetchingApplications = true;\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (data && Array.isArray(data.content)) {\r\n this.userApplications = data.content;\r\n } else {\r\n // console.error('Invalid response structure:', data);\r\n this.showToast('Something went wrong', 'error');\r\n }\r\n } catch (error) {\r\n // console.error('Error fetching applications:', error);\r\n this.showToast('Something went wrong', 'error');\r\n }finally{\r\n this.isFetchingApplications = false;\r\n }\r\n }\r\n changeApplication(e: Event) {\r\n const selectedId = (e.target as HTMLSelectElement).value;\r\n\r\n if (selectedId) {\r\n this.applicationId = selectedId;\r\n // console.log(this.applicationId, 'this.applicationId on change');\r\n this.getPagesSApplications();\r\n } else {\r\n this.applicationId = null;\r\n }\r\n }\r\n\r\n async getPagesSApplications() {\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify(this.payload),\r\n });\r\n\r\n if (!response.ok) {\r\n // console.error('Failed to fetch pages');\r\n this.showToast('Something went wrong', 'error');\r\n return;\r\n }\r\n\r\n const data = await response.json();\r\n this.pages = data?.content?.data;\r\n // console.log(data, 'data of all pages ');\r\n } catch (error) {\r\n // console.error('Error fetching pages:', error);\r\n this.showToast('Something went wrong', 'error');\r\n }\r\n }\r\n\r\n async submitPreferences() {\r\n const fontSizeValue = parseFloat(this.userPreferences.fontSize);\r\n const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;\r\n let pageName = this.selectedPage.name;\r\n let defaultLandingPageId = this.selectedPage.pageId;\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n // console.log(this.userPreferences, 'user preferancesss ');\r\n\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n method: 'POST',\r\n headers,\r\n body: JSON.stringify({ ...this.userPreferences, fontSize, pageName: pageName, defaultLandingPageId: defaultLandingPageId }),\r\n credentials: 'include',\r\n });\r\n\r\n if (!response.ok) {\r\n // console.error('Failed to save preferences:', response.statusText);\r\n this.showToast('Something went wrong', 'error');\r\n\r\n return;\r\n }\r\n if (response.ok) {\r\n // Fetch updated preferences\r\n this.showToast('Preferences updated successfully!', 'success');\r\n\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs || typeof newPrefs === 'string') return;\r\n }\r\n } catch (error) {\r\n this.showToast('Something went wrong', 'error');\r\n // console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n let res = await fetch(`${this.apiUrl}/api/UserPreferences/Delete`, {\r\n method: 'DELETE',\r\n credentials: 'include',\r\n });\r\n\r\n this.userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n if (res.ok) {\r\n // Fetch updated preferences\r\n this.showToast('Preferences updated successfully!', 'success');\r\n\r\n location.reload(); // If you want to refresh the UI\r\n }\r\n } catch (error) {\r\n // console.error('Failed to reset preferences', error);\r\n this.showToast('Something went wrong', 'error');\r\n }\r\n }\r\n toggleModal() {\r\n this.isModalOpen = !this.isModalOpen;\r\n }\r\n togglePageModal() {\r\n this.isPageModalOpen = !this.isPageModalOpen;\r\n }\r\n selectPage(page) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page\r\n this.togglePageModal(); // Close the page selection modal\r\n }\r\n\r\n get pagedPages() {\r\n const start = (this.currentPage - 1) * this.pageSize;\r\n const end = start + this.pageSize;\r\n return this.pages.slice(start, end);\r\n }\r\n\r\n get totalPages() {\r\n return Math.ceil(this.pages.length / this.pageSize);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"container\">\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" \r\n width=\"28px\" height=\"28px\" viewBox=\"0 0 24 24\"\r\n style={{ cursor: 'pointer' }}>\r\n <g stroke=\"none\" fill=\"none\">\r\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\r\n <rect fill=\"#000000\" x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\r\n <path\r\n d=\"M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z\"\r\n fill=\"#000000\"\r\n opacity=\"0.3\"\r\n />\r\n\r\n </g>\r\n </svg>\r\n\r\n {/* Main Modal */}\r\n {this.isModalOpen && (\r\n <div class=\"kt-quick-panel kt-quick-panel--on\">\r\n <a onClick={() => this.toggleModal()} id=\"kt_quick_panel_close_btn\" class=\"kt-quick-panel__close\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25px\" height=\"25px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </a>\r\n <div class=\"kt-quick-panel__nav\">\r\n <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n <li class=\"nav-item active\">\r\n <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n User Preference\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"kt-quick-panel__content\">\r\n <div class=\"tab-content\">\r\n <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n <div class=\"kt-notification\">\r\n <div class=\"kt-portlet__body\">\r\n <div class=\"form-group\">\r\n <label>Date Format</label>\r\n <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Time Format</label>\r\n <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Font Size</label>\r\n <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n {this.fontSizes.map(size => (\r\n <option value={size.value} selected={this.userPreferences.fontSize == size.value}>\r\n {size.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>User Display Format</label>\r\n <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n {this.displayFormats.map(format => (\r\n <option value={format.value} selected={this.userPreferences.displayFormat == format.value}>\r\n {format.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Default Landing Page</label>\r\n <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n <div class=\"input-group-prepend\">\r\n <span class=\"input-group-text\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"#000000\"\r\n height=\"18px\"\r\n width=\"18px\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n viewBox=\"0 0 64 64\"\r\n enable-background=\"new 0 0 64 64\"\r\n >\r\n <g id=\"Link-chains\">\r\n <path d=\"M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162 c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001 L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002 c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008 c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5 c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008 c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992 L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998 c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996 c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005 l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995 c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998 C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z\" />\r\n <path d=\"M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014 c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201 c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258 c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994 l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988 c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995 L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995 c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966 c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856 C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </div>\r\n <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name || 'Select page'} placeholder=\"Select page\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"kt-portlet__foot\">\r\n <div class=\"kt-form__actions\">\r\n <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n Save\r\n </button>\r\n <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n Reset\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {this.showToastFlag && <div class={`toast ${this.toastType}`}>{this.toastMessage}</div>}\r\n\r\n {/* Page Selection Modal */}\r\n\r\n {this.isPageModalOpen && (\r\n <div class=\"modal-overlay\">\r\n <div class=\"modal-dialog modal-md landing-modal\">\r\n <div class=\"modal-content landing-page\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title pull-left\"> Default Landing Page </h4>\r\n <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n <span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"modal-body\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"row\">\r\n <div class=\"form-group\">\r\n <label htmlFor=\"\"> Default Landing Page </label>\r\n <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n <option value=\"\" selected={this.applicationId === null}>\r\n -- Select Application --\r\n </option>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n {application.applicationName}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <label>Select Page</label>\r\n <div style={{ maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n {this.pagedPages.map(page => (\r\n <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n <div class=\"row\">\r\n <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1' }}>\r\n {page.name}\r\n </span>\r\n <small\r\n class={{\r\n 'culture-unpublished': page.pageCultureStatus == 1,\r\n 'culture-published': page.pageCultureStatus == 2,\r\n }}\r\n >\r\n {page.cultureCode}\r\n </small>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n\r\n {this.totalPages > 1 && (\r\n <div class=\"pagination-controls\">\r\n <button class=\"arrow-button\" disabled={this.currentPage === 1} onClick={() => this.currentPage--}>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </button>\r\n <span>\r\n {this.currentPage} of {this.totalPages}\r\n </span>\r\n <button class=\"arrow-button\" disabled={this.currentPage === this.totalPages} onClick={() => this.currentPage++}>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":["h","Host"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eiam-user-preference.entry.cjs.js","sources":["src/components/eiam-user-preference/eiam-user-preference.css?tag=eiam-user-preference&encapsulation=shadow","src/components/eiam-user-preference/eiam-user-preference.tsx"],"sourcesContent":[".kt-quick-panel {\r\n background-color: #fff;\r\n -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.13);\r\n padding: 0;\r\n}\r\n\r\n.kt-quick-panel__close {\r\n position: absolute;\r\n z-index: 1;\r\n right: 1.5rem;\r\n top: 1rem;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n width: 28px;\r\n height: 28px;\r\n background-color: #f7f8fa;\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n border-radius: 4px;\r\n}\r\n\r\n.kt-quick-panel__close i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n font-size: 0.8rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel__close:hover {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel__close:hover i {\r\n -webkit-transition: all 0.3s;\r\n transition: all 0.3s;\r\n color: #f2f2f2;\r\n}\r\n\r\n.kt-quick-panel__nav {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n position: relative;\r\n padding: 1.5rem 0 0 0;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n.kt-quick-panel__nav .nav {\r\n width: 100%;\r\n padding: 0 1.5rem;\r\n margin: 0;\r\n}\r\n.kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.kt-quick-panel__nav .nav .nav-item .nav-link {\r\n font-size: 1rem;\r\n color: #6f6f6f;\r\n}\r\n\r\n.kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n}\r\n\r\n.kt-quick-panel__content {\r\n padding: 1.5rem 0;\r\n}\r\n\r\n.kt-quick-panel__content .ps>.ps__rail-y {\r\n right: 5px !important;\r\n}\r\n\r\n.kt-quick-panel__content-padding-x {\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-2x, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav-tabs-line-3x {\r\n border-bottom-color: rgba(0, 143, 199, 0.1);\r\n}\r\n@media (max-width: 1024px) {\r\n .kt-quick-panel__close {\r\n right: 0.5rem;\r\n top: 0.5rem;\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .kt-quick-panel__close i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .kt-quick-panel__nav {\r\n padding: 1rem 0;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-item {\r\n margin-right: 1rem;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-item:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n .kt-quick-panel__nav .nav .nav-link {\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 0.9rem;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n }\r\n\r\n .kt-quick-panel__nav .kt-quick-panel__close i {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .kt-quick-panel__content {\r\n padding: 1rem 0.5rem 1rem 1rem;\r\n }\r\n\r\n .kt-quick-panel__content .tab-pane {\r\n padding-right: 0.5rem;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close {\r\n display: none;\r\n}\r\n\r\n.kt-quick-panel {\r\n z-index: 1001;\r\n position: fixed;\r\n -webkit-overflow-scrolling: touch;\r\n top: 0;\r\n bottom: 0;\r\n overflow-y: auto;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n backface-visibility: hidden;\r\n -webkit-backface-visibility: hidden;\r\n width: 425px !important;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: -445px;\r\n}\r\n\r\n.kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: auto;\r\n right:0 ;\r\n}\r\n.input-group {\r\n position: relative;\r\n display: flex\r\n;\r\n flex-wrap: nowrap;\r\n align-items: stretch;\r\n width: 100%;\r\n} .input-group-prepend, .input-group-append {\r\n display: flex\r\n;\r\n}\r\n\r\n.input-group-prepend {\r\n margin-right: -1px;\r\n}\r\n\r\n.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n}.input-group-text {\r\n display: flex\r\n;\r\n align-items: center;\r\n padding: 0.65rem 1rem;\r\n margin-bottom: 0;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: #6f6f6f;\r\n text-align: center;\r\n white-space: nowrap;\r\n background-color: #f7f8fa;\r\n border: 1px solid #e2e5ec;\r\n border-radius: 4px;\r\n}\r\n\r\n.input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn, .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.btn, .input-group.has-validation>.input-group-append:nth-last-child(n + 3)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n}.form-control {\r\n display: block;\r\n width: 100%;\r\n padding: .375rem .75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--bs-body-color);\r\n appearance: none;\r\n background-color: var(--bs-body-bg);\r\n background-clip: padding-box;\r\n border: var(--bs-border-width) solid var(--bs-border-color);\r\n border-radius: var(--bs-border-radius);\r\n transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}.form-control {\r\n display: block;\r\n width: 100%;\r\n padding: 0rem .75rem;\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.5;\r\n color: var(--bs-body-color);\r\n appearance: none;\r\n background-color: var(--bs-body-bg);\r\n background-clip: padding-box;\r\n /* border: var(--bs-border-width) solid #cccccc; */\r\n border-radius: var(--bs-border-radius);\r\n transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n height: 36px;\r\n}.modal-body {\r\n padding: 15px 0;\r\n}\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin: 0;\r\n}\r\n.form-control{\r\n background-color: #ffffff;\r\n}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\r\n margin-left: calc(var(--bs-border-width) * -1);\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n}.btn-primary {\r\n color: #fff;\r\n background-color: #5867dd;\r\n border-color: #5867dd;\r\n color: #ffffff;\r\n}.btn {\r\n align-items: center;\r\n}.btn {\r\n --bs-btn-padding-x: 0.75rem;\r\n --bs-btn-padding-y: 0.375rem;\r\n --bs-btn-font-family: ;\r\n --bs-btn-font-size: 1rem;\r\n --bs-btn-font-weight: 400;\r\n --bs-btn-line-height: 1.5;\r\n --bs-btn-color: var(--bs-body-color);\r\n --bs-btn-bg: transparent;\r\n --bs-btn-border-width: var(--bs-border-width);\r\n --bs-btn-border-color: transparent;\r\n --bs-btn-border-radius: var(--bs-border-radius);\r\n --bs-btn-hover-border-color: transparent;\r\n --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);\r\n --bs-btn-disabled-opacity: 0.65;\r\n --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);\r\n display: inline-block;\r\n padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\r\n font-family: var(--bs-btn-font-family);\r\n font-size: var(--bs-btn-font-size);\r\n font-weight: var(--bs-btn-font-weight);\r\n line-height: var(--bs-btn-line-height);\r\n color: var(--bs-btn-color);\r\n text-align: center;\r\n text-decoration: none;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n user-select: none;\r\n border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\r\n border-radius: var(--bs-btn-border-radius);\r\n background-color: var(--bs-btn-bg);\r\n transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\r\n}\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel {\r\n right: -445px;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.kt-quick-panel-close {\r\n width: 25px;\r\n height: 25px;\r\n top: 1px;\r\n z-index: 1002;\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n position: fixed;\r\n border: 0;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n outline: none !important;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n left: -25px;\r\n}\r\n\r\n@media screen and (-ms-high-contrast: active),\r\n(-ms-high-contrast: none) {\r\n .kt-quick-panel-close {\r\n -webkit-transition: none !important;\r\n transition: none !important;\r\n }\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n line-height: 0;\r\n font-size: 1.4rem;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n text-decoration: none;\r\n}\r\n\r\n.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: -25px;\r\n}\r\n\r\n.kt-quick-panel--on .kt-quick-panel-close {\r\n -webkit-transition: left 0.3s ease, right 0.3s ease;\r\n transition: left 0.3s ease, right 0.3s ease;\r\n left: 399px;\r\n}\r\n\r\n.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close {\r\n left: auto;\r\n right: 399px;\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n overflow: hidden;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.1);\r\n -webkit-animation: kt-animate-fade-in .3s linear 1;\r\n animation: kt-animate-fade-in .3s linear 1;\r\n}\r\n\r\n.kt-quick-panel {\r\n background: #ffffff;\r\n -webkit-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.75);\r\n}\r\n\r\n.kt-quick-panel-overlay {\r\n background: rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kt-quick-panel-close {\r\n background-color: #e8e8f2;\r\n}\r\n\r\n.kt-quick-panel-close>i {\r\n color: #968ad4;\r\n}\r\n\r\n.kt-quick-panel-close:hover {\r\n background-color: #008fc7;\r\n}\r\n\r\n.kt-quick-panel-close:hover>i {\r\n color: #ffffff;\r\n}\r\n\r\n.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n\r\n.form-group.form-group-marginless,\r\n.form-group.form-group-last {\r\n margin-bottom: 0px;\r\n}\r\n\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n\r\n.form-group .invalid-feedback,\r\n.form-group .valid-feedback {\r\n font-weight: 400;\r\n}\r\n\r\n.form-group .form-text {\r\n font-size: 0.9rem;\r\n}\r\n\r\n.form-group.form-group-md {\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.form-group.form-group-sm {\r\n margin-bottom: 0.5rem;\r\n}\r\n\r\n.form-group.form-group-xs {\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.form-group.form-group-last {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-group.input-group.form-group-sm {\r\n margin-bottom: 0rem;\r\n}\r\n\r\n.form-control:focus,\r\n.form-control:active {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.form-control[readonly] {\r\n background-color: #ffffff;\r\n}\r\n\r\n.form-control.form-control-pill {\r\n border-radius: 50px;\r\n}\r\n\r\n.custom-select {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n}\r\n\r\n.custom-file {\r\n width: 100%;\r\n}\r\n\r\n.custom-file-input:focus~.custom-file-label {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.custom-file-label {\r\n text-align: left;\r\n}\r\n\r\n.custom-file-label:after {\r\n float: left;\r\n}\r\n\r\n.input-group [class^=\"la-\"],\r\n.input-group [class*=\" la-\"] {\r\n font-size: 1.4rem;\r\n}\r\n\r\n.input-group [class^=\"fa-\"],\r\n.input-group [class*=\" fa-\"] {\r\n font-size: 1.2rem;\r\n}\r\n\r\n.input-group [class^=\"flaticon-\"],\r\n.input-group [class*=\" flaticon-\"],\r\n.input-group [class^=\"flaticon2-\"],\r\n.input-group [class*=\" flaticon2-\"] {\r\n font-size: 1.2rem;\r\n float: left;\r\n}\r\n\r\n.input-group i {\r\n color: #6f6f6f;\r\n line-height: 0;\r\n}\r\n\r\n.input-group .form-control.is-valid+.input-group-append,\r\n.input-group .form-control.is-invalid+.input-group-append {\r\n margin-left: 0;\r\n}\r\n\r\n.input-group .input-group-prepend+.form-control.is-valid,\r\n.input-group .input-group-prepend+.form-control.is-invalid {\r\n margin-left: 1px;\r\n}\r\n\r\n.input-group .form-group:nth-child(n) {\r\n padding-right: 3px;\r\n padding-left: 3px;\r\n}\r\n\r\n.input-group .form-group:first-child,\r\n.input-group.form-group.form-group-sm label+.form-group:nth-child(2) {\r\n padding-left: 0;\r\n padding-right: 5px;\r\n}\r\n\r\n.input-group .form-group:last-child {\r\n padding-right: 0;\r\n padding-left: 5px;\r\n}\r\n\r\n.validated .valid-feedback,\r\n.validated .invalid-feedback {\r\n display: block;\r\n}\r\n\r\n\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1050; /* Make sure this is higher than your main content */\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.4); /* Dimmed background */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.modal-dialog.landing-modal {\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n z-index: 1060;\r\n width: 600px;\r\n max-width: 90%;\r\n position: relative;\r\n}\r\n.modal-content.landing-page {\r\n padding: 20px;\r\n}\r\n\r\n.modal-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.modal-title {\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\nbody.modal-open {\r\n overflow: hidden;\r\n}\r\nbutton.close {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.slug-item {\r\n padding: 10px;\r\n border-bottom: 1px solid #eee;\r\n cursor: pointer;\r\n transition: background 0.2s ease-in-out;\r\n}\r\n\r\n.slug-item:hover {\r\n background: #f9f9f9;\r\n}\r\n\r\n.text-brand {\r\n color: #007bff;\r\n}\r\n\r\n.culture-unpublished {\r\n color: #dc3545;\r\n}\r\n\r\n.culture-published {\r\n color: #28a745;\r\n}\r\n\r\nselect.ng {\r\n width: 100%;\r\n padding: 8px;\r\n margin-top: 5px;\r\n border: 1px solid #ccc;\r\n border-radius: 4px;\r\n}\r\n\r\n.pagination-class {\r\n margin-top: 15px;\r\n}\r\n\r\n\r\n.nav-tabs.nav-tabs-line {\r\n border-bottom: 1px solid #ebedf2;\r\n} .nav-tabs.nav-tabs-line.nav-tabs-line-3x {\r\n border-bottom-width: 3px !important;\r\n}\r\n.nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active {\r\n color: #008fc7;\r\n border-bottom: 1px solid #008fc7;\r\n}\r\n\r\nselect {\r\n position: relative;\r\n display: block;\r\n box-sizing: border-box;\r\n}\r\n\r\nselect {\r\n height: 36px;\r\n color: #333;\r\n background-color: #fff;\r\n border-radius: 4px;\r\n border: 1px solid #ccc;\r\n min-height: 36px;\r\n align-items: center;\r\n cursor: default;\r\n display: flex;\r\n outline: none;\r\n overflow: hidden;\r\n position: relative;\r\n width: 100%;\r\n}\r\n.nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line a.nav-link:hover, .nav-tabs.nav-tabs-line a.nav-link.active {\r\n background-color: transparent;\r\n color: #595d6e;\r\n border-bottom: 1px solid #008fc7;\r\n}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link {\r\n font-size: 1rem;\r\n color: #6f6f6f;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-bold .nav-item .nav-link {\r\n font-weight: 500;\r\n}.nav-tabs.nav-tabs-line.nav-tabs-line-3x a.nav-link {\r\n border-bottom-width: 3px !important;\r\n}.nav-tabs .nav-item:last-child .nav-link {\r\n margin-right: 0;\r\n}.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n color: #008fc7;\r\n}\r\n\r\n.nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {\r\n transition: all 0.3s;\r\n}\r\n.nav {\r\n --bs-nav-link-padding-x: 1rem;\r\n --bs-nav-link-padding-y: 0.5rem;\r\n --bs-nav-link-font-weight: ;\r\n --bs-nav-link-color: var(--bs-link-color);\r\n --bs-nav-link-hover-color: var(--bs-link-hover-color);\r\n --bs-nav-link-disabled-color: var(--bs-secondary-color);\r\n display: flex\r\n;\r\n flex-wrap: wrap;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n list-style: none;\r\n}.nav-tabs.nav-tabs-line {\r\n border-bottom: 1px solid #ebedf2;\r\n}\r\n.kt-notification-item-padding-x {\r\n padding-left: 1.5rem !important;\r\n padding-right: 1.5rem !important;\r\n}.kt-quick-panel .kt-quick-panel__content {\r\n padding: 1.5rem 10px;\r\n}.form-group {\r\n margin-bottom: 2rem;\r\n}\r\n.form-group label {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n margin-bottom: 0.25rem;\r\n}label {\r\n display: inline-block;\r\n margin-bottom: 0.5rem;\r\n}\r\n.form-group>label {\r\n width: 100%;\r\n}\r\n.btn-primary {\r\n --bs-btn-color: #fff;\r\n --bs-btn-bg: #0d6efd;\r\n --bs-btn-border-color: #0d6efd;\r\n --bs-btn-hover-color: #fff;\r\n --bs-btn-hover-bg: #0b5ed7;\r\n --bs-btn-hover-border-color: #0a58ca;\r\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\r\n --bs-btn-active-color: #fff;\r\n --bs-btn-active-bg: #0a58ca;\r\n --bs-btn-active-border-color: #0a53be;\r\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n --bs-btn-disabled-color: #fff;\r\n --bs-btn-disabled-bg: #0d6efd;\r\n --bs-btn-disabled-border-color: #0d6efd;\r\n}.btn:not(:disabled):not(.disabled) {\r\n cursor: pointer;\r\n}\r\n.btn:not(:first-child) {\r\n margin-left: 0.5rem;\r\n}\r\n.btn-secondary {\r\n --bs-btn-color: #fff;\r\n --bs-btn-bg: #6c757d;\r\n --bs-btn-border-color: #6c757d;\r\n --bs-btn-hover-color: #fff;\r\n --bs-btn-hover-bg: #5c636a;\r\n --bs-btn-hover-border-color: #565e64;\r\n --bs-btn-focus-shadow-rgb: 130, 138, 145;\r\n --bs-btn-active-color: #fff;\r\n --bs-btn-active-bg: #565e64;\r\n --bs-btn-active-border-color: #51585e;\r\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n --bs-btn-disabled-color: #fff;\r\n --bs-btn-disabled-bg: #6c757d;\r\n --bs-btn-disabled-border-color: #6c757d;\r\n}\r\n\r\n\r\n.toast {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n padding: 12px 20px;\r\n border-radius: 5px;\r\n color: white;\r\n font-size: 14px;\r\n z-index: 9999;\r\n animation: fadeInOut 3s ease-in-out;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.toast.success {\r\n background-color: #2ecc71;\r\n}\r\n\r\n.toast.error {\r\n background-color: #e74c3c;\r\n}\r\n\r\n.pagination-controls {\r\n margin-top: 12px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 16px;\r\n font-family: sans-serif;\r\n}\r\n\r\n.arrow-button {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 4px;\r\n border-radius: 4px;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.arrow-button:hover:not(:disabled) {\r\n background-color: rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.arrow-button:disabled {\r\n opacity: 0.3;\r\n cursor: not-allowed;\r\n}\r\n\r\n.pagination-controls span {\r\n font-size: 14px;\r\n color: #333;\r\n}\r\n\r\n","import { Component, Host, Prop, State, Watch, h, Element, EventEmitter, Event } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'eiam-user-preference',\r\n styleUrl: 'eiam-user-preference.css',\r\n shadow: true,\r\n})\r\nexport class EiamUserPreference {\r\n @Element() host: HTMLElement;\r\n @State() currentRouteSlug: string;\r\n @State() payload = {\r\n pagination: {\r\n pageIndex: 0,\r\n pageSize: 1000,\r\n },\r\n search: {\r\n pageName: '',\r\n },\r\n };\r\n @Event() preferencesChanged: EventEmitter<any>;\r\n @State() userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: null,\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n\r\n @State() dateFormates: string[] = ['dd/MM/yyyy', 'MM/dd/yyyy', 'yyyy-MM-dd'];\r\n @State() timeFormats: string[] = ['h:mm a'];\r\n @State() fontSizes = [\r\n { label: 'Small', value: '14' },\r\n { label: 'Medium', value: '16' },\r\n { label: 'Large', value: '18' },\r\n ];\r\n @State() displayFormats: any[] = [];\r\n @State() userApplications: any[] = [];\r\n @State() pages: any[] = [];\r\n @State() isModalOpen = false;\r\n @State() currentPage: number = 1;\r\n @State() pageSize: number = 10;\r\n @State() isPageModalOpen: boolean = false; // Controls the visibility of the secondary modal\r\n @State() selectedPage: { pageId: number; name: string } = { pageId: null, name: '' }; // To store selected page\r\n @State() showToastFlag: any;\r\n @State() toastType: any;\r\n @State() toastMessage: any;\r\n @Prop() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n @Prop() apiUrl: string;\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n @Watch('apiUrl')\r\n\r\n\r\n async watchChanges() {\r\n if (!this.initialized) return; \r\n\r\n await this.getUserPreferences();\r\n \r\n }\r\n\r\n initialized = false;\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n this.initialized = true;\r\n\r\n }\r\nprivate isFetchingDisplayFormats = false;\r\nprivate isFetchingUserPreferences = false;\r\nprivate isFetchingApplications = false;\r\n\r\n async getDisplayFormats() {\r\n if (this.isFetchingDisplayFormats) return;\r\n this.isFetchingDisplayFormats = true;\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/DisplayFormats`, {\r\n method: 'GET', // Specify GET method\r\n headers: headers,\r\n credentials: 'include', // Include credentials (cookies) in the request\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (Array.isArray(data.content)) {\r\n this.displayFormats = data.content;\r\n } else {\r\n // console.error('Invalid response structure:', data);\r\n this.showToast('Something went wrong', 'error');\r\n }\r\n } catch (error) {\r\n // console.error('Error fetching display formats:', error);\r\n this.showToast('Something went wrong', 'error');\r\n }finally {\r\n this.isFetchingDisplayFormats = false;\r\n }\r\n }\r\n\r\n async getUserPreferences() {\r\n if (this.isFetchingUserPreferences) return;\r\n this.isFetchingUserPreferences = true;\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/GetUserPreferences`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n let data = await response.json();\r\n if (data && typeof data !== 'string' && data.code == 200) {\r\n console.log(data, ' data of user preferances');\r\n \r\n const fontSizeValue = parseInt(data.content.fontSize);\r\n console.log(fontSizeValue, ' fontSizeValue of user preferances');\r\n\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormat: data.content?.dateFormat || 'dd/MM/yyyy',\r\n timeFormat: data.content?.timeFormat || this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : parseInt(this.fontSizes[0]?.value),\r\n displayFormat: data.content?.displayFormat || 1,\r\n defaultLandingPageId: data?.content?.defaultLandingPageId,\r\n pageName: data?.content?.defaultLandingPageDetails?.name || '',\r\n };\r\n this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;\r\n }\r\n this.preferencesChanged.emit(data);\r\n } catch (error) {\r\n // console.error('Error fetching user preferences:', error);\r\n this.showToast('Something went wrong', 'error');\r\n }finally {\r\n this.isFetchingUserPreferences = false;\r\n }\r\n }\r\n private showToast(message: string, type: 'success' | 'error' = 'success') {\r\n this.toastMessage = message;\r\n this.toastType = type;\r\n this.showToastFlag = true;\r\n\r\n setTimeout(() => {\r\n this.showToastFlag = false;\r\n }, 3000);\r\n }\r\n\r\n async getUserApplications() {\r\n if (this.isFetchingApplications) return;\r\n this.isFetchingApplications = true;\r\n try {\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n\r\n const response = await fetch(`${this.apiUrl}/api/OrganizationApplicationsApi/GetAssigndApplicationForUser`, {\r\n method: 'GET',\r\n headers: headers,\r\n credentials: 'include',\r\n });\r\n\r\n const data = await response.json();\r\n\r\n if (data && Array.isArray(data.content)) {\r\n this.userApplications = data.content;\r\n } else {\r\n // console.error('Invalid response structure:', data);\r\n this.showToast('Something went wrong', 'error');\r\n }\r\n } catch (error) {\r\n // console.error('Error fetching applications:', error);\r\n this.showToast('Something went wrong', 'error');\r\n }finally{\r\n this.isFetchingApplications = false;\r\n }\r\n }\r\n changeApplication(e: Event) {\r\n const selectedId = (e.target as HTMLSelectElement).value;\r\n\r\n if (selectedId) {\r\n this.applicationId = selectedId;\r\n // console.log(this.applicationId, 'this.applicationId on change');\r\n this.getPagesSApplications();\r\n } else {\r\n this.applicationId = null;\r\n }\r\n }\r\n\r\n async getPagesSApplications() {\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/Pages/GetPages`, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n },\r\n credentials: 'include',\r\n body: JSON.stringify(this.payload),\r\n });\r\n\r\n if (!response.ok) {\r\n // console.error('Failed to fetch pages');\r\n this.showToast('Something went wrong', 'error');\r\n return;\r\n }\r\n\r\n const data = await response.json();\r\n this.pages = data?.content?.data;\r\n // console.log(data, 'data of all pages ');\r\n } catch (error) {\r\n // console.error('Error fetching pages:', error);\r\n this.showToast('Something went wrong', 'error');\r\n }\r\n }\r\n\r\n async submitPreferences() {\r\n const fontSizeValue = parseFloat(this.userPreferences.fontSize);\r\n const fontSize = !isNaN(fontSizeValue) ? `${fontSizeValue}px` : null;\r\n let pageName = this.selectedPage.name;\r\n let defaultLandingPageId = this.selectedPage.pageId;\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'CultureCode': this.cultureCode,\r\n 'Source': '2',\r\n 'applicationId': this.applicationId,\r\n };\r\n // console.log(this.userPreferences, 'user preferancesss ');\r\n\r\n try {\r\n const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n method: 'POST',\r\n headers,\r\n body: JSON.stringify({ ...this.userPreferences, fontSize, pageName: pageName, defaultLandingPageId: defaultLandingPageId }),\r\n credentials: 'include',\r\n });\r\n\r\n if (!response.ok) {\r\n // console.error('Failed to save preferences:', response.statusText);\r\n this.showToast('Something went wrong', 'error');\r\n\r\n return;\r\n }\r\n if (response.ok) {\r\n // Fetch updated preferences\r\n this.showToast('Preferences updated successfully!', 'success');\r\n\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs || typeof newPrefs === 'string') return;\r\n }\r\n } catch (error) {\r\n this.showToast('Something went wrong', 'error');\r\n // console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n let res = await fetch(`${this.apiUrl}/api/UserPreferences/Delete`, {\r\n method: 'DELETE',\r\n credentials: 'include',\r\n });\r\n\r\n this.userPreferences = {\r\n dateFormat: 'dd/MM/yyyy',\r\n timeFormat: '',\r\n fontSize: '',\r\n displayFormat: 4,\r\n defaultLandingPageId: '',\r\n pageName: '',\r\n };\r\n if (res.ok) {\r\n // Fetch updated preferences\r\n this.showToast('Preferences updated successfully!', 'success');\r\n\r\n location.reload(); // If you want to refresh the UI\r\n }\r\n } catch (error) {\r\n // console.error('Failed to reset preferences', error);\r\n this.showToast('Something went wrong', 'error');\r\n }\r\n }\r\n toggleModal() {\r\n this.isModalOpen = !this.isModalOpen;\r\n }\r\n togglePageModal() {\r\n this.isPageModalOpen = !this.isPageModalOpen;\r\n }\r\n selectPage(page) {\r\n this.selectedPage = page;\r\n this.userPreferences.defaultLandingPageId = page.pageId; // Update default landing page\r\n this.togglePageModal(); // Close the page selection modal\r\n }\r\n\r\n get pagedPages() {\r\n const start = (this.currentPage - 1) * this.pageSize;\r\n const end = start + this.pageSize;\r\n return this.pages.slice(start, end);\r\n }\r\n\r\n get totalPages() {\r\n return Math.ceil(this.pages.length / this.pageSize);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div class=\"container\">\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" \r\n width=\"28px\" height=\"28px\" viewBox=\"0 0 24 24\"\r\n style={{ cursor: 'pointer' }}>\r\n <g stroke=\"none\" fill=\"none\">\r\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\r\n <rect fill=\"#000000\" x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1.5\" />\r\n <path\r\n d=\"M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z\"\r\n fill=\"#000000\"\r\n opacity=\"0.3\"\r\n />\r\n\r\n </g>\r\n </svg>\r\n\r\n {/* Main Modal */}\r\n {this.isModalOpen && (\r\n <div class=\"kt-quick-panel kt-quick-panel--on\">\r\n <a onClick={() => this.toggleModal()} id=\"kt_quick_panel_close_btn\" class=\"kt-quick-panel__close\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25px\" height=\"25px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </a>\r\n <div class=\"kt-quick-panel__nav\">\r\n <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x\">\r\n <li class=\"nav-item active\">\r\n <a data-toggle=\"tab\" role=\"tab\" class=\"nav-link active\">\r\n User Preference\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n <div class=\"kt-quick-panel__content\">\r\n <div class=\"tab-content\">\r\n <div id=\"kt_quick_panel_tab_notifications\" role=\"tabpanel\" class=\"tab-pane fade show kt-scroll active ps ps--active-y\">\r\n <div class=\"kt-notification\">\r\n <div class=\"kt-portlet__body\">\r\n <div class=\"form-group\">\r\n <label>Date Format</label>\r\n <select onInput={e => (this.userPreferences.dateFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.dateFormates.map(format => (\r\n <option value={format} selected={this.userPreferences.dateFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Time Format</label>\r\n <select onInput={e => (this.userPreferences.timeFormat = (e.target as HTMLSelectElement).value)}>\r\n {this.timeFormats.map(format => (\r\n <option value={format} selected={this.userPreferences.timeFormat == format}>\r\n {format}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Font Size</label>\r\n <select onInput={e => (this.userPreferences.fontSize = (e.target as HTMLSelectElement).value)}>\r\n {this.fontSizes.map(size => (\r\n <option value={size.value} selected={this.userPreferences.fontSize == size.value}>\r\n {size.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>User Display Format</label>\r\n <select onInput={e => (this.userPreferences.displayFormat = parseInt((e.target as HTMLSelectElement).value))}>\r\n {this.displayFormats.map(format => (\r\n <option value={format.value} selected={this.userPreferences.displayFormat == format.value}>\r\n {format.label}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <label>Default Landing Page</label>\r\n <div class=\"input-group\" onClick={() => this.togglePageModal()}>\r\n <div class=\"input-group-prepend\">\r\n <span class=\"input-group-text\">\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n fill=\"#000000\"\r\n height=\"18px\"\r\n width=\"18px\"\r\n version=\"1.1\"\r\n id=\"Layer_1\"\r\n viewBox=\"0 0 64 64\"\r\n enable-background=\"new 0 0 64 64\"\r\n >\r\n <g id=\"Link-chains\">\r\n <path d=\"M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162 c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001 L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002 c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008 c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5 c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008 c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992 L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998 c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996 c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005 l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995 c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998 C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z\" />\r\n <path d=\"M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014 c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201 c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258 c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994 l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988 c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995 L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995 c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966 c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856 C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </div>\r\n <input type=\"text\" class=\"form-control\" readonly value={this.selectedPage.name || 'Select page'} placeholder=\"Select page\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"kt-portlet__foot\">\r\n <div class=\"kt-form__actions\">\r\n <button class=\"btn btn-primary\" onClick={() => this.submitPreferences()}>\r\n Save\r\n </button>\r\n <button class=\"btn btn-secondary\" onClick={() => this.resetPreferences()}>\r\n Reset\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n\r\n {this.showToastFlag && <div class={`toast ${this.toastType}`}>{this.toastMessage}</div>}\r\n\r\n {/* Page Selection Modal */}\r\n\r\n {this.isPageModalOpen && (\r\n <div class=\"modal-overlay\">\r\n <div class=\"modal-dialog modal-md landing-modal\">\r\n <div class=\"modal-content landing-page\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title pull-left\"> Default Landing Page </h4>\r\n <button onClick={() => this.togglePageModal()} type=\"button\" aria-label=\"Close\" class=\"close pull-right\">\r\n <span>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"15px\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <g id=\"Menu / Close_SM\">\r\n <path id=\"Vector\" d=\"M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n </svg>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"modal-body\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"row\">\r\n <div class=\"form-group\">\r\n <label htmlFor=\"\"> Default Landing Page </label>\r\n <select class=\"ng\" onInput={e => this.changeApplication(e)}>\r\n <option value=\"\" selected={this.applicationId === null}>\r\n -- Select Application --\r\n </option>\r\n {this.userApplications.map(application => (\r\n <option value={application.applicationId} selected={this.applicationId === application.applicationId}>\r\n {application.applicationName}\r\n </option>\r\n ))}\r\n </select>\r\n </div>\r\n </div>\r\n\r\n <label>Select Page</label>\r\n <div style={{ maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' }}>\r\n {this.pagedPages.map(page => (\r\n <div class=\"slug-item\" onClick={() => this.selectPage(page)}>\r\n <div class=\"row\">\r\n <span class=\"text-brand\" style={{ fontWeight: '600', lineHeight: '1' }}>\r\n {page.name}\r\n </span>\r\n <small\r\n class={{\r\n 'culture-unpublished': page.pageCultureStatus == 1,\r\n 'culture-published': page.pageCultureStatus == 2,\r\n }}\r\n >\r\n {page.cultureCode}\r\n </small>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n\r\n {this.totalPages > 1 && (\r\n <div class=\"pagination-controls\">\r\n <button class=\"arrow-button\" disabled={this.currentPage === 1} onClick={() => this.currentPage--}>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </button>\r\n <span>\r\n {this.currentPage} of {this.totalPages}\r\n </span>\r\n <button class=\"arrow-button\" disabled={this.currentPage === this.totalPages} onClick={() => this.currentPage++}>\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"names":["h","Host"],"mappings":"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"}
|
|
@@ -43,14 +43,16 @@ export class EiamUserPreference {
|
|
|
43
43
|
applicationId;
|
|
44
44
|
apiUrl;
|
|
45
45
|
async watchChanges() {
|
|
46
|
-
|
|
46
|
+
if (!this.initialized)
|
|
47
|
+
return;
|
|
47
48
|
await this.getUserPreferences();
|
|
48
|
-
await this.getUserApplications();
|
|
49
49
|
}
|
|
50
|
+
initialized = false;
|
|
50
51
|
async componentWillLoad() {
|
|
51
52
|
await this.getDisplayFormats();
|
|
52
53
|
await this.getUserPreferences();
|
|
53
54
|
await this.getUserApplications();
|
|
55
|
+
this.initialized = true;
|
|
54
56
|
}
|
|
55
57
|
isFetchingDisplayFormats = false;
|
|
56
58
|
isFetchingUserPreferences = false;
|
|
@@ -106,23 +108,21 @@ export class EiamUserPreference {
|
|
|
106
108
|
});
|
|
107
109
|
let data = await response.json();
|
|
108
110
|
if (data && typeof data !== 'string' && data.code == 200) {
|
|
109
|
-
|
|
111
|
+
console.log(data, ' data of user preferances');
|
|
112
|
+
const fontSizeValue = parseInt(data.content.fontSize);
|
|
113
|
+
console.log(fontSizeValue, ' fontSizeValue of user preferances');
|
|
110
114
|
this.userPreferences = {
|
|
111
115
|
...this.userPreferences,
|
|
112
116
|
dateFormat: data.content?.dateFormat || 'dd/MM/yyyy',
|
|
113
117
|
timeFormat: data.content?.timeFormat || this.timeFormats[0], // fallback!
|
|
114
|
-
fontSize: fontSizeValue
|
|
118
|
+
fontSize: !isNaN(fontSizeValue) ? fontSizeValue : parseInt(this.fontSizes[0]?.value),
|
|
115
119
|
displayFormat: data.content?.displayFormat || 1,
|
|
116
120
|
defaultLandingPageId: data?.content?.defaultLandingPageId,
|
|
117
121
|
pageName: data?.content?.defaultLandingPageDetails?.name || '',
|
|
118
122
|
};
|
|
119
123
|
this.selectedPage.name = data.content?.defaultLandingPageDetails?.name;
|
|
120
124
|
}
|
|
121
|
-
this.preferencesChanged.emit(
|
|
122
|
-
content: {
|
|
123
|
-
...data.content,
|
|
124
|
-
fontSize: `${this.userPreferences.fontSize}px`
|
|
125
|
-
} });
|
|
125
|
+
this.preferencesChanged.emit(data);
|
|
126
126
|
}
|
|
127
127
|
catch (error) {
|
|
128
128
|
// console.error('Error fetching user preferences:', error);
|
|
@@ -294,10 +294,10 @@ export class EiamUserPreference {
|
|
|
294
294
|
return Math.ceil(this.pages.length / this.pageSize);
|
|
295
295
|
}
|
|
296
296
|
render() {
|
|
297
|
-
return (h(Host, { key: 'c38e7f861a17d819a5a1540c1f9df846787a7260' }, h("div", { key: '3fcfe97469debec9f2006b98fd130566700eec7e', class: "container" }, h("svg", { key: '234f997ea312af0332293c029933d2e9f7f634a6', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '2ecffac943cac8d5822145d449d4538e93e76149', stroke: "none", fill: "none" }, h("rect", { key: 'd69516fdd8daa2370d68a11b8f69f260834f40a2', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '1175aa0e03fe49f525a794684e5882adcb7bcd1f', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: '20284e39025af68fdf712eff0afc2afb45a69112', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#000000", opacity: "0.3" }))), this.isModalOpen && (h("div", { key: '2d8bab2a8450daa545c55f646d8380b4d46c32d4', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: '33a1534f0677c8709214ee91ba3953be89a67015', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: 'a3e1ab2e45c90af7985adb0eac57e8ad04d09ba6', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '2d84ce960a4d6dd2660419a00c7dc57a10a9e7a2', id: "Menu / Close_SM" }, h("path", { key: '33af55d3135a5285c550d57dcad032feba31ddee', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '2b405ba9f584de23f4e804583d0990847c67be46', class: "kt-quick-panel__nav" }, h("ul", { key: 'f6afd258a1256fe5b0a80f3a319f4f596df80b9b', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, h("li", { key: '766b1e686af703b81c8165f2611201cedaf69693', class: "nav-item active" }, h("a", { key: '8fff27502ffeee7a0bad82702d628dd126798f46', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '2168b51936efa17bac48c5c629713e62918312f4', class: "kt-quick-panel__content" }, h("div", { key: '3f85c98b13c679bf6d1a3c545936713ece55d21b', class: "tab-content" }, h("div", { key: '28361a23255b573c9ade7818268b725bd561a58a', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: '0bc8eaa5958100dbab77c3fb391e531c05e9571f', class: "kt-notification" }, h("div", { key: '965355635a48537a16906daa13ddee42b5ea64b5', class: "kt-portlet__body" }, h("div", { key: '2f4e7206a1b7b749b0e0ee2e82722cd42c9fea0b', class: "form-group" }, h("label", { key: '92dac62780c8d7bad3abe4cd4c3767302c45cc25' }, "Date Format"), h("select", { key: 'd345c06b5a9b6264e1c719d517799e00972662e3', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), h("div", { key: '54d313f385c9a61ff66b63a8d9c7c98b4e039847', class: "form-group" }, h("label", { key: '3a8168a4fa2fc2ad38279093e1d38193a6c39d7a' }, "Time Format"), h("select", { key: 'e92a0c2c63d6c29b96fa0a4f3ae59ae6ccb94fbe', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), h("div", { key: '8a5a01f808456b7b0101db454119d49f862909eb', class: "form-group" }, h("label", { key: '2231bd9c0c64f5ebbc0ff93695f1d7b2742cbd06' }, "Font Size"), h("select", { key: '21e4012351acd6dfdc508e1d8c2b6376ee3013b3', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), h("div", { key: 'afc630432f90782dfb2dfeafb98e7763a378922d', class: "form-group" }, h("label", { key: '7cc82ee673c291ffb99a54bf269e85da7597d476' }, "User Display Format"), h("select", { key: '7604810b579e3869a0e5cfd5cf7fbbc3be290ceb', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), h("div", { key: '32e93f9ff3d6eb6b6f307e78c3125241735a7048', class: "form-group" }, h("label", { key: 'c6de20a8ee977c1468f9b8b55133c7ac16a42c4f' }, "Default Landing Page"), h("div", { key: '0acac231373b0ef96bbf5a52a3e932590d72a7bc', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '2d05503cc0fb17102d12051b024a61af4384fcf4', class: "input-group-prepend" }, h("span", { key: '8e308af86da68697218ea09bb42d68fd241f1eeb', class: "input-group-text" }, h("svg", { key: '43d85ead70646b210872714252269080c6fdecc0', xmlns: "http://www.w3.org/2000/svg", fill: "#000000", height: "18px", width: "18px", version: "1.1", id: "Layer_1", viewBox: "0 0 64 64", "enable-background": "new 0 0 64 64" }, h("g", { key: '2db1cf6fe3b8ff05fee77169a8ebb088292e2380', id: "Link-chains" }, h("path", { key: '23cb1a6148889493940b6b641a8438e99b1c8e23', d: "M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162 c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001 L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002 c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008 c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5 c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008 c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992 L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998 c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996 c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005 l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995 c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998 C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z" }), h("path", { key: 'a76e5aeff065b56ed4b485517df0d4047fe49842', d: "M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014 c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201 c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258 c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994 l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988 c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995 L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995 c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966 c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856 C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z" }))))), h("input", { key: 'b4819d3e64eff309aa827617cbd95115c6545f17', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: '5fc6fbe58d713f3ed264c139e4b3c81fe5f85d30', class: "kt-portlet__foot" }, h("div", { key: '8a47e702b9bc81e3246e4eee9e45db31075e9075', class: "kt-form__actions" }, h("button", { key: '2a3ef153448aeb0507ecdc8bd6c3089f52547851', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: 'f9865ada5721acede537937619a22bf51bccac89', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && h("div", { key: '4f7bad6e32f4244622dc2ce9a722996d462b1035', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (h("div", { key: 'df461e7e05446ce3247d8d6fc4626b8243ca8181', class: "modal-overlay" }, h("div", { key: 'b6bec1941d4255b01752a992bd8764fec6bbb09e', class: "modal-dialog modal-md landing-modal" }, h("div", { key: '04cd81a876a9913f2728d05615666bd3e267331c', class: "modal-content landing-page" }, h("div", { key: '334ca01650357630543157ce6e183ec70bebc31e', class: "modal-header" }, h("h4", { key: '3996c44e4018368d14a3e4359a874be1fecfca8c', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: '04cbeea0a5a6e3c4c509a8a1814ccbdc972f5328', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: 'fe5b4606f7f958e1871c01a42950d3b39affd335' }, h("svg", { key: 'bb484a0c32dd206cd7ab2fd66a678c98c474e087', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '65be17ddf12ea6961fe801829f4c742b7c770fe9', id: "Menu / Close_SM" }, h("path", { key: '139aa10c6991ce929722be8c14785f90597f334c', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: 'd772bef071ce31510db4c28aa2afe2dc54eb1c31', class: "modal-body" }, h("div", { key: '6abcf7f3ec45cfd9f93e0593d32c39f19bd4ad82', class: "row" }, h("div", { key: '057fe02ae7408bfcaf516f09731bb4cd53d9b8a9', class: "col-12" }, h("div", { key: '187d152e17b7ede1ab0cc3401e57d3f5697a94c1', class: "row" }, h("div", { key: '53767fb6b2136dc13fda9fcfd4d4dcfb385d02f6', class: "form-group" }, h("label", { key: '9604884b606b11f4159dce94d7fdccea6b189a4e', htmlFor: "" }, " Default Landing Page "), h("select", { key: '44fd0c13ba41fd8df2ac8c6873de237e5e59579b', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '779238b80316a7fa91c9ba9a4733bc71518a4aae', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: 'c08189e10e1168bdd0563a24cb12befaa11f273a' }, "Select Page"), h("div", { key: 'f74c8ef4ab6d9a36cd90cecae970948444bfcf93', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pagedPages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), h("small", { class: {
|
|
297
|
+
return (h(Host, { key: '78e91252f82acd8e1f56d5f3c9c177dace55d054' }, h("div", { key: '7876ad2e15814a85fe1bb2580e1f8defe437f821', class: "container" }, h("svg", { key: '7345fe59927f8d6aad621c28dc7aaf0030358d59', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "28px", height: "28px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '12027bf0118bd40f6fface7a58f4a8239af0794e', stroke: "none", fill: "none" }, h("rect", { key: '906a2162684570f898cee418cd2d618a423b6100', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '2231ef4684232233dfbc7315cb46e32870564ade', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: '518e4943e373367a771755dfdf83b509352d0cd5', d: "M5.5,13 L9.5,13 C10.3284271,13 11,13.6715729 11,14.5 L11,18.5 C11,19.3284271 10.3284271,20 9.5,20 L5.5,20 C4.67157288,20 4,19.3284271 4,18.5 L4,14.5 C4,13.6715729 4.67157288,13 5.5,13 Z M14.5,4 L18.5,4 C19.3284271,4 20,4.67157288 20,5.5 L20,9.5 C20,10.3284271 19.3284271,11 18.5,11 L14.5,11 C13.6715729,11 13,10.3284271 13,9.5 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 Z M14.5,13 L18.5,13 C19.3284271,13 20,13.6715729 20,14.5 L20,18.5 C20,19.3284271 19.3284271,20 18.5,20 L14.5,20 C13.6715729,20 13,19.3284271 13,18.5 L13,14.5 C13,13.6715729 13.6715729,13 14.5,13 Z", fill: "#000000", opacity: "0.3" }))), this.isModalOpen && (h("div", { key: '92cbbb86a30d7e21a4fb861bfe53477788014170', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: 'a2a35b9097f13f1e4c720cde9cd798196436e538', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: '36236dbbda22b474cf1825745c2b2a7b70debc6b', xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '96a40ed662e8c9ec12b4c3dbde0af26c1cf2f73d', id: "Menu / Close_SM" }, h("path", { key: '0ac8e9db61b92a2401bb5f0ad7e6e19f47f0ef6e', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: 'edb6febd03ef87e24be699f025c9f04015b28550', class: "kt-quick-panel__nav" }, h("ul", { key: '4ea42a5323eb945392168a6739a7c3a7c71799f5', role: "tablist", class: "nav nav-tabs nav-tabs-line nav-tabs-bold nav-tabs-line-3x nav-tabs-line-brand kt-notification-item-padding-x" }, h("li", { key: '310a145903cda3434a4943448621fc524fb4295b', class: "nav-item active" }, h("a", { key: '389cf15bb00df694d535652aace3dfcc2e24bd55', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: 'db7ae5832890179c8f1c283da04f3329642e8d4b', class: "kt-quick-panel__content" }, h("div", { key: 'bd0997300d2f6bc86dcecca6feb27e829f6c7270', class: "tab-content" }, h("div", { key: 'ae8c652fc917257c5df424da2f90a7970a972f09', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: 'faa10043ca4e0e3f94e30352477c64317ddadf4f', class: "kt-notification" }, h("div", { key: 'd6b9994a494a01437ca5949a579f9a2781ac3141', class: "kt-portlet__body" }, h("div", { key: '5de3777caa7a0a7dbeb642ff0be39189519cf7d7', class: "form-group" }, h("label", { key: '9fe9450d7cdbe96c12cfa57695dd8d61e472a9b7' }, "Date Format"), h("select", { key: '5f3908f3193618e4f1ddd065b1003acc13fafd80', onInput: e => (this.userPreferences.dateFormat = e.target.value) }, this.dateFormates.map(format => (h("option", { value: format, selected: this.userPreferences.dateFormat == format }, format))))), h("div", { key: '794e022420cfdc51823b03e2f069739af014d2a9', class: "form-group" }, h("label", { key: '98f5c870c780d49b4719c574aa6b204ba75c9c4f' }, "Time Format"), h("select", { key: '09e7e8e3e5a4c83d11b73acfa3a7660bf762cd2b', onInput: e => (this.userPreferences.timeFormat = e.target.value) }, this.timeFormats.map(format => (h("option", { value: format, selected: this.userPreferences.timeFormat == format }, format))))), h("div", { key: 'e18b1f08858f4e7607d87641fd86638bbc4f19e4', class: "form-group" }, h("label", { key: 'bcec6b1720bd07ec3b8f413aa91f02b7f7af0a46' }, "Font Size"), h("select", { key: '854baf4ccd5b8220683d2c7493a0f13f34ac0bc3', onInput: e => (this.userPreferences.fontSize = e.target.value) }, this.fontSizes.map(size => (h("option", { value: size.value, selected: this.userPreferences.fontSize == size.value }, size.label))))), h("div", { key: '8d98ef6f36005802fd779f4b03b8bc823d8fbeff', class: "form-group" }, h("label", { key: '3ad4a222df264831ddd0497b17b1f8320f42cdff' }, "User Display Format"), h("select", { key: '18bd434e842aa7926cbb98172bdbe3521adaeb4e', onInput: e => (this.userPreferences.displayFormat = parseInt(e.target.value)) }, this.displayFormats.map(format => (h("option", { value: format.value, selected: this.userPreferences.displayFormat == format.value }, format.label))))), h("div", { key: 'b47fc15ca5a61ea7997c42986baf7b9974ef3c10', class: "form-group" }, h("label", { key: 'ec5f839dddbcc592cac3e33f034154e36628591c' }, "Default Landing Page"), h("div", { key: 'cc4663ecac06e7cf88ba15f88cc0a5c8a6b4831f', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '3570d10e227090b95491f04e2a2b3ea65048eec6', class: "input-group-prepend" }, h("span", { key: 'ad59223ed4434fd64d50c3f0313535ea77cfaa38', class: "input-group-text" }, h("svg", { key: 'c74283c9900ec8e28244a3455ef491acc13271b9', xmlns: "http://www.w3.org/2000/svg", fill: "#000000", height: "18px", width: "18px", version: "1.1", id: "Layer_1", viewBox: "0 0 64 64", "enable-background": "new 0 0 64 64" }, h("g", { key: '1e3c332223d292ca0918802bfb77483ded5624fd', id: "Link-chains" }, h("path", { key: '39e2b12f26e6265150c9aec8f7bd8d522eac69b2', d: "M56.1697006,10.5212574C55.7126999,8.8132582,54.618,7.3864579,53.0876999,6.5036578l-9.7275009-5.6162 c-1.5303001-0.8838-3.3144989-1.1180999-5.0205994-0.6611c-1.7070007,0.458-3.1347008,1.5527-4.0185013,3.0840001 L21.9655991,24.7107582c-0.8838005,1.5301991-1.1191006,3.3134003-0.6611004,5.0205002 c0.4580002,1.7069988,1.5527,3.1338005,3.0839996,4.017498l7.5703011,4.3721008 c0.157198,0.0908012,0.3290997,0.1338005,0.4989986,0.1338005c0.3456993,0,0.6817017-0.1786995,0.8671989-0.5 c0.2764015-0.4785004,0.1123009-1.0898018-0.3661995-1.3661995l-7.5702991-4.3721008 c-1.0683994-0.6161995-1.8330002-1.612299-2.1523991-2.8027c-0.3192997-1.1903992-0.155201-2.4345989,0.4618988-3.5028992 L36.0534973,4.3103576c0.6172028-1.0683999,1.6123009-1.8329999,2.8037033-2.1523998 c1.1894989-0.3183,2.4355965-0.1552,3.5029984,0.4619l9.7275009,5.6162996 c1.0673981,0.6162004,1.8311005,1.6113005,2.1503983,2.8027c0.3193016,1.1914005,0.1553001,2.4355001-0.4618988,3.5039005 l-6.3652992,11.0243998c-0.2763023,0.4785004-0.1123009,1.0897999,0.3661995,1.3661995 c0.4755974,0.2754002,1.0888977,0.1123009,1.3662987-0.3661995l6.3652-11.0243998 C56.3923988,14.0124578,56.627697,12.2292576,56.1697006,10.5212574z" }), h("path", { key: 'b324a90e067f671cf857401fc92917586f4d6b65', d: "M39.6082001,30.2507572l-8.8691006-5.1201c-0.4786015-0.2763996-1.089901-0.112299-1.3662014,0.3662014 c-0.2763996,0.4784985-0.1124001,1.0897999,0.3662014,1.3661995l8.8691006,5.1201 c2.2040977,1.2734985,2.9618988,4.1026001,1.6884995,6.3066978L27.9411983,59.690258 c-0.6161995,1.0682983-1.6112995,1.8320007-2.8027,2.1512985c-1.1894989,0.3184013-2.4335995,0.1562996-3.5019989-0.4608994 l-9.7275009-5.6161995c-2.2040997-1.2734985-2.9629002-4.1026001-1.6904001-6.3067017l6.365201-11.0243988 c0.2763996-0.4785004,0.112299-1.089798-0.3662014-1.3661995c-0.4775991-0.2764015-1.0898991-0.1133003-1.3661995,0.3661995 L8.4860983,48.457756c-1.8231997,3.1592026-0.7362995,7.2139015,2.4229002,9.0391006l9.7275009,5.6161995 c1.0195999,0.5879021,2.1504002,0.8886986,3.2958984,0.8886986c0.575201,0,1.1543007-0.0751953,1.7246017-0.2284966 c1.7070999-0.4570999,3.1337986-1.5527992,4.0165997-3.0830002L42.0290985,39.289856 C43.8532982,36.1316566,42.7673988,32.0769577,39.6082001,30.2507572z" }))))), h("input", { key: 'f620d3477aca5a2639531c0f217dc355add2cda7', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: 'ef0aa3976a0750a5d655d8dc9d79e64e1e83db3b', class: "kt-portlet__foot" }, h("div", { key: '3eec56e1dc6bd68502d91527c0abe5ddc07b76a2', class: "kt-form__actions" }, h("button", { key: 'cfd54d12bde511dcc07522dd4cc9a129aea9e830', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: '9b264c2575e0085ab36fee258858cb211ec9dfc0', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.showToastFlag && h("div", { key: 'ec07ad79d530f010de2f8d0eec93155ee6b757cd', class: `toast ${this.toastType}` }, this.toastMessage), this.isPageModalOpen && (h("div", { key: '52281c17b72f848c4ac8c4327c6063e96fa4069f', class: "modal-overlay" }, h("div", { key: 'a029761adf13a599074ce09a5622c2c065c6d1a4', class: "modal-dialog modal-md landing-modal" }, h("div", { key: 'c6014c483c229281f69553c195a99079f82749ec', class: "modal-content landing-page" }, h("div", { key: '32d69d1fb86446b5809a0e9552479a055b58c991', class: "modal-header" }, h("h4", { key: '5f12eede4625ee029c851cb66081bb3b1f3c2be8', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: '5c8390d77058a5a63392a2bac3ca0d190cfebe45', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: '4371b47c22e5b999aff178723123773d2ac84f07' }, h("svg", { key: '27fe7ee50f8f69a86a988ae0f2805139af6fe389', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '806c44bf5eb9c70e3c4674e9d3c1eace86127f91', id: "Menu / Close_SM" }, h("path", { key: 'c7339e98f812e7f75c2cd42ec67cc9c9f8df36a8', id: "Vector", d: "M16 16L12 12M12 12L8 8M12 12L16 8M12 12L8 16", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '61dc356e72993bd60ba68cf52710e798ecf218e1', class: "modal-body" }, h("div", { key: 'b14eb7ff29d502bbddda4e542f8ada3eb8d5a463', class: "row" }, h("div", { key: 'dce0ec06a92c281e89c4001b965a4654b2b53640', class: "col-12" }, h("div", { key: '6f25abc99caeaefb4505b9af812f015bedecbf46', class: "row" }, h("div", { key: '819c5a2f39a4922f73c2a75965314dc6810527c1', class: "form-group" }, h("label", { key: '13de6be850f041737981ffecc89a1294af09e27f', htmlFor: "" }, " Default Landing Page "), h("select", { key: '2250e90e6bf484cae85c2c4e7e3010ddf514222c', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '957c7134ee977df72d914fcf2898c5241ebc4eb5', value: "", selected: this.applicationId === null }, "-- Select Application --"), this.userApplications.map(application => (h("option", { value: application.applicationId, selected: this.applicationId === application.applicationId }, application.applicationName)))))), h("label", { key: '439abb889361d1e58cd947cb9817ad211a6cf94f' }, "Select Page"), h("div", { key: '55c8592e76aeaca13335aec666f85bceaf0d83b3', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pagedPages.map(page => (h("div", { class: "slug-item", onClick: () => this.selectPage(page) }, h("div", { class: "row" }, h("span", { class: "text-brand", style: { fontWeight: '600', lineHeight: '1' } }, page.name), h("small", { class: {
|
|
298
298
|
'culture-unpublished': page.pageCultureStatus == 1,
|
|
299
299
|
'culture-published': page.pageCultureStatus == 2,
|
|
300
|
-
} }, page.cultureCode)))))), this.totalPages > 1 && (h("div", { key: '
|
|
300
|
+
} }, page.cultureCode)))))), this.totalPages > 1 && (h("div", { key: '05a8bea006042a28e1a6b18a8e3fff560226afc0', class: "pagination-controls" }, h("button", { key: '8851a1eb50481493bd001a915192bef216bb78c7', class: "arrow-button", disabled: this.currentPage === 1, onClick: () => this.currentPage-- }, h("svg", { key: 'a285ec4e10ba7e8297827c9ddcfc06645af9f024', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: 'c06083a25b08a4f647fb184cd68be4b4a490157e', d: "M15 18L9 12L15 6", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("span", { key: 'c0c5302b2456e10a75094e3bf449d0a250c6003c' }, this.currentPage, " of ", this.totalPages), h("button", { key: 'e9c68a484368c108f2b3460562b32b5633d6de15', class: "arrow-button", disabled: this.currentPage === this.totalPages, onClick: () => this.currentPage++ }, h("svg", { key: 'eb73e9f3ed5951c8557b36ae1ded96b2a1bda69f', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '1d9d19e063a185060604f5aab6aef76c5acebe99', d: "M9 6L15 12L9 18", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))))))))));
|
|
301
301
|
}
|
|
302
302
|
static get is() { return "eiam-user-preference"; }
|
|
303
303
|
static get encapsulation() { return "shadow"; }
|