composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-05-19 15:22:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

When reloading state, ask for a re-render of each dashlet as we'll need their scripts to be re-executed (that also make the data refresh)

Browse Source
This commit is contained in:
Stephen Abello
2026-01-23 11:05:16 +01:00
parent 1bb7ddd488
commit ceda1d40f8
4 changed files with 57 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
js/layouts/dashboard/dashboard-grid.js
View File

@@ -71,7 +71,8 @@ class IboGrid extends HTMLElement {
// Get the dashlet as an object
const oParser = new DOMParser();
const oDocument = oParser.parseFromString(sDashlet, 'text/html');
const oDashlet = oDocument.body.firstChild;
const oDashlet = oDocument.body.querySelector('ibo-dashlet');
const aScripts = oDocument.body.querySelectorAll('script');
const oSlot = IboGridSlot.MakeNew(oDashlet);
@@ -84,6 +85,20 @@ class IboGrid extends HTMLElement {
oSlot.scrollIntoView({ behavior: "smooth"});
aScripts.forEach( oScript => {
if (oScript) {
const oNewScriptElement = document.createElement('script');
// copy attributes
[...oScript.attributes].forEach(attr =>
oNewScriptElement.setAttribute(attr.name, attr.value)
);
oNewScriptElement.text = oScript.textContent;
oSlot.querySelector('ibo-dashlet').after(oNewScriptElement);
}
});
return oDashlet.sDashletId;
}
@@ -91,7 +106,7 @@ class IboGrid extends HTMLElement {
const oParser = new DOMParser();
const oDocument = oParser.parseFromString(sDashlet, 'text/html');
const oNewDashlet = oDocument.body.querySelector('ibo-dashlet');
const oNewScript = oDocument.body.querySelectorAll('script');
const aNewScripts = oDocument.body.querySelectorAll('script');
// Can't use oNewDashet.sDashletId as it's not in the DOM yet and connectedCallback hasn't been called yet
const oExistingDashlet = this.GetDashletElement(oNewDashlet.getAttribute('data-dashlet-id') );
@@ -119,7 +134,7 @@ class IboGrid extends HTMLElement {
}
// Append scripts to body so they are executed
oNewScript.forEach( oScript => {
aNewScripts.forEach( oScript => {
if (oScript) {
const oNewScriptElement = document.createElement('script');
@@ -129,7 +144,7 @@ class IboGrid extends HTMLElement {
);
oNewScriptElement.text = oScript.textContent;
document.body.appendChild(oNewScriptElement);
oSlotForExistingDashlet.querySelector('ibo-dashlet').after(oNewScriptElement);
}
});
}
@@ -166,11 +181,11 @@ class IboGrid extends HTMLElement {
this.oGrid.removeAll();
}
Serialize(bIncludeHtml = false) {
Serialize() {
const aSlots = this.getSlots();
return aSlots.reduce((aAccumulator, oSlot) => {
aAccumulator[oSlot.oDashlet.sDashletId] = oSlot.Serialize(bIncludeHtml);
aAccumulator[oSlot.oDashlet.sDashletId] = oSlot.Serialize();
return aAccumulator;
}, {});
}