notid/ai-game-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix layer visibility toggle reactivity

Browse Source 
- Use $set() for array property updates in Alpine.js
- Change tintRed to use x-model for proper reactivity
This commit is contained in:
Bryce
2026-03-27 15:55:12 -07:00
parent efe72ff065
commit 087ac4ca0e
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
tools/ora_editor/templates/editor.html
View File

@@ -115,8 +115,10 @@
}, },
async toggleVisibility(layerName, visible) { async toggleVisibility(layerName, visible) {
const layer = this.layers.find(l => l.name === layerName); const idx = this.layers.findIndex(l => l.name === layerName);
if (layer) layer.visible = visible; if (idx >= 0) {
this.$set(this.layers[idx], 'visible', visible);
}
await fetch('/api/layer/visibility', { await fetch('/api/layer/visibility', {
method: 'POST', method: 'POST',
@@ -548,8 +550,7 @@
<span class="flex-1 text-sm truncate" x-text="layer.name"></span> <span class="flex-1 text-sm truncate" x-text="layer.name"></span>
<input <input
type="checkbox" type="checkbox"
:checked="layer.tintRed || false" x-model="layer.tintRed"
@change="layer.tintRed = $event.target.checked"
class="w-4 h-4 rounded" class="w-4 h-4 rounded"
title="Tint red for preview" title="Tint red for preview"
> >