+
+ );
+};
+
+export default ImageDetailPage;
diff --git a/app/[locale]/(protected)/contributor/content/image/layout.tsx b/app/[locale]/(protected)/contributor/content/image/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/contributor/content/image/layout.tsx
+++ b/app/[locale]/(protected)/contributor/content/image/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/contributor/content/nulis-ai/layout.tsx b/app/[locale]/(protected)/contributor/content/nulis-ai/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/contributor/content/nulis-ai/layout.tsx
+++ b/app/[locale]/(protected)/contributor/content/nulis-ai/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/contributor/content/spit/layout.tsx b/app/[locale]/(protected)/contributor/content/spit/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/contributor/content/spit/layout.tsx
+++ b/app/[locale]/(protected)/contributor/content/spit/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/contributor/content/teks/layout.tsx b/app/[locale]/(protected)/contributor/content/teks/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/contributor/content/teks/layout.tsx
+++ b/app/[locale]/(protected)/contributor/content/teks/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/contributor/content/video/layout.tsx b/app/[locale]/(protected)/contributor/content/video/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/contributor/content/video/layout.tsx
+++ b/app/[locale]/(protected)/contributor/content/video/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/contributor/task/components/columns.tsx b/app/[locale]/(protected)/contributor/task/components/columns.tsx
index 3d7be186..b1c9e66c 100644
--- a/app/[locale]/(protected)/contributor/task/components/columns.tsx
+++ b/app/[locale]/(protected)/contributor/task/components/columns.tsx
@@ -118,10 +118,12 @@ const columns: ColumnDef
+
+
+
+ );
+};
+
+export default TaskDetailPage;
diff --git a/app/[locale]/(protected)/dashboard/layout.tsx b/app/[locale]/(protected)/dashboard/layout.tsx
index 8d0beab5..2db12ef5 100644
--- a/app/[locale]/(protected)/dashboard/layout.tsx
+++ b/app/[locale]/(protected)/dashboard/layout.tsx
@@ -1,14 +1,16 @@
import PageTitle from "@/components/page-title";
import { Metadata } from "next";
+import { Suspense } from "react";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
return <>
-
+
+
-
-
-
-
-
- Tugas Rutin
-
-
- Penugasan
-
-
- Jadwal
-
-
- Indeks
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {"Total Produksi Konten"}
-
-
-
-
-
-
-
-
-
- {"Table"}
-
-
-
-
-
-
-
-
-
-
-
- {children}
-
+
+
+ {children}
+
+
);
};
diff --git a/app/[locale]/(protected)/maps/layout.tsx b/app/[locale]/(protected)/maps/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/maps/layout.tsx
+++ b/app/[locale]/(protected)/maps/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/maps/maps-vector/layer-links.tsx b/app/[locale]/(protected)/maps/maps-vector/layer-links.tsx
index f9800d30..f722b278 100644
--- a/app/[locale]/(protected)/maps/maps-vector/layer-links.tsx
+++ b/app/[locale]/(protected)/maps/maps-vector/layer-links.tsx
@@ -8,7 +8,7 @@ const LayerLinks = ({ height = 350 }: { height?: number }) => {
const onClick = (event: React.MouseEvent) => {
const name = event.currentTarget.getAttribute("name");
if (name) {
- window.open(`https://www.google.com/search?q=${name}%20nz`);
+ // window.open(`https://www.google.com/search?q=${name}%20nz`);
}
};
diff --git a/app/[locale]/(protected)/shared/curated-content/giat-routine/document/detail/[id]/page.tsx b/app/[locale]/(protected)/shared/curated-content/giat-routine/document/detail/[id]/page.tsx
index afa89b2b..79479fab 100644
--- a/app/[locale]/(protected)/shared/curated-content/giat-routine/document/detail/[id]/page.tsx
+++ b/app/[locale]/(protected)/shared/curated-content/giat-routine/document/detail/[id]/page.tsx
@@ -34,6 +34,7 @@ import "swiper/css/navigation";
import { FreeMode, Navigation, Pagination, Thumbs } from "swiper/modules";
import { Avatar, AvatarImage } from "@/components/ui/avatar";
import JoditEditor from "jodit-react";
+import { Badge } from "@/components/ui/badge";
const detailSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }),
@@ -286,12 +287,19 @@ export default function DetailDocument() {
-
+
);
};
diff --git a/app/[locale]/(protected)/ecommerce/backend/layout.tsx b/app/[locale]/(protected)/ecommerce/backend/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/ecommerce/backend/layout.tsx
+++ b/app/[locale]/(protected)/ecommerce/backend/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/ecommerce/layout.tsx b/app/[locale]/(protected)/ecommerce/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/ecommerce/layout.tsx
+++ b/app/[locale]/(protected)/ecommerce/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/checkbox/layout.tsx b/app/[locale]/(protected)/forms/checkbox/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/checkbox/layout.tsx
+++ b/app/[locale]/(protected)/forms/checkbox/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/combobox/layout.tsx b/app/[locale]/(protected)/forms/combobox/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/combobox/layout.tsx
+++ b/app/[locale]/(protected)/forms/combobox/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/command/layout.tsx b/app/[locale]/(protected)/forms/command/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/command/layout.tsx
+++ b/app/[locale]/(protected)/forms/command/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/form-validation/layout.tsx b/app/[locale]/(protected)/forms/form-validation/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/form-validation/layout.tsx
+++ b/app/[locale]/(protected)/forms/form-validation/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/input-file/layout.tsx b/app/[locale]/(protected)/forms/input-file/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/input-file/layout.tsx
+++ b/app/[locale]/(protected)/forms/input-file/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/input-group/layout.tsx b/app/[locale]/(protected)/forms/input-group/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/input-group/layout.tsx
+++ b/app/[locale]/(protected)/forms/input-group/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/input-layout/layout.tsx b/app/[locale]/(protected)/forms/input-layout/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/input-layout/layout.tsx
+++ b/app/[locale]/(protected)/forms/input-layout/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/input-mask/layout.tsx b/app/[locale]/(protected)/forms/input-mask/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/input-mask/layout.tsx
+++ b/app/[locale]/(protected)/forms/input-mask/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/input-otp/layout.tsx b/app/[locale]/(protected)/forms/input-otp/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/input-otp/layout.tsx
+++ b/app/[locale]/(protected)/forms/input-otp/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/input/layout.tsx b/app/[locale]/(protected)/forms/input/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/input/layout.tsx
+++ b/app/[locale]/(protected)/forms/input/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/layout.tsx b/app/[locale]/(protected)/forms/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/layout.tsx
+++ b/app/[locale]/(protected)/forms/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/radio/layout.tsx b/app/[locale]/(protected)/forms/radio/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/radio/layout.tsx
+++ b/app/[locale]/(protected)/forms/radio/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/select/layout.tsx b/app/[locale]/(protected)/forms/select/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/select/layout.tsx
+++ b/app/[locale]/(protected)/forms/select/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/slider/layout.tsx b/app/[locale]/(protected)/forms/slider/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/slider/layout.tsx
+++ b/app/[locale]/(protected)/forms/slider/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/switch/layout.tsx b/app/[locale]/(protected)/forms/switch/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/switch/layout.tsx
+++ b/app/[locale]/(protected)/forms/switch/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/forms/textarea/layout.tsx b/app/[locale]/(protected)/forms/textarea/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/forms/textarea/layout.tsx
+++ b/app/[locale]/(protected)/forms/textarea/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/icons/layout.tsx b/app/[locale]/(protected)/icons/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/icons/layout.tsx
+++ b/app/[locale]/(protected)/icons/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/layout.tsx b/app/[locale]/(protected)/layout.tsx
index 32ba9850..2f7a1241 100644
--- a/app/[locale]/(protected)/layout.tsx
+++ b/app/[locale]/(protected)/layout.tsx
@@ -4,22 +4,22 @@ import DashCodeSidebar from "@/components/partials/sidebar";
import DashCodeFooter from "@/components/partials/footer";
import ThemeCustomize from "@/components/partials/customizer";
import DashCodeHeader from "@/components/partials/header";
-import { auth } from "@/lib/auth";
-import { redirect } from "@/components/navigation";
-const layout = async ({ children }: { children: React.ReactNode }) => {
- const session = await auth();
+import MountedProvider from "@/providers/mounted.provider";
- if (!session) {
- redirect("/");
- }
+const layout = async ({ children }: { children: React.ReactNode }) => {
+
return (
-
- Table Penugasan
+
+
-
-
-
-
+
-
-
+
+
+
+
+ Tugas Rutin
+
+
+ Penugasan
+
+
+ Jadwal
+
+
+ Indeks
+
+
+
+
+
-
+
-
-
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
+
+
-
+
- Table Indeks
-
-
-
-
-
-
-
+
-
+
+
+
+ {"Total Produksi Konten"}
+
+
+
+
-
-
-
+
+
+
+
+ {"Table"}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Table Penugasan
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Table Indeks
+
+
+
+
+
+
+
+
-
-
- {detail?.tags} -
+
+ {detail?.tags?.split(",").map((tag, index) => (
+
+ {tag.trim()}
+
+ ))}
+
diff --git a/app/[locale]/(protected)/shared/curated-content/giat-routine/image/detail/[id]/page.tsx b/app/[locale]/(protected)/shared/curated-content/giat-routine/image/detail/[id]/page.tsx
index 05ad3fff..0fcd0ff1 100644
--- a/app/[locale]/(protected)/shared/curated-content/giat-routine/image/detail/[id]/page.tsx
+++ b/app/[locale]/(protected)/shared/curated-content/giat-routine/image/detail/[id]/page.tsx
@@ -33,6 +33,7 @@ import "swiper/css";
import "swiper/css/navigation";
import { FreeMode, Navigation, Pagination, Thumbs } from "swiper/modules";
import { Avatar, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
const detailSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }),
@@ -285,12 +286,19 @@ export default function DetailImage() {
+
-
-
- {detail?.tags} -
+
+ {detail?.tags?.split(",").map((tag, index) => (
+
+ {tag.trim()}
+
+ ))}
+
diff --git a/app/[locale]/(protected)/shared/curated-content/giat-routine/video/detail/[id]/page.tsx b/app/[locale]/(protected)/shared/curated-content/giat-routine/video/detail/[id]/page.tsx
index ce86d7b7..39cf0ac5 100644
--- a/app/[locale]/(protected)/shared/curated-content/giat-routine/video/detail/[id]/page.tsx
+++ b/app/[locale]/(protected)/shared/curated-content/giat-routine/video/detail/[id]/page.tsx
@@ -33,6 +33,7 @@ import "swiper/css";
import "swiper/css/navigation";
import { FreeMode, Navigation, Pagination, Thumbs } from "swiper/modules";
import { Avatar, AvatarImage } from "@/components/ui/avatar";
+import { Badge } from "@/components/ui/badge";
const detailSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }),
@@ -292,12 +293,19 @@ export default function DetailImage() {
+
-
-
- {detail?.tags} -
+
+ {detail?.tags?.split(",").map((tag, index) => (
+
+ {tag.trim()}
+
+ ))}
+
diff --git a/app/[locale]/(protected)/table/react-table/layout.tsx b/app/[locale]/(protected)/table/react-table/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/table/react-table/layout.tsx
+++ b/app/[locale]/(protected)/table/react-table/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/utility/blank-page/layout.tsx b/app/[locale]/(protected)/utility/blank-page/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/utility/blank-page/layout.tsx
+++ b/app/[locale]/(protected)/utility/blank-page/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/utility/blog/layout.tsx b/app/[locale]/(protected)/utility/blog/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/utility/blog/layout.tsx
+++ b/app/[locale]/(protected)/utility/blog/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/utility/faq/layout.tsx b/app/[locale]/(protected)/utility/faq/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/utility/faq/layout.tsx
+++ b/app/[locale]/(protected)/utility/faq/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/utility/invoice/add/layout.tsx b/app/[locale]/(protected)/utility/invoice/add/layout.tsx
index ea4b107c..bff0fb8a 100644
--- a/app/[locale]/(protected)/utility/invoice/add/layout.tsx
+++ b/app/[locale]/(protected)/utility/invoice/add/layout.tsx
@@ -1,5 +1,5 @@
export const metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
diff --git a/app/[locale]/(protected)/utility/invoice/edit/layout.tsx b/app/[locale]/(protected)/utility/invoice/edit/layout.tsx
index ea4b107c..bff0fb8a 100644
--- a/app/[locale]/(protected)/utility/invoice/edit/layout.tsx
+++ b/app/[locale]/(protected)/utility/invoice/edit/layout.tsx
@@ -1,5 +1,5 @@
export const metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
diff --git a/app/[locale]/(protected)/utility/invoice/layout.tsx b/app/[locale]/(protected)/utility/invoice/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/utility/invoice/layout.tsx
+++ b/app/[locale]/(protected)/utility/invoice/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/utility/pricing/layout.tsx b/app/[locale]/(protected)/utility/pricing/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/utility/pricing/layout.tsx
+++ b/app/[locale]/(protected)/utility/pricing/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(protected)/utility/profile/layout.tsx b/app/[locale]/(protected)/utility/profile/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/(protected)/utility/profile/layout.tsx
+++ b/app/[locale]/(protected)/utility/profile/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/(public)/error.tsx b/app/[locale]/(public)/error.tsx
new file mode 100644
index 00000000..d2e5230b
--- /dev/null
+++ b/app/[locale]/(public)/error.tsx
@@ -0,0 +1,24 @@
+"use client"; // Error components must be Client Components
+
+import { useEffect } from "react";
+import { Button } from "@/components/ui/button";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { Info } from "lucide-react";
+
+export default function Error({ error, reset }: {
+ error: Error & { digest?: string }
+ reset: () => void
+}) {
+ return (
+
+ {children}
+
+ );
+};
+
+export default layout;
diff --git a/app/[locale]/auth/404/layout.tsx b/app/[locale]/auth/404/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/404/layout.tsx
+++ b/app/[locale]/auth/404/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/coming-soon/layout.tsx b/app/[locale]/auth/coming-soon/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/coming-soon/layout.tsx
+++ b/app/[locale]/auth/coming-soon/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/forgot-password/layout.tsx b/app/[locale]/auth/forgot-password/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/forgot-password/layout.tsx
+++ b/app/[locale]/auth/forgot-password/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/forgot-password2/layout.tsx b/app/[locale]/auth/forgot-password2/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/forgot-password2/layout.tsx
+++ b/app/[locale]/auth/forgot-password2/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/forgot-password3/layout.tsx b/app/[locale]/auth/forgot-password3/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/forgot-password3/layout.tsx
+++ b/app/[locale]/auth/forgot-password3/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/lock-screen/layout.tsx b/app/[locale]/auth/lock-screen/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/lock-screen/layout.tsx
+++ b/app/[locale]/auth/lock-screen/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/lock-screen2/layout.tsx b/app/[locale]/auth/lock-screen2/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/lock-screen2/layout.tsx
+++ b/app/[locale]/auth/lock-screen2/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/lock-screen3/layout.tsx b/app/[locale]/auth/lock-screen3/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/lock-screen3/layout.tsx
+++ b/app/[locale]/auth/lock-screen3/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/login/layout.tsx b/app/[locale]/auth/login/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/login/layout.tsx
+++ b/app/[locale]/auth/login/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/login2/layout.tsx b/app/[locale]/auth/login2/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/login2/layout.tsx
+++ b/app/[locale]/auth/login2/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/login3/layout.tsx b/app/[locale]/auth/login3/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/login3/layout.tsx
+++ b/app/[locale]/auth/login3/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/register/layout.tsx b/app/[locale]/auth/register/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/register/layout.tsx
+++ b/app/[locale]/auth/register/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/register2/layout.tsx b/app/[locale]/auth/register2/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/register2/layout.tsx
+++ b/app/[locale]/auth/register2/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/register3/layout.tsx b/app/[locale]/auth/register3/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/register3/layout.tsx
+++ b/app/[locale]/auth/register3/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/under-construction/layout.tsx b/app/[locale]/auth/under-construction/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/under-construction/layout.tsx
+++ b/app/[locale]/auth/under-construction/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/auth/under-maintenance/layout.tsx b/app/[locale]/auth/under-maintenance/layout.tsx
index 9804c128..5666cfeb 100644
--- a/app/[locale]/auth/under-maintenance/layout.tsx
+++ b/app/[locale]/auth/under-maintenance/layout.tsx
@@ -1,7 +1,7 @@
import { Metadata } from "next";
export const metadata: Metadata = {
- title: "Dashcode Next Js",
+ title: "Media Hub | POLRI",
description: "Dashcode is a popular dashboard template.",
};
const Layout = ({ children }: { children: React.ReactNode }) => {
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index ea2073b5..47c0c6ec 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -34,11 +34,9 @@ export default async function RootLayout({
-
-
- {children}
-
-
+
+ {children}
+
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
deleted file mode 100644
index 73228a09..00000000
--- a/app/api/auth/[...nextauth]/route.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-import { handlers } from "@/lib/auth";
-export const { GET, POST } = handlers;
diff --git a/components/form/blog/blog--detail-form.tsx b/components/form/blog/blog--detail-form.tsx
index 6ed692d2..e875e29d 100644
--- a/components/form/blog/blog--detail-form.tsx
+++ b/components/form/blog/blog--detail-form.tsx
@@ -30,12 +30,13 @@ import {
listEnableCategory,
} from "@/service/content/content";
import { getBlog, postBlog } from "@/service/blog/blog";
+import { Badge } from "@/components/ui/badge";
const taskSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }),
slug: z.string().min(1, { message: "Judul diperlukan" }),
meta: z.string().min(1, { message: "Judul diperlukan" }),
- description: z
+ narration: z
.string()
.min(2, { message: "Narasi Penugasan harus lebih dari 2 karakter." }),
categoryName: z.string().min(1, { message: "Kategori diperlukan" }),
@@ -49,11 +50,12 @@ type Category = {
type Detail = {
id: string;
title: string;
- description: string;
+ narration: string;
slug: string;
metadata: string;
categoryName: string;
thumbnailLink: string;
+ tags: string;
};
const initialCategories: Category[] = [
@@ -115,17 +117,6 @@ export default function FormBlogDetail() {
resolver: zodResolver(taskSchema),
});
- // const handleKeyDown = (e: any) => {
- // const newTag = e.target.value.trim(); // Ambil nilai input
- // if (e.key === "Enter" && newTag) {
- // e.preventDefault(); // Hentikan submit form
- // if (!tags.includes(newTag)) {
- // setTags((prevTags) => [...prevTags, newTag]); // Tambah tag baru
- // setValue("tags", ""); // Kosongkan input
- // }
- // }
- // };
-
const handleRemoveTag = (index: any) => {
setTags((prevTags) => prevTags.filter((_, i) => i !== index));
};
@@ -162,7 +153,7 @@ export default function FormBlogDetail() {
const requestData = {
...data,
title: data.title,
- description: data.description,
+ description: data.narration,
categoryId: selectedTarget,
slug: data.slug,
metadata: data.meta,
@@ -244,19 +235,19 @@ export default function FormBlogDetail() {
(
@@ -336,7 +327,7 @@ export default function FormBlogDetail() {
/>
+
+ Something went wrong!
+
+
+
+ );
+}
+
diff --git a/app/[locale]/(public)/layout.tsx b/app/[locale]/(public)/layout.tsx
new file mode 100644
index 00000000..7832197d
--- /dev/null
+++ b/app/[locale]/(public)/layout.tsx
@@ -0,0 +1,20 @@
+import LayoutProvider from "@/providers/layout.provider";
+import LayoutContentProvider from "@/providers/content.provider";
+import DashCodeSidebar from "@/components/partials/sidebar";
+import DashCodeFooter from "@/components/partials/footer";
+import ThemeCustomize from "@/components/partials/customizer";
+import DashCodeHeader from "@/components/partials/header";
+import MountedProvider from "@/providers/mounted.provider";
+
+const layout = async ({ children }: { children: React.ReactNode }) => {
+
+ return (
+ - {errors.description.message} + {errors.narration.message}
)}
+
-
- {/* (
-
- )}
- /> */}
- ();
const [tags, setTags] = useState([]);
const [isDraft, setIsDraft] = useState(false);
+ const [thumbnail, setThumbnail] = useState(null);
+ const [preview, setPreview] = useState(null);
const [unitSelection, setUnitSelection] = useState({
allUnit: false,
@@ -115,14 +117,6 @@ export default function FormBlog() {
setTags((prevTags) => prevTags.filter((_, i) => i !== index));
};
- const handleImageChange = (event: ChangeEvent) => {
- if (event.target.files) {
- const files = Array.from(event.target.files);
- setSelectedFiles((prevImages: any) => [...prevImages, ...files]);
- console.log("DATAFILE::", selectedFiles);
- }
- };
-
const handleRemoveImage = (index: number) => {
setSelectedFiles((prevImages) => prevImages.filter((_, i) => i !== index));
};
@@ -166,11 +160,11 @@ export default function FormBlog() {
const requestData = {
...data,
title: data.title,
- description: data.description,
+ narration: data.narration,
categoryId: selectedTarget,
slug: data.slug,
metadata: data.meta,
- // tags: data.tags,
+ tags: data.tags,
isDraft,
};
@@ -178,15 +172,25 @@ export default function FormBlog() {
console.log("Form Data Submitted:", requestData);
console.log("response", response);
- MySwal.fire({
- title: "Sukses",
- text: "Data berhasil disimpan.",
- icon: "success",
- confirmButtonColor: "#3085d6",
- confirmButtonText: "OK",
- }).then(() => {
- router.push("/en/contributor/blog");
- });
+ if (response.error) {
+ MySwal.fire("Error", response.message, "error");
+ return;
+ }
+
+ const blogId = response.data.data.id;
+ if (blogId && thumbnail) {
+ const formMedia = new FormData();
+ formMedia.append("file", thumbnail);
+
+ const responseThumbnail = await uploadThumbnailBlog(blogId, formMedia);
+
+ if (responseThumbnail.error) {
+ MySwal.fire("Error", responseThumbnail.message, "error");
+ return;
+ }
+ }
+
+ MySwal.fire("Sukses", "Data berhasil disimpan.", "success");
};
const onSubmit = (data: TaskSchema) => {
@@ -195,9 +199,8 @@ export default function FormBlog() {
text: "Apakah Anda yakin ingin menyimpan data ini?",
icon: "warning",
showCancelButton: true,
- cancelButtonColor: "#d33",
- confirmButtonColor: "#3085d6",
confirmButtonText: "Simpan",
+ cancelButtonText: "Batal",
}).then((result) => {
if (result.isConfirmed) {
save(data);
@@ -205,6 +208,17 @@ export default function FormBlog() {
});
};
+ const handleImageChange = (e: React.ChangeEvent) => {
+ const file = e.target.files?.[0];
+ if (file) {
+ setThumbnail(file);
+ console.log("Selected Thumbnail:", file);
+ }
+ if (file) {
+ setPreview(URL.createObjectURL(file));
+ }
+ };
+
const handlePublish = () => {
setIsDraft(false);
};
@@ -245,7 +259,7 @@ export default function FormBlog() {
(
@@ -311,22 +325,20 @@ export default function FormBlog() {
- {tags.length === 0 && "Please add at least one tag."}
-
-
- {tags.map((tag, index) => (
-
diff --git a/components/form/blog/blog-form.tsx b/components/form/blog/blog-form.tsx
index a35c7a7f..534aad02 100644
--- a/components/form/blog/blog-form.tsx
+++ b/components/form/blog/blog-form.tsx
@@ -29,16 +29,16 @@ import {
getTagsBySubCategoryId,
listEnableCategory,
} from "@/service/content/content";
-import { postBlog } from "@/service/blog/blog";
+import { postBlog, uploadThumbnailBlog } from "@/service/blog/blog";
const taskSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }),
slug: z.string().min(1, { message: "Judul diperlukan" }),
meta: z.string().min(1, { message: "Judul diperlukan" }),
- description: z
+ narration: z
.string()
.min(2, { message: "Narasi Penugasan harus lebih dari 2 karakter." }),
- // tags: z.string().min(1, { message: "Judul diperlukan" }),
+ tags: z.string().min(1, { message: "Judul diperlukan" }),
});
type Category = {
@@ -81,6 +81,8 @@ export default function FormBlog() {
const [selectedCategory, setSelectedCategory] = useState
- {tag}
-
- {errors.description.message} + {errors.narration.message}
)}
-
+
- {
- // const file = e.target.files[0];
- // if (file) {
- // console.log("Selected File:", file);
- // // Tambahkan logika jika diperlukan, misalnya upload file ke server
- // }
- // }}
- className=""
- />
+
+ {preview && (
+
+ 
+
+ )}
diff --git a/components/form/content/image-detail-form.tsx b/components/form/content/image-detail-form.tsx
new file mode 100644
index 00000000..204fcedb
--- /dev/null
+++ b/components/form/content/image-detail-form.tsx
@@ -0,0 +1,427 @@
+"use client";
+import React, { ChangeEvent, useEffect, useRef, useState } from "react";
+import { useForm, Controller } from "react-hook-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { Label } from "@/components/ui/label";
+import { Card } from "@/components/ui/card";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import Swal from "sweetalert2";
+import withReactContent from "sweetalert2-react-content";
+import { useParams, useRouter } from "next/navigation";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/components/ui/select";
+import { Checkbox } from "@/components/ui/checkbox";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import JoditEditor from "jodit-react";
+import { register } from "module";
+import { Switch } from "@/components/ui/switch";
+import Cookies from "js-cookie";
+import { createTask } from "@/config/api";
+import {
+ createMedia,
+ getTagsBySubCategoryId,
+ listEnableCategory,
+} from "@/service/content/content";
+import { detailMedia } from "@/service/curated-content/curated-content";
+import { Badge } from "@/components/ui/badge";
+import { MailIcon } from "lucide-react";
+
+const imageSchema = z.object({
+ title: z.string().min(1, { message: "Judul diperlukan" }),
+ description: z
+ .string()
+ .min(2, { message: "Narasi Penugasan harus lebih dari 2 karakter." }),
+ creatorName: z.string().min(1, { message: "Creator diperlukan" }),
+ // tags: z.string().min(1, { message: "Judul diperlukan" }),
+});
+
+type Category = {
+ id: string;
+ name: string;
+};
+
+type Detail = {
+ id: string;
+ title: string;
+ description: string;
+ slug: string;
+ category: {
+ id: number;
+ name: string;
+ };
+ categoryName: string;
+ thumbnailLink: string;
+ tags: string;
+};
+
+export default function FormImageDetail() {
+ const MySwal = withReactContent(Swal);
+ const router = useRouter();
+
+ const { id } = useParams() as { id: string };
+ console.log(id);
+ const editor = useRef(null);
+ type ImageSchema = z.infer;
+
+ const [selectedFiles, setSelectedFiles] = useState([]);
+ const taskId = Cookies.get("taskId");
+ const scheduleId = Cookies.get("scheduleId");
+ const scheduleType = Cookies.get("scheduleType");
+
+ const [categories, setCategories] = useState([]);
+ const [selectedCategory, setSelectedCategory] = useState();
+ const [tags, setTags] = useState([]);
+ const [detail, setDetail] = useState();
+ const [refresh, setRefresh] = useState(false);
+ const [selectedPublishers, setSelectedPublishers] = useState([]);
+
+ const [selectedTarget, setSelectedTarget] = useState("");
+ const [unitSelection, setUnitSelection] = useState({
+ allUnit: false,
+ mabes: false,
+ polda: false,
+ polres: false,
+ });
+
+ let fileTypeId = "1";
+
+ const {
+ control,
+ handleSubmit,
+ setValue,
+ formState: { errors },
+ } = useForm({
+ resolver: zodResolver(imageSchema),
+ });
+
+ // const handleKeyDown = (e: any) => {
+ // const newTag = e.target.value.trim(); // Ambil nilai input
+ // if (e.key === "Enter" && newTag) {
+ // e.preventDefault(); // Hentikan submit form
+ // if (!tags.includes(newTag)) {
+ // setTags((prevTags) => [...prevTags, newTag]); // Tambah tag baru
+ // setValue("tags", ""); // Kosongkan input
+ // }
+ // }
+ // };
+
+ const handleRemoveTag = (index: any) => {
+ setTags((prevTags) => prevTags.filter((_, i) => i !== index));
+ };
+
+ const handleImageChange = (event: ChangeEvent) => {
+ if (event.target.files) {
+ const files = Array.from(event.target.files);
+ setSelectedFiles((prevImages: any) => [...prevImages, ...files]);
+ console.log("DATAFILE::", selectedFiles);
+ }
+ };
+
+ const handleRemoveImage = (index: number) => {
+ setSelectedFiles((prevImages) => prevImages.filter((_, i) => i !== index));
+ };
+
+ const handleCheckboxChange = (id: number) => {
+ setSelectedPublishers((prev) =>
+ prev.includes(id) ? prev.filter((item) => item !== id) : [...prev, id]
+ );
+ };
+
+ useEffect(() => {
+ async function initState() {
+ getCategories();
+ }
+
+ initState();
+ }, []);
+
+ const getCategories = async () => {
+ try {
+ const category = await listEnableCategory(fileTypeId);
+ const resCategory: Category[] = category.data.data.content;
+
+ setCategories(resCategory);
+ console.log("data category", resCategory);
+
+ if (scheduleId && scheduleType === "3") {
+ const findCategory = resCategory.find((o) =>
+ o.name.toLowerCase().includes("pers rilis")
+ );
+
+ if (findCategory) {
+ // setValue("categoryId", findCategory.id);
+ setSelectedCategory(findCategory.id); // Set the selected category
+ const response = await getTagsBySubCategoryId(findCategory.id);
+ setTags(response?.data.data);
+ }
+ }
+ } catch (error) {
+ console.error("Failed to fetch categories:", error);
+ }
+ };
+
+ useEffect(() => {
+ async function initState() {
+ if (id) {
+ const response = await detailMedia(id);
+ const details = response.data?.data;
+
+ setDetail(details);
+
+ if (details.publishedForObject) {
+ const publisherIds = details.publishedForObject.map(
+ (obj: any) => obj.id
+ );
+ setSelectedPublishers(publisherIds);
+ }
+
+ const matchingCategory = categories.find(
+ (category) => category.id === details.categoryId
+ );
+
+ if (matchingCategory) {
+ setSelectedTarget(matchingCategory.name);
+ }
+
+ setSelectedTarget(details.categoryId); // Untuk dropdown
+ }
+ }
+ initState();
+ }, [refresh, setValue]);
+
+ const save = async (data: ImageSchema) => {
+ const requestData = {
+ ...data,
+ title: data.title,
+ description: data.description,
+ htmlDescription: data.description,
+ fileTypeId,
+ categoryId: selectedTarget,
+ subCategoryId: selectedTarget,
+ uploadedBy: "2b7c8d83-d298-4b19-9f74-b07924506b58",
+ statusId: "1",
+ publishedFor: "6",
+ creatorName: data.creatorName,
+ tags: "siap",
+ isYoutube: false,
+ isInternationalMedia: false,
+ };
+
+ const response = await createMedia(requestData);
+ console.log("Form Data Submitted:", requestData);
+
+ MySwal.fire({
+ title: "Sukses",
+ text: "Data berhasil disimpan.",
+ icon: "success",
+ confirmButtonColor: "#3085d6",
+ confirmButtonText: "OK",
+ }).then(() => {
+ router.push("/en/contributor/content/image");
+ });
+ };
+
+ const onSubmit = (data: ImageSchema) => {
+ MySwal.fire({
+ title: "Simpan Data",
+ text: "Apakah Anda yakin ingin menyimpan data ini?",
+ icon: "warning",
+ showCancelButton: true,
+ cancelButtonColor: "#d33",
+ confirmButtonColor: "#3085d6",
+ confirmButtonText: "Simpan",
+ }).then((result) => {
+ if (result.isConfirmed) {
+ save(data);
+ }
+ });
+ };
+
+ return (
+
+ );
+}
diff --git a/components/form/content/image-form.tsx b/components/form/content/image-form.tsx
index ec996b60..4d94d1a6 100644
--- a/components/form/content/image-form.tsx
+++ b/components/form/content/image-form.tsx
@@ -30,7 +30,7 @@ import {
listEnableCategory,
} from "@/service/content/content";
-const taskSchema = z.object({
+const imageSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }),
description: z
.string()
@@ -48,7 +48,7 @@ export default function FormImage() {
const MySwal = withReactContent(Swal);
const router = useRouter();
const editor = useRef(null);
- type TaskSchema = z.infer;
+ type ImageSchema = z.infer;
const [selectedFiles, setSelectedFiles] = useState([]);
const taskId = Cookies.get("taskId");
@@ -74,8 +74,8 @@ export default function FormImage() {
handleSubmit,
setValue,
formState: { errors },
- } = useForm({
- resolver: zodResolver(taskSchema),
+ } = useForm({
+ resolver: zodResolver(imageSchema),
});
// const handleKeyDown = (e: any) => {
@@ -140,7 +140,7 @@ export default function FormImage() {
}
};
- const save = async (data: TaskSchema) => {
+ const save = async (data: ImageSchema) => {
const requestData = {
...data,
title: data.title,
@@ -151,7 +151,7 @@ export default function FormImage() {
subCategoryId: selectedTarget,
uploadedBy: "2b7c8d83-d298-4b19-9f74-b07924506b58",
statusId: "1",
- publishedFor: 1,
+ publishedFor: "6",
creatorName: data.creatorName,
tags: "siap",
isYoutube: false,
@@ -168,11 +168,11 @@ export default function FormImage() {
confirmButtonColor: "#3085d6",
confirmButtonText: "OK",
}).then(() => {
- router.push("/contributor/content/image");
+ router.push("/en/contributor/content/image");
});
};
- const onSubmit = (data: TaskSchema) => {
+ const onSubmit = (data: ImageSchema) => {
MySwal.fire({
title: "Simpan Data",
text: "Apakah Anda yakin ingin menyimpan data ini?",
@@ -220,9 +220,9 @@ export default function FormImage() {
-
+
-
-
{Object.keys(unitSelection).map((key) => (
@@ -352,8 +349,7 @@ export default function FormContestDetail() {
))}
+
- {/* Submit Button */}
- (new Date());
const [detail, setDetail] = useState();
const [refresh] = useState(false);
+ const [listDest, setListDest] = useState([]); // Data Polda dan Polres
+ const [checkedLevels, setCheckedLevels] = useState(new Set());
+ const [expandedPolda, setExpandedPolda] = useState([{}]);
+ const [isLoading, setIsLoading] = useState(false);
const [platformTypeVisible, setPlatformTypeVisible] = useState(false);
const [unitSelection, setUnitSelection] = useState({
@@ -93,6 +110,29 @@ export default function PublishMediahub() {
setPlatformTypeVisible(selectedValue === 2);
};
+ useEffect(() => {
+ async function fetchPoldaPolres() {
+ setIsLoading(true);
+ try {
+ const response = await getUserLevelForAssignments();
+ setListDest(response.data.data.list);
+ const initialExpandedState = response.data.data.list.reduce(
+ (acc: any, polda: any) => {
+ acc[polda.id] = false;
+ return acc;
+ },
+ {}
+ );
+ setExpandedPolda(initialExpandedState);
+ console.log("polres", initialExpandedState);
+ } catch (error) {
+ console.error("Error fetching Polda/Polres data:", error);
+ } finally {
+ setIsLoading(false);
+ }
+ }
+ fetchPoldaPolres();
+ }, []);
useEffect(() => {
async function initState() {
@@ -102,7 +142,14 @@ export default function PublishMediahub() {
setDetail(details);
if (details?.date) {
- setStartDate(new Date(details.date)); // Konversi string tanggal ke objek Date
+ setStartDate(new Date(details.date));
+ }
+
+ if (details?.assignedToLevel) {
+ const levels = new Set(
+ details.assignedToLevel.split(",").map(Number)
+ );
+ setCheckedLevels(levels);
}
}
}
@@ -111,7 +158,7 @@ export default function PublishMediahub() {
useEffect(() => {
if (detail?.fileTypeOutput) {
- const outputSet = new Set(detail.fileTypeOutput.split(",").map(Number)); // Membagi string ke dalam array dan mengonversi ke nomor
+ const outputSet = new Set(detail.fileTypeOutput.split(",").map(Number));
setTaskOutput({
all: outputSet.has(0),
video: outputSet.has(2),
@@ -126,7 +173,7 @@ export default function PublishMediahub() {
if (detail?.assignedToTopLevel) {
const outputSet = new Set(
detail.assignedToTopLevel.split(",").map(Number)
- ); // Membagi string ke dalam array dan mengonversi ke nomor
+ );
setUnitSelection({
allUnit: outputSet.has(0),
mabes: outputSet.has(1),
@@ -136,6 +183,22 @@ export default function PublishMediahub() {
}
}, [detail?.fileTypeOutput]);
+ const handleCheckboxChange = (levelId: number) => {
+ setCheckedLevels((prev) => {
+ const updatedLevels = new Set(prev);
+ if (updatedLevels.has(levelId)) {
+ updatedLevels.delete(levelId);
+ } else {
+ updatedLevels.add(levelId);
+ }
+ return updatedLevels;
+ });
+ };
+
+ const handlePoldaPolresChange = () => {
+ return Array.from(checkedLevels).join(","); // Mengonversi Set ke string
+ };
+
const save = async (data: TaskSchema) => {
const fileTypeMapping = {
all: "1",
@@ -145,31 +208,61 @@ export default function PublishMediahub() {
text: "5",
};
- const selectedOutputs = Object.keys(taskOutput)
- .filter((key) => taskOutput[key as keyof typeof taskOutput]) // Ambil hanya yang `true`
- .map((key) => fileTypeMapping[key as keyof typeof fileTypeMapping]) // Konversi ke nilai string
+ const unitMapping = {
+ allUnit: "0",
+ mabes: "1",
+ polda: "2",
+ polres: "3",
+ };
+ const assignmentPurposeString = Object.keys(unitSelection)
+ .filter((key) => unitSelection[key as keyof typeof unitSelection])
+ .map((key) => unitMapping[key as keyof typeof unitMapping])
.join(",");
- const requestData = {
+ const selectedOutputs = Object.keys(taskOutput)
+ .filter((key) => taskOutput[key as keyof typeof taskOutput])
+ .map((key) => fileTypeMapping[key as keyof typeof fileTypeMapping])
+ .join(",");
+
+ const requestData: {
+ id?: number;
+ title: string;
+ target: string;
+ assignedToLevel: any;
+ assignmentPurpose: any;
+ assignmentTypeId: string;
+ fileTypeOutput: string;
+ description: string;
+ platformType: string | null;
+ date: any;
+ assignmentMainTypeId: number;
+ planningTypeId: number;
+ time: string;
+ } = {
...data,
// assignmentType,
// assignmentCategory,
target: selectedTarget,
- unitSelection,
- assignedToRole: "3",
- taskType: taskType,
- broadcastType: broadcastType,
- assignmentMainTypeId: mainType,
- assignmentPurpose: "1",
+ assignedToLevel: handlePoldaPolresChange(),
+ assignmentPurpose: assignmentPurposeString,
assignmentTypeId: type,
fileTypeOutput: selectedOutputs,
- id: null,
- narration: data.naration,
+ description: data.description,
platformType: "",
title: data.title,
+ date: startDate,
+ planningTypeId: 1,
+ time: "1",
+ assignmentMainTypeId: 1,
};
- const response = await createTask(requestData);
+ if (id) {
+ requestData.id = parseInt(id, 10); // Ensure id is a number
+ }
+
+ console.log("Form Data Submitted:", requestData);
+
+ const response = await publishPlanning(requestData);
console.log("Form Data Submitted:", requestData);
console.log("response", response);
@@ -181,7 +274,7 @@ export default function PublishMediahub() {
confirmButtonColor: "#3085d6",
confirmButtonText: "OK",
}).then(() => {
- router.push("/en/contributor/task");
+ router.push("/en/contributor/planning/mediahub");
});
};
@@ -201,6 +294,13 @@ export default function PublishMediahub() {
});
};
+ const toggleExpand = (poldaId: any) => {
+ setExpandedPolda((prev: any) => ({
+ ...prev,
+ [poldaId]: !prev[poldaId],
+ }));
+ };
+
return (
+ {/*
*/}
) : (
""
diff --git a/components/form/planning/mediahub-publish.tsx b/components/form/planning/mediahub-publish.tsx
index 49060fa6..11ed447f 100644
--- a/components/form/planning/mediahub-publish.tsx
+++ b/components/form/planning/mediahub-publish.tsx
@@ -20,16 +20,27 @@ import {
import { Checkbox } from "@/components/ui/checkbox";
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
import JoditEditor from "jodit-react";
-import { createTask } from "@/service/task";
+import { createTask, getUserLevelForAssignments } from "@/service/task";
import { cn } from "@/lib/utils";
import { format } from "date-fns";
-import { CalendarIcon } from "lucide-react";
+import { CalendarIcon, ChevronDown, ChevronUp } from "lucide-react";
import { id } from "date-fns/locale";
-import { getPlanningById } from "@/service/planning/planning";
+import { getPlanningById, publishPlanning } from "@/service/planning/planning";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "@/components/ui/dialog";
+import { AlertDialogHeader } from "@/components/ui/alert-dialog";
+import { Description } from "@radix-ui/react-toast";
const taskSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }),
- naration: z.string().min(2, {
+ description: z.string().min(2, {
message: "Narasi Penugasan harus lebih dari 2 karakter.",
}),
});
@@ -37,8 +48,10 @@ const taskSchema = z.object({
export type mediahubDetail = {
id: number;
title: string;
+ name: string;
fileTypeOutput: string;
assignedToTopLevel: string;
+ assignedToLevel: string;
assignmentType: {
id: number;
name: string;
@@ -70,6 +83,10 @@ export default function PublishMediahub() {
const [startDate, setStartDate] = useState
-
+
@@ -218,7 +318,7 @@ export default function PublishMediahub() {
@@ -228,7 +328,7 @@ export default function PublishMediahub() {
- {errors.title.message}
)}
+
-
{Object.keys(taskOutput).map((key) => (
@@ -247,10 +347,12 @@ export default function PublishMediahub() {
))}
-
-
-
+
+
+
+
+
+
{Object.keys(unitSelection).map((key) => (
+
-
+
setType(value)} // Mengubah nilai state ketika pilihan berubah
+ value={detail?.assignmentType?.id.toString()}
+ onValueChange={(value) => setType(value)}
className="flex flex-wrap gap-3"
>
-
@@ -291,12 +472,12 @@ export default function PublishMediahub() {
+
-
+
(
diff --git a/components/form/planning/medsos-publish.tsx b/components/form/planning/medsos-publish.tsx
index 5124f4a4..12381adb 100644
--- a/components/form/planning/medsos-publish.tsx
+++ b/components/form/planning/medsos-publish.tsx
@@ -20,16 +20,23 @@ import {
import { Checkbox } from "@/components/ui/checkbox";
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
import JoditEditor from "jodit-react";
-import { createTask } from "@/service/task";
+import { createTask, getUserLevelForAssignments } from "@/service/task";
import { cn } from "@/lib/utils";
import { format } from "date-fns";
-import { CalendarIcon } from "lucide-react";
+import { CalendarIcon, ChevronDown, ChevronUp } from "lucide-react";
import { id } from "date-fns/locale";
-import { getPlanningById } from "@/service/planning/planning";
+import { getPlanningById, publishPlanning } from "@/service/planning/planning";
+import {
+ Dialog,
+ DialogContent,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "@/components/ui/dialog";
const taskSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }),
- naration: z.string().min(2, {
+ description: z.string().min(2, {
message: "Narasi Penugasan harus lebih dari 2 karakter.",
}),
});
@@ -70,6 +77,10 @@ export default function PublishMedsos() {
const [startDate, setStartDate] = useState(new Date());
const [detail, setDetail] = useState();
const [refresh] = useState(false);
+ const [listDest, setListDest] = useState([]); // Data Polda dan Polres
+ const [checkedLevels, setCheckedLevels] = useState(new Set());
+ const [expandedPolda, setExpandedPolda] = useState([{}]);
+ const [isLoading, setIsLoading] = useState(false);
const [platformTypeVisible, setPlatformTypeVisible] = useState(false);
const [unitSelection, setUnitSelection] = useState({
@@ -94,6 +105,30 @@ export default function PublishMedsos() {
setPlatformTypeVisible(selectedValue === 2);
};
+ useEffect(() => {
+ async function fetchPoldaPolres() {
+ setIsLoading(true);
+ try {
+ const response = await getUserLevelForAssignments();
+ setListDest(response.data.data.list);
+ const initialExpandedState = response.data.data.list.reduce(
+ (acc: any, polda: any) => {
+ acc[polda.id] = false;
+ return acc;
+ },
+ {}
+ );
+ setExpandedPolda(initialExpandedState);
+ console.log("polres", initialExpandedState);
+ } catch (error) {
+ console.error("Error fetching Polda/Polres data:", error);
+ } finally {
+ setIsLoading(false);
+ }
+ }
+ fetchPoldaPolres();
+ }, []);
+
useEffect(() => {
async function initState() {
if (id) {
@@ -104,6 +139,13 @@ export default function PublishMedsos() {
if (details?.date) {
setStartDate(new Date(details.date)); // Konversi string tanggal ke objek Date
}
+
+ if (details?.assignedToLevel) {
+ const levels = new Set(
+ details.assignedToLevel.split(",").map(Number)
+ );
+ setCheckedLevels(levels);
+ }
}
}
initState();
@@ -136,6 +178,22 @@ export default function PublishMedsos() {
}
}, [detail?.fileTypeOutput]);
+ const handleCheckboxChange = (levelId: number) => {
+ setCheckedLevels((prev) => {
+ const updatedLevels = new Set(prev);
+ if (updatedLevels.has(levelId)) {
+ updatedLevels.delete(levelId);
+ } else {
+ updatedLevels.add(levelId);
+ }
+ return updatedLevels;
+ });
+ };
+
+ const handlePoldaPolresChange = () => {
+ return Array.from(checkedLevels).join(","); // Mengonversi Set ke string
+ };
+
const save = async (data: TaskSchema) => {
const fileTypeMapping = {
all: "1",
@@ -145,31 +203,59 @@ export default function PublishMedsos() {
text: "5",
};
- const selectedOutputs = Object.keys(taskOutput)
- .filter((key) => taskOutput[key as keyof typeof taskOutput]) // Ambil hanya yang `true`
- .map((key) => fileTypeMapping[key as keyof typeof fileTypeMapping]) // Konversi ke nilai string
+ const unitMapping = {
+ allUnit: "0",
+ mabes: "1",
+ polda: "2",
+ polres: "3",
+ };
+ const assignmentPurposeString = Object.keys(unitSelection)
+ .filter((key) => unitSelection[key as keyof typeof unitSelection])
+ .map((key) => unitMapping[key as keyof typeof unitMapping])
.join(",");
- const requestData = {
+ const selectedOutputs = Object.keys(taskOutput)
+ .filter((key) => taskOutput[key as keyof typeof taskOutput])
+ .map((key) => fileTypeMapping[key as keyof typeof fileTypeMapping])
+ .join(",");
+
+ const requestData: {
+ id?: number;
+ title: string;
+ target: string;
+ assignedToLevel: any;
+ assignmentPurpose: any;
+ assignmentTypeId: string;
+ fileTypeOutput: string;
+ description: string;
+ platformType: string | null;
+ date: any;
+ assignmentMainTypeId: number;
+ planningTypeId: number;
+ } = {
...data,
// assignmentType,
// assignmentCategory,
target: selectedTarget,
- unitSelection,
- assignedToRole: "3",
- taskType: taskType,
- broadcastType: broadcastType,
- assignmentMainTypeId: mainType,
- assignmentPurpose: "1",
+ assignedToLevel: handlePoldaPolresChange(),
+ assignmentPurpose: assignmentPurposeString,
assignmentTypeId: type,
fileTypeOutput: selectedOutputs,
- id: null,
- narration: data.naration,
+ description: data.description,
platformType: "",
title: data.title,
+ date: startDate,
+ planningTypeId: 2,
+ assignmentMainTypeId: 1,
};
- const response = await createTask(requestData);
+ if (id) {
+ requestData.id = parseInt(id, 10); // Ensure id is a number
+ }
+
+ console.log("Form Data Submitted:", requestData);
+
+ const response = await publishPlanning(requestData);
console.log("Form Data Submitted:", requestData);
console.log("response", response);
@@ -181,7 +267,7 @@ export default function PublishMedsos() {
confirmButtonColor: "#3085d6",
confirmButtonText: "OK",
}).then(() => {
- router.push("/en/contributor/task");
+ router.push("/en/contributor/planning/medsos-mediahub");
});
};
@@ -201,6 +287,13 @@ export default function PublishMedsos() {
});
};
+ const toggleExpand = (poldaId: any) => {
+ setExpandedPolda((prev: any) => ({
+ ...prev,
+ [poldaId]: !prev[poldaId],
+ }));
+ };
+
return (
- {errors.naration.message} + {errors.description.message}
)}
@@ -218,7 +311,7 @@ export default function PublishMedsos() {
@@ -228,7 +321,7 @@ export default function PublishMedsos() {
- {errors.title.message}
)}
+
-
{Object.keys(taskOutput).map((key) => (
@@ -247,10 +340,12 @@ export default function PublishMedsos() {
))}
-
-
-
+
+
+
+
+
+
{Object.keys(unitSelection).map((key) => (
+
-
+
-
+
-
@@ -314,11 +488,11 @@ export default function PublishMedsos() {
+
(
diff --git a/components/form/schedule/event-detail-form.tsx b/components/form/schedule/event-detail-form.tsx
index 57d9c072..22bec2c8 100644
--- a/components/form/schedule/event-detail-form.tsx
+++ b/components/form/schedule/event-detail-form.tsx
@@ -128,7 +128,7 @@ export default function FormEventDetail() {
)}
- {errors.naration.message} + {errors.description.message}
)}
-
+
)}
-
Aktifkan fitur live streaming
@@ -167,7 +167,7 @@ export default function FormEventDetail() {
+
@@ -229,7 +229,7 @@ export default function FormEventDetail() {
-
+
{/* Kirim setValue ke MapHome */}
- DI SAMPAIKAN OLEH
++ DI SAMPAIKAN OLEH +
diff --git a/components/form/schedule/pers-release--detail-form.tsx b/components/form/schedule/pers-release--detail-form.tsx
index ce13efe8..440bb27c 100644
--- a/components/form/schedule/pers-release--detail-form.tsx
+++ b/components/form/schedule/pers-release--detail-form.tsx
@@ -136,7 +136,7 @@ export default function FormDetailPressRillis() {
)}
-
+
)}
-
Aktifkan fitur live streaming
@@ -175,7 +175,7 @@ export default function FormDetailPressRillis() {
+
@@ -237,7 +237,7 @@ export default function FormDetailPressRillis() {
-
+
{/* Kirim setValue ke MapHome */}
-
+
-
DI SAMPAIKAN OLEH
++ DI SAMPAIKAN OLEH +
diff --git a/components/form/schedule/press-conference-detail-form.tsx b/components/form/schedule/press-conference-detail-form.tsx
index b1e08ba5..a86d35ed 100644
--- a/components/form/schedule/press-conference-detail-form.tsx
+++ b/components/form/schedule/press-conference-detail-form.tsx
@@ -128,7 +128,7 @@ export default function FormDetailPressConference() {
)}
-
+
)}
-
Aktifkan fitur live streaming
@@ -167,7 +167,7 @@ export default function FormDetailPressConference() {
+
@@ -229,7 +229,7 @@ export default function FormDetailPressConference() {
-
+
{/* Kirim setValue ke MapHome */}
- DI SAMPAIKAN OLEH
++ DI SAMPAIKAN OLEH +
diff --git a/components/form/task/task-detail-form.tsx b/components/form/task/task-detail-form.tsx
index 58e644e0..f3279960 100644
--- a/components/form/task/task-detail-form.tsx
+++ b/components/form/task/task-detail-form.tsx
@@ -20,9 +20,22 @@ import {
import { Checkbox } from "@/components/ui/checkbox";
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
import JoditEditor from "jodit-react";
-import { createTask, getTask } from "@/service/task";
+import {
+ createTask,
+ getTask,
+ getUserLevelForAssignments,
+} from "@/service/task";
+import {
+ Dialog,
+ DialogContent,
+ DialogHeader,
+ DialogTitle,
+ DialogTrigger,
+} from "@/components/ui/dialog";
+import { ChevronDown, ChevronUp } from "lucide-react";
const taskSchema = z.object({
+ uniqueCode: z.string().min(1, { message: "Judul diperlukan" }),
title: z.string().min(1, { message: "Judul diperlukan" }),
naration: z.string().min(2, {
message: "Narasi Penugasan harus lebih dari 2 karakter.",
@@ -31,8 +44,10 @@ const taskSchema = z.object({
export type taskDetail = {
id: number;
+ uniqueCode: string;
title: string;
fileTypeOutput: string;
+ assignedToRole: string;
assignedToTopLevel: string;
assignmentType: {
id: number;
@@ -74,6 +89,10 @@ export default function FormTaskDetail() {
const [selectedTarget, setSelectedTarget] = useState("all");
const [detail, setDetail] = useState();
const [refresh] = useState(false);
+ const [listDest, setListDest] = useState([]); // Data Polda dan Polres
+ const [checkedLevels, setCheckedLevels] = useState(new Set());
+ const [expandedPolda, setExpandedPolda] = useState([{}]);
+ const [isLoading, setIsLoading] = useState(false);
const [platformTypeVisible, setPlatformTypeVisible] = useState(false);
const [unitSelection, setUnitSelection] = useState({
@@ -98,6 +117,30 @@ export default function FormTaskDetail() {
// setPlatformTypeVisible(selectedValue === 2);
// };
+ useEffect(() => {
+ async function fetchPoldaPolres() {
+ setIsLoading(true);
+ try {
+ const response = await getUserLevelForAssignments();
+ setListDest(response.data.data.list);
+ const initialExpandedState = response.data.data.list.reduce(
+ (acc: any, polda: any) => {
+ acc[polda.id] = false;
+ return acc;
+ },
+ {}
+ );
+ setExpandedPolda(initialExpandedState);
+ console.log("polres", initialExpandedState);
+ } catch (error) {
+ console.error("Error fetching Polda/Polres data:", error);
+ } finally {
+ setIsLoading(false);
+ }
+ }
+ fetchPoldaPolres();
+ }, []);
+
useEffect(() => {
async function initState() {
if (id) {
@@ -105,6 +148,13 @@ export default function FormTaskDetail() {
const details = response.data?.data;
setDetail(details);
+
+ if (details?.assignedToLevel) {
+ const levels = new Set(
+ details.assignedToLevel.split(",").map(Number)
+ );
+ setCheckedLevels(levels);
+ }
}
}
initState();
@@ -208,6 +258,25 @@ export default function FormTaskDetail() {
});
};
+ const handleCheckboxChange = (levelId: any) => {
+ setCheckedLevels((prev: any) => {
+ const updatedLevels = new Set(prev);
+ if (updatedLevels.has(levelId)) {
+ updatedLevels.delete(levelId);
+ } else {
+ updatedLevels.add(levelId);
+ }
+ return updatedLevels;
+ });
+ };
+
+ const toggleExpand = (poldaId: any) => {
+ setExpandedPolda((prev: any) => ({
+ ...prev,
+ [poldaId]: !prev[poldaId],
+ }));
+ };
+
return (
@@ -215,8 +284,24 @@ export default function FormTaskDetail() {
{detail !== undefined ? (