Papan Kanban

Papan kanban dengan drag & drop (SortableJS lokal), tambah kartu, dan penyaring tugas.

Drag & drop berfungsi penuh, sepenuhnya offline. Papan ini memakai assets/js/sortable.min.js (SortableJS, MIT) yang disalin ke folder assets — jadi tidak ada permintaan ke CDN. Coba geser kartu antar kolom, urutan tersimpan di localStorage peramban Anda.

4 Belum dikerjakan

Tinggi
Perbaiki bug validasi NPWP pada form pendaftaran

Pengguna gagal menyimpan karena pola regex terlalu ketat.

RS 22 Sep
Sedang
Tambah ekspor Excel pada laporan penjualan
BP 2 lampiran
Rendah
Rapikan ikon pada mode gelap
NM 4 komentar
Sedang
Tulis dokumentasi pemasangan offline
HW 30 Sep

3 Sedang dikerjakan

Fitur
Redesain halaman checkout (mobile first)
Progres70%
RS Deadline 25 Sep
Tinggi
Integrasi payment gateway Midtrans
HW Prioritas
Rendah
Optimasi gambar produk (WebP + lazy load)
BP 1 lampiran

2 Menunggu review

Siap
Halaman invoice siap cetak

Menunggu persetujuan desain dari tim keuangan.

AS 2 komentar
Siap
Modul galeri ikon & pencarian ikon
NM 3 jam lalu

2 Selesai

Selesai
Setup pipeline build Tailwind v4
AS 16 Sep
Selesai
Migrasi tata letak ke grid responsif
BP 14 Sep

Catatan implementasi

Inisialisasi ada di bagian bawah halaman ini. Untuk proyek nyata, kirim urutan kolom + posisi kartu ke backend pada event onEnd:

Sortable.create(kolom, {
  group: "kanban", animation: 150,
  filter: "button, a, input, select",   // biarkan kontrol di dalam kartu tetap bisa diklik
  ghostClass: "opacity-50",
  onEnd: (evt) => fetch("/api/kanban", {
    method: "POST", headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ from: evt.from.dataset.col, to: evt.to.dataset.col, oldIndex: evt.oldIndex, newIndex: evt.newIndex })
  })
});