- router.push(
- prefixPath + `/image/detail/${image?.slug}`
- )
- }
+
+ // router.push(
+ // prefixPath + `/image/detail/${image?.slug}`
+ // )
+ // }
>
{/* 
*/}
("L");
+// const [selectedTab, setSelectedTab] = useState("video");
+// const router = useRouter();
+// const pathname = usePathname();
+// const params = useParams();
+// const slug = String(params?.slug);
+// const [detailDataVideo, setDetailDataVideo] = useState();
+// const [isSaved, setIsSaved] = useState(false);
+// const [wishlistId, setWishlistId] = useState();
+// const { toast } = useToast();
+// const [isDownloadAll, setIsDownloadAll] = useState(false);
+// const [downloadProgress, setDownloadProgress] = useState(0);
+// const [isFromSPIT, setIsFromSPIT] = useState(false);
+// const [main, setMain] = useState();
+// const [resolutionSelected, setResolutionSelected] = useState("720");
+// const [selectedVideo, setSelectedVideo] = useState(0);
+
+// const userId = getCookiesDecrypt("uie");
+
+// useEffect(() => {
+// initFetch();
+// checkWishlist();
+// sendActivityLog(2);
+// }, []);
+
+// const initFetch = async () => {
+// const response = await getDetail(String(slug));
+// console.log("detailVideo", response);
+// setIsFromSPIT(response?.data?.data?.isFromSPIT);
+// setMain({
+// id: response?.data?.data?.files[0]?.id,
+// type: response?.data?.data?.fileType.name,
+// url:
+// Number(response?.data?.data?.fileType?.id) == 4
+// ? response?.data?.data?.files[0]?.secondaryUrl
+// : Number(response?.data?.data?.fileType?.id) == 2
+// ? `${process.env.NEXT_PUBLIC_API}/media/view?id=${response?.data?.data?.files[0]?.id}&operation=file&type=video`
+// : response?.data?.data?.files[0]?.url,
+// thumbnailFileUrl: response?.data?.data?.files[0]?.thumbnailFileUrl,
+// names: response?.data?.data?.files[0]?.fileName,
+// format: response?.data?.data?.files[0]?.format,
+// widthPixel: response?.data?.data?.files[0]?.widthPixel,
+// heightPixel: response?.data?.data?.files[0]?.heightPixel,
+// size: response?.data?.data?.files[0]?.size,
+// caption: response?.data?.data?.files[0]?.caption,
+// });
+// setDetailDataVideo(response?.data?.data);
+// };
+
+// const doBookmark = async () => {
+// if (userId) {
+// const data = {
+// mediaUploadId: slug?.split("-")?.[0],
+// };
+
+// loading();
+// const res = await saveWishlist(data);
+// if (res?.error) {
+// error(res.message);
+// return false;
+// }
+// close();
+// toast({
+// title: "Konten berhasil disimpan",
+// });
+// checkWishlist();
+// } else {
+// router.push("/auth");
+// }
+// };
+// async function checkWishlist() {
+// if (userId) {
+// const res = await checkWishlistStatus(slug.split("-")?.[0]);
+// console.log(res?.data?.data);
+// const isAlreadyOnWishlist = res?.data?.data !== "-1";
+// setWishlistId(res?.data?.data);
+// setIsSaved(isAlreadyOnWishlist);
+// }
+// }
+
+// const handleDeleteWishlist = async () => {
+// if (userId) {
+// loading();
+// const res = await deleteWishlist(wishlistId);
+
+// if (res?.error) {
+// error(res.message);
+// return false;
+// }
+
+// toast({
+// title: "Konten berhasil dihapus",
+// });
+// close();
+// checkWishlist();
+// } else {
+// router.push("/auth");
+// }
+// };
+
+// const sizes = [
+// { label: "XL", value: "3198 x 1798 px" },
+// { label: "L", value: "2399 x 1349 px" },
+// { label: "M", value: "1599 x 899 px" },
+// { label: "S", value: "1066 x 599 px" },
+// { label: "XS", value: "800 x 450 px" },
+// ];
+
+// async function sendActivityLog(activityTypeId: number) {
+// const data = {
+// activityTypeId,
+// mediaId: slug.split("-")?.[0],
+// url: window.location.href,
+// };
+// // set activity
+// await postActivityLog(data);
+// }
+
+// const handleDownload = () => {
+// if (downloadProgress === 0) {
+// if (!userId) {
+// router.push("/auth");
+// } else {
+// sendActivityLog(2);
+// sendActivityLog(3);
+
+// if (isDownloadAll) {
+// let url: string;
+// const baseId = slug.split("-")?.[0];
+
+// // if (type === "1") {
+// url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${resolutionSelected}`;
+// // } else if (type === "2") {
+// // url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${imageSizeSelected}`;
+// // } else {
+// // url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}`;
+// // }
+
+// downloadFile(url, "FileDownload.zip");
+// } else {
+// if (isFromSPIT && main?.url?.includes("spit.humas")) {
+// downloadFile(`${main?.url}`, `${main.names}`);
+// } else {
+// const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=video&resolution=${resolutionSelected}p`;
+// downloadFile(url, `${main.names}`);
+// }
+// }
+// // } else if (type === "1" && resolutionSelected?.length > 0) {
+// // if (isFromSPIT && main?.url?.includes("spit.humas")) {
+// // downloadFile(`${main?.url}`, `${main.names}`);
+// // } else {
+// // const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=video&resolution=${resolutionSelected}p`;
+// // downloadFile(url, `${main.names}`);
+// // }
+// // } else if (type === "2" && imageSizeSelected?.length > 0) {
+// // const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=image&resolution=${imageSizeSelected}`;
+// // downloadFile(url, `${main.names}`);
+// // } else if (type === "3" || type === "4") {
+// // downloadFile(`${main?.url}`, `${main.names}`);
+// // }
+// }
+// }
+// };
+
+// const downloadFile = (fileUrl: string, name: string) => {
+// const xhr = new XMLHttpRequest();
+
+// xhr.open("GET", fileUrl, true);
+// xhr.responseType = "blob";
+
+// xhr.addEventListener("progress", (event) => {
+// if (event.lengthComputable) {
+// const percentCompleted = Math.round((event.loaded / event.total) * 100);
+// setDownloadProgress(percentCompleted);
+// }
+// });
+
+// xhr.addEventListener("readystatechange", () => {
+// if (xhr.readyState === 4 && xhr.status === 200) {
+// const contentType =
+// xhr.getResponseHeader("content-type") || "application/octet-stream";
+// const extension = contentType.split("/")[1];
+// const filename = `${name}.${extension}`;
+
+// const blob = new Blob([xhr.response], {
+// type: contentType,
+// });
+// const downloadUrl = URL.createObjectURL(blob);
+// const a = document.createElement("a");
+
+// a.href = downloadUrl;
+// a.download = filename;
+// document.body.append(a);
+// a.click();
+// a.remove();
+// }
+// });
+
+// xhr.onloadend = () => {
+// setDownloadProgress(0);
+// };
+
+// xhr.send();
+// };
+
+// return (
+// <>
+// ("L");
- const [selectedTab, setSelectedTab] = useState("video");
- const router = useRouter();
- const pathname = usePathname();
- const params = useParams();
- const slug = String(params?.slug);
- const [detailDataVideo, setDetailDataVideo] = useState();
- const [isSaved, setIsSaved] = useState(false);
- const [wishlistId, setWishlistId] = useState();
- const { toast } = useToast();
- const [isDownloadAll, setIsDownloadAll] = useState(false);
- const [downloadProgress, setDownloadProgress] = useState(0);
- const [isFromSPIT, setIsFromSPIT] = useState(false);
- const [main, setMain] = useState();
- const [resolutionSelected, setResolutionSelected] = useState("720");
+interface Size {
+ label: string;
+ value: string;
+}
- const userId = getCookiesDecrypt("uie");
-
- useEffect(() => {
- initFetch();
- checkWishlist();
- sendActivityLog(2);
- }, []);
-
- const initFetch = async () => {
- const response = await getDetail(String(slug));
- // console.log("detailVideo", response);
- setIsFromSPIT(response?.data?.data?.isFromSPIT);
- setMain({
- id: response?.data?.data?.files[0]?.id,
- type: response?.data?.data?.fileType.name,
- url:
- Number(response?.data?.data?.fileType?.id) == 4
- ? response?.data?.data?.files[0]?.secondaryUrl
- : Number(response?.data?.data?.fileType?.id) == 2
- ? `${process.env.NEXT_PUBLIC_API}/media/view?id=${response?.data?.data?.files[0]?.id}&operation=file&type=video`
- : response?.data?.data?.files[0]?.url,
- thumbnailFileUrl: response?.data?.data?.files[0]?.thumbnailFileUrl,
- names: response?.data?.data?.files[0]?.fileName,
- format: response?.data?.data?.files[0]?.format,
- widthPixel: response?.data?.data?.files[0]?.widthPixel,
- heightPixel: response?.data?.data?.files[0]?.heightPixel,
- size: response?.data?.data?.files[0]?.size,
- caption: response?.data?.data?.files[0]?.caption,
- });
- setDetailDataVideo(response?.data?.data);
+type Props = {
+ params: {
+ title: string;
+ slug: string;
+ description: string;
+ thumbnailLink: string;
};
-
- const doBookmark = async () => {
- if (userId) {
- const data = {
- mediaUploadId: slug?.split("-")?.[0],
- };
-
- loading();
- const res = await saveWishlist(data);
- if (res?.error) {
- error(res.message);
- return false;
- }
- close();
- toast({
- title: "Konten berhasil disimpan",
- });
- checkWishlist();
- } else {
- router.push("/auth");
- }
- };
- async function checkWishlist() {
- if (userId) {
- const res = await checkWishlistStatus(slug.split("-")?.[0]);
- // console.log(res?.data?.data);
- const isAlreadyOnWishlist = res?.data?.data !== "-1";
- setWishlistId(res?.data?.data);
- setIsSaved(isAlreadyOnWishlist);
- }
- }
-
- const handleDeleteWishlist = async () => {
- if (userId) {
- loading();
- const res = await deleteWishlist(wishlistId);
-
- if (res?.error) {
- error(res.message);
- return false;
- }
-
- toast({
- title: "Konten berhasil dihapus",
- });
- close();
- checkWishlist();
- } else {
- router.push("/auth");
- }
- };
-
- const sizes = [
- { label: "XL", value: "3198 x 1798 px" },
- { label: "L", value: "2399 x 1349 px" },
- { label: "M", value: "1599 x 899 px" },
- { label: "S", value: "1066 x 599 px" },
- { label: "XS", value: "800 x 450 px" },
- ];
-
- async function sendActivityLog(activityTypeId: number) {
- const data = {
- activityTypeId,
- mediaId: slug.split("-")?.[0],
- url: window.location.href,
- };
- // set activity
- await postActivityLog(data);
- }
-
- const handleDownload = () => {
- if (downloadProgress === 0) {
- if (!userId) {
- router.push("/auth");
- } else {
- sendActivityLog(2);
- sendActivityLog(3);
-
- if (isDownloadAll) {
- let url: string;
- const baseId = slug.split("-")?.[0];
-
- // if (type === "1") {
- url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${resolutionSelected}`;
- // } else if (type === "2") {
- // url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${imageSizeSelected}`;
- // } else {
- // url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}`;
- // }
-
- downloadFile(url, "FileDownload.zip");
- } else {
- if (isFromSPIT && main?.url?.includes("spit.humas")) {
- downloadFile(`${main?.url}`, `${main.names}`);
- } else {
- const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=video&resolution=${resolutionSelected}p`;
- downloadFile(url, `${main.names}`);
- }
- }
- // } else if (type === "1" && resolutionSelected?.length > 0) {
- // if (isFromSPIT && main?.url?.includes("spit.humas")) {
- // downloadFile(`${main?.url}`, `${main.names}`);
- // } else {
- // const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=video&resolution=${resolutionSelected}p`;
- // downloadFile(url, `${main.names}`);
- // }
- // } else if (type === "2" && imageSizeSelected?.length > 0) {
- // const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${main?.id}&operation=file&type=image&resolution=${imageSizeSelected}`;
- // downloadFile(url, `${main.names}`);
- // } else if (type === "3" || type === "4") {
- // downloadFile(`${main?.url}`, `${main.names}`);
- // }
- }
- }
- };
-
- const downloadFile = (fileUrl: string, name: string) => {
- const xhr = new XMLHttpRequest();
-
- xhr.open("GET", fileUrl, true);
- xhr.responseType = "blob";
-
- xhr.addEventListener("progress", (event) => {
- if (event.lengthComputable) {
- const percentCompleted = Math.round((event.loaded / event.total) * 100);
- setDownloadProgress(percentCompleted);
- }
- });
-
- xhr.addEventListener("readystatechange", () => {
- if (xhr.readyState === 4 && xhr.status === 200) {
- const contentType = xhr.getResponseHeader("content-type") || "application/octet-stream";
- const extension = contentType.split("/")[1];
- const filename = `${name}.${extension}`;
-
- const blob = new Blob([xhr.response], {
- type: contentType,
- });
- const downloadUrl = URL.createObjectURL(blob);
- const a = document.createElement("a");
-
- a.href = downloadUrl;
- a.download = filename;
- document.body.append(a);
- a.click();
- a.remove();
- }
- });
-
- xhr.onloadend = () => {
- setDownloadProgress(0);
- };
-
- xhr.send();
- };
-
- return (
- <>
- {
+ const slug = String(params?.slug);
+ const res = await getDetailMetaData(String(slug));
+ const video = res?.data?.data;
+ // console.log("video", video);
+ return {
+ title: video.title,
+ description: video.description,
+ openGraph: {
+ title: video?.title,
+ description: video?.description,
+ videos: [`${video?.smallThumbnailLink}`],
+ },
+ };
+}
+
+export default async function DetailInfo({ params }: Props) {
+ return
-
diff --git a/app/[locale]/sitemap.xml/route.ts b/app/[locale]/sitemap.xml/route.ts
new file mode 100644
index 00000000..27a798b0
--- /dev/null
+++ b/app/[locale]/sitemap.xml/route.ts
@@ -0,0 +1,64 @@
+"use server";
+import { getListContent } from "@/service/landing/landing";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+ try {
+ const baseUrl = "https://mediahub.polri.go.id/in";
+
+ const response = await getListContent({
+ page: 1,
+ limit: "100",
+ search: "",
+ });
+ const articles = response?.data?.data || [];
+
+ const urls = articles
+ .map((article: any) => {
+ const type =
+ article.fileTypeId == 1
+ ? "image"
+ : article.fileTypeId == 2
+ ? "video"
+ : article.fileTypeId == 3
+ ? "document"
+ : "audio";
+
+ const slug = article.slug
+ ? encodeURIComponent(article.slug)
+ : article.id;
+ const lastmod = article.updatedAt
+ ? new Date(article.updatedAt).toISOString()
+ : new Date().toISOString();
+
+ return `
+
@@ -854,7 +854,7 @@ const FilterPage = () => {
+
))}
diff --git a/app/[locale]/(public)/(polda)/polda/[polda_name]/video/detail/[slug]/page.tsx b/app/[locale]/(public)/(polda)/polda/[polda_name]/video/detail/[slug]/page.tsx
index e9ef95c7..d20cd981 100644
--- a/app/[locale]/(public)/(polda)/polda/[polda_name]/video/detail/[slug]/page.tsx
+++ b/app/[locale]/(public)/(polda)/polda/[polda_name]/video/detail/[slug]/page.tsx
@@ -1,344 +1,476 @@
-"use client";
+// "use client";
-import { useParams, usePathname } from "next/navigation";
+// import { useParams, usePathname } from "next/navigation";
+// import React, { useEffect, useState } from "react";
+// import { Icon } from "@iconify/react/dist/iconify.js";
+// import {
+// checkWishlistStatus,
+// deleteWishlist,
+// getDetail,
+// saveWishlist,
+// } from "@/service/landing/landing";
+// import VideoPlayer from "@/utils/video-player";
+// import NewContent from "@/components/landing-page/new-content";
+// import { Link, useRouter } from "@/i18n/routing";
+// import { Textarea } from "@/components/ui/textarea";
+// import { getCookiesDecrypt } from "@/lib/utils";
+// import { close, error, loading } from "@/config/swal";
+// import { useToast } from "@/components/ui/use-toast";
+// import { postActivityLog } from "@/service/content/content";
+
+// const DetailVideo = () => {
+// const [selectedSize, setSelectedSize] = useState
{image?.title}
-
+// {/* Container Utama */}
+//
+//
+// {/* Bagian Kiri */}
+//
+//
+// {/*
+
+// {/* Bagian Kanan */}
+//
+//
*/}
+//
+//
+
+//
+//
+//
+//
+//
+//
+// {detailDataVideo?.files?.map((file: any, index: number) => (
+//
+
+// {/* Footer Informasi */}
+// setSelectedVideo(index)}
+// className="cursor-pointer flex flex-col items-center gap-1"
+// >
+// 
+// {/*
+// ))}
+// {file?.fileName}
*/} +//
+//
+
+// {/* Keterangan */}
+//
+// oleh
+//
+// {detailDataVideo?.uploadedBy?.userLevel?.name}
+//
+// | Diupdate pada {detailDataVideo?.updatedAt}{" "}
+// WIB |
+//
Kreator: {detailDataVideo?.creatorName}
+//
+//
+// +// {detailDataVideo?.title} +//
+// +//
+// {isSaved ? (
+// handleDeleteWishlist()}
+// className="flex flex-col mb-3 items-center justify-center cursor-pointer"
+// >
+//
+// Hapus
+// +// ) : ( +// doBookmark()} +// className="flex flex-col mb-3 items-center justify-center cursor-pointer" +// > +//Simpan
+// +// )} + +// {/* garis */} +// + +// +// {detailDataVideo?.categoryName} +// + +//
+// {detailDataVideo?.tags.split(",").map((tag: string) => (
+// router.push(`/all/filter?tag=${tag}`)}
+// key={tag}
+// className="bg-gray-200 text-gray-700 text-xs px-3 py-1 rounded-full cursor-pointer hover:bg-gray-500 hover:text-white"
+// >
+// {tag}
+//
+// ))}
+//
+
+//
+
+// {/* Opsi Ukuran Foto */}
+// +// Opsi Ukuran Audio Visual +//
+ +// + +//
+// {sizes.map((size: any) => (
+//
+
+// {/* Download Semua */}
+//
+//
+// ))}
+//
+// setSelectedSize(size.label)}
+// className="text-red-600 focus:ring-red-600"
+// />
+//
+// {size.label}
+//
+//
+// {size.value}
+//
+//
+//
+
+// {/* Tombol Download */}
+//
+//
+// {/* Comment */}
+//
+//
+// );
+// };
+
+// export default DetailVideo;
import React, { useEffect, useState } from "react";
-import { Icon } from "@iconify/react/dist/iconify.js";
-import { checkWishlistStatus, deleteWishlist, getDetail, saveWishlist } from "@/service/landing/landing";
-import VideoPlayer from "@/utils/video-player";
-import NewContent from "@/components/landing-page/new-content";
-import { Link, useRouter } from "@/i18n/routing";
-import { Textarea } from "@/components/ui/textarea";
-import { getCookiesDecrypt } from "@/lib/utils";
-import { close, error, loading } from "@/config/swal";
-import { useToast } from "@/components/ui/use-toast";
-import { postActivityLog } from "@/service/content/content";
+import {
+ checkWishlistStatus,
+ createPublicSuggestion,
+ deletePublicSuggestion,
+ deleteWishlist,
+ getDetail,
+ getDetailMetaData,
+ getPublicSuggestionList,
+ saveWishlist,
+} from "@/service/landing/landing";
+import { Metadata } from "next";
+import DetailImage from "@/components/main/image-detail";
+import DetailVideo from "@/components/main/video-detail";
-const DetailVideo = () => {
- const [selectedSize, setSelectedSize] = useState
+//
+
+// {/* Konten Serupa */}
+//
+//
+// Berikan Komentar
+// +// +//
+//
+//
- {/* Container Utama */}
-
-
- {/* Bagian Kiri */}
-
-
-
-
- {/* Bagian Kanan */}
-
-
-
- {/* Footer Informasi */}
-
-
-
- {/* Keterangan */}
-
- oleh
- {detailDataVideo?.uploadedBy?.userLevel?.name}
- | Diupdate pada {detailDataVideo?.updatedAt} WIB |
-
Kreator: {detailDataVideo?.creatorName}
-
-
- {detailDataVideo?.title}
- -
- {isSaved ? (
- handleDeleteWishlist()} className="flex flex-col mb-3 items-center justify-center cursor-pointer">
-
- Hapus
- - ) : ( - doBookmark()} className="flex flex-col mb-3 items-center justify-center cursor-pointer"> -Simpan
- - )} - - {/* garis */} - - - - {detailDataVideo?.categoryName} - - -
- {detailDataVideo?.tags.split(",").map((tag: string) => (
- router.push(`/all/filter?tag=${tag}`)} key={tag} className="bg-gray-200 text-gray-700 text-xs px-3 py-1 rounded-full cursor-pointer hover:bg-gray-500 hover:text-white">
- {tag}
-
- ))}
-
-
-
-
- {/* Opsi Ukuran Foto */}
- Opsi Ukuran Audio Visual
- - - -
- {sizes.map((size: any) => (
-
-
- {/* Download Semua */}
-
-
- ))}
-
- setSelectedSize(size.label)} className="text-red-600 focus:ring-red-600" />
-
- {size.label}
-
-
- {size.value}
-
-
-
-
- {/* Tombol Download */}
-
-
- {/* Comment */}
-
-
- );
};
-export default DetailVideo;
+export async function generateMetadata({ params }: any): Promise
-
-
- {/* Konten Serupa */}
-
-
- Berikan Komentar
- - -
-
-
- router.push(
- prefixPath + `/video/detail/${video?.slug}`
- )
- }
+
+// router.push(
+// prefixPath + `/video/detail/${video?.slug}`
+// )
+// }
>
{/* 
*/}
@@ -862,7 +862,7 @@ const FilterPage = () => {
+
))}
diff --git a/app/[locale]/(public)/regional/filter/page.tsx b/app/[locale]/(public)/regional/filter/page.tsx
index d41b40d5..60077055 100644
--- a/app/[locale]/(public)/regional/filter/page.tsx
+++ b/app/[locale]/(public)/regional/filter/page.tsx
@@ -29,6 +29,7 @@ import FilterImageComponent from "@/components/landing-page/filter-all/image-fil
import FilterVideoComponent from "@/components/landing-page/filter-all/video-filter-card";
import FilterDocumentComponent from "@/components/landing-page/filter-all/document-filter-card";
import FilterAudioComponent from "@/components/landing-page/filter-all/audio-filter-card";
+import FilterIndeksComponent from "@/components/landing-page/filter-all/indeks-filter-card";
import { useTranslations } from "next-intl";
export default function FilterPage() {
@@ -734,6 +735,13 @@ export default function FilterPage() {
endDateString={endDateString}
monthYearFilter={monthYearFilter}
/>
+
{video?.title}
-
{files.map((file: any, index: any) => (
-
+
{/*
-
@@ -2187,16 +2357,27 @@ export default function FormImageUpdate() {
{tags.map((tag, index) => (
+ {/* Hidden span untuk ukur lebar teks */}
+
+ {tag || " "}
+
+
handleEditTag(index, e.target.value)}
- className="bg-black text-white border-none focus:outline-none w-auto"
+ style={{
+ width: `${Math.max(tag.length, 1)}ch`,
+ }}
+ className="bg-black text-white border-none focus:outline-none"
/>
+
))}
- {" "}
- ([]);
let uploadPersen = 0;
-
const isDetailOfRegionShowed = false;
-
const [isStartUpload, setIsStartUpload] = useState(false);
const [counterProgress, setCounterProgress] = useState(0);
const t = useTranslations("Form");
@@ -264,7 +261,6 @@ export default function FormImageUpdate() {
checkedLevels.has(Number(item.id))
).length;
-
const satkerItem: any = listDest.find(
(item: any) => item.name === "SATKER POLRI"
);
@@ -419,7 +415,7 @@ export default function FormImageUpdate() {
// Jika wilayah dicentang, auto centang POLDA, SATKER
if (key === "wilayah") {
currentSelection.wilayah = value;
-
+
if (value) {
// Ketika wilayah dicentang, auto centang POLDA, SATKER
currentSelection.polda = true;
@@ -440,7 +436,9 @@ export default function FormImageUpdate() {
});
// Checklist SATKER POLRI dan semua sub-itemsnya
- const satkerItem = listDest.find((item: any) => item.name === "SATKER POLRI");
+ const satkerItem = listDest.find(
+ (item: any) => item.name === "SATKER POLRI"
+ );
if (satkerItem) {
currentFileLevels.add(Number(satkerItem.id));
// Checklist semua sub-items di bawah SATKER POLRI
@@ -474,7 +472,9 @@ export default function FormImageUpdate() {
});
// Hapus SATKER POLRI dan semua sub-itemsnya
- const satkerItem = listDest.find((item: any) => item.name === "SATKER POLRI");
+ const satkerItem = listDest.find(
+ (item: any) => item.name === "SATKER POLRI"
+ );
if (satkerItem) {
currentFileLevels.delete(Number(satkerItem.id));
// Hapus semua sub-items di bawah SATKER POLRI
@@ -490,8 +490,8 @@ export default function FormImageUpdate() {
});
}
} else {
- // Update salah satu saja
- currentSelection[key] = value;
+ // Update salah satu saja
+ currentSelection[key] = value;
}
// Cek apakah semua selain "semua" sudah dicentang
@@ -595,7 +595,6 @@ export default function FormImageUpdate() {
return total;
}, 0);
-
// Cek apakah SATKER POLRI ter-checklist
const satkerItem = listDest.find(
(item: any) => item.name === "SATKER POLRI"
@@ -665,7 +664,6 @@ export default function FormImageUpdate() {
});
};
-
const options: Option[] = [
{ id: "all", name: "SEMUA" },
{ id: "5", name: "UMUM" },
@@ -686,23 +684,6 @@ export default function FormImageUpdate() {
let fileTypeId = "1";
- const { getRootProps, getInputProps } = useDropzone({
- onDrop: (acceptedFiles) => {
- setFiles((prevFiles) => [
- ...prevFiles,
- ...acceptedFiles.map((file) =>
- Object.assign(file, {
- id: uuidv4(), // generate unique id
- preview: URL.createObjectURL(file),
- })
- ),
- ]);
- },
- accept: {
- "image/*": [],
- },
- });
-
// const { getRootProps, getInputProps } = useDropzone({
// onDrop: (acceptedFiles) => {
// // setFiles(acceptedFiles.map((file) => Object.assign(file)));
@@ -719,6 +700,22 @@ export default function FormImageUpdate() {
// "image/*": [],
// },
// });
+ const { getRootProps, getInputProps } = useDropzone({
+ onDrop: (acceptedFiles) => {
+ setFiles((prevFiles) => [
+ ...prevFiles,
+ ...acceptedFiles.map((file) =>
+ Object.assign(file, {
+ id: uuidv4(), // generate unique id
+ preview: URL.createObjectURL(file),
+ })
+ ),
+ ]);
+ },
+ accept: {
+ "image/*": [],
+ },
+ });
const {
control,
@@ -807,7 +804,6 @@ export default function FormImageUpdate() {
setValue("creatorName", details.creatorName);
}, 500);
-
if (details?.files) {
const formattedFiles = details.files.map((file: any) => ({
...file,
@@ -829,12 +825,18 @@ export default function FormImageUpdate() {
.map((p: string) => {
const trimmed = p.trim();
switch (trimmed) {
- case "all": return "all";
- case "mabes": return "nasional";
- case "polda": return "wilayah";
- case "satker": return "satker";
- case "international": return "international";
- default: return trimmed;
+ case "all":
+ return "all";
+ case "mabes":
+ return "nasional";
+ case "polda":
+ return "wilayah";
+ case "satker":
+ return "satker";
+ case "international":
+ return "international";
+ default:
+ return trimmed;
}
});
return mappedPlacements;
@@ -868,8 +870,10 @@ export default function FormImageUpdate() {
};
if (file.placements) {
- const placements = file.placements.split(",").map((p: string) => p.trim());
-
+ const placements = file.placements
+ .split(",")
+ .map((p: string) => p.trim());
+
// Map dari format backend ke checkbox
if (placements.includes("all")) {
selection.semua = true;
@@ -887,9 +891,11 @@ export default function FormImageUpdate() {
}
if (placements.includes("polda")) {
selection.polda = true;
+ selection.wilayah = true; // Auto-check wilayah when polda is present
}
if (placements.includes("satker")) {
selection.satker = true;
+ selection.wilayah = true; // Auto-check wilayah when satker is present
}
if (placements.includes("international")) {
selection.international = true;
@@ -915,7 +921,6 @@ export default function FormImageUpdate() {
initState();
}, [id, setValue]);
-
const handleCheckboxChange = (id: string) => {
if (id === "all") {
const allOptions = options
@@ -936,19 +941,26 @@ export default function FormImageUpdate() {
const getPlacement = () => {
const temp = [];
for (let i = 0; i < filePlacements?.length; i++) {
- if (filePlacements[i]?.length !== 0) {
- const now = filePlacements[i];
- let nowArr = now?.join(",")?.replaceAll("nasional", "mabes");
- nowArr = nowArr?.replaceAll("wilayah", "polda");
- nowArr = nowArr?.replaceAll("semua", "all");
+ const file = files[i] as any;
+ if (file.id && filePlacements[file.id] && filePlacements[file.id].length > 0) {
+ const now = filePlacements[file.id];
+ const normalizedNow = now.map((item): PlacementType => {
+ const value = String(item);
+ if (value === "nasional") return "mabes";
+ if (value === "wilayah") return "polda";
+ if (value === "semua") return "all";
+ return item as PlacementType;
+ });
+ const uniqueNow = Array.from(new Set(normalizedNow));
+ const nowArr = uniqueNow.join(",");
// Dapatkan checked levels untuk file ini
- const currentFileCheckedLevels = fileCheckedLevels[i]
- ? Array.from(fileCheckedLevels[i])
+ const currentFileCheckedLevels = fileCheckedLevels[file.id]
+ ? Array.from(fileCheckedLevels[file.id])
: [];
const data = {
- mediaFileId: files[i]?.id,
+ mediaFileId: file.id,
placements: nowArr,
customLocationPlacements: currentFileCheckedLevels.join(","),
};
@@ -981,28 +993,29 @@ export default function FormImageUpdate() {
console.log("Form Data Submitted:", requestData);
console.log("getPlacement(): ", getPlacement());
-
+
const response = await createMedia(requestData);
+ console.log("Form Data Submitted:", requestData);
if (response?.error) {
error(response?.message);
return false;
}
- // Upload thumbnail
const formMedia = new FormData();
const thumbnail = thumbnailFile || files[0];
formMedia.append("file", thumbnail);
+
const responseThumbnail = await uploadThumbnail(id, formMedia);
if (responseThumbnail?.error) {
error(responseThumbnail?.message);
return false;
}
- // Upload files (progress)
- const progressInfoArr = files.map((item) => ({
- percentage: 0,
- fileName: item.name,
- }));
+ const progressInfoArr = [];
+ for (const item of files) {
+ progressInfoArr.push({ percentage: 0, fileName: item.name });
+ }
+ progressInfo = progressInfoArr;
setIsStartUpload(true);
setProgressList(progressInfoArr);
@@ -1014,6 +1027,8 @@ export default function FormImageUpdate() {
}
close();
+ // showProgress();
+ console.log("files:", files);
files.map(async (item: any, index: number) => {
await uploadResumableFile(
index,
@@ -1275,7 +1290,165 @@ export default function FormImageUpdate() {
}
const [tempFile, setTempFile] = useState([]);
+ // const [filePlacements, setFilePlacements] = useState([]);
+ // const setupPlacement = (
+ // index: number,
+ // placement: string,
+ // checked: boolean
+ // ) => {
+ // let temp = [...filePlacements];
+ // if (checked) {
+ // if (placement === "all") {
+ // temp[index] = ["all", "mabes", "polda", "satker", "international"];
+
+ // for (let i = 0; i < tempFile?.length; i++) {
+ // const element = tempFile[i];
+
+ // // Checklist semua item di modal
+ // listDest.forEach((item: any) => {
+ // currentFileLevels.add(Number(item.id));
+ // if (item.subDestination) {
+ // item.subDestination.forEach((sub: any) => {
+ // currentFileLevels.add(Number(sub.id));
+ // });
+ // }
+ // });
+
+ // newArray[index] = currentFileLevels;
+ // return newArray;
+ // });
+
+ // // Update fileUnitSelections untuk checkbox tingkat utama
+ // setFileUnitSelections((prevSelections) => {
+ // const newSelections = [...prevSelections];
+ // const currentSelection = { ...newSelections[index] };
+
+ // // Set semua checkbox tingkat utama ke true
+ // currentSelection.nasional = true;
+ // currentSelection.wilayah = true;
+ // currentSelection.international = true;
+ // currentSelection.polda = true;
+ // currentSelection.satker = true;
+ // currentSelection.semua = true;
+
+ // newSelections[index] = currentSelection;
+ // return newSelections;
+ // });
+ // } else if (placement === "satker") {
+ // // Ketika satker di-checklist, HANYA tambahkan satker saja
+ // const now = temp[index] || [];
+ // if (!now.includes("satker")) {
+ // now.push("satker");
+ // }
+ // temp[index] = now;
+ // } else if (placement === "polda") {
+ // // Ketika polda di-checklist, tambahkan polda ke filePlacements
+ // const now = temp[index] || [];
+ // if (!now.includes("polda")) {
+ // now.push("polda");
+ // }
+ // temp[index] = now;
+ // } else if (placement === "wilayah") {
+ // // Ketika wilayah dicentang, tambahkan wilayah, polda, dan satker
+ // const now = temp[index] || [];
+ // if (!now.includes("wilayah")) {
+ // now.push("wilayah");
+ // }
+ // if (!now.includes("polda")) {
+ // now.push("polda");
+ // }
+ // if (!now.includes("satker")) {
+ // now.push("satker");
+ // }
+ // temp[index] = now;
+ // } else {
+ // const now = temp[index] || [];
+ // if (!now.includes(placement)) {
+ // now.push(placement);
+ // }
+ // // Auto-checklist "all" jika nasional, wilayah, dan international ter-checklist
+ // const requiredItems = ["nasional", "wilayah", "international"];
+ // const hasAllRequired = requiredItems.every(item => now.includes(item));
+ // if (hasAllRequired && !now.includes("all")) {
+ // now.push("all");
+ // }
+ // temp[index] = now;
+ // }
+ // } else {
+ // if (placement === "all") {
+ // temp[index] = [];
+
+ // if (findPlacementIdx > -1) {
+ // const findPlacement = filePlacements[findPlacementIdx];
+
+ // // Unchecklist semua item di modal
+ // currentFileLevels.clear();
+
+ // newArray[index] = currentFileLevels;
+ // return newArray;
+ // });
+
+ // // Update fileUnitSelections untuk checkbox tingkat utama
+ // setFileUnitSelections((prevSelections) => {
+ // const newSelections = [...prevSelections];
+ // const currentSelection = { ...newSelections[index] };
+
+ // // Set semua checkbox tingkat utama ke false
+ // currentSelection.nasional = false;
+ // currentSelection.wilayah = false;
+ // currentSelection.international = false;
+ // currentSelection.polda = false;
+ // currentSelection.satker = false;
+ // currentSelection.semua = false;
+
+ // newSelections[index] = currentSelection;
+ // return newSelections;
+ // });
+ // } else {
+ // if (placement === "wilayah") {
+ // // Ketika wilayah di-uncheck, hapus wilayah, polda, dan satker
+ // const now = temp[index]?.filter((a) =>
+ // a !== "wilayah" && a !== "polda" && a !== "satker"
+ // );
+ // temp[index] = now;
+ // } else if (placement === "polda") {
+ // // Ketika polda di-uncheck, hapus polda dari filePlacements
+ // const now = temp[index]?.filter((a) => a !== "polda");
+ // temp[index] = now;
+ // } else if (placement === "satker") {
+ // // Ketika satker di-uncheck, hapus satker dari filePlacements
+ // const now = temp[index]?.filter((a) => a !== "satker");
+ // temp[index] = now;
+ // } else {
+ // const now = temp[index]?.filter((a) => a !== placement);
+ // temp[index] = now;
+ // }
+
+ // // Hapus "all" jika tidak semua item ter-checklist
+ // const currentNow = temp[index] || [];
+ // if (currentNow.includes("all")) {
+ // const requiredItems = ["nasional", "wilayah", "international"];
+ // const hasAllRequired = requiredItems.every(item => currentNow.includes(item));
+ // if (!hasAllRequired) {
+ // const newData = currentNow.filter((b) => b !== "all");
+ // temp[index] = newData;
+ // }
+ // } else {
+ // const file: FilePlacement = {
+ // mediaFileId: Number(element.id),
+ // placements: [placement],
+ // };
+
+ // arrayFile.push(file);
+ // }
+ // }
+ // }
+
+ // const finalPlacements = [...filePlacements, ...arrayFile];
+ // setFilePlacements(finalPlacements);
+ // console.log("FileDestination.leng::", finalPlacements);
+ // };
const setupPlacement = (
index: number,
placement: string,
@@ -1284,7 +1457,7 @@ export default function FormImageUpdate() {
let temp = [...filePlacements];
if (checked) {
if (placement === "all") {
- temp[index] = ["all", "mabes", "polda", "satker", "international"];
+ temp[index] = ["all", "mabes", "polda", "international"];
// Update fileCheckedLevels untuk sinkronisasi dengan modal ketika "all" diklik
setFileCheckedLevels((prevLevels) => {
@@ -1317,6 +1490,7 @@ export default function FormImageUpdate() {
currentSelection.wilayah = true;
currentSelection.international = true;
currentSelection.polda = true;
+ // currentSelection.polres = true;
currentSelection.satker = true;
currentSelection.semua = true;
@@ -1325,40 +1499,23 @@ export default function FormImageUpdate() {
});
} else if (placement === "satker") {
// Ketika satker di-checklist, HANYA tambahkan satker saja
+ // JANGAN otomatis checklist polres
const now = temp[index] || [];
if (!now.includes("satker")) {
now.push("satker");
}
temp[index] = now;
- } else if (placement === "polda") {
- // Ketika polda di-checklist, tambahkan polda ke filePlacements
- const now = temp[index] || [];
- if (!now.includes("polda")) {
- now.push("polda");
- }
- temp[index] = now;
- } else if (placement === "wilayah") {
- // Ketika wilayah dicentang, tambahkan wilayah, polda, dan satker
- const now = temp[index] || [];
- if (!now.includes("wilayah")) {
- now.push("wilayah");
- }
- if (!now.includes("polda")) {
- now.push("polda");
- }
- if (!now.includes("satker")) {
- now.push("satker");
- }
- temp[index] = now;
} else {
const now = temp[index] || [];
if (!now.includes(placement)) {
now.push(placement);
}
- // Auto-checklist "all" jika nasional, wilayah, dan international ter-checklist
- const requiredItems = ["nasional", "wilayah", "international"];
- const hasAllRequired = requiredItems.every(item => now.includes(item));
- if (hasAllRequired && !now.includes("all")) {
+ // Hanya auto-checklist "all" jika polda, polres, dan mabes ter-checklist
+ // JANGAN include satker dalam perhitungan auto "all"
+ const nonSatkerItems = now.filter(
+ (item) => item !== "satker" && item !== "all"
+ );
+ if (nonSatkerItems.length === 3 && !now.includes("all")) {
now.push("all");
}
temp[index] = now;
@@ -1391,6 +1548,7 @@ export default function FormImageUpdate() {
currentSelection.wilayah = false;
currentSelection.international = false;
currentSelection.polda = false;
+ // currentSelection.polres = false;
currentSelection.satker = false;
currentSelection.semua = false;
@@ -1398,6 +1556,9 @@ export default function FormImageUpdate() {
return newSelections;
});
} else {
+ const now = temp[index]?.filter((a) => a !== placement);
+ console.log("now", now);
+ temp[index] = now;
if (placement === "wilayah") {
// Ketika wilayah di-uncheck, hapus wilayah, polda, dan satker
const now = temp[index]?.filter((a) =>
@@ -1412,18 +1573,18 @@ export default function FormImageUpdate() {
// Ketika satker di-uncheck, hapus satker dari filePlacements
const now = temp[index]?.filter((a) => a !== "satker");
temp[index] = now;
- } else {
- const now = temp[index]?.filter((a) => a !== placement);
- temp[index] = now;
+ } else {
+ const now = temp[index]?.filter((a) => a !== placement);
+ temp[index] = now;
}
// Hapus "all" jika tidak semua item ter-checklist
- const currentNow = temp[index] || [];
- if (currentNow.includes("all")) {
- const requiredItems = ["nasional", "wilayah", "international"];
- const hasAllRequired = requiredItems.every(item => currentNow.includes(item));
- if (!hasAllRequired) {
- const newData = currentNow.filter((b) => b !== "all");
+ if (now.includes("all")) {
+ const nonSatkerItems = now.filter(
+ (item) => item !== "satker" && item !== "all"
+ );
+ if (nonSatkerItems.length < 3) {
+ const newData = now.filter((b) => b !== "all");
temp[index] = newData;
}
}
@@ -1554,7 +1715,6 @@ export default function FormImageUpdate() {
// console.log("FileDestination.leng::", finalPlacements);
// };
-
function success() {
MySwal.fire({
title: "Sukses",
@@ -1831,270 +1991,280 @@ export default function FormImageUpdate() {
{/* Detail Wilayah */}
- {fileUnitSelections[index]?.wilayah && isDetailOfRegionShowed && (
-
-
)}
diff --git a/components/form/content/image-update-form.tsx b/components/form/content/image-update-form.tsx
index c60f574a..3ef1b3ba 100644
--- a/components/form/content/image-update-form.tsx
+++ b/components/form/content/image-update-form.tsx
@@ -114,6 +114,16 @@ type Option = {
id: string;
name: string;
};
+interface Destination {
+ id: string;
+ name: string;
+ subDestination?: SubDestination[];
+}
+
+interface SubDestination {
+ id: string;
+ name: string;
+}
const CustomEditor = dynamic(
() => {
@@ -127,17 +137,6 @@ interface FileWithPreview extends File {
preview: string;
}
-interface Destination {
- id: string;
- name: string;
- subDestination?: SubDestination[];
-}
-
-interface SubDestination {
- id: string;
- name: string;
-}
-
export default function FormImageUpdate() {
const MySwal = withReactContent(Swal);
const router = useRouter();
@@ -149,9 +148,7 @@ export default function FormImageUpdate() {
let counterUpdateProgress = 0;
const [progressList, setProgressList] = useState
- {file.fileName || file.name}
+
+
- ))}
+ ))}
+
-
+ {" "}
+
+
+ {t("view-file", {
+ defaultValue: "View File",
+ })}
+
{file.fileName}
+
- {Math.round(file.size / 100) / 10 > 1000 ? (
- <>
- {(
- Math.round(file.size / 100) / 10000
- ).toFixed(1)}
+
+ {/* Checkbox Tingkat Utama */}
+
+
+
+
+ {[
+ { key: "semua", label: "Semua" },
+ {
+ key: "nasional",
+ label: "Nasional",
+ },
+ { key: "wilayah", label: "Wilayah" },
+ {
+ key: "international",
+ label: "Internasional",
+ },
+ ].map((item, idx) => (
+
+
+ {/* Detail Wilayah */}
+ {fileUnitSelections[index]?.wilayah && isDetailOfRegionShowed && (
+
+ {
+ handleFileUnitChange(
+ index,
+ item.key as keyof typeof unitSelection,
+ value as boolean
+ );
+ setupPlacement(
+ index,
+ item.key,
+ Boolean(value)
+ );
+ }}
+ />
+
+
+ ))}
+
+
+ )}
+ + Detail Wilayah: +
+ + {/* Checkbox Sub-kategori dengan tombol Kustom sejajar */} +
+ {[
+ { key: "polda", label: "POLDA" },
+ { key: "satker", label: "SATKER" },
+ ].map((item, idx) => (
+
+
+ {
+ handleFileUnitChange(
+ index,
+ item.key as keyof typeof unitSelection,
+ value as boolean
+ );
+ setupPlacement(
+ index,
+ item.key,
+ Boolean(value)
+ );
+ }}
+ />
+
+
+ ))}
+
+ {/* Tombol Kustom sejajar dengan checkbox */}
+
+
+
+
-
- Detail Wilayah: -
+ {fileUnitSelections[index]?.wilayah && + isDetailOfRegionShowed && ( +
+
+ Detail Wilayah: +
- {/* Checkbox Sub-kategori dengan tombol Kustom sejajar */} -
- {[
- { key: "polda", label: "POLDA" },
- { key: "satker", label: "SATKER" },
- ].map((item, idx) => (
-
- )}
+ )}
- {
- handleFileUnitChange(
- index,
- item.key as keyof typeof unitSelection,
- value as boolean
- );
- setupPlacement(
- index,
- item.key,
- Boolean(value)
- );
- }}
- />
-
-
{detail?.tags?.split(",").map((tag, index) => (
-
+
@@ -2273,3 +2455,2383 @@ export default function FormImageUpdate() {
);
}
+
+// Yang EROR
+// "use client";
+// import React, {
+// ChangeEvent,
+// Fragment,
+// 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 { register } from "module";
+// import { Switch } from "@/components/ui/switch";
+// import Cookies from "js-cookie";
+// import {
+// createMedia,
+// deleteFile,
+// deleteMedia,
+// getTagsBySubCategoryId,
+// listEnableCategory,
+// uploadThumbnail,
+// } from "@/service/content/content";
+// import { detailMedia } from "@/service/curated-content/curated-content";
+// import { Badge } from "@/components/ui/badge";
+// import { CloudUpload, MailIcon } from "lucide-react";
+// import dynamic from "next/dynamic";
+// import { useDropzone } from "react-dropzone";
+// import { Icon } from "@iconify/react/dist/iconify.js";
+// import Image from "next/image";
+// import { error, loading } from "@/lib/swal";
+// import { getCsrfToken } from "@/service/auth";
+// import { Upload } from "tus-js-client";
+// import { useTranslations } from "next-intl";
+// import { htmlToString } from "@/utils/globals";
+// import { getUserLevelForAssignments } from "@/service/task";
+// import {
+// Dialog,
+// DialogClose,
+// DialogContent,
+// DialogHeader,
+// DialogTitle,
+// DialogTrigger,
+// } from "@/components/ui/dialog";
+// import { v4 as uuidv4 } from "uuid";
+
+// 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 PlacementType = "all" | "mabes" | "polda" | "international" | string;
+
+// interface FilePlacement {
+// mediaFileId: number;
+// placements?: PlacementType[];
+// }
+
+// interface TempFileItem {
+// id: number | string;
+// }
+
+// type Detail = {
+// id: string;
+// title: string;
+// description: string;
+// htmldescription: string;
+// slug: string;
+// categoryId: number;
+// category: {
+// id: string;
+// name: string;
+// };
+// publishedFor: string;
+
+// publishedForObject: {
+// id: number;
+// name: string;
+// };
+// creatorName: string;
+// categoryName: string;
+// thumbnailLink: string;
+// tags: string;
+// };
+
+// type Option = {
+// id: string;
+// name: string;
+// };
+
+// const CustomEditor = dynamic(
+// () => {
+// return import("@/components/editor/custom-editor");
+// },
+// { ssr: false }
+// );
+
+// interface FileWithPreview extends File {
+// id: string;
+// preview: string;
+// }
+
+// interface Destination {
+// id: string;
+// name: string;
+// subDestination?: SubDestination[];
+// }
+
+// export default function FormImageUpdate() {
+// const MySwal = withReactContent(Swal);
+// const router = useRouter();
+// const { id } = useParams() as { id: string };
+// console.log(id);
+// const editor = useRef(null);
+// type ImageSchema = z.infer;
+// let progressInfo: any = [];
+// let counterUpdateProgress = 0;
+// const [progressList, setProgressList] = useState([]);
+// let uploadPersen = 0;
+// const [isStartUpload, setIsStartUpload] = useState(false);
+// const [counterProgress, setCounterProgress] = useState(0);
+// const t = useTranslations("Form");
+// 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 [articleBody, setArticleBody] = useState("");
+// const [files, setFiles] = useState([]);
+// const [filesTemp, setFilesTemp] = useState([]);
+// const [publishedFor, setPublishedFor] = useState([]);
+// const [thumbnailFile, setThumbnailFile] = useState(null);
+// const inputRef = useRef(null);
+// const [selectedOptions, setSelectedOptions] = useState<{
+// [fileId: number]: string[];
+// }>({});
+
+// const handleThumbnailChange = (e: React.ChangeEvent) => {
+// const file = e.target.files?.[0];
+// if (file) {
+// setThumbnailFile(file);
+// }
+// };
+// const [fileUnitSelections, setFileUnitSelections] = useState<
+// Array<{
+// semua: boolean;
+// nasional: boolean;
+// wilayah: boolean;
+// international: boolean;
+// polda: boolean;
+// polres: boolean;
+// satker: boolean;
+// }>
+// >([]);
+// // State global untuk kompatibilitas (akan dihapus nanti)
+// const [unitSelection, setUnitSelection] = useState({
+// semua: false,
+// nasional: false,
+// wilayah: false,
+// international: false,
+// polda: false,
+// polres: false,
+// satker: false,
+// });
+// const [checkedLevels, setCheckedLevels] = useState>(new Set());
+// const [listDest, setListDest] = useState([]);
+// const [isLoading, setIsLoading] = useState(false);
+// const [expandedPolda, setExpandedPolda] = useState>(
+// {}
+// );
+// const [fileCheckedLevels, setFileCheckedLevels] = useState<
+// Array>
+// >([]);
+// const [isUpdatingFromMainCheckbox, setIsUpdatingFromMainCheckbox] =
+// useState(false);
+// const [mainCheckboxChangeType, setMainCheckboxChangeType] =
+// useState("");
+
+// 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 untuk sinkronisasi checkbox modal dengan checkbox utama
+// useEffect(() => {
+// if (
+// listDest.length > 0 &&
+// isUpdatingFromMainCheckbox &&
+// mainCheckboxChangeType
+// ) {
+// syncModalWithMainCheckbox();
+// }
+// }, [isUpdatingFromMainCheckbox, mainCheckboxChangeType]);
+
+// // useEffect untuk update checkbox utama ketika pilihan modal berubah
+// useEffect(() => {
+// if (!isUpdatingFromMainCheckbox && listDest.length > 0) {
+// updateMainCheckboxFromModalLegacy();
+// }
+// }, [checkedLevels, isUpdatingFromMainCheckbox]);
+
+// // Fungsi untuk update checkbox utama berdasarkan checkbox modal (global/legacy)
+// const updateMainCheckboxFromModalLegacy = () => {
+// if (!isUpdatingFromMainCheckbox && listDest.length > 0) {
+// // Hitung item yang dipilih berdasarkan checkedLevels
+// const checkedPoldaCount = listDest.filter(
+// (item: any) =>
+// item.levelNumber === 2 &&
+// item.name !== "SATKER POLRI" &&
+// checkedLevels.has(Number(item.id))
+// ).length;
+
+// const checkedPolresCount = listDest.reduce((total: number, item: any) => {
+// if (item.subDestination && item.name !== "SATKER POLRI") {
+// // Hanya hitung sub-item dari POLDA (bukan dari SATKER POLRI)
+// return (
+// total +
+// item.subDestination.filter((sub: any) =>
+// checkedLevels.has(Number(sub.id))
+// ).length
+// );
+// }
+// return total;
+// }, 0);
+
+// const satkerItem: any = listDest.find(
+// (item: any) => item.name === "SATKER POLRI"
+// );
+// const checkedSatkerCount = satkerItem
+// ? (checkedLevels.has(Number(satkerItem.id)) ? 1 : 0) +
+// (satkerItem.subDestination?.filter((sub: any) =>
+// checkedLevels.has(Number(sub.id))
+// ).length || 0)
+// : 0;
+
+// // Checkbox aktif jika ADA item yang dipilih dalam kategori tersebut
+// const hasSelectedPolda = checkedPoldaCount > 0;
+// const hasSelectedPolres = checkedPolresCount > 0;
+// const hasSelectedSatker = checkedSatkerCount > 0;
+
+// // Update unitSelection berdasarkan yang dipilih di modal
+// setUnitSelection((prev) => {
+// const newState = { ...prev };
+
+// // Update individual checkboxes
+// newState.polda = hasSelectedPolda;
+// newState.polres = hasSelectedPolres;
+// newState.satker = hasSelectedSatker;
+
+// // Update checkbox "semua" berdasarkan semua checkbox yang aktif
+// newState.semua =
+// newState.nasional &&
+// newState.wilayah &&
+// newState.international &&
+// hasSelectedPolda &&
+// hasSelectedPolres &&
+// hasSelectedSatker;
+
+// return newState;
+// });
+// }
+// };
+
+// // Fungsi untuk sinkronisasi checkbox modal dengan checkbox utama
+// const syncModalWithMainCheckbox = () => {
+// if (isUpdatingFromMainCheckbox) {
+// const newCheckedLevels = new Set(checkedLevels);
+
+// // Handle checklist actions - menambahkan semua item ke modal
+// if (mainCheckboxChangeType === "polda_checked") {
+// // Checklist semua polda
+// listDest.forEach((item: any) => {
+// if (item.levelNumber === 2 && item.name !== "SATKER POLRI") {
+// newCheckedLevels.add(Number(item.id));
+// }
+// });
+// } else if (mainCheckboxChangeType === "polres_checked") {
+// // Checklist semua polres, tapi hanya yang poldanya sudah di-checklist
+// // Jangan checklist sub-item SATKER POLRI
+// listDest.forEach((item: any) => {
+// if (
+// item.levelNumber === 2 &&
+// item.name !== "SATKER POLRI" &&
+// newCheckedLevels.has(Number(item.id))
+// ) {
+// if (item.subDestination) {
+// item.subDestination.forEach((polres: any) => {
+// newCheckedLevels.add(Number(polres.id));
+// });
+// }
+// }
+// });
+
+// // Tidak perlu menghapus SATKER ketika POLRES di-checklist
+// // Biarkan keduanya bisa aktif bersamaan
+// // SATKER dan POLRES adalah konsep yang berbeda:
+// // - SATKER: unit-unit seperti ITWASUM, BAINTELKAM, dll.
+// // - POLRES: unit-unit seperti POLRES METRO JAKARTA PUSAT, dll.
+// } else if (mainCheckboxChangeType === "satker_checked") {
+// // Checklist satker
+// const satkerItem: any = listDest.find(
+// (item: any) => item.name === "SATKER POLRI"
+// );
+// if (satkerItem) {
+// newCheckedLevels.add(Number(satkerItem.id));
+// // Checklist semua sub-item yang ada di bawah SATKER (bukan POLRES)
+// if (satkerItem.subDestination) {
+// satkerItem.subDestination.forEach((sub: any) => {
+// newCheckedLevels.add(Number(sub.id));
+// });
+// }
+// }
+// } else if (mainCheckboxChangeType === "semua_checked") {
+// // Checklist semua item
+// listDest.forEach((item: any) => {
+// newCheckedLevels.add(Number(item.id));
+// // Checklist semua sub-item di bawah setiap item
+// if (item.subDestination) {
+// item.subDestination.forEach((sub: any) => {
+// newCheckedLevels.add(Number(sub.id));
+// });
+// }
+// });
+// }
+// // Handle unchecklist actions - menghapus item dari modal
+// else if (mainCheckboxChangeType === "polres_unchecked") {
+// // Clear polres dari checkedLevels, tapi jangan hapus sub-item SATKER POLRI
+// listDest.forEach((item: any) => {
+// if (item.subDestination && item.name !== "SATKER POLRI") {
+// item.subDestination.forEach((polres: any) => {
+// newCheckedLevels.delete(Number(polres.id));
+// });
+// }
+// });
+// } else if (mainCheckboxChangeType === "polda_unchecked") {
+// // Clear polda dan polres dari checkedLevels, tapi jangan hapus SATKER POLRI
+// listDest.forEach((item: any) => {
+// if (item.levelNumber === 2 && item.name !== "SATKER POLRI") {
+// newCheckedLevels.delete(Number(item.id));
+// if (item.subDestination) {
+// item.subDestination.forEach((polres: any) => {
+// newCheckedLevels.delete(Number(polres.id));
+// });
+// }
+// }
+// });
+// } else if (mainCheckboxChangeType === "satker_unchecked") {
+// // Clear satker dan semua sub-item di bawahnya dari checkedLevels
+// const satkerItem: any = listDest.find(
+// (item: any) => item.name === "SATKER POLRI"
+// );
+// if (satkerItem) {
+// newCheckedLevels.delete(Number(satkerItem.id));
+// if (satkerItem.subDestination) {
+// satkerItem.subDestination.forEach((sub: any) => {
+// newCheckedLevels.delete(Number(sub.id));
+// });
+// }
+// }
+// } else if (mainCheckboxChangeType === "semua_unchecked") {
+// // Clear semua
+// newCheckedLevels.clear();
+// }
+
+// setCheckedLevels(newCheckedLevels);
+
+// // Reset flag setelah sinkronisasi selesai
+// setIsUpdatingFromMainCheckbox(false);
+// setMainCheckboxChangeType("");
+// }
+// };
+
+// // Fungsi untuk mengupdate state individual file
+// const handleFileUnitChange = (
+// fileIndex: number,
+// key: keyof typeof unitSelection,
+// value: boolean
+// ) => {
+// setFileUnitSelections((prev) => {
+// const newSelections = [...prev];
+// const currentSelection = { ...newSelections[fileIndex] };
+
+// if (key === "semua") {
+// // Jika klik Semua, set semua value ke true/false
+// currentSelection.semua = value;
+// currentSelection.nasional = value;
+// currentSelection.wilayah = value;
+// currentSelection.international = value;
+// currentSelection.polda = value;
+// currentSelection.polres = value;
+// currentSelection.satker = value;
+
+// // Update fileCheckedLevels untuk sinkronisasi dengan modal
+// setFileCheckedLevels((prevLevels) => {
+// const newArray = [...prevLevels];
+// const currentFileLevels = new Set(
+// newArray[fileIndex] || new Set()
+// );
+
+// if (value) {
+// // Checklist semua item di modal
+// listDest.forEach((item: any) => {
+// currentFileLevels.add(Number(item.id));
+// if (item.subDestination) {
+// item.subDestination.forEach((sub: any) => {
+// currentFileLevels.add(Number(sub.id));
+// });
+// }
+// });
+// } else {
+// // Unchecklist semua item di modal
+// currentFileLevels.clear();
+// }
+
+// newArray[fileIndex] = currentFileLevels;
+// return newArray;
+// });
+// } else {
+// // Validasi khusus untuk POLRES - harus ada POLDA yang ter-checklist
+// if (key === "polres" && value) {
+// const currentFileCheckedLevels = fileCheckedLevels[fileIndex];
+// const hasSelectedPolda =
+// currentFileCheckedLevels &&
+// listDest.some(
+// (item: any) =>
+// item.levelNumber === 2 &&
+// item.name !== "SATKER POLRI" &&
+// currentFileCheckedLevels.has(Number(item.id))
+// );
+
+// if (!hasSelectedPolda) {
+// alert(
+// "Harap pilih POLDA di Modal terlebih dahulu sebelum mengaktifkan checkbox POLRES."
+// );
+// return prev; // Batalkan perubahan
+// }
+// }
+
+// // Update salah satu saja
+// currentSelection[key] = value;
+
+// // Cek apakah semua selain "semua" sudah dicentang
+// const allChecked = [
+// "nasional",
+// "wilayah",
+// "international",
+// "polda",
+// "polres",
+// "satker",
+// ].every((k) => currentSelection[k as keyof typeof unitSelection]);
+
+// currentSelection.semua = allChecked;
+// }
+
+// newSelections[fileIndex] = currentSelection;
+// return newSelections;
+// });
+// };
+
+// // Fungsi untuk mengupdate checklist levels untuk file tertentu
+// const handleFileCheckboxChangePlacement = (
+// fileIndex: number,
+// levelId: number
+// ) => {
+// setFileCheckedLevels((prev) => {
+// const newArray = [...prev];
+// const currentFileLevels = new Set(newArray[fileIndex]);
+// const isCurrentlyChecked = currentFileLevels.has(levelId);
+
+// if (isCurrentlyChecked) {
+// currentFileLevels.delete(levelId);
+
+// // Jika ini adalah POLDA yang di-unchecklist, unchecklist juga semua polres di bawahnya
+// const poldaItem = listDest.find(
+// (item: any) => Number(item.id) === levelId
+// ) as any;
+// if (
+// poldaItem &&
+// poldaItem.subDestination &&
+// poldaItem.name !== "SATKER POLRI"
+// ) {
+// poldaItem.subDestination.forEach((polres: any) => {
+// currentFileLevels.delete(Number(polres.id));
+// });
+// }
+
+// // Jika ini adalah SATKER POLRI yang di-unchecklist, unchecklist juga semua sub-item di bawahnya
+// if (poldaItem && poldaItem.name === "SATKER POLRI") {
+// poldaItem.subDestination?.forEach((subItem: any) => {
+// currentFileLevels.delete(Number(subItem.id));
+// });
+// }
+// } else {
+// currentFileLevels.add(levelId);
+
+// // Jika ini adalah SATKER POLRI yang di-checklist, checklist juga semua sub-item di bawahnya
+// const satkerItem = listDest.find(
+// (item: any) => Number(item.id) === levelId
+// ) as any;
+// if (satkerItem && satkerItem.name === "SATKER POLRI") {
+// // Checklist semua sub-item di bawah SATKER POLRI (bukan POLRES)
+// satkerItem.subDestination?.forEach((subItem: any) => {
+// currentFileLevels.add(Number(subItem.id));
+// });
+// }
+// }
+
+// newArray[fileIndex] = currentFileLevels;
+
+// // Update checkbox utama berdasarkan perubahan di modal
+// // Pindahkan ke sini agar state sudah ter-update
+// setTimeout(() => updateMainCheckboxFromModal(fileIndex), 0);
+
+// return newArray;
+// });
+// };
+
+// // Fungsi untuk mengupdate checkbox utama berdasarkan checklist di modal
+// const updateMainCheckboxFromModal = (fileIndex: number) => {
+// setFileUnitSelections((prev) => {
+// const newSelections = [...prev];
+// const currentSelection = { ...newSelections[fileIndex] };
+// const currentFileLevels = fileCheckedLevels[fileIndex];
+
+// if (!currentFileLevels) return prev;
+
+// // Hitung total POLDA yang ada (bukan SATKER POLRI)
+// const totalPoldaCount = listDest.filter(
+// (item: any) => item.levelNumber === 2 && item.name !== "SATKER POLRI"
+// ).length;
+
+// // Hitung berapa banyak POLDA yang ter-checklist (bukan SATKER POLRI)
+// const checkedPoldaCount = listDest.reduce((total: number, item: any) => {
+// if (
+// item.levelNumber === 2 &&
+// item.name !== "SATKER POLRI" &&
+// currentFileLevels.has(Number(item.id))
+// ) {
+// return total + 1;
+// }
+// return total;
+// }, 0);
+
+// // Hitung total POLRES yang ada dari POLDA yang ter-checklist
+// const totalPolresFromCheckedPolda = listDest.reduce(
+// (total: number, item: any) => {
+// if (
+// item.subDestination &&
+// item.name !== "SATKER POLRI" &&
+// currentFileLevels.has(Number(item.id))
+// ) {
+// return total + item.subDestination.length;
+// }
+// return total;
+// },
+// 0
+// );
+
+// // Hitung berapa banyak POLRES yang ter-checklist
+// const checkedPolresCount = listDest.reduce((total: number, item: any) => {
+// if (item.subDestination && item.name !== "SATKER POLRI") {
+// // Hanya hitung sub-item dari POLDA (bukan dari SATKER POLRI)
+// return (
+// total +
+// item.subDestination.filter((sub: any) =>
+// currentFileLevels.has(Number(sub.id))
+// ).length
+// );
+// }
+// return total;
+// }, 0);
+
+// // Cek apakah SATKER POLRI ter-checklist
+// const satkerItem = listDest.find(
+// (item: any) => item.name === "SATKER POLRI"
+// );
+// const isSatkerChecked =
+// satkerItem && currentFileLevels.has(Number(satkerItem.id));
+
+// // Update checkbox berdasarkan kondisi
+// // POLDA aktif jika ada minimal 1 POLDA ter-checklist
+// currentSelection.polda = checkedPoldaCount > 0;
+// // POLRES aktif jika ada minimal 1 POLRES ter-checklist
+// currentSelection.polres = checkedPolresCount > 0;
+// currentSelection.satker = Boolean(isSatkerChecked);
+
+// // Update checkbox "semua" berdasarkan semua checkbox yang aktif
+// currentSelection.semua =
+// currentSelection.nasional &&
+// currentSelection.wilayah &&
+// currentSelection.international &&
+// currentSelection.polda &&
+// currentSelection.polres &&
+// currentSelection.satker;
+
+// newSelections[fileIndex] = currentSelection;
+// return newSelections;
+// });
+// };
+
+// const toggleExpand = (id: number) => {
+// setExpandedPolda((prev) => ({
+// ...prev,
+// [id]: !prev[id],
+// }));
+// };
+
+// // Fungsi untuk menangani "Pilih Semua" sub-items di bawah POLDA
+// const handleSelectAllSubItems = (fileIndex: number, polda: any) => {
+// setFileCheckedLevels((prev) => {
+// const newArray = [...prev];
+// const currentFileLevels = new Set(newArray[fileIndex]);
+
+// // Cek apakah semua sub-items sudah ter-checklist
+// const allSubItemsChecked = polda.subDestination?.every((sub: any) =>
+// currentFileLevels.has(Number(sub.id))
+// );
+
+// if (allSubItemsChecked) {
+// // Jika semua sudah ter-checklist, unchecklist semuanya
+// polda.subDestination?.forEach((sub: any) => {
+// currentFileLevels.delete(Number(sub.id));
+// });
+// } else {
+// // Jika belum semua ter-checklist, checklist semuanya
+// // Checklist POLDA juga jika belum ter-checklist
+// if (!currentFileLevels.has(Number(polda.id))) {
+// currentFileLevels.add(Number(polda.id));
+// }
+// // Checklist semua sub-items
+// polda.subDestination?.forEach((sub: any) => {
+// currentFileLevels.add(Number(sub.id));
+// });
+// }
+
+// newArray[fileIndex] = currentFileLevels;
+
+// // Update checkbox utama berdasarkan perubahan di modal
+// setTimeout(() => updateMainCheckboxFromModal(fileIndex), 0);
+
+// return newArray;
+// });
+// };
+
+// const options: Option[] = [
+// { id: "all", name: "SEMUA" },
+// { id: "5", name: "UMUM" },
+// { id: "6", name: "JOURNALIS" },
+// { id: "7", name: "POLRI" },
+// { id: "8", name: "KSP" },
+// ];
+
+// const [selectedTarget, setSelectedTarget] = useState(
+// detail?.category.id
+// );
+// // const [unitSelection, setUnitSelection] = useState({
+// // allUnit: false,
+// // mabes: false,
+// // polda: false,
+// // polres: false,
+// // });
+
+// let fileTypeId = "1";
+
+// const { getRootProps, getInputProps } = useDropzone({
+// onDrop: (acceptedFiles) => {
+// setFiles((prevFiles) => [
+// ...prevFiles,
+// ...acceptedFiles.map((file) =>
+// Object.assign(file, {
+// id: uuidv4(), // generate unique id
+// preview: URL.createObjectURL(file),
+// })
+// ),
+// ]);
+// },
+// accept: {
+// "image/*": [],
+// },
+// });
+
+// // const { getRootProps, getInputProps } = useDropzone({
+// // onDrop: (acceptedFiles) => {
+// // // setFiles(acceptedFiles.map((file) => Object.assign(file)));
+// // setFiles((prevFiles) => [
+// // ...prevFiles,
+// // ...acceptedFiles.map((file) =>
+// // Object.assign(file, {
+// // preview: URL.createObjectURL(file),
+// // })
+// // ),
+// // ]);
+// // },
+// // accept: {
+// // "image/*": [],
+// // },
+// // });
+
+// const {
+// control,
+// handleSubmit,
+// setValue,
+// formState: { errors },
+// } = useForm({
+// resolver: zodResolver(imageSchema),
+// });
+
+// useEffect(() => {
+// async function initState() {
+// getCategories();
+// }
+
+// initState();
+// }, []);
+
+// const handleAddTag = (e: React.KeyboardEvent) => {
+// if (e.key === "Enter" && e.currentTarget.value.trim()) {
+// e.preventDefault();
+// const newTag = e.currentTarget.value.trim();
+// if (!tags.includes(newTag)) {
+// setTags((prevTags) => [...prevTags, newTag]);
+// if (inputRef.current) {
+// inputRef.current.value = "";
+// }
+// }
+// }
+// };
+
+// const handleRemoveTag = (index: number) => {
+// setTags((prevTags) => prevTags.filter((_, i) => i !== index));
+// };
+
+// const handleEditTag = (index: number, newValue: string) => {
+// setTags((prevTags) =>
+// prevTags.map((tag, i) => (i === index ? newValue : tag))
+// );
+// };
+
+// 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);
+// 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);
+
+// setSelectedTarget(String(details.category.id));
+// setTempFile(details?.files);
+
+// setValue("title", details.title);
+// setValue("description", details.htmlDescription);
+// setValue("creatorName", details.creatorName);
+
+// setTimeout(() => {
+// setValue("title", details.title);
+// setValue("description", details.htmlDescription);
+// setValue("creatorName", details.creatorName);
+// }, 500);
+
+// if (details?.files) {
+// setFiles(details.files);
+
+// const initialOptions: { [key: number]: string[] } = {};
+// details.files.forEach((file: any) => {
+// if (file.placements) {
+// initialOptions[file.id] = mapPlacementsToOptions(file.placements);
+// }
+// });
+// setSelectedOptions(initialOptions);
+// }
+
+// if (details?.files) {
+// const formattedFiles = details.files.map((file: any) => ({
+// ...file,
+// id: file.id,
+// fileName: file.fileName,
+// size: file.size,
+// thumbnailFileUrl: file.thumbnailFileUrl,
+// url: file.url,
+// }));
+
+// setFiles(formattedFiles);
+// }
+
+// if (details?.publishedFor) {
+// // Split string "7" to an array ["7"] if needed
+// setPublishedFor(details.publishedFor.split(","));
+// }
+
+// if (details?.tags) {
+// setTags(details.tags.split(",").map((tag: string) => tag.trim()));
+// }
+// }
+// }
+// initState();
+// }, [id, setValue]);
+
+// const mapPlacementsToOptions = (placements: string): string[] => {
+// const mapping: Record = {
+// all: "all",
+// mabes: "nasional",
+// polda: "wilayah",
+// polres: "internasional",
+// };
+
+// if (placements.trim() === "all") {
+// return ["all", "nasional", "wilayah", "internasional"];
+// }
+
+// const options = placements
+// .split(",")
+// .map((p) => mapping[p.trim()])
+// .filter(Boolean);
+
+// const allSelected = ["nasional", "wilayah", "internasional"].every((opt) =>
+// options.includes(opt)
+// );
+
+// return allSelected ? ["all", ...options] : options;
+// };
+
+// const handleCheckboxChange = (id: string) => {
+// if (id === "all") {
+// const allOptions = options
+// .filter((opt) => opt.id !== "all")
+// .map((opt) => opt.id);
+// setPublishedFor(
+// publishedFor.length === allOptions.length ? [] : allOptions
+// );
+// } else {
+// setPublishedFor((prev) =>
+// prev.includes(id) ? prev.filter((item) => item !== id) : [...prev, id]
+// );
+// }
+// };
+
+// const [filePlacements, setFilePlacements] = useState([]);
+
+// const getPlacement = () => {
+// const temp = [];
+// for (let i = 0; i < filePlacements?.length; i++) {
+// if (filePlacements[i]?.length !== 0) {
+// const now = filePlacements[i];
+// let nowArr = now?.join(",")?.replaceAll("wilayah", "polda");
+// nowArr = nowArr?.replaceAll("nasional", "mabes");
+// nowArr = nowArr?.replaceAll("semua", "all");
+
+// // Dapatkan checked levels untuk file ini
+// const currentFileCheckedLevels = fileCheckedLevels[i]
+// ? Array.from(fileCheckedLevels[i])
+// : [];
+
+// const data = {
+// mediaFileId: files[i]?.id,
+// placements: nowArr,
+// customLocationPlacements: currentFileCheckedLevels.join(","),
+// };
+// temp.push(data);
+// }
+// }
+// return temp;
+// };
+
+// const save = async (data: ImageSchema) => {
+// loading();
+// const finalTags = tags.join(", ");
+// const requestData = {
+// ...data,
+// id: detail?.id,
+// title: data.title,
+// description: htmlToString(data.description),
+// htmlDescription: data.description,
+// fileTypeId,
+// categoryId: selectedTarget,
+// subCategoryId: selectedTarget,
+// uploadedBy: "2b7c8d83-d298-4b19-9f74-b07924506b58",
+// statusId: "1",
+// publishedFor: publishedFor.join(","),
+// creatorName: data.creatorName,
+// tags: finalTags,
+// isYoutube: false,
+// isInternationalMedia: false,
+// files: getPlacement(),
+// };
+
+// console.log("Form Data Submitted:", requestData);
+// const response = await createMedia(requestData);
+// if (response?.error) {
+// error(response?.message);
+// return false;
+// }
+
+// // Upload thumbnail
+// const formMedia = new FormData();
+// const thumbnail = thumbnailFile || files[0];
+// formMedia.append("file", thumbnail);
+// const responseThumbnail = await uploadThumbnail(id, formMedia);
+
+// if (responseThumbnail?.error) {
+// error(responseThumbnail?.message);
+// return false;
+// }
+
+// // Upload files (progress)
+// const progressInfoArr = files.map((item) => ({
+// percentage: 0,
+// fileName: item.name,
+// }));
+// setIsStartUpload(true);
+// setProgressList(progressInfoArr);
+
+// close();
+
+// files.map(async (item: any, index: number) => {
+// await uploadResumableFile(
+// index,
+// String(id),
+// item,
+// fileTypeId == "2" || fileTypeId == "4" ? item.duration : "0"
+// );
+// });
+
+// MySwal.fire({
+// title: "Sukses",
+// text: "Data berhasil disimpan.",
+// icon: "success",
+// confirmButtonColor: "#3085d6",
+// confirmButtonText: "OK",
+// }).then(() => {
+// router.push("/in/contributor/content/image");
+// });
+// };
+
+// async function uploadResumableFile(
+// idx: number,
+// id: string,
+// file: any,
+// duration: string
+// ) {
+// console.log(idx, id, file, duration);
+
+// // const placements = getPlacement(file.placements);
+// // console.log("Placementttt: : ", placements);
+
+// const resCsrf = await getCsrfToken();
+// const csrfToken = resCsrf?.data?.token;
+// console.log("CSRF TOKEN : ", csrfToken);
+// const headers = {
+// "X-XSRF-TOKEN": csrfToken,
+// };
+
+// if (!file.secondaryUrl || file.secondaryUrl == "") {
+// const upload = new Upload(file, {
+// endpoint: `${process.env.NEXT_PUBLIC_API}/media/file/upload`,
+// headers: headers,
+// retryDelays: [0, 3000, 6000, 12_000, 24_000],
+// chunkSize: 20_000,
+// metadata: {
+// mediaid: id,
+// filename: file.name,
+// filetype: file.type,
+// duration,
+// isWatermark: "true",
+// },
+// onBeforeRequest: function (req) {
+// var xhr = req.getUnderlyingObject();
+// xhr.withCredentials = true;
+// },
+// onError: async (e: any) => {
+// console.log("Error upload :", e);
+// error(e);
+// },
+// onChunkComplete: (
+// chunkSize: any,
+// bytesAccepted: any,
+// bytesTotal: any
+// ) => {
+// const uploadPersen = Math.floor((bytesAccepted / bytesTotal) * 100);
+// progressInfo[idx].percentage = uploadPersen;
+// counterUpdateProgress++;
+// console.log(counterUpdateProgress);
+// setProgressList(progressInfo);
+// setCounterProgress(counterUpdateProgress);
+// },
+// onSuccess: async () => {
+// uploadPersen = 100;
+// progressInfo[idx].percentage = 100;
+// counterUpdateProgress++;
+// setCounterProgress(counterUpdateProgress);
+// successTodo();
+// },
+// });
+
+// upload.start();
+// }
+// }
+
+// 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);
+// }
+// });
+// };
+
+// const successSubmit = (redirect: string) => {
+// MySwal.fire({
+// title: "Sukses",
+// text: "Data berhasil disimpan.",
+// icon: "success",
+// confirmButtonColor: "#3085d6",
+// confirmButtonText: "OK",
+// }).then(() => {
+// router.push(redirect);
+// });
+// };
+
+// function successTodo() {
+// let counter = 0;
+// for (const element of progressInfo) {
+// if (element.percentage == 100) {
+// counter++;
+// }
+// }
+// if (counter == progressInfo.length) {
+// setIsStartUpload(false);
+// // hideProgress();
+// Cookies.remove("idCreate");
+// successSubmit("/in/contributor/content/image/");
+// }
+// }
+
+// const handleRemoveAllFiles = () => {
+// setFiles([]);
+// };
+
+// // const renderFilePreview = (file: FileWithPreview) => {
+// // if (file?.type?.startsWith("image")) {
+// // return (
+// // ([]);
+
+// const setupPlacement = (
+// index: number,
+// placement: string,
+// checked: boolean
+// ) => {
+// let temp = [...filePlacements];
+// if (checked) {
+// if (placement === "all") {
+// temp[index] = ["all", "mabes", "polda", "international"];
+
+// // Update fileCheckedLevels untuk sinkronisasi dengan modal ketika "all" diklik
+// setFileCheckedLevels((prevLevels) => {
+// const newArray = [...prevLevels];
+// const currentFileLevels = new Set(
+// newArray[index] || new Set()
+// );
+
+// // Checklist semua item di modal
+// listDest.forEach((item: any) => {
+// currentFileLevels.add(Number(item.id));
+// if (item.subDestination) {
+// item.subDestination.forEach((sub: any) => {
+// currentFileLevels.add(Number(sub.id));
+// });
+// }
+// });
+
+// newArray[index] = currentFileLevels;
+// return newArray;
+// });
+
+// // Update fileUnitSelections untuk checkbox tingkat utama
+// setFileUnitSelections((prevSelections) => {
+// const newSelections = [...prevSelections];
+// const currentSelection = { ...newSelections[index] };
+
+// // Set semua checkbox tingkat utama ke true
+// currentSelection.nasional = true;
+// currentSelection.wilayah = true;
+// currentSelection.international = true;
+// currentSelection.polda = true;
+// currentSelection.polres = true;
+// currentSelection.satker = true;
+// currentSelection.semua = true;
+
+// newSelections[index] = currentSelection;
+// return newSelections;
+// });
+// } else if (placement === "satker") {
+// // Ketika satker di-checklist, HANYA tambahkan satker saja
+// // JANGAN otomatis checklist polres
+// const now = temp[index] || [];
+// if (!now.includes("satker")) {
+// now.push("satker");
+// }
+// temp[index] = now;
+// } else {
+// const now = temp[index] || [];
+// if (!now.includes(placement)) {
+// now.push(placement);
+// }
+// // Hanya auto-checklist "all" jika polda, polres, dan mabes ter-checklist
+// // JANGAN include satker dalam perhitungan auto "all"
+// const nonSatkerItems = now.filter(
+// (item) => item !== "satker" && item !== "all"
+// );
+// if (nonSatkerItems.length === 3 && !now.includes("all")) {
+// now.push("all");
+// }
+// temp[index] = now;
+// }
+// } else {
+// if (placement === "all") {
+// temp[index] = [];
+
+// // Update fileCheckedLevels untuk sinkronisasi dengan modal ketika "all" di-unchecklist
+// setFileCheckedLevels((prevLevels) => {
+// const newArray = [...prevLevels];
+// const currentFileLevels = new Set(
+// newArray[index] || new Set()
+// );
+
+// // Unchecklist semua item di modal
+// currentFileLevels.clear();
+
+// newArray[index] = currentFileLevels;
+// return newArray;
+// });
+
+// // Update fileUnitSelections untuk checkbox tingkat utama
+// setFileUnitSelections((prevSelections) => {
+// const newSelections = [...prevSelections];
+// const currentSelection = { ...newSelections[index] };
+
+// // Set semua checkbox tingkat utama ke false
+// currentSelection.nasional = false;
+// currentSelection.wilayah = false;
+// currentSelection.international = false;
+// currentSelection.polda = false;
+// currentSelection.polres = false;
+// currentSelection.satker = false;
+// currentSelection.semua = false;
+
+// newSelections[index] = currentSelection;
+// return newSelections;
+// });
+// } else {
+// const now = temp[index]?.filter((a) => a !== placement);
+// console.log("now", now);
+// temp[index] = now;
+// // Hapus "all" jika tidak semua item ter-checklist
+// if (now.includes("all")) {
+// const nonSatkerItems = now.filter(
+// (item) => item !== "satker" && item !== "all"
+// );
+// if (nonSatkerItems.length < 3) {
+// const newData = now.filter((b) => b !== "all");
+// temp[index] = newData;
+// }
+// }
+// }
+// }
+// setFilePlacements(temp);
+
+// // Update checklist levels di modal berdasarkan placement yang diubah
+// updateModalChecklistLevels(index, placement, checked);
+// };
+
+// // Fungsi untuk mengupdate checklist levels di modal berdasarkan placement
+// const updateModalChecklistLevels = (
+// fileIndex: number,
+// placement: string,
+// checked: boolean
+// ) => {
+// if (!listDest || listDest.length === 0) return;
+
+// setFileCheckedLevels((prev) => {
+// const newArray = [...prev];
+// const currentFileLevels = new Set(newArray[fileIndex]);
+
+// if (checked) {
+// if (placement === "polda") {
+// // Checklist semua POLDA (bukan SATKER POLRI)
+// listDest.forEach((item: any) => {
+// if (item.levelNumber === 2 && item.name !== "SATKER POLRI") {
+// currentFileLevels.add(Number(item.id));
+// }
+// });
+// } else if (placement === "polres") {
+// // Checklist POLRES hanya dari POLDA yang sudah ter-checklist
+// listDest.forEach((item: any) => {
+// if (item.levelNumber === 2 && item.name !== "SATKER POLRI") {
+// // Hanya checklist POLRES jika POLDA-nya sudah ter-checklist
+// if (currentFileLevels.has(Number(item.id))) {
+// if (item.subDestination) {
+// item.subDestination.forEach((polres: any) => {
+// currentFileLevels.add(Number(polres.id));
+// });
+// }
+// }
+// }
+// });
+// } else if (placement === "satker") {
+// // Checklist SATKER POLRI dan semua sub-item di bawahnya
+// const satkerItem: any = listDest.find(
+// (item: any) => item.name === "SATKER POLRI"
+// );
+// if (satkerItem) {
+// currentFileLevels.add(Number(satkerItem.id));
+// if (satkerItem.subDestination) {
+// satkerItem.subDestination.forEach((sub: any) => {
+// currentFileLevels.add(Number(sub.id));
+// });
+// }
+// }
+// }
+// } else {
+// if (placement === "polda") {
+// // Unchecklist semua POLDA dan POLRES di bawahnya
+// listDest.forEach((item: any) => {
+// if (item.levelNumber === 2 && item.name !== "SATKER POLRI") {
+// currentFileLevels.delete(Number(item.id));
+// if (item.subDestination) {
+// item.subDestination.forEach((polres: any) => {
+// currentFileLevels.delete(Number(polres.id));
+// });
+// }
+// }
+// });
+// } else if (placement === "polres") {
+// // Unchecklist semua POLRES
+// listDest.forEach((item: any) => {
+// if (item.subDestination && item.name !== "SATKER POLRI") {
+// item.subDestination.forEach((polres: any) => {
+// currentFileLevels.delete(Number(polres.id));
+// });
+// }
+// });
+// } else if (placement === "satker") {
+// // Unchecklist SATKER POLRI dan semua sub-item di bawahnya
+// const satkerItem: any = listDest.find(
+// (item: any) => item.name === "SATKER POLRI"
+// );
+// if (satkerItem) {
+// currentFileLevels.delete(Number(satkerItem.id));
+// if (satkerItem.subDestination) {
+// satkerItem.subDestination.forEach((sub: any) => {
+// currentFileLevels.delete(Number(sub.id));
+// });
+// }
+// }
+// }
+// }
+
+// newArray[fileIndex] = currentFileLevels;
+// return newArray;
+// });
+// };
+
+// // const setupPlacement = (id: number | string, placement: PlacementType) => {
+// // console.log(`FileDestination.leng:: ${id}_${placement}`);
+// // const arrayFile: FilePlacement[] = [];
+
+// // for (let i = 0; i < tempFile?.length; i++) {
+// // const element = tempFile[i];
+
+// // if (element.id == id) {
+// // const findPlacementIdx = filePlacements.findIndex(
+// // (o) => Number(o.mediaFileId) === Number(id)
+// // );
+
+// // if (findPlacementIdx > -1) {
+// // const findPlacement = filePlacements[findPlacementIdx];
+
+// // if (findPlacement?.placements?.includes(placement)) {
+// // if (placement === "all") {
+// // findPlacement.placements = undefined;
+// // } else {
+// // findPlacement.placements = findPlacement.placements.filter(
+// // (val) => val !== placement
+// // );
+// // if (findPlacement.placements?.includes("all")) {
+// // findPlacement.placements = findPlacement.placements.filter(
+// // (val) => val !== "all"
+// // );
+// // }
+// // }
+// // } else if (placement === "all") {
+// // findPlacement.placements = [
+// // "all",
+// // "mabes",
+// // "polda",
+// // "international",
+// // ];
+// // } else if (findPlacement.placements) {
+// // findPlacement.placements = [...findPlacement.placements, placement];
+// // } else {
+// // findPlacement.placements = [placement];
+// // }
+// // } else {
+// // const file: FilePlacement = {
+// // mediaFileId: Number(element.id),
+// // placements: [placement],
+// // };
+
+// // arrayFile.push(file);
+// // }
+// // }
+// // }
+
+// // const finalPlacements = [...filePlacements, ...arrayFile];
+// // setFilePlacements(finalPlacements);
+// // console.log("FileDestination.leng::", finalPlacements);
+// // };
+
+// const handleCheckboxChangeImage = (fileId: number, value: string) => {
+// setSelectedOptions((prev: any) => {
+// const currentSelections = prev[fileId] || [];
+// if (value === "all") {
+// if (currentSelections.includes("all")) {
+// return { ...prev, [fileId]: [] };
+// }
+// return {
+// ...prev,
+// [fileId]: ["all", "nasional", "wilayah", "internasional"],
+// };
+// } else {
+// const updatedSelections = currentSelections.includes(value)
+// ? currentSelections.filter((option: any) => option !== value)
+// : [...currentSelections, value];
+
+// const isAllSelected = ["nasional", "wilayah", "internasional"].every(
+// (opt) => updatedSelections.includes(opt)
+// );
+// return {
+// ...prev,
+// [fileId]: isAllSelected
+// ? ["all", ...updatedSelections]
+// : updatedSelections.filter((opt: any) => opt !== "all"),
+// };
+// }
+// });
+// };
+
+// function success() {
+// MySwal.fire({
+// title: "Sukses",
+// icon: "success",
+// confirmButtonColor: "#3085d6",
+// confirmButtonText: "OK",
+// }).then((result) => {
+// if (result.isConfirmed) {
+// // window.location.reload();
+// }
+// });
+// }
+
+// const handleDeleteFile = (id: number) => {
+// MySwal.fire({
+// title: "Hapus file",
+// text: "Apakah Anda yakin ingin menghapus file ini?",
+// icon: "warning",
+// showCancelButton: true,
+// cancelButtonColor: "#3085d6",
+// confirmButtonColor: "#d33",
+// confirmButtonText: "Hapus",
+// }).then((result) => {
+// if (result.isConfirmed) {
+// doDelete(id);
+// }
+// });
+// };
+
+// async function doDelete(id: number) {
+// const data = { id };
+
+// try {
+// const response = await deleteFile(data);
+// if (response?.error) {
+// error(response.message);
+// return;
+// }
+// setFiles((prevFiles: any) =>
+// prevFiles.filter((file: any) => file.id !== id)
+// );
+// success();
+// } catch (err) {
+// error("Terjadi kesalahan saat menghapus file");
+// }
+// }
+
+// return (
+//
+// );
+// }
diff --git a/components/form/content/teks-update-form.tsx b/components/form/content/teks-update-form.tsx
index 7b99a83c..8aa9d694 100644
--- a/components/form/content/teks-update-form.tsx
+++ b/components/form/content/teks-update-form.tsx
@@ -805,25 +805,31 @@ export default function FormTeksUpdate() {
};
const getPlacement = () => {
- const temp = [];
- for (let i = 0; i < filePlacements?.length; i++) {
- if (filePlacements[i]?.length !== 0) {
- const now = filePlacements[i];
- let nowArr = now?.join(",")?.replaceAll("nasional", "mabes");
- nowArr = nowArr?.replaceAll("wilayah", "polda");
- nowArr = nowArr?.replaceAll("semua", "all");
+ const temp: Array<{ mediaFileId: number | string; placements: string; customLocationPlacements: string }> = [];
+ for (let i = 0; i < files.length; i++) {
+ const file = files[i] as any;
+ const now = filePlacements[i];
+ if (file?.id && Array.isArray(now) && now.length > 0) {
+ const normalizedNow = now.map((item): PlacementType => {
+ const value = String(item);
+ if (value === "nasional") return "mabes";
+ if (value === "wilayah") return "polda";
+ if (value === "semua") return "all";
+ return item as PlacementType;
+ });
+ const uniqueNow = Array.from(new Set(normalizedNow));
+ const nowArr = uniqueNow.join(",");
- // Dapatkan checked levels untuk file ini
+ // Dapatkan checked levels untuk file ini (berbasis index)
const currentFileCheckedLevels = fileCheckedLevels[i]
? Array.from(fileCheckedLevels[i])
: [];
- const data = {
- mediaFileId: files[i]?.id,
+ temp.push({
+ mediaFileId: file.id,
placements: nowArr,
customLocationPlacements: currentFileCheckedLevels.join(","),
- };
- temp.push(data);
+ });
}
}
return temp;
@@ -904,12 +910,20 @@ export default function FormTeksUpdate() {
}
temp[index] = now;
} else {
+ // Handle mapping dari UI key ke backend value
+ let placementToAdd = placement;
+ if (placement === "nasional") {
+ placementToAdd = "mabes";
+ } else if (placement === "semua") {
+ placementToAdd = "all";
+ }
+
const now = temp[index] || [];
- if (!now.includes(placement)) {
- now.push(placement);
+ if (!now.includes(placementToAdd)) {
+ now.push(placementToAdd);
}
// Auto-checklist "all" jika nasional, wilayah, dan international ter-checklist
- const requiredItems = ["nasional", "wilayah", "international"];
+ const requiredItems = ["mabes", "wilayah", "international"];
const hasAllRequired = requiredItems.every(item => now.includes(item));
if (hasAllRequired && !now.includes("all")) {
now.push("all");
@@ -966,14 +980,22 @@ export default function FormTeksUpdate() {
const now = temp[index]?.filter((a) => a !== "satker");
temp[index] = now;
} else {
- const now = temp[index]?.filter((a) => a !== placement);
+ // Handle mapping dari UI key ke backend value
+ let placementToRemove = placement;
+ if (placement === "nasional") {
+ placementToRemove = "mabes";
+ } else if (placement === "semua") {
+ placementToRemove = "all";
+ }
+
+ const now = temp[index]?.filter((a) => a !== placementToRemove);
temp[index] = now;
}
// Hapus "all" jika tidak semua item ter-checklist
const currentNow = temp[index] || [];
if (currentNow.includes("all")) {
- const requiredItems = ["nasional", "wilayah", "international"];
+ const requiredItems = ["mabes", "wilayah", "international"];
const hasAllRequired = requiredItems.every(item => currentNow.includes(item));
if (!hasAllRequired) {
const newData = currentNow.filter((b) => b !== "all");
@@ -1085,11 +1107,10 @@ export default function FormTeksUpdate() {
}));
setFiles(formattedFiles);
- // Inisialisasi filePlacements dari detail
+ // Inisialisasi filePlacements dari detail (biarkan format backend, normalisasi dilakukan saat submit)
const initialFilePlacements: string[][] = details.files.map((file: any) => {
if (file.placements) {
- const placements = file.placements.split(",").map((p: string) => p.trim());
- return placements;
+ return file.placements.split(",").map((p: string) => p.trim());
}
return [];
});
@@ -1123,8 +1144,7 @@ export default function FormTeksUpdate() {
if (file.placements) {
const placements = file.placements.split(",").map((p: string) => p.trim());
-
- // Map dari format backend ke checkbox
+
if (placements.includes("all")) {
selection.semua = true;
selection.nasional = true;
@@ -1133,23 +1153,21 @@ export default function FormTeksUpdate() {
selection.polda = true;
selection.satker = true;
} else {
- if (placements.includes("mabes")) {
- selection.nasional = true;
- }
- if (placements.includes("wilayah")) {
+ if (placements.includes("mabes")) selection.nasional = true;
+ if (placements.includes("international")) selection.international = true;
+ if (placements.includes("polda")) selection.polda = true;
+ if (placements.includes("satker")) selection.satker = true;
+ // Wilayah aktif jika ada "wilayah" ATAU ada polda/satker
+ if (
+ placements.includes("wilayah") ||
+ placements.includes("polda") ||
+ placements.includes("satker")
+ ) {
selection.wilayah = true;
}
- if (placements.includes("polda")) {
- selection.polda = true;
- }
- if (placements.includes("satker")) {
- selection.satker = true;
- }
- if (placements.includes("international")) {
- selection.international = true;
- }
}
}
+
return selection;
});
setFileUnitSelections(initialFileUnitSelections);
@@ -1241,6 +1259,16 @@ export default function FormTeksUpdate() {
setIsStartUpload(true);
setProgressList(progressInfoArr);
+ // Update file placements terlebih dahulu (sebelum upload)
+ const placementData = getPlacement();
+ if (placementData.length > 0) {
+ const responseFilePlacements = await updateFilePlacements(placementData);
+ if (responseFilePlacements?.error) {
+ error(responseFilePlacements?.message);
+ return false;
+ }
+ }
+
close();
// showProgress();
files.map(async (item: any, index: number) => {
@@ -1252,12 +1280,6 @@ export default function FormTeksUpdate() {
);
});
- // Update file placements
- const placementData = getPlacement();
- if (placementData.length > 0) {
- await updateFilePlacements(placementData);
- }
-
MySwal.fire({
title: "Sukses",
text: "Data berhasil disimpan.",
@@ -1595,13 +1617,13 @@ export default function FormTeksUpdate() {
) : null}
{files.length > 0 && (
-
+// //
+// // ));
+
+// const fileList = files.map((file: any) => (
+//
+// //
+
+// //
+// // {renderFilePreview(file)}
+// //
+// //
+// //
+// // {file.fileName || file.name}
+// //
+// //
+// // {Math.round(file.size / 100) / 10 > 1000 ? (
+// // <>{(Math.round(file.size / 100) / 10000).toFixed(1)}
+// // ) : (
+// // <>{(Math.round(file.size / 100) / 10).toFixed(1)}
+// // )}
+// // {" kb"}
+// //
+// //
+//
+// ));
+// type PlacementType = "all" | "mabes" | "polda" | "international" | string;
+
+// interface FilePlacement {
+// mediaFileId: number;
+// placements?: PlacementType[];
+// }
+
+// interface TempFileItem {
+// id: number | string;
+// // tambahkan properti lain kalau ada
+// }
+
+// const [tempFile, setTempFile] = useState
+//
+
+//
+// {renderFilePreview(file)}
+//
+//
+//
+// {file.fileName || file.name}
+//
+//
+// {Math.round(file.size / 100) / 10 > 1000 ? (
+// <>{(Math.round(file.size / 100) / 10000).toFixed(1)}
+// ) : (
+// <>{(Math.round(file.size / 100) / 10).toFixed(1)}
+// )}
+// {" kb"}
+//
+//
-