diff --git a/src/gui/html/elements/loot-plugin-item.html b/src/gui/html/elements/loot-plugin-item.html index 53fe141f..9b41ef76 100644 --- a/src/gui/html/elements/loot-plugin-item.html +++ b/src/gui/html/elements/loot-plugin-item.html @@ -97,17 +97,14 @@ priority: { type: String, value: '', - reflectToAttribute: true, }, isPriorityGlobal: { type: Boolean, value: false, - reflectToAttribute: true, }, hasUserEdits: { type: Boolean, value: false, - reflectToAttribute: true, }, }, @@ -120,6 +117,12 @@ evt.dataTransfer.setData('text/plain', evt.currentTarget.getName()); evt.dataTransfer.setDragImage(evt.currentTarget, 325, 175); }, + + updateStyling(pluginData) { + this.priority = pluginData.priority; + this.isPriorityGlobal = pluginData.isPriorityGlobal; + this.hasUserEdits = pluginData.hasUserEdits; + }, }); diff --git a/src/gui/html/js/plugin.js b/src/gui/html/js/plugin.js index e4f1cbea..6561c02d 100644 --- a/src/gui/html/js/plugin.js +++ b/src/gui/html/js/plugin.js @@ -437,17 +437,7 @@ static onItemContentChange(evt) { const item = document.getElementById('cardsNav').querySelector(`[data-id="${evt.detail.pluginId}"]`); if (item) { - item.setAttribute('priority', evt.detail.priority); - if (evt.detail.isPriorityGlobal) { - item.setAttribute('is-priority-global', ''); - } else { - item.removeAttribute('is-priority-global'); - } - if (evt.detail.hasUserEdits) { - item.setAttribute('has-user-edits', ''); - } else { - item.removeAttribute('has-user-edits'); - } + item.updateStyling(evt.detail); } } };