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);
}
}
};