Compare commits
No commits in common. "2b1ce75470f64fc6b976ac426768567e1da55638" and "0d159741175b42eb82e9ea4b3149c366bc1a6435" have entirely different histories.
2b1ce75470
...
0d15974117
|
|
@ -22,8 +22,6 @@ import { PaginationState } from "@tanstack/react-table";
|
|||
import page from "../page";
|
||||
import CustomPagination from "@/components/table/custom-pagination";
|
||||
import { close, loading } from "@/config/swal";
|
||||
import withReactContent from "sweetalert2-react-content";
|
||||
import Swal from "sweetalert2";
|
||||
|
||||
export default function TrackingBeritaCard() {
|
||||
const [search, setSearch] = useState("");
|
||||
|
|
@ -32,7 +30,6 @@ export default function TrackingBeritaCard() {
|
|||
const [page, setPage] = useState(1);
|
||||
const [totalPage, setTotalPage] = useState(1);
|
||||
const [showData, setShowData] = useState("6");
|
||||
const MySwal = withReactContent(Swal);
|
||||
|
||||
useEffect(() => {
|
||||
initFecth();
|
||||
|
|
@ -73,45 +70,13 @@ export default function TrackingBeritaCard() {
|
|||
);
|
||||
};
|
||||
|
||||
// const doSave = async () => {
|
||||
// if (selectedItems.length === 0) {
|
||||
// toast("Pilih minimal 1 berita untuk disimpan.");
|
||||
// return;
|
||||
// }
|
||||
|
||||
// try {
|
||||
// const promises = selectedItems.map((id) =>
|
||||
// mediaTrackingSave({
|
||||
// mediaUploadId: id,
|
||||
// duration: 24,
|
||||
// scrapingPeriod: 3,
|
||||
// })
|
||||
// );
|
||||
// await Promise.all(promises);
|
||||
|
||||
// toast("Berhasil Menambahkan", {
|
||||
// description: "",
|
||||
// });
|
||||
// setSelectedItems([]);
|
||||
// initFecth();
|
||||
// } catch (err: any) {
|
||||
// error(err?.message || "Gagal menyimpan data.");
|
||||
// }
|
||||
// };
|
||||
|
||||
const doSave = async () => {
|
||||
if (selectedItems.length === 0) {
|
||||
MySwal.fire(
|
||||
"Peringatan",
|
||||
"Pilih minimal 1 berita untuk disimpan.",
|
||||
"warning"
|
||||
);
|
||||
toast("Pilih minimal 1 berita untuk disimpan.");
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
loading();
|
||||
|
||||
const promises = selectedItems.map((id) =>
|
||||
mediaTrackingSave({
|
||||
mediaUploadId: id,
|
||||
|
|
@ -121,25 +86,13 @@ export default function TrackingBeritaCard() {
|
|||
);
|
||||
await Promise.all(promises);
|
||||
|
||||
close();
|
||||
|
||||
await MySwal.fire({
|
||||
icon: "success",
|
||||
title: "Berhasil!",
|
||||
text: "Tracking berita berhasil ditambahkan.",
|
||||
confirmButtonColor: "#2563eb",
|
||||
toast("Berhasil Menambahkan", {
|
||||
description: "",
|
||||
});
|
||||
|
||||
setSelectedItems([]);
|
||||
initFecth();
|
||||
} catch (err: any) {
|
||||
close();
|
||||
MySwal.fire({
|
||||
icon: "error",
|
||||
title: "Gagal!",
|
||||
text: err?.message || "Terjadi kesalahan saat menyimpan data.",
|
||||
confirmButtonColor: "#dc2626",
|
||||
});
|
||||
error(err?.message || "Gagal menyimpan data.");
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -241,7 +241,7 @@ const DetailVideo = () => {
|
|||
url={detailDataVideo?.files[selectedVideo]?.url}
|
||||
/> */}
|
||||
<video
|
||||
className="w-full h-[600px] object-contain"
|
||||
className="object-fill h-full w-full rounded-md"
|
||||
src={detailDataVideo?.files[0]?.url}
|
||||
controls
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -713,7 +713,6 @@ export default function FilterPage() {
|
|||
startDateString={startDateString}
|
||||
endDateString={endDateString}
|
||||
monthYearFilter={monthYearFilter}
|
||||
isRegionalCall={true}
|
||||
/>
|
||||
<FilterVideoComponent
|
||||
categoryFilter={categoryFilter}
|
||||
|
|
@ -721,7 +720,6 @@ export default function FilterPage() {
|
|||
startDateString={startDateString}
|
||||
endDateString={endDateString}
|
||||
monthYearFilter={monthYearFilter}
|
||||
isRegionalCall={true}
|
||||
/>
|
||||
<FilterDocumentComponent
|
||||
categoryFilter={categoryFilter}
|
||||
|
|
@ -729,7 +727,6 @@ export default function FilterPage() {
|
|||
startDateString={startDateString}
|
||||
endDateString={endDateString}
|
||||
monthYearFilter={monthYearFilter}
|
||||
isRegionalCall={true}
|
||||
/>
|
||||
<FilterAudioComponent
|
||||
categoryFilter={categoryFilter}
|
||||
|
|
@ -737,7 +734,6 @@ export default function FilterPage() {
|
|||
startDateString={startDateString}
|
||||
endDateString={endDateString}
|
||||
monthYearFilter={monthYearFilter}
|
||||
isRegionalCall={true}
|
||||
/>
|
||||
<FilterIndeksComponent
|
||||
categoryFilter={categoryFilter}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import { CKEditor } from "@ckeditor/ckeditor5-react";
|
|||
import Editor from "ckeditor5-custom-build";
|
||||
|
||||
function CustomEditor(props) {
|
||||
const maxHeight = props.maxHeight || 600;
|
||||
const maxHeight = props.maxHeight || 600;
|
||||
|
||||
return (
|
||||
<div className="ckeditor-wrapper">
|
||||
|
|
@ -168,4 +168,4 @@ function CustomEditor(props) {
|
|||
);
|
||||
}
|
||||
|
||||
export default CustomEditor;
|
||||
export default CustomEditor;
|
||||
|
|
@ -44,14 +44,13 @@ import {
|
|||
getDetailArticle,
|
||||
getGenerateKeywords,
|
||||
getGenerateTitle,
|
||||
translateText,
|
||||
} from "@/service/content/ai";
|
||||
import { getCookiesDecrypt } from "@/lib/utils";
|
||||
import { useDropzone } from "react-dropzone";
|
||||
import { Icon } from "@iconify/react";
|
||||
import { CloudUpload } from "lucide-react";
|
||||
import Image from "next/image";
|
||||
import { close, error, loading } from "@/config/swal";
|
||||
import { error, loading } from "@/config/swal";
|
||||
import { Item } from "@radix-ui/react-dropdown-menu";
|
||||
import dynamic from "next/dynamic";
|
||||
import { getCsrfToken } from "@/service/auth";
|
||||
|
|
@ -146,10 +145,6 @@ export default function FormAudio() {
|
|||
const [fileError, setFileError] = useState<string | null>(null);
|
||||
type FileWithPreview = File & { preview: string };
|
||||
|
||||
const [isLoadingTranslate, setIsLoadingTranslate] = useState(false);
|
||||
const [translatedContent, setTranslatedContent] = React.useState("");
|
||||
const [selectedLang, setSelectedLang] = React.useState<"id" | "en">("id");
|
||||
|
||||
const options: Option[] = [
|
||||
{ id: "all", label: "SEMUA" },
|
||||
{ id: "5", label: "UMUM" },
|
||||
|
|
@ -422,8 +417,7 @@ export default function FormAudio() {
|
|||
""
|
||||
);
|
||||
const articleImagesData = articleData?.imagesUrl?.split(",");
|
||||
setValue("description", cleanArticleBody || "");
|
||||
// setArticleBody(cleanArticleBody || "");
|
||||
setArticleBody(cleanArticleBody || "");
|
||||
setDetailData(articleData);
|
||||
setSelectedArticleId(id);
|
||||
setArticleImages(articleImagesData || []);
|
||||
|
|
@ -814,8 +808,7 @@ export default function FormAudio() {
|
|||
lang: "id",
|
||||
contextType: "text",
|
||||
urlContext: null,
|
||||
context: getValues("descriptionOri"),
|
||||
// context: editorContent,
|
||||
context: editorContent,
|
||||
createdBy: roleId,
|
||||
sentiment: "Humorous",
|
||||
clientId: "7QTW8cMojyayt6qnhqTOeJaBI70W4EaQ",
|
||||
|
|
@ -1185,111 +1178,7 @@ export default function FormAudio() {
|
|||
Select Original Description
|
||||
</Label>
|
||||
</div>
|
||||
|
||||
<div className="py-3 space-y-2">
|
||||
<div className="flex justify-between items-center">
|
||||
<Label>
|
||||
{t("description", { defaultValue: "Description" })}
|
||||
</Label>
|
||||
|
||||
{roleId === "14" && (
|
||||
<button
|
||||
type="button"
|
||||
onClick={async () => {
|
||||
try {
|
||||
loading();
|
||||
setIsLoadingTranslate(true);
|
||||
const res = await translateText({
|
||||
text: getValues("descriptionOri"),
|
||||
sourceLang: "ID",
|
||||
targetLang: "EN",
|
||||
});
|
||||
|
||||
if (!res.error) {
|
||||
const resultText =
|
||||
res?.data?.data?.translations?.[0]?.text ||
|
||||
"";
|
||||
|
||||
setTranslatedContent(resultText);
|
||||
}
|
||||
} catch (err) {
|
||||
close();
|
||||
console.error("Translate gagal:", err);
|
||||
} finally {
|
||||
close();
|
||||
setIsLoadingTranslate(false);
|
||||
}
|
||||
}}
|
||||
className="px-3 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600"
|
||||
>
|
||||
{isLoadingTranslate
|
||||
? "Translating..."
|
||||
: "Translate to English"}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Pilihan bahasa untuk posting */}
|
||||
{roleId === "14" && (
|
||||
<div className="flex items-center gap-4 mb-2">
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="radio"
|
||||
value="id"
|
||||
checked={selectedLang === "id"}
|
||||
onChange={() => setSelectedLang("id")}
|
||||
/>
|
||||
<span>Gunakan Bahasa Indonesia</span>
|
||||
</label>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Editor Bahasa Indonesia */}
|
||||
<Controller
|
||||
control={control}
|
||||
name="descriptionOri"
|
||||
render={({ field: { onChange, value } }) => (
|
||||
<CustomEditor
|
||||
onChange={onChange}
|
||||
initialData={value}
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
|
||||
{/* Editor Bahasa Inggris */}
|
||||
{translatedContent && (
|
||||
<div className="mt-4">
|
||||
<div className="flex flex-col">
|
||||
<Label className="text-[15px]">
|
||||
English Version
|
||||
</Label>{" "}
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="radio"
|
||||
value="en"
|
||||
checked={selectedLang === "en"}
|
||||
onChange={() => setSelectedLang("en")}
|
||||
disabled={!translatedContent} // kalau belum translate, disable
|
||||
/>
|
||||
<span>Gunakan Bahasa Inggris</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<CustomEditor
|
||||
onChange={(val: any) => setTranslatedContent(val)}
|
||||
initialData={translatedContent}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{errors.description?.message && (
|
||||
<p className="text-red-400 text-sm">
|
||||
{errors.description.message}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* <div className="py-3 space-y-2">
|
||||
<Label>
|
||||
{t("description", { defaultValue: "Description" })}
|
||||
</Label>
|
||||
|
|
@ -1311,7 +1200,7 @@ export default function FormAudio() {
|
|||
{errors.description.message}
|
||||
</p>
|
||||
)}
|
||||
</div> */}
|
||||
</div>
|
||||
|
||||
<p className="text-sm font-semibold">Content Rewrite</p>
|
||||
<div className="my-2">
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@ import { useDropzone } from "react-dropzone";
|
|||
import { Icon } from "@iconify/react";
|
||||
import { CloudUpload, X } from "lucide-react";
|
||||
import Image from "next/image";
|
||||
import { close, error, loading } from "@/config/swal";
|
||||
import { error, loading } from "@/config/swal";
|
||||
import { Item } from "@radix-ui/react-dropdown-menu";
|
||||
import { data } from "jquery";
|
||||
import { options } from "@fullcalendar/core/preact.js";
|
||||
|
|
@ -149,8 +149,6 @@ export default function FormImage() {
|
|||
const [files, setFiles] = useState<FileWithPreview[]>([]);
|
||||
const [filesTemp, setFilesTemp] = useState<File[]>([]);
|
||||
const [publishedFor, setPublishedFor] = useState<string[]>([]);
|
||||
const [translatedContent, setTranslatedContent] = React.useState("");
|
||||
const [selectedLang, setSelectedLang] = React.useState<"id" | "en">("id");
|
||||
|
||||
const options: Option[] = [
|
||||
{ id: "all", label: "SEMUA" },
|
||||
|
|
@ -451,7 +449,7 @@ export default function FormImage() {
|
|||
""
|
||||
);
|
||||
const articleImagesData = articleData?.imagesUrl?.split(",");
|
||||
setValue("description", cleanArticleBody || "");
|
||||
setArticleBody(cleanArticleBody || "");
|
||||
setDetailData(articleData);
|
||||
setSelectedArticleId(id);
|
||||
setArticleImages(articleImagesData || []);
|
||||
|
|
@ -670,6 +668,7 @@ export default function FormImage() {
|
|||
|
||||
const resCsrf = await getCsrfToken();
|
||||
const csrfToken = resCsrf?.data?.token;
|
||||
console.log("CSRF TOKEN : ", csrfToken);
|
||||
const headers = {
|
||||
"X-XSRF-TOKEN": csrfToken,
|
||||
};
|
||||
|
|
@ -828,7 +827,7 @@ export default function FormImage() {
|
|||
lang: "id",
|
||||
contextType: "text",
|
||||
urlContext: null,
|
||||
context: getValues("descriptionOri"),
|
||||
context: editorContent,
|
||||
createdBy: roleId,
|
||||
sentiment: "Humorous",
|
||||
clientId: "7QTW8cMojyayt6qnhqTOeJaBI70W4EaQ",
|
||||
|
|
@ -1199,9 +1198,9 @@ export default function FormImage() {
|
|||
className="dark:text-black"
|
||||
onChange={(value: any) => {
|
||||
onChange(value);
|
||||
// setEditorContent(value);
|
||||
setEditorContent(value);
|
||||
}}
|
||||
initialData={value}
|
||||
initialData={articleBody || value}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
|
@ -1240,130 +1239,24 @@ export default function FormImage() {
|
|||
type="button"
|
||||
onClick={async () => {
|
||||
try {
|
||||
loading();
|
||||
setIsLoadingTranslate(true);
|
||||
const res = await translateText({
|
||||
text: getValues("descriptionOri"),
|
||||
text: localContent,
|
||||
sourceLang: "ID",
|
||||
targetLang: "EN",
|
||||
});
|
||||
|
||||
if (!res.error) {
|
||||
const resultText =
|
||||
res?.data?.data?.translations?.[0]?.text ||
|
||||
"";
|
||||
|
||||
setTranslatedContent(resultText);
|
||||
}
|
||||
} catch (err) {
|
||||
close();
|
||||
console.error("Translate gagal:", err);
|
||||
} finally {
|
||||
close();
|
||||
setIsLoadingTranslate(false);
|
||||
}
|
||||
}}
|
||||
className="px-3 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600"
|
||||
>
|
||||
{isLoadingTranslate
|
||||
? "Translating..."
|
||||
: "Translate to English"}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Pilihan bahasa untuk posting */}
|
||||
{roleId === "14" && (
|
||||
<div className="flex items-center gap-4 mb-2">
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="radio"
|
||||
value="id"
|
||||
checked={selectedLang === "id"}
|
||||
onChange={() => setSelectedLang("id")}
|
||||
/>
|
||||
<span>Gunakan Bahasa Indonesia</span>
|
||||
</label>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Editor Bahasa Indonesia */}
|
||||
<Controller
|
||||
control={control}
|
||||
name="descriptionOri"
|
||||
render={({ field: { onChange, value } }) => (
|
||||
<CustomEditor
|
||||
onChange={onChange}
|
||||
initialData={value}
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
|
||||
{/* Editor Bahasa Inggris */}
|
||||
{translatedContent && (
|
||||
<div className="mt-4">
|
||||
<div className="flex flex-col">
|
||||
<Label className="text-[15px]">
|
||||
English Version
|
||||
</Label>{" "}
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="radio"
|
||||
value="en"
|
||||
checked={selectedLang === "en"}
|
||||
onChange={() => setSelectedLang("en")}
|
||||
disabled={!translatedContent} // kalau belum translate, disable
|
||||
/>
|
||||
<span>Gunakan Bahasa Inggris</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<CustomEditor
|
||||
onChange={(val: any) => setTranslatedContent(val)}
|
||||
initialData={translatedContent}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{errors.description?.message && (
|
||||
<p className="text-red-400 text-sm">
|
||||
{errors.description.message}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
{/* <div className="py-3 space-y-2">
|
||||
<div className="flex justify-between items-center">
|
||||
<Label>
|
||||
{t("description", { defaultValue: "Description" })}
|
||||
</Label>
|
||||
|
||||
{roleId === "14" && (
|
||||
<button
|
||||
type="button"
|
||||
onClick={async () => {
|
||||
try {
|
||||
loading();
|
||||
setIsLoadingTranslate(true);
|
||||
const res = await translateText({
|
||||
text: getValues("descriptionOri"),
|
||||
sourceLang: "ID",
|
||||
targetLang: "EN",
|
||||
});
|
||||
console.log("RRRR", res);
|
||||
|
||||
if (!res.error) {
|
||||
// setLocalContent(res.data.translatedText);
|
||||
if (!res.error && res.data?.translatedText) {
|
||||
setLocalContent(res.data.translatedText);
|
||||
setValue(
|
||||
"descriptionOri",
|
||||
res?.data?.data?.translations[0]?.text || ""
|
||||
res.data.translatedText
|
||||
);
|
||||
// setEditorContent(res.data.translatedText);
|
||||
setEditorContent(res.data.translatedText);
|
||||
}
|
||||
} catch (err) {
|
||||
close();
|
||||
console.error("Translate gagal:", err);
|
||||
} finally {
|
||||
close();
|
||||
setIsLoadingTranslate(false);
|
||||
}
|
||||
}}
|
||||
|
|
@ -1376,6 +1269,7 @@ export default function FormImage() {
|
|||
)}
|
||||
</div>
|
||||
|
||||
{/* Editor */}
|
||||
<Controller
|
||||
control={control}
|
||||
name="descriptionOri"
|
||||
|
|
@ -1383,10 +1277,10 @@ export default function FormImage() {
|
|||
<CustomEditor
|
||||
onChange={(val: any) => {
|
||||
onChange(val);
|
||||
// setLocalContent(val);
|
||||
// setEditorContent(val);
|
||||
setLocalContent(val);
|
||||
setEditorContent(val);
|
||||
}}
|
||||
initialData={value}
|
||||
initialData={localContent || value}
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
|
|
@ -1396,7 +1290,7 @@ export default function FormImage() {
|
|||
{errors.description.message}
|
||||
</p>
|
||||
)}
|
||||
</div> */}
|
||||
</div>
|
||||
{/* <div className="py-3 space-y-2">
|
||||
<Label>
|
||||
{t("description", { defaultValue: "Description" })}
|
||||
|
|
@ -1420,6 +1314,7 @@ export default function FormImage() {
|
|||
</p>
|
||||
)}
|
||||
</div> */}
|
||||
|
||||
<p className="text-sm font-semibold">Content Rewrite</p>
|
||||
<div className="my-2">
|
||||
<Button
|
||||
|
|
@ -1431,6 +1326,7 @@ export default function FormImage() {
|
|||
Content Rewrite
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
{showRewriteEditor && (
|
||||
<div>
|
||||
{isGeneratedArticle && (
|
||||
|
|
|
|||
|
|
@ -44,14 +44,13 @@ import {
|
|||
getDetailArticle,
|
||||
getGenerateKeywords,
|
||||
getGenerateTitle,
|
||||
translateText,
|
||||
} from "@/service/content/ai";
|
||||
import { getCookiesDecrypt } from "@/lib/utils";
|
||||
import { useDropzone } from "react-dropzone";
|
||||
import { Icon } from "@iconify/react";
|
||||
import { CloudUpload } from "lucide-react";
|
||||
import Image from "next/image";
|
||||
import { close, error, loading } from "@/config/swal";
|
||||
import { error, loading } from "@/config/swal";
|
||||
import { Item } from "@radix-ui/react-dropdown-menu";
|
||||
import dynamic from "next/dynamic";
|
||||
import { getCsrfToken } from "@/service/auth";
|
||||
|
|
@ -143,11 +142,6 @@ export default function FormTeks() {
|
|||
|
||||
const [files, setFiles] = useState<FileWithPreview[]>([]);
|
||||
const [publishedFor, setPublishedFor] = useState<string[]>([]);
|
||||
|
||||
const [isLoadingTranslate, setIsLoadingTranslate] = useState(false);
|
||||
const [translatedContent, setTranslatedContent] = React.useState("");
|
||||
const [selectedLang, setSelectedLang] = React.useState<"id" | "en">("id");
|
||||
|
||||
const options: Option[] = [
|
||||
{ id: "all", label: "SEMUA" },
|
||||
{ id: "5", label: "UMUM" },
|
||||
|
|
@ -435,8 +429,7 @@ export default function FormTeks() {
|
|||
""
|
||||
);
|
||||
const articleImagesData = articleData?.imagesUrl?.split(",");
|
||||
setValue("description", cleanArticleBody || "");
|
||||
// setArticleBody(cleanArticleBody || "");
|
||||
setArticleBody(cleanArticleBody || "");
|
||||
setDetailData(articleData);
|
||||
setSelectedArticleId(id);
|
||||
setArticleImages(articleImagesData || []);
|
||||
|
|
@ -826,8 +819,7 @@ export default function FormTeks() {
|
|||
lang: "id",
|
||||
contextType: "text",
|
||||
urlContext: null,
|
||||
context: getValues("descriptionOri"),
|
||||
// context: editorContent,
|
||||
context: editorContent,
|
||||
createdBy: roleId,
|
||||
sentiment: "Humorous",
|
||||
clientId: "7QTW8cMojyayt6qnhqTOeJaBI70W4EaQ",
|
||||
|
|
@ -1193,110 +1185,7 @@ export default function FormTeks() {
|
|||
Select Original Description
|
||||
</Label>
|
||||
</div>
|
||||
|
||||
<div className="py-3 space-y-2">
|
||||
<div className="flex justify-between items-center">
|
||||
<Label>
|
||||
{t("description", { defaultValue: "Description" })}
|
||||
</Label>
|
||||
|
||||
{roleId === "14" && (
|
||||
<button
|
||||
type="button"
|
||||
onClick={async () => {
|
||||
try {
|
||||
loading();
|
||||
setIsLoadingTranslate(true);
|
||||
const res = await translateText({
|
||||
text: getValues("descriptionOri"),
|
||||
sourceLang: "ID",
|
||||
targetLang: "EN",
|
||||
});
|
||||
|
||||
if (!res.error) {
|
||||
const resultText =
|
||||
res?.data?.data?.translations?.[0]?.text ||
|
||||
"";
|
||||
|
||||
setTranslatedContent(resultText);
|
||||
}
|
||||
} catch (err) {
|
||||
close();
|
||||
console.error("Translate gagal:", err);
|
||||
} finally {
|
||||
close();
|
||||
setIsLoadingTranslate(false);
|
||||
}
|
||||
}}
|
||||
className="px-3 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600"
|
||||
>
|
||||
{isLoadingTranslate
|
||||
? "Translating..."
|
||||
: "Translate to English"}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Pilihan bahasa untuk posting */}
|
||||
{roleId === "14" && (
|
||||
<div className="flex items-center gap-4 mb-2">
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="radio"
|
||||
value="id"
|
||||
checked={selectedLang === "id"}
|
||||
onChange={() => setSelectedLang("id")}
|
||||
/>
|
||||
<span>Gunakan Bahasa Indonesia</span>
|
||||
</label>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Editor Bahasa Indonesia */}
|
||||
<Controller
|
||||
control={control}
|
||||
name="descriptionOri"
|
||||
render={({ field: { onChange, value } }) => (
|
||||
<CustomEditor
|
||||
onChange={onChange}
|
||||
initialData={value}
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
|
||||
{/* Editor Bahasa Inggris */}
|
||||
{translatedContent && (
|
||||
<div className="mt-4">
|
||||
<div className="flex flex-col">
|
||||
<Label className="text-[15px]">
|
||||
English Version
|
||||
</Label>{" "}
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="radio"
|
||||
value="en"
|
||||
checked={selectedLang === "en"}
|
||||
onChange={() => setSelectedLang("en")}
|
||||
disabled={!translatedContent} // kalau belum translate, disable
|
||||
/>
|
||||
<span>Gunakan Bahasa Inggris</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<CustomEditor
|
||||
onChange={(val: any) => setTranslatedContent(val)}
|
||||
initialData={translatedContent}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{errors.description?.message && (
|
||||
<p className="text-red-400 text-sm">
|
||||
{errors.description.message}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
{/* <div className="py-3 space-y-2">
|
||||
<Label>
|
||||
{t("description", { defaultValue: "Description" })}
|
||||
</Label>
|
||||
|
|
@ -1318,7 +1207,7 @@ export default function FormTeks() {
|
|||
{errors.description.message}
|
||||
</p>
|
||||
)}
|
||||
</div> */}
|
||||
</div>
|
||||
|
||||
<p className="text-sm font-semibold">Content Rewrite</p>
|
||||
<div className="my-2">
|
||||
|
|
@ -1440,6 +1329,8 @@ export default function FormTeks() {
|
|||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Submit Button */}
|
||||
</div>
|
||||
</Card>
|
||||
<div className="w-full lg:w-4/12">
|
||||
|
|
|
|||
|
|
@ -44,14 +44,13 @@ import {
|
|||
getDetailArticle,
|
||||
getGenerateKeywords,
|
||||
getGenerateTitle,
|
||||
translateText,
|
||||
} from "@/service/content/ai";
|
||||
import { getCookiesDecrypt } from "@/lib/utils";
|
||||
import { useDropzone } from "react-dropzone";
|
||||
import { Icon } from "@iconify/react";
|
||||
import { CloudUpload } from "lucide-react";
|
||||
import Image from "next/image";
|
||||
import { close, error, loading } from "@/config/swal";
|
||||
import { error, loading } from "@/config/swal";
|
||||
import { Item } from "@radix-ui/react-dropdown-menu";
|
||||
import dynamic from "next/dynamic";
|
||||
import { getCsrfToken } from "@/service/auth";
|
||||
|
|
@ -147,10 +146,6 @@ export default function FormVideo() {
|
|||
const [publishedFor, setPublishedFor] = useState<string[]>([]);
|
||||
const [files, setFiles] = useState<FileWithPreview[]>([]);
|
||||
|
||||
const [isLoadingTranslate, setIsLoadingTranslate] = useState(false);
|
||||
const [translatedContent, setTranslatedContent] = React.useState("");
|
||||
const [selectedLang, setSelectedLang] = React.useState<"id" | "en">("id");
|
||||
|
||||
const options: Option[] = [
|
||||
{ id: "all", label: "SEMUA" },
|
||||
{ id: "5", label: "UMUM" },
|
||||
|
|
@ -428,8 +423,7 @@ export default function FormVideo() {
|
|||
""
|
||||
);
|
||||
const articleImagesData = articleData?.imagesUrl?.split(",");
|
||||
setValue("description", cleanArticleBody || "");
|
||||
// setArticleBody(cleanArticleBody || "");
|
||||
setArticleBody(cleanArticleBody || "");
|
||||
setDetailData(articleData);
|
||||
setSelectedArticleId(id);
|
||||
setArticleImages(articleImagesData || []);
|
||||
|
|
@ -833,8 +827,7 @@ export default function FormVideo() {
|
|||
lang: "id",
|
||||
contextType: "text",
|
||||
urlContext: null,
|
||||
context: getValues("descriptionOri"),
|
||||
// context: editorContent,
|
||||
context: editorContent, // Ambil isi editor original
|
||||
createdBy: roleId,
|
||||
sentiment: "Humorous",
|
||||
clientId: "7QTW8cMojyayt6qnhqTOeJaBI70W4EaQ",
|
||||
|
|
@ -1200,109 +1193,7 @@ export default function FormVideo() {
|
|||
Select Original Description
|
||||
</Label>
|
||||
</div>
|
||||
|
||||
<div className="py-3 space-y-2">
|
||||
<div className="flex justify-between items-center">
|
||||
<Label>
|
||||
{t("description", { defaultValue: "Description" })}
|
||||
</Label>
|
||||
|
||||
{roleId === "14" && (
|
||||
<button
|
||||
type="button"
|
||||
onClick={async () => {
|
||||
try {
|
||||
loading();
|
||||
setIsLoadingTranslate(true);
|
||||
const res = await translateText({
|
||||
text: getValues("descriptionOri"),
|
||||
sourceLang: "ID",
|
||||
targetLang: "EN",
|
||||
});
|
||||
|
||||
if (!res.error) {
|
||||
const resultText =
|
||||
res?.data?.data?.translations?.[0]?.text ||
|
||||
"";
|
||||
|
||||
setTranslatedContent(resultText);
|
||||
}
|
||||
} catch (err) {
|
||||
close();
|
||||
console.error("Translate gagal:", err);
|
||||
} finally {
|
||||
close();
|
||||
setIsLoadingTranslate(false);
|
||||
}
|
||||
}}
|
||||
className="px-3 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600"
|
||||
>
|
||||
{isLoadingTranslate
|
||||
? "Translating..."
|
||||
: "Translate to English"}
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Pilihan bahasa untuk posting */}
|
||||
<div className="flex items-center gap-4 mb-2">
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="radio"
|
||||
value="id"
|
||||
checked={selectedLang === "id"}
|
||||
onChange={() => setSelectedLang("id")}
|
||||
/>
|
||||
<span>Gunakan Bahasa Indonesia</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
{/* Editor Bahasa Indonesia */}
|
||||
<Controller
|
||||
control={control}
|
||||
name="descriptionOri"
|
||||
render={({ field: { onChange, value } }) => (
|
||||
<CustomEditor
|
||||
onChange={onChange}
|
||||
initialData={value}
|
||||
/>
|
||||
)}
|
||||
/>
|
||||
|
||||
{/* Editor Bahasa Inggris */}
|
||||
{translatedContent && (
|
||||
<div className="mt-4">
|
||||
<div className="flex flex-col">
|
||||
<Label className="text-[15px]">
|
||||
English Version
|
||||
</Label>{" "}
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="radio"
|
||||
value="en"
|
||||
checked={selectedLang === "en"}
|
||||
onChange={() => setSelectedLang("en")}
|
||||
disabled={!translatedContent} // kalau belum translate, disable
|
||||
/>
|
||||
<span>Gunakan Bahasa Inggris</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<CustomEditor
|
||||
onChange={(val: any) => setTranslatedContent(val)}
|
||||
initialData={translatedContent}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{errors.description?.message && (
|
||||
<p className="text-red-400 text-sm">
|
||||
{errors.description.message}
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* <div className="py-3 space-y-2">
|
||||
<Label>
|
||||
{t("description", { defaultValue: "Description" })}
|
||||
</Label>
|
||||
|
|
@ -1324,7 +1215,7 @@ export default function FormVideo() {
|
|||
{errors.description.message}
|
||||
</p>
|
||||
)}
|
||||
</div> */}
|
||||
</div>
|
||||
|
||||
<p className="text-sm font-semibold">Content Rewrite</p>
|
||||
<div className="my-2">
|
||||
|
|
|
|||
|
|
@ -22,7 +22,6 @@ export default function FilterAudioComponent(props: {
|
|||
startDateString?: string;
|
||||
endDateString?: string;
|
||||
monthYearFilter?: any;
|
||||
isRegionalCall?: any;
|
||||
}) {
|
||||
const {
|
||||
categoryFilter,
|
||||
|
|
@ -30,7 +29,6 @@ export default function FilterAudioComponent(props: {
|
|||
startDateString,
|
||||
endDateString,
|
||||
monthYearFilter,
|
||||
isRegionalCall,
|
||||
} = props;
|
||||
const [newContent, setNewContent] = useState<any>();
|
||||
const asPath = usePathname();
|
||||
|
|
@ -44,7 +42,7 @@ export default function FilterAudioComponent(props: {
|
|||
const categorie = searchParams?.get("category");
|
||||
const group = searchParams?.get("group");
|
||||
const [totalContent, setTotalContent] = useState();
|
||||
const isRegional = isRegionalCall || group || asPath.includes("/polda/");
|
||||
const isRegional = group || asPath.includes("/polda/");
|
||||
const searchType = isRegional ? "regional" : "filter";
|
||||
const router = useRouter();
|
||||
const poldaName = params?.polda_name;
|
||||
|
|
@ -54,7 +52,7 @@ export default function FilterAudioComponent(props: {
|
|||
? `/polda/${poldaName}`
|
||||
: satkerName
|
||||
? `/satker/${satkerName}`
|
||||
: "";
|
||||
: "/";
|
||||
|
||||
useEffect(() => {
|
||||
if (searchType === "regional") {
|
||||
|
|
@ -77,16 +75,11 @@ export default function FilterAudioComponent(props: {
|
|||
let startDateFilter = startDateString ? startDateString : "";
|
||||
let endDateFilter = endDateString ? endDateString : "";
|
||||
let monthFilter = monthYearFilter ? monthYearFilter : "";
|
||||
const search = title == undefined ? "" : title;
|
||||
|
||||
const filter =
|
||||
categoryFilter?.length > 0
|
||||
? categoryFilter?.sort().join(",")
|
||||
: categorie || "";
|
||||
const response = await listDataRegional(
|
||||
"4",
|
||||
search,
|
||||
filter,
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
startDateFilter,
|
||||
|
|
@ -100,8 +93,7 @@ export default function FilterAudioComponent(props: {
|
|||
const contentData = data?.content;
|
||||
setNewContent(contentData);
|
||||
setTotalData(data?.totalElements);
|
||||
setTotalPage(data?.totalPages);
|
||||
setTotalContent(data?.totalElements);
|
||||
// setLoading(false);
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
|
|
@ -242,12 +234,10 @@ export default function FilterAudioComponent(props: {
|
|||
<CarouselContent>
|
||||
{newContent?.map((audio: any) => (
|
||||
<CarouselItem key={audio?.id} className="md:basis-1/2 lg:basis-1/3">
|
||||
<Link
|
||||
href={`${prefixPath}${audio?.slug}`}
|
||||
// href={prefixPath + `/audio/detail/${audio?.slug}`}
|
||||
// onClick={() =>
|
||||
// router.push(prefixPath + `/audio/detail/${audio?.slug}`)
|
||||
// }
|
||||
<div
|
||||
onClick={() =>
|
||||
router.push(prefixPath + `/audio/detail/${audio?.slug}`)
|
||||
}
|
||||
className="cursor-pointer bg-white dark:bg-black dark:border dark:border-gray-500 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300 overflow-hidden"
|
||||
>
|
||||
{/* Icon Background */}
|
||||
|
|
@ -275,7 +265,7 @@ export default function FilterAudioComponent(props: {
|
|||
{audio?.title}
|
||||
</p>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</CarouselItem>
|
||||
))}
|
||||
</CarouselContent>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,6 @@ export default function FilterDocumentComponent(props: {
|
|||
startDateString?: string;
|
||||
endDateString?: string;
|
||||
monthYearFilter?: any;
|
||||
isRegionalCall?: any;
|
||||
}) {
|
||||
const {
|
||||
categoryFilter,
|
||||
|
|
@ -30,7 +29,6 @@ export default function FilterDocumentComponent(props: {
|
|||
startDateString,
|
||||
endDateString,
|
||||
monthYearFilter,
|
||||
isRegionalCall,
|
||||
} = props;
|
||||
const [newContent, setNewContent] = useState<any>();
|
||||
const asPath = usePathname();
|
||||
|
|
@ -44,7 +42,7 @@ export default function FilterDocumentComponent(props: {
|
|||
const categorie = searchParams?.get("category");
|
||||
const group = searchParams?.get("group");
|
||||
const [totalContent, setTotalContent] = useState();
|
||||
const isRegional = isRegionalCall || group || asPath.includes("/polda/");
|
||||
const isRegional = group || asPath.includes("/polda/");
|
||||
const searchType = isRegional ? "regional" : "filter";
|
||||
|
||||
const router = useRouter();
|
||||
|
|
@ -55,7 +53,7 @@ export default function FilterDocumentComponent(props: {
|
|||
? `/polda/${poldaName}`
|
||||
: satkerName
|
||||
? `/satker/${satkerName}`
|
||||
: "";
|
||||
: "/";
|
||||
|
||||
useEffect(() => {
|
||||
if (searchType === "regional") {
|
||||
|
|
@ -79,16 +77,10 @@ export default function FilterDocumentComponent(props: {
|
|||
let endDateFilter = endDateString ? endDateString : "";
|
||||
let monthFilter = monthYearFilter ? monthYearFilter : "";
|
||||
|
||||
const search = title == undefined ? "" : title;
|
||||
const filter =
|
||||
categoryFilter?.length > 0
|
||||
? categoryFilter?.sort().join(",")
|
||||
: categorie || "";
|
||||
|
||||
const response = await listDataRegional(
|
||||
"3",
|
||||
search,
|
||||
filter,
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
startDateFilter,
|
||||
|
|
@ -102,8 +94,7 @@ export default function FilterDocumentComponent(props: {
|
|||
const contentData = data?.content;
|
||||
setNewContent(contentData);
|
||||
setTotalData(data?.totalElements);
|
||||
setTotalPage(data?.totalPages);
|
||||
setTotalContent(data?.totalElements);
|
||||
// setLoading(false);
|
||||
}
|
||||
|
||||
async function getDataAll() {
|
||||
|
|
@ -213,12 +204,10 @@ export default function FilterDocumentComponent(props: {
|
|||
<CarouselContent>
|
||||
{newContent?.map((text: any) => (
|
||||
<CarouselItem key={text?.id} className="md:basis-1/2 lg:basis-1/3">
|
||||
<Link
|
||||
href={`${prefixPath}${text?.slug}`}
|
||||
// href={prefixPath + `/document/detail/${text?.slug}`}
|
||||
// onClick={() =>
|
||||
// router.push(prefixPath + `/document/detail/${text?.slug}`)
|
||||
// }
|
||||
<div
|
||||
onClick={() =>
|
||||
router.push(prefixPath + `/document/detail/${text?.slug}`)
|
||||
}
|
||||
className="cursor-pointer rounded-lg shadow-md overflow-hidden bg-white dark:bg-black dark:border dark:border-gray-500"
|
||||
>
|
||||
{/* Ikon di tengah dengan latar kuning */}
|
||||
|
|
@ -248,7 +237,7 @@ export default function FilterDocumentComponent(props: {
|
|||
{text?.title}
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</CarouselItem>
|
||||
))}
|
||||
</CarouselContent>
|
||||
|
|
|
|||
|
|
@ -21,7 +21,6 @@ export default function FilterImageComponent(props: {
|
|||
startDateString?: string;
|
||||
endDateString?: string;
|
||||
monthYearFilter?: any;
|
||||
isRegionalCall?: any;
|
||||
}) {
|
||||
const {
|
||||
categoryFilter,
|
||||
|
|
@ -29,7 +28,6 @@ export default function FilterImageComponent(props: {
|
|||
startDateString,
|
||||
endDateString,
|
||||
monthYearFilter,
|
||||
isRegionalCall,
|
||||
} = props;
|
||||
const router = useRouter();
|
||||
const [newContent, setNewContent] = useState<any>();
|
||||
|
|
@ -45,7 +43,7 @@ export default function FilterImageComponent(props: {
|
|||
const [totalContent, setTotalContent] = useState();
|
||||
const poldaName = params?.polda_name;
|
||||
const satkerName = params?.satker_name;
|
||||
const isRegional = isRegionalCall || group || asPath.includes("/polda/");
|
||||
const isRegional = group || asPath.includes("/polda/");
|
||||
const searchType = isRegional ? "regional" : "filter";
|
||||
|
||||
useEffect(() => {
|
||||
|
|
@ -117,16 +115,10 @@ export default function FilterImageComponent(props: {
|
|||
let endDateFilter = endDateString ? endDateString : "";
|
||||
let monthFilter = monthYearFilter ? monthYearFilter : "";
|
||||
|
||||
const search = title == undefined ? "" : title;
|
||||
const filter =
|
||||
categoryFilter?.length > 0
|
||||
? categoryFilter?.sort().join(",")
|
||||
: categorie || "";
|
||||
|
||||
const response = await listDataRegional(
|
||||
"1",
|
||||
search,
|
||||
filter,
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
startDateFilter,
|
||||
|
|
@ -140,8 +132,7 @@ export default function FilterImageComponent(props: {
|
|||
const contentData = data?.content;
|
||||
setNewContent(contentData);
|
||||
setTotalData(data?.totalElements);
|
||||
setTotalPage(data?.totalPages);
|
||||
setTotalContent(data?.totalElements);
|
||||
// setLoading(false);
|
||||
}
|
||||
|
||||
const basePath = asPath.includes("/polda/")
|
||||
|
|
@ -161,7 +152,7 @@ export default function FilterImageComponent(props: {
|
|||
? `/polda/${poldaName}`
|
||||
: satkerName
|
||||
? `/satker/${satkerName}`
|
||||
: "";
|
||||
: "/";
|
||||
|
||||
return newContent?.length > 0 ? (
|
||||
<div className="flex flex-col gap-3 w-full">
|
||||
|
|
@ -200,7 +191,7 @@ export default function FilterImageComponent(props: {
|
|||
{newContent?.map((image: any) => (
|
||||
<CarouselItem key={image?.id} className="md:basis-1/2 lg:basis-1/3">
|
||||
<Link
|
||||
href={`${prefixPath}${image?.slug}`}
|
||||
href={prefixPath + `/image/detail/${image?.slug}`}
|
||||
// onClick={() =>
|
||||
// router.push(prefixPath + `/image/detail/${image?.slug}`)
|
||||
// }
|
||||
|
|
@ -212,19 +203,17 @@ export default function FilterImageComponent(props: {
|
|||
// whileHover={{ scale: 0.95 }}
|
||||
// transition={{ duration: 0.3 }}
|
||||
>
|
||||
{image?.thumbnailLink && (
|
||||
<Image
|
||||
priority={true}
|
||||
// placeholder={`data:image/svg+xml;base64,${toBase64(
|
||||
// shimmer(700, 475)
|
||||
// )}`}
|
||||
width={2560}
|
||||
height={1440}
|
||||
alt="image"
|
||||
src={image?.thumbnailLink}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
)}
|
||||
<Image
|
||||
priority={true}
|
||||
// placeholder={`data:image/svg+xml;base64,${toBase64(
|
||||
// shimmer(700, 475)
|
||||
// )}`}
|
||||
width={2560}
|
||||
height={1440}
|
||||
alt="image"
|
||||
src={image?.smallThumbnailLink}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Badge category */}
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ export default function IndeksCarouselComponent(props: {
|
|||
? `/polda/${poldaName}`
|
||||
: satkerName
|
||||
? `/satker/${satkerName}`
|
||||
: "";
|
||||
: "/";
|
||||
|
||||
// useEffect(() => {
|
||||
// initFetch();
|
||||
|
|
@ -166,21 +166,19 @@ export default function IndeksCarouselComponent(props: {
|
|||
<CarouselContent>
|
||||
{newContent.map((image: any) => (
|
||||
<CarouselItem key={image?.id} className="md:basis-1/2 lg:basis-1/3">
|
||||
<Link href={`/indeks/detail/${image?.slug}`}
|
||||
// onClick={() => router.push(`/indeks/detail/${image?.slug}`)}
|
||||
<div
|
||||
onClick={() => router.push(`/indeks/detail/${image?.slug}`)}
|
||||
className="cursor-pointer relative group overflow-hidden bg-white dark:bg-black dark:border dark:border-gray-500 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300"
|
||||
>
|
||||
<div className="w-full h-48 lg:h-60">
|
||||
{image?.thumbnailLink &&
|
||||
<Image
|
||||
priority
|
||||
width={2560}
|
||||
height={1440}
|
||||
alt="image"
|
||||
src={image?.thumbnailLink}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
}
|
||||
<Image
|
||||
priority
|
||||
width={2560}
|
||||
height={1440}
|
||||
alt="image"
|
||||
src={image?.thumbnailLink}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="p-4 h-full flex flex-col justify-between">
|
||||
|
|
@ -193,7 +191,7 @@ export default function IndeksCarouselComponent(props: {
|
|||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</CarouselItem>
|
||||
))}
|
||||
</CarouselContent>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,6 @@ export default function FilterVideoComponent(props: {
|
|||
startDateString?: string;
|
||||
endDateString?: string;
|
||||
monthYearFilter?: any;
|
||||
isRegionalCall?: any;
|
||||
}) {
|
||||
const {
|
||||
categoryFilter,
|
||||
|
|
@ -31,7 +30,6 @@ export default function FilterVideoComponent(props: {
|
|||
startDateString,
|
||||
endDateString,
|
||||
monthYearFilter,
|
||||
isRegionalCall,
|
||||
} = props;
|
||||
const [newContent, setNewContent] = useState<any>();
|
||||
const asPath = usePathname();
|
||||
|
|
@ -45,7 +43,8 @@ export default function FilterVideoComponent(props: {
|
|||
const categorie = searchParams?.get("category");
|
||||
const group = searchParams?.get("group");
|
||||
const [totalContent, setTotalContent] = useState();
|
||||
const isRegional = isRegionalCall || group || asPath.includes("/polda/");
|
||||
|
||||
const isRegional = group || asPath.includes("/polda/");
|
||||
const searchType = isRegional ? "regional" : "filter";
|
||||
const router = useRouter();
|
||||
const poldaName = params?.polda_name;
|
||||
|
|
@ -55,7 +54,7 @@ export default function FilterVideoComponent(props: {
|
|||
? `/polda/${poldaName}`
|
||||
: satkerName
|
||||
? `/satker/${satkerName}`
|
||||
: "";
|
||||
: "/";
|
||||
|
||||
useEffect(() => {
|
||||
if (searchType === "regional") {
|
||||
|
|
@ -79,16 +78,10 @@ export default function FilterVideoComponent(props: {
|
|||
let endDateFilter = endDateString ? endDateString : "";
|
||||
let monthFilter = monthYearFilter ? monthYearFilter : "";
|
||||
|
||||
const search = title == undefined ? "" : title;
|
||||
const filter =
|
||||
categoryFilter?.length > 0
|
||||
? categoryFilter?.sort().join(",")
|
||||
: categorie || "";
|
||||
|
||||
const response = await listDataRegional(
|
||||
"2",
|
||||
search,
|
||||
filter,
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
"",
|
||||
startDateFilter,
|
||||
|
|
@ -102,8 +95,7 @@ export default function FilterVideoComponent(props: {
|
|||
const contentData = data?.content;
|
||||
setNewContent(contentData);
|
||||
setTotalData(data?.totalElements);
|
||||
setTotalPage(data?.totalPages);
|
||||
setTotalContent(data?.totalElements);
|
||||
// setLoading(false);
|
||||
}
|
||||
|
||||
async function getDataAll() {
|
||||
|
|
@ -160,12 +152,10 @@ export default function FilterVideoComponent(props: {
|
|||
<CarouselContent>
|
||||
{newContent?.map((video: any) => (
|
||||
<CarouselItem key={video?.id} className="md:basis-1/2 lg:basis-1/3">
|
||||
<Link
|
||||
href={`${prefixPath}${video?.slug}`}
|
||||
// href={prefixPath + `/video/detail/${video?.slug}`}
|
||||
// onClick={() =>
|
||||
// router.push(prefixPath + `/video/detail/${video?.slug}`)
|
||||
// }
|
||||
<div
|
||||
onClick={() =>
|
||||
router.push(prefixPath + `/video/detail/${video?.slug}`)
|
||||
}
|
||||
className="cursor-pointer relative group overflow-hidden bg-white dark:bg-black dark:border dark:border-gray-500 rounded-xl shadow-md hover:shadow-lg transition-shadow duration-300"
|
||||
>
|
||||
{/* Image with motion effect */}
|
||||
|
|
@ -174,19 +164,17 @@ export default function FilterVideoComponent(props: {
|
|||
// whileHover={{ scale: 0.95 }}
|
||||
// transition={{ duration: 0.3 }}
|
||||
>
|
||||
{video?.thumbnailLink && (
|
||||
<Image
|
||||
priority={true}
|
||||
// placeholder={`data:image/svg+xml;base64,${toBase64(
|
||||
// shimmer(700, 475)
|
||||
// )}`}
|
||||
alt="video"
|
||||
width={2560}
|
||||
height={1440}
|
||||
src={video?.thumbnailLink}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
)}
|
||||
<Image
|
||||
priority={true}
|
||||
// placeholder={`data:image/svg+xml;base64,${toBase64(
|
||||
// shimmer(700, 475)
|
||||
// )}`}
|
||||
alt="video"
|
||||
width={2560}
|
||||
height={1440}
|
||||
src={video?.smallThumbnailLink}
|
||||
className="w-full h-full object-cover"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Badge category */}
|
||||
|
|
@ -228,7 +216,7 @@ export default function FilterVideoComponent(props: {
|
|||
</p>
|
||||
*/}
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
</CarouselItem>
|
||||
))}
|
||||
</CarouselContent>
|
||||
|
|
|
|||
|
|
@ -272,47 +272,6 @@ const DetailImage = (data: any) => {
|
|||
// }
|
||||
// };
|
||||
|
||||
// const handleDownload = () => {
|
||||
// if (downloadProgress !== 0) return;
|
||||
|
||||
// if (!imageSizeSelected) {
|
||||
// alert("Please select an image size before downloading.");
|
||||
// return;
|
||||
// }
|
||||
|
||||
// if (!userId) {
|
||||
// router.push("/auth");
|
||||
// return;
|
||||
// }
|
||||
|
||||
// sendActivityLog(2);
|
||||
// sendActivityLog(3);
|
||||
|
||||
// if (isDownloadAll) {
|
||||
// const baseId = slug.split("-")?.[0];
|
||||
// const url = `${process.env.NEXT_PUBLIC_API}/media/file/download-zip?id=${baseId}&resolution=${imageSizeSelected}`;
|
||||
// downloadFile(url, "FileDownload.zip");
|
||||
// } else {
|
||||
// const selectedFile = detailDataImage?.files?.[selectedImage];
|
||||
|
||||
// if (!selectedFile) {
|
||||
// toast({
|
||||
// description: "Gambar tidak ditemukan.",
|
||||
// variant: "destructive",
|
||||
// });
|
||||
// return;
|
||||
// }
|
||||
|
||||
// if (isFromSPIT && main?.url?.includes("spit.humas")) {
|
||||
// // downloadFile(selectedFile.url, selectedFile.names || "image.jpg");
|
||||
// downloadFile(`${main?.url}`, `${main.names}`);
|
||||
// } else {
|
||||
// const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${selectedFile.id}&operation=file&type=image&resolution=${imageSizeSelected}`;
|
||||
// downloadFile(`${main?.url}`, `${main.names}`);
|
||||
// }
|
||||
// }
|
||||
// };
|
||||
|
||||
const handleDownload = () => {
|
||||
if (downloadProgress !== 0) return;
|
||||
|
||||
|
|
@ -344,16 +303,12 @@ const DetailImage = (data: any) => {
|
|||
return;
|
||||
}
|
||||
|
||||
if (isFromSPIT && selectedFile?.url?.includes("spit.humas")) {
|
||||
// ambil url asli dari SPIT, tapi nama file dari judul (main.names)
|
||||
downloadFile(
|
||||
selectedFile.url,
|
||||
main?.names || detailDataImage?.title || "image"
|
||||
);
|
||||
if (isFromSPIT && main?.url?.includes("spit.humas")) {
|
||||
// downloadFile(selectedFile.url, selectedFile.names || "image.jpg");
|
||||
downloadFile(`${main?.url}`, `${main.names}`);
|
||||
} else {
|
||||
const url = `${process.env.NEXT_PUBLIC_API}/media/view?id=${selectedFile.id}&operation=file&type=image&resolution=${imageSizeSelected}`;
|
||||
// ambil file sesuai yang dipilih, nama tetap dari judul (main.names)
|
||||
downloadFile(url, main?.names || detailDataImage?.title || "image");
|
||||
downloadFile(`${main?.url}`, `${main.names}`);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -157,7 +157,7 @@ export async function getTagsBySubCategoryId(subCategory: any) {
|
|||
}
|
||||
|
||||
export async function listEnableCategory(type: any) {
|
||||
const url = `media/categories/list?enablePage=0&sort=desc&sortBy=id&type=${type}&isInt=true`;
|
||||
const url = `media/categories/list?enablePage=0&sort=desc&sortBy=id&type=${type}`;
|
||||
return httpGetInterceptor(url);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue