# Halaman Plans **Tanggal:** 2026-07-24 **Status:** Selesai ## Tujuan Menambahkan halaman Plans pada menu Master dengan style coding yang sama seperti halaman Business Types. ## Yang Dikerjakan ### 1. Halaman Plans (shadcn-vue) - Membuat `/admin/plans/index.vue` dengan DataTable, dialog create/edit, delete dialog - Membuat `columns.ts` dengan TanStack Table columns (nama, kode, harga, deskripsi, status, aksi) - Menggunakan shadcn-vue components (Dialog, Field, Input, Select, Badge, Button) - Form fields: code, name, price (number), description - Formatting harga ke Rupiah (IDR) - API: GET/POST/PUT/DELETE ke `/v1/plans` ### 2. Sidebar Navigation - Menambahkan menu "Plans" di navMain dengan icon `CreditCard` - Link ke `/admin/plans` ## File yang Diubah | File | Aksi | Detail | |------|------|--------| | `web2/app/pages/admin/plans/index.vue` | Dibuat | Halaman Plans | | `web2/app/pages/admin/plans/columns.ts` | Dibuat | Column definitions | | `web2/app/components/AppSidebar.vue` | Diubah | Tambah menu Plans di sidebar |