Skip to content

S2: komponen tombol, ikon, sheet, confirm, toast - #102

Merged
coderbuzz merged 2 commits into
mainfrom
feat/ui-s2-components
Oct 15, 2026
Merged

coderbuzz merged 2 commits into
mainfrom
feat/ui-s2-components

Conversation

@coderbuzz

@coderbuzz coderbuzz commented Oct 15, 2026 •

Copy link
Copy Markdown
Owner

Ringkasan

S2: varian tombol, ikon SVG, sheet responsif + alert-dialog, toast, badge status; semua confirm() dan modal inline diganti.

  • ui_icon (16 ikon), ui_sheet_start/ui_sheet_end, ui_confirm, static/app.js (openSheet/closeSheet, klik backdrop), fungsi template dict.
  • Tombol: .btn + primary/brand/secondary/ghost/destructive/destructive-outline/link, ukuran sm/lg/icon/icon-sm; .btn-red/.btn-danger dihapus dan dipetakan ulang per §5.1/K9.
  • 8 confirm() + 4 modal inline (import/export/move/prune) → sheet/confirm; kalimat akibat menyebut nama objek, tombol konfirmasi berlabel kata kerja.
  • Badge §3.4 (pending/created = warn, draft = stopped, 11px/800 kapital/radius 6); flash → .toast role=status 4 dtk (CSS); <html data-palette="indigo" data-theme="light"> statis; alias lapis 1 yang tak dipakai dihapus.

Bukti

  • build/vet/test hijau. grep -rn "confirm(\|modal-overlay\|btn-red\|btn-danger" templates static/app.css static/app.js = 0.
  • Sheet 390: panel bawah (y=658, lebar 390); 1280: popup tengah (560 lebar). Escape dan klik backdrop menutup (diuji).
  • DOM node apps/1 (390): sebelum 182, sesudah 240 (+58: 4 dialog konfirmasi + ikon).

Penyimpangan

  • ui_sheet dibagi ui_sheet_start/ui_sheet_end (Go template tak bisa menerima blok sebagai argumen); ui_confirm mandiri.
  • templates_test.go memakai funcMap produksi (agar dict ikut) alih-alih salinan.
  • ui_segmented dan .alert-ok|warn|danger dikerjakan di S5 (dibutuhkan pertama kali di sana), disetujui leader.
  • Review round 1: footer sheet jadi sibling body (ui_sheet_foot), tutup backdrop butuh pointerdown+click di luar kotak dialog, aria-describedby di confirm, aria-label 6 tombol ikon (ikon x/trash dari <template>), "Save & Redeploy" = destructive-outline + konfirmasi, blok .btn digabung.
  • Tata letak bar aksi tidak diubah (S5). Beberapa tombol baris env/file/domain jadi btn-icon-sm, ikon trash/x lama masih inline.
  • Export/Import di Settings = secondary agar satu primary.

🤖 Generated with Claude Code

coderbuzz and others added 2 commits October 15, 2026 18:58
…dge status tints

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
…, save-and-redeploy confirm

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@coderbuzz
coderbuzz merged commit 7233c5b into main Oct 15, 2026
2 checks passed
@coderbuzz
coderbuzz deleted the feat/ui-s2-components branch October 15, 2026 12:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant