tmk241/hemx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(kanban): prove accessible local reorder

Browse Source 
req: client_local/013\nreq: accessibility/002\nreq: accessibility/003\nreq: accessibility/004\nreq: accessibility/006\nreq: milestone/001
This commit is contained in:
slhx agent
2026-07-13 14:29:21 +02:00
parent dd5ea0827f
commit 7eb65d77c8
11 changed files with 407 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/kanban/templates/board.heml
+1 -1
View File
@@ -6,7 +6,7 @@
<select name="column" required="required">{+= self.options =+}</select>
<button type="submit">Add card</button>
</form>
<p data-hemx-slot="notice">Ready</p>
<p id="kanban-status" data-hemx-slot="notice" role="status" aria-live="polite">Ready</p>
</header>
<div data-hemx-slot="board">{+= self.board =+}</div>
examples/kanban/templates/client_board.heml
+9
View File
@@ -0,0 +1,9 @@
<section data-hemx-root="kanban_client" data-hemx-st="1|2" data-hemx-client-state-version="1" data-hemx-client-module="/kanban_client.js">
<p id="kanban-status" data-hemx-slot="client_notice" role="status" aria-live="polite">Ready</p>
<ul data-hemx-slot="client_cards">
<template h-for="card in &self.cards" h-key="card.id">
{+ card +}
</template>
</ul>
<div data-hemx-handle="reorder_card" data-hemx-on="drop" data-hemx-client="reorder_card" data-hemx-client-event="drop" data-hemx-client-policy="latest">Drop card</div>
</section>
examples/kanban/templates/client_card.heml
+4
View File
@@ -0,0 +1,4 @@
<li class="card" +data-key="self.id" draggable="true" data-hemx-handle="client_card" data-hemx-on="dragstart">
<span>{+ self.title +}</span>
<button type="button" data-hemx-handle="client_move_right" data-hemx-on="click keydown" data-hemx-client="reorder_card" data-hemx-client-event="click keydown" data-hemx-client-policy="latest" +data-card-id="self.id" aria-describedby="kanban-status">Move right</button>
</li>