amar
/
skl
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Tambah fitur edit data perusahaan

main
marszayn 2025-03-10 14:02:39 +07:00
parent 2d6918cdbc
commit 9579f140eb
3 changed files with 55 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
resources/js/pages/admin/perusahaan/add_perusahaan.tsx
View File

0
resources/js/pages/admin/perusahaan/edit_perusahaan.tsx
View File

61
resources/js/pages/admin/perusahaan/index_perusahaan.tsx
View File

@ -19,6 +19,7 @@ import {
ChevronRight, ChevronRight,
ChevronUp, ChevronUp,
Download, Download,
Edit,
FileText, FileText,
Key, Key,
LockKeyhole, LockKeyhole,
@ -30,6 +31,7 @@ import {
import Select from "react-select"; import Select from "react-select";
import { AddPerusahaanModal } from "@/components/modals/add-perusahaan-modal"; import { AddPerusahaanModal } from "@/components/modals/add-perusahaan-modal";
import { EditPerusahaanModal } from "@/components/modals/edit-perusahaan-modal";
import { import {
Perusahaan, Perusahaan,
JenisDokIL, JenisDokIL,
@ -163,12 +165,20 @@ export default function PerusahaanIndex({
companyOptions[0] companyOptions[0]
); );
const [showAddModal, setShowAddModal] = useState(false); const [showAddModal, setShowAddModal] = useState(false);
const [showEditModal, setShowEditModal] = useState(false);
const [selectedPerusahaan, setSelectedPerusahaan] =
useState<Perusahaan | null>(null);
const handleSuccess = () => { const handleSuccess = () => {
// Refresh data // Refresh data
window.location.reload(); window.location.reload();
}; };
const handleEditClick = (item: Perusahaan) => {
setSelectedPerusahaan(item);
setShowEditModal(true);
};
// Color coding helper // Color coding helper
const getStatusColor = (status: string) => { const getStatusColor = (status: string) => {
switch (status) { switch (status) {
@ -199,9 +209,19 @@ export default function PerusahaanIndex({
kecamatan={kecamatan} kecamatan={kecamatan}
kelurahan={kelurahan} kelurahan={kelurahan}
perusahaan={perusahaan} perusahaan={perusahaan}
// existingPerusahaan={perusahaan.map(p => ({...p, PerusahaanId: p.PerusahaanId.toString()}))} />
// existingInduk={[]}
// kawasan={kawasan} <EditPerusahaanModal
open={showEditModal}
onClose={() => setShowEditModal(false)}
onSuccess={handleSuccess}
perusahaan={selectedPerusahaan}
jenisKegiatan={jenisKegiatan}
jenisDokIL={jenisDokIL}
verifikator={verifikator}
kabupaten={kabupaten}
kecamatan={kecamatan}
kelurahan={kelurahan}
/> />
{/* Filter Section */} {/* Filter Section */}
@ -471,6 +491,12 @@ export default function PerusahaanIndex({
> >
Status Laporan Status Laporan
</TableHead> </TableHead>
{/* <TableHead
rowSpan={2}
className="border-r text-center text-white"
>
Aksi
</TableHead> */}
</TableRow> </TableRow>
<TableRow className="border-b bg-green-600"> <TableRow className="border-b bg-green-600">
<TableHead className="text-center border-r text-white"> <TableHead className="text-center border-r text-white">
@ -503,7 +529,7 @@ export default function PerusahaanIndex({
{perusahaan.length === 0 ? ( {perusahaan.length === 0 ? (
<TableRow> <TableRow>
<TableCell <TableCell
colSpan={20} colSpan={21}
className="text-center py-4" className="text-center py-4"
> >
Tidak ada data perusahaan Tidak ada data perusahaan
@ -525,8 +551,20 @@ export default function PerusahaanIndex({
<TableCell className="text-center border-r border-l"> <TableCell className="text-center border-r border-l">
{index + 1} {index + 1}
</TableCell> </TableCell>
<TableCell className="text-center border-r"> <TableCell className="border-r">
{item.NamaPerusahaan || "N/A"} <div className="flex justify-center">
<Button
variant="link"
className="px-2 py-1 bg-green-100 h-auto font-normal justify-center text-center flex items-center gap-1"
onClick={() =>
handleEditClick(item)
}
>
<Edit className="h-3 w-3 text-green-500" />
{item.NamaPerusahaan ||
"N/A"}
</Button>
</div>
</TableCell> </TableCell>
<TableCell className="text-center border-r"> <TableCell className="text-center border-r">
@ -616,6 +654,17 @@ export default function PerusahaanIndex({
)} )}
</div> </div>
</TableCell> </TableCell>
{/* <TableCell className="text-center border-r">
<Button
variant="outline"
size="icon"
onClick={() =>
handleEditClick(item)
}
>
<Edit className="h-4 w-4" />
</Button>
</TableCell> */}
</TableRow> </TableRow>
); );
}) })