eiam-user-preference 0.0.26 → 0.0.28
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 +9 -19
- package/dist/cjs/eiam-user-preference.cjs.entry.js.map +1 -1
- package/dist/cjs/eiam-user-preference.cjs.js +2 -2
- package/dist/cjs/eiam-user-preference.entry.cjs.js.map +1 -1
- package/dist/cjs/{index-DJZDkmon.js → index-BwhDU6Rv.js} +18 -2
- package/dist/{components/p-0Ec0rqBA.js.map → cjs/index-BwhDU6Rv.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/collection/components/eiam-user-preference/eiam-user-preference.js +65 -19
- package/dist/collection/components/eiam-user-preference/eiam-user-preference.js.map +1 -1
- package/dist/components/eiam-user-preference.js +14 -22
- package/dist/components/eiam-user-preference.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/my-component.js +1 -1
- package/dist/components/{p-0Ec0rqBA.js → p-Bg8L3BtK.js} +19 -3
- package/dist/components/p-Bg8L3BtK.js.map +1 -0
- 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-4ca8340d.entry.js +2 -0
- package/dist/eiam-user-preference/p-4ca8340d.entry.js.map +1 -0
- package/dist/eiam-user-preference/p-6579434e.entry.js +2 -0
- package/dist/eiam-user-preference/p-Ko8ax98F.js +3 -0
- package/dist/eiam-user-preference/p-Ko8ax98F.js.map +1 -0
- package/dist/esm/eiam-user-preference.entry.js +9 -19
- package/dist/esm/eiam-user-preference.entry.js.map +1 -1
- package/dist/esm/eiam-user-preference.js +3 -3
- package/dist/esm/{index-BGQj8XZp.js → index-Ko8ax98F.js} +18 -3
- package/dist/esm/index-Ko8ax98F.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/types/components/eiam-user-preference/eiam-user-preference.d.ts +3 -2
- package/dist/types/components.d.ts +20 -0
- package/package.json +1 -1
- package/dist/cjs/index-DJZDkmon.js.map +0 -1
- package/dist/eiam-user-preference/p-4032f0a0.entry.js +0 -2
- package/dist/eiam-user-preference/p-BGQj8XZp.js +0 -3
- package/dist/eiam-user-preference/p-BGQj8XZp.js.map +0 -1
- package/dist/eiam-user-preference/p-c040f8a9.entry.js +0 -2
- package/dist/eiam-user-preference/p-c040f8a9.entry.js.map +0 -1
- package/dist/esm/index-BGQj8XZp.js.map +0 -1
- /package/dist/eiam-user-preference/{p-4032f0a0.entry.js.map → p-6579434e.entry.js.map} +0 -0
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BwhDU6Rv.js');
|
|
4
4
|
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
5
|
|
|
6
6
|
const defineCustomElements = async (win, options) => {
|
|
7
7
|
if (typeof window === 'undefined') return undefined;
|
|
8
8
|
await appGlobals.globalScripts();
|
|
9
|
-
return index.bootstrapLazy([["eiam-user-preference.cjs",[[1,"eiam-user-preference",{"cultureCode":[1,"culture-code"],"applicationId":[1,"application-id"],"currentRouteSlug":[32],"payload":[32],"userPreferences":[32],"dateFormates":[32],"timeFormats":[32],"fontSizes":[32],"displayFormats":[32],"userApplications":[32],"pages":[32],"totalPages":[32],"isModalOpen":[32],"isPageModalOpen":[32],"selectedPage":[32]
|
|
9
|
+
return index.bootstrapLazy([["eiam-user-preference.cjs",[[1,"eiam-user-preference",{"pageId":[8,"page-id"],"cultureCode":[1,"culture-code"],"applicationId":[1,"application-id"],"apiUrl":[1,"api-url"],"currentRouteSlug":[32],"payload":[32],"userPreferences":[32],"dateFormates":[32],"timeFormats":[32],"fontSizes":[32],"displayFormats":[32],"userApplications":[32],"pages":[32],"totalPages":[32],"isModalOpen":[32],"isPageModalOpen":[32],"selectedPage":[32]},null,{"cultureCode":["componentWillLoad"],"applicationId":["componentWillLoad"],"pageId":["componentWillLoad"],"apiUrl":["componentWillLoad"]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]]], options);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.setNonce = index.setNonce;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Host, h } from "@stencil/core";
|
|
2
2
|
export class EiamUserPreference {
|
|
3
3
|
host;
|
|
4
|
-
apiUrl = window['config']?.apiUrl || 'http://localhost:5000';
|
|
5
4
|
currentRouteSlug;
|
|
6
5
|
payload = {
|
|
7
6
|
pagination: {
|
|
@@ -12,6 +11,7 @@ export class EiamUserPreference {
|
|
|
12
11
|
pageName: '',
|
|
13
12
|
},
|
|
14
13
|
};
|
|
14
|
+
preferencesChanged;
|
|
15
15
|
userPreferences = {
|
|
16
16
|
dateFormat: 'dd/MM/yyyy',
|
|
17
17
|
timeFormat: '',
|
|
@@ -37,13 +37,13 @@ export class EiamUserPreference {
|
|
|
37
37
|
pageId;
|
|
38
38
|
cultureCode;
|
|
39
39
|
applicationId;
|
|
40
|
+
apiUrl;
|
|
40
41
|
async componentWillLoad() {
|
|
41
42
|
await this.getDisplayFormats();
|
|
42
43
|
await this.getUserPreferences();
|
|
43
44
|
await this.getUserApplications();
|
|
44
45
|
await this.getPagesSApplications();
|
|
45
46
|
}
|
|
46
|
-
componentDidLoad() { }
|
|
47
47
|
async getDisplayFormats() {
|
|
48
48
|
try {
|
|
49
49
|
const headers = {
|
|
@@ -218,19 +218,7 @@ export class EiamUserPreference {
|
|
|
218
218
|
const newPrefs = await this.getUserPreferences();
|
|
219
219
|
if (!newPrefs || typeof newPrefs === 'string')
|
|
220
220
|
return;
|
|
221
|
-
|
|
222
|
-
const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;
|
|
223
|
-
if (displayFormat) {
|
|
224
|
-
localStorage.setItem('displayFormat', displayFormat);
|
|
225
|
-
// this.emit('displayFormatUpdated', displayFormat);
|
|
226
|
-
}
|
|
227
|
-
if (newFontSize) {
|
|
228
|
-
document.body.style.setProperty('font-size', newFontSize, 'important');
|
|
229
|
-
}
|
|
230
|
-
localStorage.setItem('dateFormat', dateFormate || 'dd/MM/yyyy');
|
|
231
|
-
localStorage.setItem('timeFormat', timeFormate || '');
|
|
232
|
-
// this.emit('dateFormatUpdated', dateFormate || 'dd/MM/yyyy');
|
|
233
|
-
// this.emit('timeFormatUpdated', timeFormate || '');
|
|
221
|
+
this.preferencesChanged.emit(newPrefs);
|
|
234
222
|
}
|
|
235
223
|
catch (error) {
|
|
236
224
|
console.error('Error submitting preferences:', error);
|
|
@@ -335,10 +323,10 @@ export class EiamUserPreference {
|
|
|
335
323
|
// );
|
|
336
324
|
// }
|
|
337
325
|
render() {
|
|
338
|
-
return (h(Host, { key: '
|
|
326
|
+
return (h(Host, { key: '731b2c2e1fa8ef61e9b34c24d1b834e344a76c15' }, h("div", { key: '245f274da3f4f49c30d8893909131f469eac7e20' }, h("svg", { key: '670f419055d8befcddee27a62b390f6d1971d7e5', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '4f995e9a8f04e82a7b6ec300f3a2e095bc7046e6', stroke: "none", fill: "none" }, h("rect", { key: '9c27735b21dc9966cef20ed0adfdbc798ce85f25', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '149d6ab3c583b754f24b9887993a9997a5b36bd6', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: 'b56dca1a5ce51c7d3cdff9b5e26541c148c60d13', 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: 'afe5bfd29567896e6d85e49b4917bc6f9409effa', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: 'af3b1dd0c26b38b86d9cf76d152e155d7678eb40', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: '6a0045942d9a4dde1c94f297a78ee6962f19a539', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: 'e7809225a52a00f7c62590dd5f24b6ccc66a420b', id: "Menu / Close_SM" }, h("path", { key: '2739bda82e920f765a8293835e4dc13d065f4ab9', 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: '46ff7b3f2ac9e28bb951c93b1da2be23ffde72d6', class: "kt-quick-panel__nav" }, h("ul", { key: '6c9fb02f023b962ce571a500c343f18905fe71bf', 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: '535403e73f1f1bb6caafe8f39f86e34a43666ec4', class: "nav-item active" }, h("a", { key: 'a1760c4719604fcaaee5b944389d0696b4850ef2', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '417d1fbc594e853d5eeeb54b3a22f9d0b0032b19', class: "kt-quick-panel__content" }, h("div", { key: '3bcd63b934915e75f7b67853f7be3002214ccf79', class: "tab-content" }, h("div", { key: '1b0c32a46b6fe7687e7dc220839e174e89f7236d', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: 'bcecc7c5547a45240d7de1b4cf87136f8f0b0af7', class: "kt-notification" }, h("div", { key: 'a3bba8e2203830095c97deb7dac877f0cc6f1c97', class: "kt-portlet__body" }, h("div", { key: 'de07bc78c3c04649bfd8eb7bccf8df19d08cfd16', class: "form-group" }, h("label", { key: 'bf0ced14dc5c42aa295874048001dbbf4a9af42f' }, "Date Format"), h("select", { key: 'abffce57fe09c23a6001c1f0c2a2d5746ba6b245', 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: '8cf18c448bdf93821f6de803bb0b1ac7b7ca8c38', class: "form-group" }, h("label", { key: 'ba375e98d9b082bc81de25a0c5dacb34220c91ae' }, "Time Format"), h("select", { key: '89efa114a481302a3b473cc3769712c13ff3020b', 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: '6304196ce95d925b406d397d030d3d6c229ac240', class: "form-group" }, h("label", { key: 'de1fa694e20ae258f64a6abbbf59e8d8e6c0248b' }, "Font Size"), h("select", { key: '7ffb5f4ea3d483cc0527b7b9fa59b5fb851e6a2e', 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: 'a71129a1d0048b01c387237a87bd1407677442cc', class: "form-group" }, h("label", { key: 'a0445bd4887ae0defa9ff80cfc4daf8e894d15db' }, "User Display Format"), h("select", { key: '903e1b637e587c101390a94edf8dc74db5fb01b0', 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: '0cd23d50346d8c1c47bfbe077f45798fe05a7140', class: "form-group" }, h("label", { key: 'fded398f628cb683dc74bd5da81ffd5087635efb' }, "Default Landing Page"), h("div", { key: '493c1b803625de9f450233439467628bc15ae438', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '29b5e49c0f72c8180fd327742534599e0a74431d', class: "input-group-prepend" }, h("span", { key: 'a14cdad4754889c4d637b43aee3157fdb3fde548', class: "input-group-text" }, h("i", { key: '3ab22439f6e8df9c9f1749ec0cb304229fdb9e6b', class: "fas fa-link" }))), h("input", { key: '0543912d022603307777b98808bccf257225c740', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: 'b3110b3406ce85fcfdb7040551f98aa7857710f9', class: "kt-portlet__foot" }, h("div", { key: 'fedacfa50376a6318c37476ae002aa683a04910c', class: "kt-form__actions" }, h("button", { key: '5df20145523d959fd81df2ec519ea64ad9e770c4', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: '26aa7ebddd77d848e6b12c54ca536363c8ea8752', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (h("div", { key: '6803a154801a198106468e8c343f9513d6929b1c', class: "modal-overlay" }, h("div", { key: '2f1f904cf7e1626c075274e3b487d4e8d9fc77dd', class: "modal-dialog modal-md landing-modal" }, h("div", { key: '8d24f435f542d35d904a0a67043046c69675d99a', class: "modal-content landing-page" }, h("div", { key: '7718820159c8fb3f4cc739f3a5da1a8049db3789', class: "modal-header" }, h("h4", { key: '5f033472368a27122840d91b4ea575533bb7502f', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: 'de270d41eba8e0a5f70c65a19405d2ffc4db82d5', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: '98150a95aced4f56064742c377801b71ff054c42' }, h("svg", { key: '9b58b22aca3ab541469dbd900a3c07dba491cead', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '54ae867ecb9d7e70083ed54e7a7b38a337373a2f', id: "Menu / Close_SM" }, h("path", { key: 'f928bb18b52e92e9351edd4f0489bef40441e401', 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: '9bb65433aea09087d9fb9dc90f7b37e11fccd852', class: "modal-body" }, h("div", { key: '7c599604477cc976c20ccbdc39aabd249dff23eb', class: "row" }, h("div", { key: '4c4d9a356e2311894382866342c97c8600497bf2', class: "col-12" }, h("div", { key: 'eb2440229f945aea090994eb8b86a90735110b0f', class: "row" }, h("div", { key: '02d6011fd5e6a6aa4fc87dd2b5940f3b802ff72a', class: "form-group" }, h("label", { key: '0982f7cdf687ff07ec69cb6e9a4f3cc35f5b70b4', htmlFor: "" }, " Default Landing Page "), h("select", { key: 'd125ba99616c63012863dcaee217f3fba2027a54', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '1f0ca1eeb962d32ae5f4aca05e27d2cb16c11649', 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: 'e2063a3cc6c091606a29a2885649a42e6160d930' }, "Select Page"), h("div", { key: '2b9c19a2e6339e511584890f9c33dc4b4adf2329', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.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: {
|
|
339
327
|
'culture-unpublished': page.pageCultureStatus == 1,
|
|
340
328
|
'culture-published': page.pageCultureStatus == 2,
|
|
341
|
-
} }, "| ", page.cultureCode)))))), h("div", { key: '
|
|
329
|
+
} }, "| ", page.cultureCode)))))), h("div", { key: '1a56d798e073def8b6dfb31c8505145445cd0875', class: "d-flex justify-content-center mt-2 pagination-class" })))))))))));
|
|
342
330
|
}
|
|
343
331
|
static get is() { return "eiam-user-preference"; }
|
|
344
332
|
static get encapsulation() { return "shadow"; }
|
|
@@ -354,6 +342,25 @@ export class EiamUserPreference {
|
|
|
354
342
|
}
|
|
355
343
|
static get properties() {
|
|
356
344
|
return {
|
|
345
|
+
"pageId": {
|
|
346
|
+
"type": "any",
|
|
347
|
+
"attribute": "page-id",
|
|
348
|
+
"mutable": false,
|
|
349
|
+
"complexType": {
|
|
350
|
+
"original": "any",
|
|
351
|
+
"resolved": "any",
|
|
352
|
+
"references": {}
|
|
353
|
+
},
|
|
354
|
+
"required": false,
|
|
355
|
+
"optional": false,
|
|
356
|
+
"docs": {
|
|
357
|
+
"tags": [],
|
|
358
|
+
"text": ""
|
|
359
|
+
},
|
|
360
|
+
"getter": false,
|
|
361
|
+
"setter": false,
|
|
362
|
+
"reflect": false
|
|
363
|
+
},
|
|
357
364
|
"cultureCode": {
|
|
358
365
|
"type": "string",
|
|
359
366
|
"attribute": "culture-code",
|
|
@@ -391,6 +398,25 @@ export class EiamUserPreference {
|
|
|
391
398
|
"getter": false,
|
|
392
399
|
"setter": false,
|
|
393
400
|
"reflect": false
|
|
401
|
+
},
|
|
402
|
+
"apiUrl": {
|
|
403
|
+
"type": "string",
|
|
404
|
+
"attribute": "api-url",
|
|
405
|
+
"mutable": false,
|
|
406
|
+
"complexType": {
|
|
407
|
+
"original": "string",
|
|
408
|
+
"resolved": "string",
|
|
409
|
+
"references": {}
|
|
410
|
+
},
|
|
411
|
+
"required": false,
|
|
412
|
+
"optional": false,
|
|
413
|
+
"docs": {
|
|
414
|
+
"tags": [],
|
|
415
|
+
"text": ""
|
|
416
|
+
},
|
|
417
|
+
"getter": false,
|
|
418
|
+
"setter": false,
|
|
419
|
+
"reflect": false
|
|
394
420
|
}
|
|
395
421
|
};
|
|
396
422
|
}
|
|
@@ -408,10 +434,27 @@ export class EiamUserPreference {
|
|
|
408
434
|
"totalPages": {},
|
|
409
435
|
"isModalOpen": {},
|
|
410
436
|
"isPageModalOpen": {},
|
|
411
|
-
"selectedPage": {}
|
|
412
|
-
"pageId": {}
|
|
437
|
+
"selectedPage": {}
|
|
413
438
|
};
|
|
414
439
|
}
|
|
440
|
+
static get events() {
|
|
441
|
+
return [{
|
|
442
|
+
"method": "preferencesChanged",
|
|
443
|
+
"name": "preferencesChanged",
|
|
444
|
+
"bubbles": true,
|
|
445
|
+
"cancelable": true,
|
|
446
|
+
"composed": true,
|
|
447
|
+
"docs": {
|
|
448
|
+
"tags": [],
|
|
449
|
+
"text": ""
|
|
450
|
+
},
|
|
451
|
+
"complexType": {
|
|
452
|
+
"original": "any",
|
|
453
|
+
"resolved": "any",
|
|
454
|
+
"references": {}
|
|
455
|
+
}
|
|
456
|
+
}];
|
|
457
|
+
}
|
|
415
458
|
static get elementRef() { return "host"; }
|
|
416
459
|
static get watchers() {
|
|
417
460
|
return [{
|
|
@@ -423,6 +466,9 @@ export class EiamUserPreference {
|
|
|
423
466
|
}, {
|
|
424
467
|
"propName": "pageId",
|
|
425
468
|
"methodName": "componentWillLoad"
|
|
469
|
+
}, {
|
|
470
|
+
"propName": "apiUrl",
|
|
471
|
+
"methodName": "componentWillLoad"
|
|
426
472
|
}];
|
|
427
473
|
}
|
|
428
474
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eiam-user-preference.js","sourceRoot":"","sources":["../../../src/components/eiam-user-preference/eiam-user-preference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, Watch, h, Element } 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 apiUrl = window['config']?.apiUrl || 'http://localhost:5000';\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 @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() totalPages: number = 0;\r\n @State() isModalOpen = false;\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() pageId: any;\r\n @Prop() cultureCode: string;\r\n @Prop() applicationId: string;\r\n\r\n @Watch('cultureCode')\r\n @Watch('applicationId')\r\n @Watch('pageId')\r\n async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n await this.getPagesSApplications();\r\n }\r\n componentDidLoad() {}\r\n async getDisplayFormats() {\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/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 }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\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/UserPreferences/GetUserPreferences`, {\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 && typeof data !== 'string') {\r\n const fontSizeValue = parseFloat(data.fontSize);\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormat: data.dateFormate || 'dd/MM/yyyy',\r\n timeFormat: data.timeFormate || this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : this.fontSizes[0]?.value,\r\n displayFormat: data.displayFormat || 1,\r\n defaultLandingPageId: data.defaultLandingPageId,\r\n pageName: data?.defaultLandingPageDetails?.name || '',\r\n };\r\n }\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\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 }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\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 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\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 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 }\r\n }\r\n\r\n // async submitPreferences() {\r\n // const fontSize = this.userPreferences.fontSize ? this.userPreferences.fontSize + 'px' : null;\r\n\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 // try {\r\n // const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n // method: 'POST',\r\n // headers: headers,\r\n // body: JSON.stringify({ ...this.userPreferences, fontSize }),\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 // return;\r\n // }\r\n\r\n // await this.getUserPreferences();\r\n // } catch (error) {\r\n // console.error('Error submitting preferences:', error);\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 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\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 return;\r\n }\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs || typeof newPrefs === 'string') return;\r\n\r\n // Apply updated preferences like Angular code\r\n const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;\r\n\r\n if (displayFormat) {\r\n localStorage.setItem('displayFormat', displayFormat);\r\n // this.emit('displayFormatUpdated', displayFormat);\r\n }\r\n\r\n if (newFontSize) {\r\n document.body.style.setProperty('font-size', newFontSize, 'important');\r\n }\r\n \r\n\r\n localStorage.setItem('dateFormat', dateFormate || 'dd/MM/yyyy');\r\n localStorage.setItem('timeFormat', timeFormate || '');\r\n\r\n // this.emit('dateFormatUpdated', dateFormate || 'dd/MM/yyyy');\r\n // this.emit('timeFormatUpdated', timeFormate || '');\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n 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\r\n localStorage.removeItem('dateFormat');\r\n localStorage.removeItem('displayFormat');\r\n localStorage.removeItem('fontSize');\r\n\r\n location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', 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 // render() {\r\n // return (\r\n // <Host>\r\n // <div>\r\n // <i class=\"fas fa-cogs\" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>\r\n\r\n // {/* Modal */}\r\n // {this.isModalOpen && (\r\n // <div class=\"modal\">\r\n // <div class=\"modal-content\">\r\n // <span class=\"close\" onClick={() => this.toggleModal()}>\r\n // ×\r\n // </span>\r\n // <h2>User Preferences</h2>\r\n // <div>\r\n // <label>Date Format</label>\r\n // <select onInput={e => (this.userPreferences.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.dateFormates.map(format => (\r\n // <option value={format} selected={this.userPreferences.dateFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Time Format</label>\r\n // <select onInput={e => (this.userPreferences.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.timeFormats.map(format => (\r\n // <option value={format} selected={this.userPreferences.timeFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\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\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\r\n // <label>Default Landing Page</label>\r\n // <select onInput={e => (this.userPreferences.defaultLandingPageId = (e.target as HTMLSelectElement).value)}>\r\n // {this.pages.map(page => (\r\n // <option value={page.id} selected={this.userPreferences.defaultLandingPageId === page.id}>\r\n // {page.name}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <button onClick={() => this.submitPreferences()}>Save</button>\r\n // <button onClick={() => this.resetPreferences()}>Reset</button>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // )}\r\n // </div>\r\n // </Host>\r\n // );\r\n // }\r\n render() {\r\n return (\r\n <Host>\r\n <div>\r\n {/* User Preferences Modal Trigger */}\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" 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 </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=\"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 </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 <i class=\"fas fa-link\"></i>\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 {/* 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.pages.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 <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/* <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\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 </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"file":"eiam-user-preference.js","sourceRoot":"","sources":["../../../src/components/eiam-user-preference/eiam-user-preference.tsx"],"names":[],"mappings":"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","sourcesContent":["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() totalPages: number = 0;\r\n @State() isModalOpen = false;\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 @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 async componentWillLoad() {\r\n await this.getDisplayFormats();\r\n await this.getUserPreferences();\r\n await this.getUserApplications();\r\n await this.getPagesSApplications();\r\n }\r\n\r\n async getDisplayFormats() {\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/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 }\r\n } catch (error) {\r\n console.error('Error fetching display formats:', error);\r\n }\r\n }\r\n\r\n async getUserPreferences() {\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/UserPreferences/GetUserPreferences`, {\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 && typeof data !== 'string') {\r\n const fontSizeValue = parseFloat(data.fontSize);\r\n this.userPreferences = {\r\n ...this.userPreferences,\r\n dateFormat: data.dateFormate || 'dd/MM/yyyy',\r\n timeFormat: data.timeFormate || this.timeFormats[0], // fallback!\r\n fontSize: !isNaN(fontSizeValue) ? fontSizeValue : this.fontSizes[0]?.value,\r\n displayFormat: data.displayFormat || 1,\r\n defaultLandingPageId: data.defaultLandingPageId,\r\n pageName: data?.defaultLandingPageDetails?.name || '',\r\n };\r\n }\r\n } catch (error) {\r\n console.error('Error fetching user preferences:', error);\r\n }\r\n }\r\n\r\n async getUserApplications() {\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 }\r\n } catch (error) {\r\n console.error('Error fetching applications:', error);\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 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\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 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 }\r\n }\r\n\r\n // async submitPreferences() {\r\n // const fontSize = this.userPreferences.fontSize ? this.userPreferences.fontSize + 'px' : null;\r\n\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 // try {\r\n // const response = await fetch(`${this.apiUrl}/api/UserPreferences/SaveUserPreferences`, {\r\n // method: 'POST',\r\n // headers: headers,\r\n // body: JSON.stringify({ ...this.userPreferences, fontSize }),\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 // return;\r\n // }\r\n\r\n // await this.getUserPreferences();\r\n // } catch (error) {\r\n // console.error('Error submitting preferences:', error);\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 'IntegrationPermission': '0f5d983d203189bbffc5f686d01f6680bc6a83718a515fe42639347efc92478e',\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 return;\r\n }\r\n\r\n // Fetch updated preferences\r\n const newPrefs: any = await this.getUserPreferences();\r\n if (!newPrefs || typeof newPrefs === 'string') return;\r\n\r\n this.preferencesChanged.emit(newPrefs);\r\n } catch (error) {\r\n console.error('Error submitting preferences:', error);\r\n }\r\n }\r\n\r\n async resetPreferences() {\r\n try {\r\n 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\r\n localStorage.removeItem('dateFormat');\r\n localStorage.removeItem('displayFormat');\r\n localStorage.removeItem('fontSize');\r\n\r\n location.reload(); // If you want to refresh the UI\r\n } catch (error) {\r\n console.error('Failed to reset preferences', 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 // render() {\r\n // return (\r\n // <Host>\r\n // <div>\r\n // <i class=\"fas fa-cogs\" onClick={() => this.toggleModal()} style={{ cursor: 'pointer', fontSize: '24px' }}></i>\r\n\r\n // {/* Modal */}\r\n // {this.isModalOpen && (\r\n // <div class=\"modal\">\r\n // <div class=\"modal-content\">\r\n // <span class=\"close\" onClick={() => this.toggleModal()}>\r\n // ×\r\n // </span>\r\n // <h2>User Preferences</h2>\r\n // <div>\r\n // <label>Date Format</label>\r\n // <select onInput={e => (this.userPreferences.dateFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.dateFormates.map(format => (\r\n // <option value={format} selected={this.userPreferences.dateFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <label>Time Format</label>\r\n // <select onInput={e => (this.userPreferences.timeFormate = (e.target as HTMLSelectElement).value)}>\r\n // {this.timeFormats.map(format => (\r\n // <option value={format} selected={this.userPreferences.timeFormate === format}>\r\n // {format}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\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\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\r\n // <label>Default Landing Page</label>\r\n // <select onInput={e => (this.userPreferences.defaultLandingPageId = (e.target as HTMLSelectElement).value)}>\r\n // {this.pages.map(page => (\r\n // <option value={page.id} selected={this.userPreferences.defaultLandingPageId === page.id}>\r\n // {page.name}\r\n // </option>\r\n // ))}\r\n // </select>\r\n\r\n // <button onClick={() => this.submitPreferences()}>Save</button>\r\n // <button onClick={() => this.resetPreferences()}>Reset</button>\r\n // </div>\r\n // </div>\r\n // </div>\r\n // )}\r\n // </div>\r\n // </Host>\r\n // );\r\n // }\r\n render() {\r\n return (\r\n <Host>\r\n <div>\r\n {/* User Preferences Modal Trigger */}\r\n <svg onClick={() => this.toggleModal()} xmlns=\"http://www.w3.org/2000/svg\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" 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 </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=\"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 </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 <i class=\"fas fa-link\"></i>\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 {/* 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.pages.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 <div class=\"d-flex justify-content-center mt-2 pagination-class\">\r\n {/* <pagination\r\n totalItems={this.totalPages}\r\n maxSize={10}\r\n itemsPerPage={this.pageParams.pageSize}\r\n boundaryLinks={true}\r\n onPageChanged={event => this.changePage(event)}\r\n /> */}\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 </div>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, a as Host } from './p-
|
|
1
|
+
import { p as proxyCustomElement, H, c as createEvent, h, a as Host } from './p-Bg8L3BtK.js';
|
|
2
2
|
|
|
3
3
|
const eiamUserPreferenceCss = ".kt-quick-panel{background-color:#fff;-webkit-box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);box-shadow:0px 0px 28px 0px rgba(82, 63, 105, 0.13);padding:0}.kt-quick-panel .kt-quick-panel__close{position:absolute;z-index:1;right:1.5rem;top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:28px;height:28px;background-color:#f7f8fa;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:4px}.kt-quick-panel .kt-quick-panel__close i{-webkit-transition:all 0.3s;transition:all 0.3s;font-size:0.8rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__close:hover{-webkit-transition:all 0.3s;transition:all 0.3s;background-color:#008fc7}.kt-quick-panel .kt-quick-panel__close:hover i{-webkit-transition:all 0.3s;transition:all 0.3s;color:#f2f2f2}.kt-quick-panel .kt-quick-panel__nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:1.5rem 0 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kt-quick-panel .kt-quick-panel__nav .nav{width:100%;padding:0 1.5rem;margin:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1.5rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item .nav-link{font-size:1rem;color:#6f6f6f}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__content{padding:1.5rem 0}.kt-quick-panel .kt-quick-panel__content .ps>.ps__rail-y{right:5px !important}.kt-quick-panel .kt-quick-panel__content-padding-x{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 1024px){.kt-quick-panel .kt-quick-panel__close{right:0.5rem;top:0.5rem;width:24px;height:24px}.kt-quick-panel .kt-quick-panel__close i{font-size:0.8rem}.kt-quick-panel .kt-quick-panel__nav{padding:1rem 0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item{margin-right:1rem}.kt-quick-panel .kt-quick-panel__nav .nav .nav-item:last-child{margin-right:0}.kt-quick-panel .kt-quick-panel__nav .nav .nav-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:0.9rem;font-weight:400;text-transform:uppercase}.kt-quick-panel .kt-quick-panel__nav .kt-quick-panel__close i{font-size:1.1rem}.kt-quick-panel .kt-quick-panel__content{padding:1rem 0.5rem 1rem 1rem}.kt-quick-panel .kt-quick-panel__content .tab-pane{padding-right:0.5rem}}.kt-quick-panel-close{display:none}.kt-quick-panel{z-index:1001;position:fixed;-webkit-overflow-scrolling:touch;top:0;bottom:0;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);backface-visibility:hidden;-webkit-backface-visibility:hidden;width:425px !important;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:-445px}.kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:0}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel--right .kt-quick-panel{right:-445px;left:auto}.kt-quick-panel--right .kt-quick-panel.kt-quick-panel--on{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;right:0;left:auto}.kt-quick-panel-close{width:25px;height:25px;top:1px;z-index:1002;-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;position:fixed;border:0;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;cursor:pointer;outline:none !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:-25px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.kt-quick-panel-close{-webkit-transition:none !important;transition:none !important}}.kt-quick-panel-close>i{line-height:0;font-size:1.4rem}.kt-quick-panel-close:hover{text-decoration:none}.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:-25px}.kt-quick-panel--on .kt-quick-panel-close{-webkit-transition:left 0.3s ease, right 0.3s ease;transition:left 0.3s ease, right 0.3s ease;left:399px}.kt-quick-panel--on.kt-quick-panel--right .kt-quick-panel-close{left:auto;right:399px}.kt-quick-panel-overlay{position:fixed;top:0;left:0;bottom:0;right:0;overflow:hidden;z-index:1000;background:rgba(0, 0, 0, 0.1);-webkit-animation:kt-animate-fade-in .3s linear 1;animation:kt-animate-fade-in .3s linear 1}.kt-quick-panel{background:#ffffff;-webkit-box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75);box-shadow:0px 1px 9px -3px rgba(0, 0, 0, 0.75)}.kt-quick-panel-overlay{background:rgba(0, 0, 0, 0.1)}.kt-quick-panel-close{background-color:#e8e8f2}.kt-quick-panel-close>i{color:#968ad4}.kt-quick-panel-close:hover{background-color:#008fc7}.kt-quick-panel-close:hover>i{color:#ffffff}.form-group{margin-bottom:2rem}.form-group.form-group-marginless,.form-group.form-group-last{margin-bottom:0px}.form-group label{font-size:1rem;font-weight:400;margin-bottom:0.25rem}.form-group>label{width:100%}.form-group .invalid-feedback,.form-group .valid-feedback{font-weight:400}.form-group .form-text{font-size:0.9rem}.form-group.form-group-md{margin-bottom:1rem}.form-group.form-group-sm{margin-bottom:0.5rem}.form-group.form-group-xs{margin-bottom:0.25rem}.form-group.form-group-last{margin-bottom:0rem}.form-group.input-group.form-group-sm{margin-bottom:0rem}.form-control:focus,.form-control:active{-webkit-box-shadow:none !important;box-shadow:none !important}.form-control[readonly]{background-color:#ffffff}.form-control.form-control-pill{border-radius:50px}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-file{width:100%}.custom-file-input:focus~.custom-file-label{-webkit-box-shadow:none !important;box-shadow:none !important}.custom-file-label{text-align:left}.custom-file-label:after{float:left}.input-group [class^=\"la-\"],.input-group [class*=\" la-\"]{font-size:1.4rem}.input-group [class^=\"fa-\"],.input-group [class*=\" fa-\"]{font-size:1.2rem}.input-group [class^=\"flaticon-\"],.input-group [class*=\" flaticon-\"],.input-group [class^=\"flaticon2-\"],.input-group [class*=\" flaticon2-\"]{font-size:1.2rem;float:left}.input-group i{color:#6f6f6f;line-height:0}.input-group .form-control.is-valid+.input-group-append,.input-group .form-control.is-invalid+.input-group-append{margin-left:0}.input-group .input-group-prepend+.form-control.is-valid,.input-group .input-group-prepend+.form-control.is-invalid{margin-left:1px}.input-group .form-group:nth-child(n){padding-right:3px;padding-left:3px}.input-group .form-group:first-child,.input-group.form-group.form-group-sm label+.form-group:nth-child(2){padding-left:0;padding-right:5px}.input-group .form-group:last-child{padding-right:0;padding-left:5px}.validated .valid-feedback,.validated .invalid-feedback{display:block}.modal-overlay{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.4);display:flex;justify-content:center;align-items:center}.modal-dialog.landing-modal{background:white;border-radius:8px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);z-index:1060;width:600px;max-width:90%;position:relative}.modal-content.landing-page{padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-title{font-size:20px;font-weight:600}body.modal-open{overflow:hidden}button.close{background:none;border:none;cursor:pointer}.slug-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background 0.2s ease-in-out}.slug-item:hover{background:#f9f9f9}.text-brand{color:#007bff}.culture-unpublished{color:#dc3545}.culture-published{color:#28a745}select.ng{width:100%;padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.pagination-class{margin-top:15px}";
|
|
4
4
|
|
|
@@ -7,9 +7,9 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
|
|
|
7
7
|
super();
|
|
8
8
|
this.__registerHost();
|
|
9
9
|
this.__attachShadow();
|
|
10
|
+
this.preferencesChanged = createEvent(this, "preferencesChanged");
|
|
10
11
|
}
|
|
11
12
|
get host() { return this; }
|
|
12
|
-
apiUrl = window['config']?.apiUrl || 'http://localhost:5000';
|
|
13
13
|
currentRouteSlug;
|
|
14
14
|
payload = {
|
|
15
15
|
pagination: {
|
|
@@ -20,6 +20,7 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
|
|
|
20
20
|
pageName: '',
|
|
21
21
|
},
|
|
22
22
|
};
|
|
23
|
+
preferencesChanged;
|
|
23
24
|
userPreferences = {
|
|
24
25
|
dateFormat: 'dd/MM/yyyy',
|
|
25
26
|
timeFormat: '',
|
|
@@ -45,13 +46,13 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
|
|
|
45
46
|
pageId;
|
|
46
47
|
cultureCode;
|
|
47
48
|
applicationId;
|
|
49
|
+
apiUrl;
|
|
48
50
|
async componentWillLoad() {
|
|
49
51
|
await this.getDisplayFormats();
|
|
50
52
|
await this.getUserPreferences();
|
|
51
53
|
await this.getUserApplications();
|
|
52
54
|
await this.getPagesSApplications();
|
|
53
55
|
}
|
|
54
|
-
componentDidLoad() { }
|
|
55
56
|
async getDisplayFormats() {
|
|
56
57
|
try {
|
|
57
58
|
const headers = {
|
|
@@ -226,19 +227,7 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
|
|
|
226
227
|
const newPrefs = await this.getUserPreferences();
|
|
227
228
|
if (!newPrefs || typeof newPrefs === 'string')
|
|
228
229
|
return;
|
|
229
|
-
|
|
230
|
-
const { displayFormat, fontSize: newFontSize, dateFormate, timeFormate } = newPrefs;
|
|
231
|
-
if (displayFormat) {
|
|
232
|
-
localStorage.setItem('displayFormat', displayFormat);
|
|
233
|
-
// this.emit('displayFormatUpdated', displayFormat);
|
|
234
|
-
}
|
|
235
|
-
if (newFontSize) {
|
|
236
|
-
document.body.style.setProperty('font-size', newFontSize, 'important');
|
|
237
|
-
}
|
|
238
|
-
localStorage.setItem('dateFormat', dateFormate || 'dd/MM/yyyy');
|
|
239
|
-
localStorage.setItem('timeFormat', timeFormate || '');
|
|
240
|
-
// this.emit('dateFormatUpdated', dateFormate || 'dd/MM/yyyy');
|
|
241
|
-
// this.emit('timeFormatUpdated', timeFormate || '');
|
|
230
|
+
this.preferencesChanged.emit(newPrefs);
|
|
242
231
|
}
|
|
243
232
|
catch (error) {
|
|
244
233
|
console.error('Error submitting preferences:', error);
|
|
@@ -343,20 +332,23 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
|
|
|
343
332
|
// );
|
|
344
333
|
// }
|
|
345
334
|
render() {
|
|
346
|
-
return (h(Host, { key: '
|
|
335
|
+
return (h(Host, { key: '731b2c2e1fa8ef61e9b34c24d1b834e344a76c15' }, h("div", { key: '245f274da3f4f49c30d8893909131f469eac7e20' }, h("svg", { key: '670f419055d8befcddee27a62b390f6d1971d7e5', onClick: () => this.toggleModal(), xmlns: "http://www.w3.org/2000/svg", width: "24px", height: "24px", viewBox: "0 0 24 24", style: { cursor: 'pointer' } }, h("g", { key: '4f995e9a8f04e82a7b6ec300f3a2e095bc7046e6', stroke: "none", fill: "none" }, h("rect", { key: '9c27735b21dc9966cef20ed0adfdbc798ce85f25', x: "0", y: "0", width: "24", height: "24" }), h("rect", { key: '149d6ab3c583b754f24b9887993a9997a5b36bd6', fill: "#000000", x: "4", y: "4", width: "7", height: "7", rx: "1.5" }), h("path", { key: 'b56dca1a5ce51c7d3cdff9b5e26541c148c60d13', 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: 'afe5bfd29567896e6d85e49b4917bc6f9409effa', class: "kt-quick-panel kt-quick-panel--on" }, h("a", { key: 'af3b1dd0c26b38b86d9cf76d152e155d7678eb40', onClick: () => this.toggleModal(), id: "kt_quick_panel_close_btn", class: "kt-quick-panel__close" }, h("svg", { key: '6a0045942d9a4dde1c94f297a78ee6962f19a539', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: 'e7809225a52a00f7c62590dd5f24b6ccc66a420b', id: "Menu / Close_SM" }, h("path", { key: '2739bda82e920f765a8293835e4dc13d065f4ab9', 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: '46ff7b3f2ac9e28bb951c93b1da2be23ffde72d6', class: "kt-quick-panel__nav" }, h("ul", { key: '6c9fb02f023b962ce571a500c343f18905fe71bf', 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: '535403e73f1f1bb6caafe8f39f86e34a43666ec4', class: "nav-item active" }, h("a", { key: 'a1760c4719604fcaaee5b944389d0696b4850ef2', "data-toggle": "tab", role: "tab", class: "nav-link active" }, "User Preference")))), h("div", { key: '417d1fbc594e853d5eeeb54b3a22f9d0b0032b19', class: "kt-quick-panel__content" }, h("div", { key: '3bcd63b934915e75f7b67853f7be3002214ccf79', class: "tab-content" }, h("div", { key: '1b0c32a46b6fe7687e7dc220839e174e89f7236d', id: "kt_quick_panel_tab_notifications", role: "tabpanel", class: "tab-pane fade show kt-scroll active ps ps--active-y" }, h("div", { key: 'bcecc7c5547a45240d7de1b4cf87136f8f0b0af7', class: "kt-notification" }, h("div", { key: 'a3bba8e2203830095c97deb7dac877f0cc6f1c97', class: "kt-portlet__body" }, h("div", { key: 'de07bc78c3c04649bfd8eb7bccf8df19d08cfd16', class: "form-group" }, h("label", { key: 'bf0ced14dc5c42aa295874048001dbbf4a9af42f' }, "Date Format"), h("select", { key: 'abffce57fe09c23a6001c1f0c2a2d5746ba6b245', 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: '8cf18c448bdf93821f6de803bb0b1ac7b7ca8c38', class: "form-group" }, h("label", { key: 'ba375e98d9b082bc81de25a0c5dacb34220c91ae' }, "Time Format"), h("select", { key: '89efa114a481302a3b473cc3769712c13ff3020b', 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: '6304196ce95d925b406d397d030d3d6c229ac240', class: "form-group" }, h("label", { key: 'de1fa694e20ae258f64a6abbbf59e8d8e6c0248b' }, "Font Size"), h("select", { key: '7ffb5f4ea3d483cc0527b7b9fa59b5fb851e6a2e', 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: 'a71129a1d0048b01c387237a87bd1407677442cc', class: "form-group" }, h("label", { key: 'a0445bd4887ae0defa9ff80cfc4daf8e894d15db' }, "User Display Format"), h("select", { key: '903e1b637e587c101390a94edf8dc74db5fb01b0', 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: '0cd23d50346d8c1c47bfbe077f45798fe05a7140', class: "form-group" }, h("label", { key: 'fded398f628cb683dc74bd5da81ffd5087635efb' }, "Default Landing Page"), h("div", { key: '493c1b803625de9f450233439467628bc15ae438', class: "input-group", onClick: () => this.togglePageModal() }, h("div", { key: '29b5e49c0f72c8180fd327742534599e0a74431d', class: "input-group-prepend" }, h("span", { key: 'a14cdad4754889c4d637b43aee3157fdb3fde548', class: "input-group-text" }, h("i", { key: '3ab22439f6e8df9c9f1749ec0cb304229fdb9e6b', class: "fas fa-link" }))), h("input", { key: '0543912d022603307777b98808bccf257225c740', type: "text", class: "form-control", readonly: true, value: this.selectedPage.name || 'Select page', placeholder: "Select page" })))), h("div", { key: 'b3110b3406ce85fcfdb7040551f98aa7857710f9', class: "kt-portlet__foot" }, h("div", { key: 'fedacfa50376a6318c37476ae002aa683a04910c', class: "kt-form__actions" }, h("button", { key: '5df20145523d959fd81df2ec519ea64ad9e770c4', class: "btn btn-primary", onClick: () => this.submitPreferences() }, "Save"), h("button", { key: '26aa7ebddd77d848e6b12c54ca536363c8ea8752', class: "btn btn-secondary", onClick: () => this.resetPreferences() }, "Reset"))))))))), this.isPageModalOpen && (h("div", { key: '6803a154801a198106468e8c343f9513d6929b1c', class: "modal-overlay" }, h("div", { key: '2f1f904cf7e1626c075274e3b487d4e8d9fc77dd', class: "modal-dialog modal-md landing-modal" }, h("div", { key: '8d24f435f542d35d904a0a67043046c69675d99a', class: "modal-content landing-page" }, h("div", { key: '7718820159c8fb3f4cc739f3a5da1a8049db3789', class: "modal-header" }, h("h4", { key: '5f033472368a27122840d91b4ea575533bb7502f', class: "modal-title pull-left" }, " Default Landing Page "), h("button", { key: 'de270d41eba8e0a5f70c65a19405d2ffc4db82d5', onClick: () => this.togglePageModal(), type: "button", "aria-label": "Close", class: "close pull-right" }, h("span", { key: '98150a95aced4f56064742c377801b71ff054c42' }, h("svg", { key: '9b58b22aca3ab541469dbd900a3c07dba491cead', xmlns: "http://www.w3.org/2000/svg", width: "15px", height: "15px", viewBox: "0 0 24 24", fill: "none" }, h("g", { key: '54ae867ecb9d7e70083ed54e7a7b38a337373a2f', id: "Menu / Close_SM" }, h("path", { key: 'f928bb18b52e92e9351edd4f0489bef40441e401', 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: '9bb65433aea09087d9fb9dc90f7b37e11fccd852', class: "modal-body" }, h("div", { key: '7c599604477cc976c20ccbdc39aabd249dff23eb', class: "row" }, h("div", { key: '4c4d9a356e2311894382866342c97c8600497bf2', class: "col-12" }, h("div", { key: 'eb2440229f945aea090994eb8b86a90735110b0f', class: "row" }, h("div", { key: '02d6011fd5e6a6aa4fc87dd2b5940f3b802ff72a', class: "form-group" }, h("label", { key: '0982f7cdf687ff07ec69cb6e9a4f3cc35f5b70b4', htmlFor: "" }, " Default Landing Page "), h("select", { key: 'd125ba99616c63012863dcaee217f3fba2027a54', class: "ng", onInput: e => this.changeApplication(e) }, h("option", { key: '1f0ca1eeb962d32ae5f4aca05e27d2cb16c11649', 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: 'e2063a3cc6c091606a29a2885649a42e6160d930' }, "Select Page"), h("div", { key: '2b9c19a2e6339e511584890f9c33dc4b4adf2329', style: { maxHeight: '300px', overflowY: 'auto', overflowX: 'hidden' } }, this.pages.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: {
|
|
347
336
|
'culture-unpublished': page.pageCultureStatus == 1,
|
|
348
337
|
'culture-published': page.pageCultureStatus == 2,
|
|
349
|
-
} }, "| ", page.cultureCode)))))), h("div", { key: '
|
|
338
|
+
} }, "| ", page.cultureCode)))))), h("div", { key: '1a56d798e073def8b6dfb31c8505145445cd0875', class: "d-flex justify-content-center mt-2 pagination-class" })))))))))));
|
|
350
339
|
}
|
|
351
340
|
static get watchers() { return {
|
|
352
341
|
"cultureCode": ["componentWillLoad"],
|
|
353
342
|
"applicationId": ["componentWillLoad"],
|
|
354
|
-
"pageId": ["componentWillLoad"]
|
|
343
|
+
"pageId": ["componentWillLoad"],
|
|
344
|
+
"apiUrl": ["componentWillLoad"]
|
|
355
345
|
}; }
|
|
356
346
|
static get style() { return eiamUserPreferenceCss; }
|
|
357
347
|
}, [1, "eiam-user-preference", {
|
|
348
|
+
"pageId": [8, "page-id"],
|
|
358
349
|
"cultureCode": [1, "culture-code"],
|
|
359
350
|
"applicationId": [1, "application-id"],
|
|
351
|
+
"apiUrl": [1, "api-url"],
|
|
360
352
|
"currentRouteSlug": [32],
|
|
361
353
|
"payload": [32],
|
|
362
354
|
"userPreferences": [32],
|
|
@@ -369,12 +361,12 @@ const EiamUserPreference$1 = /*@__PURE__*/ proxyCustomElement(class EiamUserPref
|
|
|
369
361
|
"totalPages": [32],
|
|
370
362
|
"isModalOpen": [32],
|
|
371
363
|
"isPageModalOpen": [32],
|
|
372
|
-
"selectedPage": [32]
|
|
373
|
-
"pageId": [32]
|
|
364
|
+
"selectedPage": [32]
|
|
374
365
|
}, undefined, {
|
|
375
366
|
"cultureCode": ["componentWillLoad"],
|
|
376
367
|
"applicationId": ["componentWillLoad"],
|
|
377
|
-
"pageId": ["componentWillLoad"]
|
|
368
|
+
"pageId": ["componentWillLoad"],
|
|
369
|
+
"apiUrl": ["componentWillLoad"]
|
|
378
370
|
}]);
|
|
379
371
|
function defineCustomElement$1() {
|
|
380
372
|
if (typeof customElements === "undefined") {
|