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

Merge branch 'dev-sabda-v2' of https://gitlab.com/hanifsalafi/mediahub_redesign

This commit is contained in:
hanif salafi 2025-07-17 02:32:42 +07:00
parent 1fb792402d 4675b997f4
commit e6a093bbaa
5 changed files with 467 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/form/content/audio-detail-form.tsx
View File

@ -560,7 +560,7 @@ export default function FormAudioDetail() {
<Label className="text-xl space-y-2"> <Label className="text-xl space-y-2">
{t("file-media", { defaultValue: "File Media" })} {t("file-media", { defaultValue: "File Media" })}
</Label> </Label>
<div className="container example"> <div className="w-full">
{detailThumb.map((url, index) => ( {detailThumb.map((url, index) => (
<div key={index}> <div key={index}>
{/* <WavesurferPlayer {/* <WavesurferPlayer

10
components/form/content/video-detail-form.tsx
View File

@ -493,7 +493,7 @@ export default function FormVideoDetail() {
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label className="text-xl "> {t("file-media", { defaultValue: "File Media" })}</Label> <Label className="text-xl "> {t("file-media", { defaultValue: "File Media" })}</Label>
<div className="w-full "> <div className="w-full">
<Swiper <Swiper
thumbs={{ swiper: thumbsSwiper }} thumbs={{ swiper: thumbsSwiper }}
modules={[FreeMode, Navigation, Thumbs]} modules={[FreeMode, Navigation, Thumbs]}
@ -511,10 +511,10 @@ export default function FormVideoDetail() {
</SwiperSlide> </SwiperSlide>
))} ))}
</Swiper> </Swiper>
<div className=" mt-2 "> <div className="mt-2">
<Swiper <Swiper
onSwiper={setThumbsSwiper} onSwiper={setThumbsSwiper}
slidesPerView={6} slidesPerView={8}
spaceBetween={8} spaceBetween={8}
pagination={{ pagination={{
clickable: true, clickable: true,
@ -525,10 +525,10 @@ export default function FormVideoDetail() {
{files?.map((data: any) => ( {files?.map((data: any) => (
<SwiperSlide key={data.id}> <SwiperSlide key={data.id}>
<video <video
className="object-cover h-[60px] w-[80px]" className="object-cover h-[60px] w-[80px] cursor-pointer"
src={data.secondaryUrl} src={data.secondaryUrl}
muted muted
title={`Video ${data.id}`} // Mengganti alt dengan title title={`Video ${data.id}`}
/> />
</SwiperSlide> </SwiperSlide>
))} ))}

38
components/main/video-detail.tsx
View File

@ -472,37 +472,25 @@ const DetailVideo = () => {
<VideoPlayer url={detailDataVideo?.files[selectedVideo]?.url} /> <VideoPlayer url={detailDataVideo?.files[selectedVideo]?.url} />
<div className="absolute top-4 left-4"></div> <div className="absolute top-4 left-4"></div>
</div> </div>
<div className="py-4 flex flex-col gap-3"> <div className="py-4 flex flex-row gap-3">
{detailDataVideo?.files?.map((file: any, index: number) => ( {detailDataVideo?.files?.map((file: any, index: number) => (
<a onClick={() => setSelectedVideo(index)} key={file?.id}> <div
{/* <Image key={file?.id}
placeholder={`data:image/svg+xml;base64,${toBase64( onClick={() => setSelectedVideo(index)}
shimmer(700, 475) className="cursor-pointer flex flex-col items-center gap-1"
)}`} >
width={1920} <img
height={1080} src={file?.thumbnailLink}
alt="image-small" alt={file?.fileName}
src={file?.url} className="w-32 h-20 object-cover rounded"
className="w-[120px] h-[90px] object-cover rounded-md cursor-pointer hover:ring-2 hover:ring-red-600" />
/> */} {/* <p className="text-sm text-center">{file?.fileName}</p> */}
<p className="cursor-pointer"> </div>
{file.fileName} | {index + 1}
</p>
</a>
))} ))}
</div> </div>
{/* Footer Informasi */} {/* Footer Informasi */}
<div className="text-gray-500 flex flex-col lg:flex-row justify-between items-center border-t mt-4"> <div className="text-gray-500 flex flex-col lg:flex-row justify-between items-center border-t mt-4">
{/* <p className="flex flex-row items-center mt-3">
oleh&nbsp;
<span className="font-semibold text-black">{detailDataVideo?.uploadedBy?.userLevel?.name}</span>
&nbsp;|&nbsp;Diupdate pada {detailDataVideo?.updatedAt} WIB&nbsp;|&nbsp;
<Icon icon="formkit:eye" width="15" height="15" />
&nbsp;
{detailDataVideo?.clickCount}
</p>
<p className="mt-3">Kreator: {detailDataVideo?.creatorName}</p> */}
<div className="flex flex-col lg:flex-row items-center mt-3 lg:justify-between"> <div className="flex flex-col lg:flex-row items-center mt-3 lg:justify-between">
<p className="text-xs lg:text-sm"> <p className="text-xs lg:text-sm">
{t("by", { defaultValue: "By" })}&nbsp; {t("by", { defaultValue: "By" })}&nbsp;

534
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
View File

@ -20,6 +20,7 @@
"@dnd-kit/core": "^6.1.0", "@dnd-kit/core": "^6.1.0",
"@dnd-kit/modifiers": "^7.0.0", "@dnd-kit/modifiers": "^7.0.0",
"@dnd-kit/sortable": "^8.0.0", "@dnd-kit/sortable": "^8.0.0",
"@dschoon/react-waves": "^4.0.3",
"@emoji-mart/data": "^1.2.1", "@emoji-mart/data": "^1.2.1",
"@emoji-mart/react": "^1.1.1", "@emoji-mart/react": "^1.1.1",
"@fullcalendar/core": "^6.1.15", "@fullcalendar/core": "^6.1.15",