+
+ Deskripsi
+
+ {data.deskripsi}
+
Durasi
diff --git a/components/form/campaign-form.tsx b/components/form/campaign-form.tsx
index 205cd61..3a31d44 100644
--- a/components/form/campaign-form.tsx
+++ b/components/form/campaign-form.tsx
@@ -24,6 +24,8 @@ import { id } from "date-fns/locale";
import { Progress } from "../ui/progress";
import DialogMediaOnline from "../dialog/media-online";
import DialogMediaSosial from "../dialog/media-sosial";
+import MapVideotron from "../global/maps";
+import dynamic from "next/dynamic";
export default function FormCampaign() {
const [startDate, setStartDate] = useState(undefined);
@@ -34,6 +36,10 @@ export default function FormCampaign() {
const [media, setMedia] = useState("Media Online");
const [isDialogOpen, setIsDialogOpen] = useState(false);
+ const MapVideotron = dynamic(() => import("../global/maps"), {
+ ssr: false,
+ });
+
// contoh data pilihan media online (bisa diganti sesuai kebutuhan)
const mediaOnlineList = [
"Tribrata News Mabes",
@@ -44,10 +50,13 @@ export default function FormCampaign() {
];
const [selectedMediaOnline, setSelectedMediaOnline] = useState([]);
+ const [contentType, setContentType] = useState("Meme");
+ const [talkshowType, setTalkshowType] = useState("Renjani Nyrah");
+ const [musicType, setMusicType] = useState("Sendrasena");
const toggleMediaOnline = (item: string) => {
setSelectedMediaOnline((prev) =>
- prev.includes(item) ? prev.filter((m) => m !== item) : [...prev, item]
+ prev.includes(item) ? prev.filter((m) => m !== item) : [...prev, item],
);
};
@@ -73,7 +82,7 @@ export default function FormCampaign() {
// ✅ Simulasi upload progress
const simulateUpload = (
- fileList: { file: File; progress: number; uploaded: boolean }[]
+ fileList: { file: File; progress: number; uploaded: boolean }[],
) => {
fileList.forEach((fileObj) => {
let progress = 0;
@@ -83,8 +92,8 @@ export default function FormCampaign() {
prev.map((f) =>
f.file === fileObj.file
? { ...f, progress, uploaded: progress >= 100 }
- : f
- )
+ : f,
+ ),
);
if (progress >= 100) clearInterval(interval);
}, 300);
@@ -214,17 +223,11 @@ export default function FormCampaign() {
Tambahkan Media Sosial
)}
-
{media === "Videotron" && (
-
+
+ {/* Map tampil */}
+
+
)}
{/* 🧩 Komponen DialogMediaOnline dipanggil di sini */}
@@ -325,28 +328,332 @@ export default function FormCampaign() {
{available === "Yes" ? (
- // ✅ Jika user pilih "Yes" → tampil upload file
+ // ✅ Upload
-
-
-
+
) : (
- // ✅ Jika user pilih "Tidak" → tampil textarea deskripsi
-
-
-
+ // ❌ Tidak → tampil pilihan konten
+
+ {/* Pilih Jenis Konten */}
+
+
Pilih Jenis Konten
+
+
+ {["Meme", "AI Influencer", "Talkshow", "Musik"].map((item) => (
+
+
+
+
+ ))}
+
+
+
+ {/* List Konten (Dummy) */}
+ {/* List Konten */}
+
+
Pilih {contentType}
+
+ {/* 🔥 TAMPILAN KHUSUS MEME */}
+ {contentType === "Meme" && (
+
+ {/* Search */}
+
+
+
+ 🔍
+
+
+
+ {/* Grid Meme */}
+
+ {[
+ {
+ img: "/meme1.png",
+ title:
+ "Respons Cepat Lakukan Sterilisasi Ancaman Bom di Depok",
+ },
+ {
+ img: "/meme2.png",
+ title: "Upacara Penutupan Pendidikan Anggota Polri",
+ },
+ {
+ img: "/meme3.png",
+ title: "Pantau Situasi Kamtibmas Malam Natal",
+ },
+ {
+ img: "/meme4.png",
+ title: "Program SPPG Bersama Penerima Manfaat",
+ },
+ ].map((item, i) => (
+
+
+
+
+
+
+
+ ⛶
+
+
+
+
+ {item.title}
+
+
+ ))}
+
+
+ )}
+
+ {contentType === "AI Influencer" && (
+
+ {/* Search */}
+
+
+
+ 🔍
+
+
+
+ {/* Grid AI */}
+
+ {[
+ { img: "/ai1.png", name: "Revandra Jaya" },
+ { img: "/ai2.png", name: "Fudhalina Adisty" },
+ { img: "/ai3.png", name: "Adriyan Pratama" },
+ { img: "/ai4.png", name: "Nadhya Wijaya" },
+ ].map((item, i) => (
+
+ {/* Image */}
+
+
+ {/* Overlay bawah */}
+
+
+
+ {item.name}
+
+
+
+ ))}
+
+
+ {/* Footer */}
+
+
Rows per page: 1
+
1-1 of 1
+
+
+
+
+
+
+ )}
+ {contentType === "Talkshow" && (
+
+ {/* Select Talkshow */}
+
+
Pilih Talkshow
+
+
+
+
+ {/* Konten berdasarkan pilihan */}
+
+ {(talkshowType === "Renjani Nyrah"
+ ? [
+ {
+ img: "/ts1.jpg",
+ title: "Renjani Nyrah - Napak Tilas di Museum",
+ },
+ {
+ img: "/ts2.jpg",
+ title: "Renjani Nyrah - Kata Kata Baru",
+ },
+ {
+ img: "/ts3.jpg",
+ title: "Renjani Nyrah - Pestapora 2025",
+ },
+ ]
+ : [
+ {
+ img: "/agatha1.jpg",
+ title: "Agatha Bicara - Kerja DPR Itu Apa?",
+ },
+ {
+ img: "/agatha1.jpg",
+ title: "Agatha Bicara - Kerja DPR Itu Apa?",
+ },
+ {
+ img: "/agatha2.png",
+ title: "Agatha Bicara - Penghargaan dari Presiden",
+ },
+ ]
+ ).map((item, i) => (
+
+ {/* Image */}
+
+
+
+ {/* Checkbox */}
+
+
+ {/* Expand icon */}
+
+ ⛶
+
+
+
+ {/* Title */}
+
+ {item.title}
+
+
+ ))}
+
+
+ )}
+ {contentType === "Musik" && (
+
+ {/* Dropdown Musik */}
+
+
Pilih Musik
+
+
+
+
+ {/* Grid Musik */}
+
+ {(musicType === "Sendrasena"
+ ? [
+ {
+ img: "/m1.jpg",
+ title: "Sendrasena - Track 1",
+ },
+ {
+ img: "/m2.jpg",
+ title: "Sendrasena - Track 2",
+ },
+ {
+ img: "/m3.jpg",
+ title: "Sendrasena - Track 3",
+ },
+ {
+ img: "/m4.jpg",
+ title: "Sendrasena - Track 4",
+ },
+ ]
+ : [
+ {
+ img: "/sl1.jpg",
+ title: "Selara Luna - Track 1",
+ },
+ {
+ img: "/sl2.jpg",
+ title: "Selara Luna - Track 2",
+ },
+ {
+ img: "/sl3.jpg",
+ title: "Selara Luna - Track 3",
+ },
+ {
+ img: "/sl4.jpg",
+ title: "Selara Luna - Track 4",
+ },
+ ]
+ ).map((item, i) => (
+
+ {/* Cover */}
+
+
+
+ {/* Checkbox */}
+
+
+ {/* Play icon (biar beda dari talkshow 😄) */}
+
+ ▶
+
+
+
+ {/* Title */}
+
+ {item.title}
+
+
+ ))}
+
+
+ )}
+
)}
diff --git a/components/form/login.tsx b/components/form/login.tsx
index 41a6a11..273647d 100644
--- a/components/form/login.tsx
+++ b/components/form/login.tsx
@@ -12,7 +12,6 @@ import { useRouter } from "next/navigation";
import Footer from "../landing-page/footer";
import Navbar from "../landing-page/navbar";
-// ✅ Dummy user data
const users = [
{
nrp: "1001",
@@ -26,14 +25,19 @@ const users = [
},
{
nrp: "1003",
- password: "super123",
- role: "supervisor",
+ password: "executive123",
+ role: "executive",
},
{
nrp: "1004",
password: "approve123",
role: "approver",
},
+ {
+ nrp: "1005",
+ password: "coordinator123",
+ role: "kordinator",
+ },
];
export default function Login() {
@@ -66,12 +70,15 @@ export default function Login() {
case "user":
router.push("/dashboard/user");
break;
- case "supervisor":
+ case "executive":
router.push("/dashboard/supervisor");
break;
case "approver":
router.push("/dashboard/approver");
break;
+ case "kordinator":
+ router.push("/dashboard/coordinator");
+ break;
default:
router.push("/");
}
diff --git a/components/global/maps.tsx b/components/global/maps.tsx
new file mode 100644
index 0000000..9e726f1
--- /dev/null
+++ b/components/global/maps.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+export default function MapVideotron() {
+ return (
+
+
+
+ );
+}
diff --git a/components/table/coordinator-table.tsx b/components/table/coordinator-table.tsx
new file mode 100644
index 0000000..7cfc0e0
--- /dev/null
+++ b/components/table/coordinator-table.tsx
@@ -0,0 +1,122 @@
+"use client";
+
+import Link from "next/link";
+import { useState } from "react";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { Eye } from "lucide-react";
+import DialogCampaignDetail from "../dialog/campaign-detail";
+
+export default function CoordinatorTable() {
+ const data = [
+ {
+ durasi: "22/08/2025 - 22/08/2026",
+ media: "Media Online",
+ tujuan: "Sosialisasi",
+ materi: "Tersedia",
+ description:
+ "Lorem ipsum dolor sit amet consectetur. Tempor mi scelerisque enim semper sed nibh.",
+ status: "Selesai",
+ },
+ {
+ durasi: "22/08/2025 - 22/08/2026",
+ media: "Media Sosial",
+ tujuan: "Sosialisasi",
+ materi: "Tersedia",
+ description:
+ "Ultricies pellentesque ullamcorper mattis pellentesque. Amet eu ut.",
+ status: "Selesai",
+ },
+ ];
+
+ const [selectedRow, setSelectedRow] = useState
(null);
+ const [isDialogOpen, setIsDialogOpen] = useState(false);
+
+ const openDetail = (row: any) => {
+ setSelectedRow(row);
+ setIsDialogOpen(true);
+ };
+
+ return (
+ <>
+
+
+
+
+
+ Durasi
+ Media
+ Tujuan
+ Materi
+ Deskripsi Promote
+ Status
+ Tindakan
+
+
+
+
+ {data.map((row, i) => (
+
+ {row.durasi}
+ {row.media}
+ {row.tujuan}
+ {row.materi}
+
+ {row.description}
+
+
+
+ {row.status}
+
+
+
+
+
+
+ ))}
+
+
+
+
+ {/* Pagination */}
+
+
+ Rows per page:
+
+
+
+
+
+