({
resolver: zodResolver(imageSchema),
@@ -940,7 +947,11 @@ export default function FormImageUpdate() {
const temp = [];
for (let i = 0; i < filePlacements?.length; i++) {
const file = files[i] as any;
- if (file.id && filePlacements[file.id] && filePlacements[file.id].length > 0) {
+ 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);
@@ -971,12 +982,19 @@ export default function FormImageUpdate() {
const save = async (data: ImageSchema) => {
loading();
const finalTags = tags.join(", ");
+
+ // ✅ tentukan isi description sesuai pilihan bahasa
+ const descFinal =
+ selectedLang === "en" && translatedContent
+ ? translatedContent
+ : data.description;
+
const requestData = {
...data,
id: detail?.id,
title: data.title,
- description: htmlToString(data.description),
- htmlDescription: data.description,
+ description: htmlToString(descFinal), // versi plain text
+ htmlDescription: descFinal, // versi HTML
fileTypeId,
categoryId: selectedTarget,
subCategoryId: selectedTarget,
@@ -993,7 +1011,6 @@ export default function FormImageUpdate() {
console.log("getPlacement(): ", getPlacement());
const response = await createMedia(requestData);
- console.log("Form Data Submitted:", requestData);
if (response?.error) {
error(response?.message);
return false;
@@ -1158,22 +1175,6 @@ export default function FormImageUpdate() {
setFiles([]);
};
- // const renderFilePreview = (file: FileWithPreview) => {
- // if (file?.type?.startsWith("image")) {
- // return (
- //
- // );
- // } else {
- // return ;
- // }
- // };
-
const renderFilePreview = (file: FileWithPreview | any) => {
if (file?.preview || file instanceof File) {
return (
@@ -1206,41 +1207,6 @@ export default function FormImageUpdate() {
setFiles([...filtered]);
};
- // 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"}
- //
- //
- //
-
- //
- //
([]);
- // 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,
@@ -1456,15 +1263,11 @@ export default function FormImageUpdate() {
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) {
@@ -1473,17 +1276,12 @@ export default function FormImageUpdate() {
});
}
});
-
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;
@@ -1496,8 +1294,6 @@ export default function FormImageUpdate() {
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");
@@ -1508,8 +1304,6 @@ export default function FormImageUpdate() {
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"
);
@@ -1521,15 +1315,11 @@ export default function FormImageUpdate() {
} 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;
@@ -1559,8 +1349,8 @@ export default function FormImageUpdate() {
temp[index] = now;
if (placement === "wilayah") {
// Ketika wilayah di-uncheck, hapus wilayah, polda, dan satker
- const now = temp[index]?.filter((a) =>
- a !== "wilayah" && a !== "polda" && a !== "satker"
+ const now = temp[index]?.filter(
+ (a) => a !== "wilayah" && a !== "polda" && a !== "satker"
);
temp[index] = now;
} else if (placement === "polda") {
@@ -1571,11 +1361,11 @@ 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
if (now.includes("all")) {
const nonSatkerItems = now.filter(
@@ -1833,6 +1623,105 @@ export default function FormImageUpdate() {
+
+
+
+ {roleId === "14" && (
+
+ )}
+
+
+ {/* Pilihan bahasa untuk posting */}
+ {roleId === "14" && (
+
+
+
+ )}
+
+ {/* Editor Bahasa Indonesia */}
+
(
+
+ )}
+ />
+
+ {/* Editor Bahasa Inggris */}
+ {translatedContent && (
+
+
+
+
+
+
+
setTranslatedContent(val)}
+ initialData={translatedContent}
+ />
+
+ {errors.description.message}
+
+ )}
+
@@ -1851,7 +1740,7 @@ export default function FormImageUpdate() {
{errors.description.message}
)}
-
+ */}
));
-
const handleAddTag = (e: React.KeyboardEvent) => {
if (e.key === "Enter" && e.currentTarget.value.trim()) {
e.preventDefault();
@@ -1552,7 +1591,107 @@ export default function FormTeksUpdate() {
+
+
+
+
+ {roleId === "14" && (
+
+ )}
+
+
+ {/* Pilihan bahasa untuk posting */}
+ {roleId === "14" && (
+
+
+
+ )}
+
+ {/* Editor Bahasa Indonesia */}
+
(
+
+ )}
+ />
+
+ {/* Editor Bahasa Inggris */}
+ {translatedContent && (
+
+
+
+
+
+
+
setTranslatedContent(val)}
+ initialData={translatedContent}
+ />
+
+ {errors.description.message}
+
+ )}
+
@@ -1568,7 +1707,7 @@ export default function FormTeksUpdate() {
{errors.description.message}
)}
-
+ */}
-
+
+
))}
{/* Detail Wilayah */}
- {fileUnitSelections[files.indexOf(file)]?.wilayah && isDetailOfRegionShowed && (
-
-
- Detail Wilayah:
-
+ {fileUnitSelections[files.indexOf(file)]
+ ?.wilayah &&
+ isDetailOfRegionShowed && (
+
+
+ Detail Wilayah:
+
- {/* Checkbox Sub-kategori dengan tombol Kustom sejajar */}
-
- {[
- { key: "polda", label: "POLDA" },
- { key: "satker", label: "SATKER" },
- ].map((item, idx) => (
-
-
{
- handleFileUnitChange(
- files.indexOf(file),
- item.key as keyof typeof unitSelection,
- value as boolean
- );
- setupPlacement(
- files.indexOf(file),
- item.key as keyof typeof unitSelection,
- Boolean(value)
- );
- }}
- />
-
-
- )}
+ )}
+
+
+
+ {roleId === "14" && (
+
+ )}
+
+
+ {/* Pilihan bahasa untuk posting */}
+ {roleId === "14" && (
+
+
+
+ )}
+
+ {/* Editor Bahasa Indonesia */}
+
(
+
+ )}
+ />
+
+ {/* Editor Bahasa Inggris */}
+ {translatedContent && (
+
+
+
+
+
+
+
setTranslatedContent(val)}
+ initialData={translatedContent}
+ />
+
+ {errors.description.message}
+
+ )}
+
@@ -1288,7 +1499,7 @@ export default function FormVideoUpdate() {
{errors.description.message}
)}
-
+ */}
{/* Detail Wilayah */}
- {fileUnitSelections[file.id]?.wilayah && isDetailOfRegionShowed && (
-
-
- Detail Wilayah:
-
+ {fileUnitSelections[file.id]?.wilayah &&
+ isDetailOfRegionShowed && (
+
+
+ Detail Wilayah:
+
- {/* Checkbox Sub-kategori dengan tombol Kustom sejajar */}
-
- {[
- { key: "polda", label: "POLDA" },
- { key: "satker", label: "SATKER" },
- ].map((item, idx) => (
-
-
{
- handleFileUnitChange(
- file.id,
- item.key,
- value as boolean
- );
- setupPlacement(
- file.id,
- item.key,
- Boolean(value)
- );
- }}
- />
-
-
- )}
+ )}