fix: tags contextuels + rename/delete confirm dans Settings
FlowDeck CI / test (push) Failing after 8s
FlowDeck CI / docker (push) Has been skipped

Context menu (_ctxMenuData):
- Remplacé getters par propriétés simples (Alpine ne réagit pas aux getters)
- Sync _wsInitData → _ctxMenuData dans onContextMenu, ctxAddNewTag, ctxRemoveTag
- Les 4 tags existants apparaissent maintenant dans le dropdown

Settings > Tags:
- Double-clic sur un tag → prompt rename (PUT /api/settings/tags/<id>)
- Suppression: modal de confirmation au lieu de confirm() natif
- Affiche le nombre d'items impactés si tag utilisé
This commit is contained in:
2026-07-13 11:20:51 -04:00
parent c524478ff2
commit 53865f136d
2 changed files with 60 additions and 13 deletions
+19 -11
View File
@@ -774,6 +774,13 @@ window._wsInitData = (function() {
menu.style.top = y + 'px';
this.ctxMenu.x = x;
this.ctxMenu.y = y;
// Sync to _ctxMenuData for Alpine reactivity
var c = window._ctxMenuData;
c.ctxMenu = this.ctxMenu;
c.ctxTagAdding = this.ctxTagAdding;
c.ctxTagExistingOpen = this.ctxTagExistingOpen;
c.ctxAvailTags = this.ctxAvailTags;
c.ctxNewTagColor = this.ctxNewTagColor;
},
// ── Long-press (mobile context menu) ──
@@ -851,6 +858,9 @@ window._wsInitData = (function() {
this.ctxAvailTags = (this.workspaceTags || []).filter(function(t) {
return !(this.ctxMenu.tags||[]).some(function(nt) { return nt.id === t.id; });
}.bind(this));
// Sync to _ctxMenuData
window._ctxMenuData.ctxAvailTags = this.ctxAvailTags;
window._ctxMenuData.ctxMenu = this.ctxMenu;
},
async ctxAddNewTag(tagName, color) {
@@ -875,6 +885,9 @@ window._wsInitData = (function() {
self.ctxAvailTags = (self.workspaceTags || []).filter(function(t) {
return !(self.ctxMenu.tags||[]).some(function(nt) { return nt.id === t.id; });
});
// Sync to _ctxMenuData
window._ctxMenuData.ctxAvailTags = self.ctxAvailTags;
window._ctxMenuData.ctxMenu = self.ctxMenu;
}); }, 200);
}
this.ctxTagAdding = false;
@@ -1918,17 +1931,12 @@ for (var _i = 0; _i < _wsKeys.length; _i++) {
_wsInitData = window._wsInitData;
// Objet léger pour le ctx-menu (évite le conflit $nextTick avec Alpine)
window._ctxMenuData = {
get ctxMenu() { return window._wsInitData.ctxMenu; },
set ctxMenu(v) { window._wsInitData.ctxMenu = v; },
get ctxTagAdding() { return window._wsInitData.ctxTagAdding; },
set ctxTagAdding(v) { window._wsInitData.ctxTagAdding = v; },
get ctxTagExistingOpen() { return window._wsInitData.ctxTagExistingOpen; },
set ctxTagExistingOpen(v) { window._wsInitData.ctxTagExistingOpen = v; },
get ctxAvailTags() { return window._wsInitData.ctxAvailTags; },
set ctxAvailTags(v) { window._wsInitData.ctxAvailTags = v; },
get ctxNewTagColor() { return window._wsInitData.ctxNewTagColor; },
set ctxNewTagColor(v) { window._wsInitData.ctxNewTagColor = v; },
get ctxTagColors() { return window._wsInitData.ctxTagColors; },
ctxMenu: {visible:false,x:0,y:0,node:null,tags:[]},
ctxTagAdding: false,
ctxTagExistingOpen: false,
ctxAvailTags: [],
ctxNewTagColor: '#787774',
ctxTagColors: ['#787774','#E03E3E','#D9730D','#DFAB01','#0F7B6C','#0B6E99','#6940A5','#AD1A72','#E16259','#D4A72C','#448361','#337EA9','#9065B0','#C94D8B'],
ctxMenuOpenPage() { window._wsInitData.ctxMenuOpenPage(); },
ctxMenuOpenFolder() { window._wsInitData.ctxMenuOpenFolder(); },
ctxMenuRename() { window._wsInitData.ctxMenuRename(); },