mediahub
/
mediahub-fe
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:update tambah Ta,Spit,fix routing

This commit is contained in:
Anang Yusman 2025-06-06 00:11:10 +08:00
parent f574d97523
commit d5f697ddfa
4 changed files with 497 additions and 449 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/[locale]/(protected)/admin/add-experts/create/page.tsx
View File

@ -230,11 +230,13 @@ export default function AddExpertForm() {
}; };
const handleAddRow = () => { const handleAddRow = () => {
setPlacementRows((prevRows: any) => [ if (placementRows.length < 2) {
setPlacementRows((prevRows) => [
...prevRows, ...prevRows,
{ index: incrementId, roleId: "", userLevelId: 0 }, { index: incrementId, roleId: "", userLevelId: 0 },
]); ]);
setIncrementId((prevId) => prevId + 1); setIncrementId((prevId) => prevId + 1);
}
}; };
return ( return (
@ -424,7 +426,7 @@ export default function AddExpertForm() {
))} ))}
</SelectContent> </SelectContent>
</Select> </Select>
<Select {/* <Select
onValueChange={(e) => onValueChange={(e) =>
handleSelectionChange(row.index, "userLevelId", e) handleSelectionChange(row.index, "userLevelId", e)
} }
@ -441,6 +443,20 @@ export default function AddExpertForm() {
</SelectItem> </SelectItem>
))} ))}
</SelectContent> </SelectContent>
</Select> */}
<Select
onValueChange={(e) =>
handleSelectionChange(row.index, "userLevelId", e)
}
>
<FormControl>
<SelectTrigger>
<SelectValue placeholder="Pilih User Level" />
</SelectTrigger>
</FormControl>
<SelectContent>
<SelectItem value="216">MABES POLRI</SelectItem>
</SelectContent>
</Select> </Select>
{placementRows.length > 1 && ( {placementRows.length > 1 && (
<Button <Button
@ -454,7 +470,12 @@ export default function AddExpertForm() {
)} )}
</div> </div>
))} ))}
<Button type="button" size="md" onClick={() => handleAddRow()}> <Button
type="button"
size="md"
onClick={handleAddRow}
disabled={placementRows.length >= 2} // optional: disable button if already 1 row added
>
Tambah Tambah
</Button> </Button>
</div> </div>

142
components/form/content/spit-convert-form.tsx
View File

@ -55,6 +55,7 @@ import dynamic from "next/dynamic";
import { error } from "@/lib/swal"; import { error } from "@/lib/swal";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
import { contextType } from "cleave.js/react"; import { contextType } from "cleave.js/react";
import { Form } from "@/components/ui/form";
const imageSchema = z.object({ const imageSchema = z.object({
contentTitle: z.string().min(1, { message: "Judul diperlukan" }), contentTitle: z.string().min(1, { message: "Judul diperlukan" }),
@ -182,13 +183,31 @@ export default function FormConvertSPIT() {
let fileTypeId = "1"; let fileTypeId = "1";
const { // const {
control, // control,
handleSubmit, // handleSubmit,
setValue, // setValue,
formState: { errors }, // formState: { errors },
} = useForm<ImageSchema>({ // } = useForm<ImageSchema>({
// resolver: zodResolver(imageSchema),
// defaultValues: {
// contentTitle: detail?.contentTitle || "",
// contentDescription: detail?.contentDescription || "",
// contentCreator: detail?.contentCreator || "",
// contentRewriteDescription: detail?.contentRewriteDescription || "",
// // dll
// },
// });
const form = useForm<z.infer<typeof imageSchema>>({
resolver: zodResolver(imageSchema), resolver: zodResolver(imageSchema),
defaultValues: {
contentTitle: detail?.contentTitle || "",
contentDescription: detail?.contentDescription || "",
contentCreator: detail?.contentCreator || "",
contentRewriteDescription: detail?.contentRewriteDescription || "",
// dll
},
}); });
const handleRemoveTag = (index: any) => { const handleRemoveTag = (index: any) => {
@ -207,11 +226,10 @@ export default function FormConvertSPIT() {
setSelectedFiles((prevImages) => prevImages.filter((_, i) => i !== index)); setSelectedFiles((prevImages) => prevImages.filter((_, i) => i !== index));
}; };
// const handleCheckboxChange = (id: number) => { const handleDirectSave = () => {
// setSelectedPublishers((prev) => const values = form.getValues(); // ambil semua nilai tanpa validasi
// prev.includes(id) ? prev.filter((item) => item !== id) : [...prev, id] onSubmit(values); // langsung submit
// ); };
// };
useEffect(() => { useEffect(() => {
async function initState() { async function initState() {
@ -318,6 +336,13 @@ export default function FormConvertSPIT() {
setDetail(details); setDetail(details);
setFiles(details?.contentList); setFiles(details?.contentList);
setupPlacementCheck(details?.contentList?.length); setupPlacementCheck(details?.contentList?.length);
form.setValue("contentTitle", details?.contentTitle || "");
form.setValue("contentDescription", details?.contentDescription || "");
form.setValue("contentCreator", details?.contentCreator || "");
form.setValue(
"contentRewriteDescription",
details?.contentRewriteDescription || ""
);
const filesData = details.contentList || []; const filesData = details.contentList || [];
const fileUrls = filesData.map((file: { contentFile: string }) => const fileUrls = filesData.map((file: { contentFile: string }) =>
@ -337,7 +362,7 @@ export default function FormConvertSPIT() {
} }
} }
initState(); initState();
}, [refresh, setValue]); }, [refresh]);
const [tempFile, setTempFile] = useState( const [tempFile, setTempFile] = useState(
detailThumb.map((data: any) => ({ detailThumb.map((data: any) => ({
@ -472,7 +497,13 @@ export default function FormConvertSPIT() {
}); });
}; };
const onSubmit = (data: ImageSchema) => { const onSubmit = async (data: z.infer<typeof imageSchema>) => {
if (form.getValues("contentTitle") == "") {
form.setError("contentTitle", {
type: "manual",
message: "Required",
});
} else {
MySwal.fire({ MySwal.fire({
title: "Simpan Data", title: "Simpan Data",
text: "Apakah Anda yakin ingin menyimpan data ini?", text: "Apakah Anda yakin ingin menyimpan data ini?",
@ -486,6 +517,7 @@ export default function FormConvertSPIT() {
save(data); save(data);
} }
}); });
}
}; };
const [showRewriteEditor, setShowRewriteEditor] = useState(false); const [showRewriteEditor, setShowRewriteEditor] = useState(false);
@ -561,6 +593,7 @@ export default function FormConvertSPIT() {
setArticleBody(cleanArticleBody || ""); setArticleBody(cleanArticleBody || "");
setDetailData(articleData); setDetailData(articleData);
setSelectedArticleId(id); setSelectedArticleId(id);
// setArticleImages(articleImagesData || []); // setArticleImages(articleImagesData || []);
} catch (error) { } catch (error) {
console.error("Error fetching article details:", error); console.error("Error fetching article details:", error);
@ -613,7 +646,9 @@ export default function FormConvertSPIT() {
} }
return ( return (
<form onSubmit={handleSubmit(onSubmit)}> <>
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)}>
{detail !== undefined ? ( {detail !== undefined ? (
<div className="flex flex-col lg:flex-row gap-10"> <div className="flex flex-col lg:flex-row gap-10">
<Card className="w-full lg:w-8/12"> <Card className="w-full lg:w-8/12">
@ -624,23 +659,18 @@ export default function FormConvertSPIT() {
<div className="space-y-2 py-3"> <div className="space-y-2 py-3">
<Label>{t("title")}</Label> <Label>{t("title")}</Label>
<Controller <Controller
control={control} control={form.control}
name="contentTitle" name="contentTitle"
render={({ field }) => ( render={({ field }) => (
<Input <Input
size="md" size="md"
type="text" type="text"
defaultValue={detail?.contentTitle} value={field.value}
onChange={field.onChange} onChange={field.onChange}
placeholder="Enter contentTitle" placeholder="Enter contentTitle"
/> />
)} )}
/> />
{errors.contentTitle?.message && (
<p className="text-red-400 text-sm">
{errors.contentTitle.message}
</p>
)}
</div> </div>
<div className="flex items-center"> <div className="flex items-center">
<div className="py-3 w-full space-y-2"> <div className="py-3 w-full space-y-2">
@ -683,7 +713,7 @@ export default function FormConvertSPIT() {
<div className="py-3 space-y-2"> <div className="py-3 space-y-2">
<Label>{t("description")}</Label> <Label>{t("description")}</Label>
<Controller <Controller
control={control} control={form.control}
name="contentDescription" name="contentDescription"
render={({ field: { onChange, value } }) => ( render={({ field: { onChange, value } }) => (
// <JoditEditor // <JoditEditor
@ -698,13 +728,9 @@ export default function FormConvertSPIT() {
/> />
)} )}
/> />
{errors.contentDescription?.message && (
<p className="text-red-400 text-sm">
{errors.contentDescription.message}
</p>
)}
</div> </div>
<div className="space-y-2 py-3 w-4/12"> <p className="text-sm font-semibold">Content Rewrite</p>
<div className="space-y-2 pb-3 w-4/12">
<Label>{t("writing-style")}</Label> <Label>{t("writing-style")}</Label>
<Select <Select
value={selectedWritingStyle} value={selectedWritingStyle}
@ -729,6 +755,7 @@ export default function FormConvertSPIT() {
<div className="my-2"> <div className="my-2">
<Button <Button
size="sm" size="sm"
type="button"
onClick={handleRewriteClick} onClick={handleRewriteClick}
className="bg-blue-500 text-white py-2 px-4 rounded" className="bg-blue-500 text-white py-2 px-4 rounded"
> >
@ -740,22 +767,26 @@ export default function FormConvertSPIT() {
{isGeneratedArticle && ( {isGeneratedArticle && (
<div className="mt-3 pb-0 flex flex-row "> <div className="mt-3 pb-0 flex flex-row ">
{articleIds.map((id: string, index: number) => ( {articleIds.map((id: string, index: number) => (
<button <Button
type="button"
key={index} key={index}
className={`mr-3 px-3 py-2 rounded-md ${ className={`mr-3 px-3 py-2 rounded-md ${
selectedArticleId === id selectedArticleId === id
? "bg-green-500 text-white" ? "bg-green-500 text-white"
: "border-2 border-green-500 text-green-500" : "border-2 border-green-500 bg-white text-green-500 hover:bg-green-500 hover:text-white hover:border-green-500"
}`} }`}
onClick={() => handleArticleIdClick(id)} onClick={() => handleArticleIdClick(id)}
> >
{"Narasi " + (index + 1)} {"Narasi " + (index + 1)}
</button> </Button>
))} ))}
</div> </div>
)} )}
<div className="flex items-center space-x-2 mt-3"> <div className="flex items-center space-x-2 mt-3">
<RadioGroupItem value="rewrite" id="rewrite-file" /> <RadioGroupItem
value="rewrite"
id="rewrite-file"
/>
<Label htmlFor="rewrite-file"> <Label htmlFor="rewrite-file">
Select File Rewrite Select File Rewrite
</Label> </Label>
@ -763,7 +794,7 @@ export default function FormConvertSPIT() {
<div className="py-3 space-y-2"> <div className="py-3 space-y-2">
<Label>{t("file-rewrite")}</Label> <Label>{t("file-rewrite")}</Label>
<Controller <Controller
control={control} control={form.control}
name="contentRewriteDescription" name="contentRewriteDescription"
render={({ field: { onChange, value } }) => render={({ field: { onChange, value } }) =>
isLoadingData ? ( isLoadingData ? (
@ -780,11 +811,6 @@ export default function FormConvertSPIT() {
) )
} }
/> />
{errors.contentRewriteDescription?.message && (
<p className="text-red-400 text-sm">
{errors.contentRewriteDescription.message}
</p>
)}
</div> </div>
</div> </div>
)} )}
@ -929,7 +955,9 @@ export default function FormConvertSPIT() {
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<Checkbox <Checkbox
id="terms" id="terms"
checked={filePlacements[index]?.includes("mabes")} checked={filePlacements[index]?.includes(
"mabes"
)}
onCheckedChange={(e) => onCheckedChange={(e) =>
setupPlacement(index, "mabes", Boolean(e)) setupPlacement(index, "mabes", Boolean(e))
} }
@ -944,7 +972,9 @@ export default function FormConvertSPIT() {
<div className="flex items-center space-x-2"> <div className="flex items-center space-x-2">
<Checkbox <Checkbox
id="terms" id="terms"
checked={filePlacements[index]?.includes("polda")} checked={filePlacements[index]?.includes(
"polda"
)}
onCheckedChange={(e) => onCheckedChange={(e) =>
setupPlacement(index, "polda", Boolean(e)) setupPlacement(index, "polda", Boolean(e))
} }
@ -964,7 +994,11 @@ export default function FormConvertSPIT() {
"international" "international"
)} )}
onCheckedChange={(e) => onCheckedChange={(e) =>
setupPlacement(index, "international", Boolean(e)) setupPlacement(
index,
"international",
Boolean(e)
)
} }
/> />
<label <label
@ -987,7 +1021,7 @@ export default function FormConvertSPIT() {
<div className="space-y-2"> <div className="space-y-2">
<Label>{t("creator")}</Label> <Label>{t("creator")}</Label>
<Controller <Controller
control={control} control={form.control}
name="contentCreator" name="contentCreator"
render={({ field }) => ( render={({ field }) => (
<Input <Input
@ -999,11 +1033,6 @@ export default function FormConvertSPIT() {
/> />
)} )}
/> />
{errors.contentCreator?.message && (
<p className="text-red-400 text-sm">
{errors.contentCreator.message}
</p>
)}
</div> </div>
</div> </div>
<div className="mt-3 px-3"> <div className="mt-3 px-3">
@ -1037,7 +1066,10 @@ export default function FormConvertSPIT() {
<div className="flex flex-col gap-3 space-y-2"> <div className="flex flex-col gap-3 space-y-2">
<Label>{t("publish-target")}</Label> <Label>{t("publish-target")}</Label>
{options.map((option) => ( {options.map((option) => (
<div key={option.id} className="flex gap-2 items-center"> <div
key={option.id}
className="flex gap-2 items-center"
>
<Checkbox <Checkbox
id={option.id} id={option.id}
checked={ checked={
@ -1047,21 +1079,15 @@ export default function FormConvertSPIT() {
.length .length
: publishedFor.includes(option.id) : publishedFor.includes(option.id)
} }
onCheckedChange={() => handleCheckboxChange(option.id)} onCheckedChange={() =>
handleCheckboxChange(option.id)
}
/> />
<Label htmlFor={option.id}>{option.label}</Label> <Label htmlFor={option.id}>{option.label}</Label>
</div> </div>
))} ))}
</div> </div>
</div> </div>
<div className="px-3 py-3 flex flex-row items-center text-blue-500 gap-2 text-sm">
<MailIcon />
<p className="">{t("suggestion-box")} (0)</p>
</div>
<div className="px-3 py-3">
<p>{t("information")}:</p>
{/* <p>{detail?.status}</p> */}
</div>
</Card> </Card>
<div className="flex flex-row justify-end gap-3"> <div className="flex flex-row justify-end gap-3">
<div className="mt-4"> <div className="mt-4">
@ -1085,5 +1111,7 @@ export default function FormConvertSPIT() {
"" ""
)} )}
</form> </form>
</Form>
</>
); );
} }

9
components/form/schedule/form-calendar-polri.tsx
View File

@ -25,7 +25,6 @@ import DatePicker from "react-datepicker";
import { id } from "date-fns/locale"; import { id } from "date-fns/locale";
import "react-datepicker/dist/react-datepicker.css"; import "react-datepicker/dist/react-datepicker.css";
import { zodResolver } from "@hookform/resolvers/zod"; import { zodResolver } from "@hookform/resolvers/zod";
import router from "next/router";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
import { date, z } from "zod"; import { date, z } from "zod";
import { error, loading } from "@/lib/swal"; import { error, loading } from "@/lib/swal";
@ -51,6 +50,7 @@ import Image from "next/image";
import FileUploader from "../shared/file-uploader"; import FileUploader from "../shared/file-uploader";
import { getCsrfToken } from "@/service/auth"; import { getCsrfToken } from "@/service/auth";
import { Upload } from "tus-js-client"; import { Upload } from "tus-js-client";
import { useRouter } from "next/navigation";
const calendarSchema = z.object({ const calendarSchema = z.object({
title: z.string().min(1, { message: "Judul diperlukan" }), title: z.string().min(1, { message: "Judul diperlukan" }),
@ -68,6 +68,7 @@ interface FileUploaded {
export function CalendarPolriAdd() { export function CalendarPolriAdd() {
const MySwal = withReactContent(Swal); const MySwal = withReactContent(Swal);
const router = useRouter();
const [open, setOpen] = React.useState(false); const [open, setOpen] = React.useState(false);
const t = useTranslations("Schedule"); const t = useTranslations("Schedule");
type CalendarSchema = z.infer<typeof calendarSchema>; type CalendarSchema = z.infer<typeof calendarSchema>;
@ -212,9 +213,7 @@ export function CalendarPolriAdd() {
return false; return false;
} }
Cookies.set("scheduleId", response?.data?.data.id, { const id = response?.data?.data?.id;
expires: 1,
});
loading(); loading();
if (imageFiles?.length === 0) { if (imageFiles?.length === 0) {
@ -242,7 +241,7 @@ export function CalendarPolriAdd() {
}; };
const upload = new Upload(file, { const upload = new Upload(file, {
endpoint: `${process.env.NEXT_PUBLIC_API}/agenda-settings/file/upload`, endpoint: `${process.env.NEXT_PUBLIC_API}/calendars/file/upload`,
headers: headers, headers: headers,
retryDelays: [0, 3000, 6000, 12_000, 24_000], retryDelays: [0, 3000, 6000, 12_000, 24_000],
chunkSize: 20_000, chunkSize: 20_000,

2
components/form/setting/form-add-iklan.tsx
View File

@ -134,7 +134,7 @@ export function TambahIklanModal() {
}; };
const handlePoldaPolresChange = () => { const handlePoldaPolresChange = () => {
return Array.from(checkedLevels).join(","); // Mengonversi Set ke string return Array.from(checkedLevels).join(",");
}; };
const handleUnitChange = ( const handleUnitChange = (