feat : update mediahub international on landing and approver

This commit is contained in:
hanif salafi 2025-06-11 10:47:52 +07:00
parent f7b3c05a27
commit 13f25f94a7
20 changed files with 64 additions and 48 deletions

View File

@ -52,7 +52,7 @@ import { InputGroup, InputGroupText } from "@/components/ui/input-group";
import { paginationBlog } from "@/service/blog/blog"; import { paginationBlog } from "@/service/blog/blog";
import { ticketingPagination } from "@/service/ticketing/ticketing"; import { ticketingPagination } from "@/service/ticketing/ticketing";
import { Badge } from "@/components/ui/badge"; import { Badge } from "@/components/ui/badge";
import { useRouter, useSearchParams } from "next/navigation"; import { useParams, useRouter, useSearchParams } from "next/navigation";
import TablePagination from "@/components/table/table-pagination"; import TablePagination from "@/components/table/table-pagination";
import { import {
@ -73,6 +73,9 @@ import useTableColumns from "./columns";
const TableImage = () => { const TableImage = () => {
const router = useRouter(); const router = useRouter();
const searchParams = useSearchParams(); const searchParams = useSearchParams();
const params = useParams();
const locale = params?.locale;
const MySwal = withReactContent(Swal); const MySwal = withReactContent(Swal);
const [dataTable, setDataTable] = React.useState<any[]>([]); const [dataTable, setDataTable] = React.useState<any[]>([]);
const [totalData, setTotalData] = React.useState<number>(1); const [totalData, setTotalData] = React.useState<number>(1);
@ -199,7 +202,8 @@ const TableImage = () => {
formattedStartDate, // Pastikan format sesuai formattedStartDate, // Pastikan format sesuai
formattedEndDate, // Pastikan format sesuai formattedEndDate, // Pastikan format sesuai
search, search,
filterByCreatorGroup filterByCreatorGroup,
locale == "en"
); );
const data = res?.data?.data; const data = res?.data?.data;

View File

@ -2,8 +2,7 @@
import { Reveal } from "@/components/landing-page/Reveal"; import { Reveal } from "@/components/landing-page/Reveal";
import { Skeleton } from "@/components/ui/skeleton"; import { Skeleton } from "@/components/ui/skeleton";
import { getHeroData, listData } from "@/service/landing/landing"; import { listData } from "@/service/landing/landing";
import { formatDateToIndonesian } from "@/utils/globals";
import Image from "next/image"; import Image from "next/image";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";

View File

@ -1,6 +1,6 @@
"use client"; "use client";
import { Link } from "@/i18n/routing"; import { Link } from "@/i18n/routing";
import { getHeroData, listCarousel, listData } from "@/service/landing/landing"; import { listData } from "@/service/landing/landing";
import { formatDateToIndonesian, textEllipsis } from "@/utils/globals"; import { formatDateToIndonesian, textEllipsis } from "@/utils/globals";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";

View File

@ -44,7 +44,7 @@ const PopularNews = () => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
setHeroData(response?.data?.data?.content); setHeroData(response?.data?.data?.content);
}; };

View File

@ -2,8 +2,7 @@
import { Reveal } from "@/components/landing-page/Reveal"; import { Reveal } from "@/components/landing-page/Reveal";
import { Skeleton } from "@/components/ui/skeleton"; import { Skeleton } from "@/components/ui/skeleton";
import { getHeroData, listData } from "@/service/landing/landing"; import { listData } from "@/service/landing/landing";
import { formatDateToIndonesian } from "@/utils/globals";
import Image from "next/image"; import Image from "next/image";
import { useParams } from "next/navigation"; import { useParams } from "next/navigation";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";

View File

@ -683,7 +683,7 @@ export default function FormImageDetail() {
"" ""
)} */} )} */}
{detail?.isPublish == false && detail.isPublishOnPolda == true ? ( {(detail?.isPublish == false && detail.isPublishOnPolda == true) || (detail?.isPublish == false && detail?.isInternationalMedia == true && Number(detail?.statusId) == 2) ? (
<div className="flex flex-col gap-2 p-3"> <div className="flex flex-col gap-2 p-3">
<Button <Button
onClick={() => publishToMabes()} onClick={() => publishToMabes()}
@ -952,7 +952,7 @@ export default function FormImageDetail() {
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</Card> </Card>
{Number(detail?.needApprovalFromLevel) == Number(userLevelId) ? ( {(Number(detail?.needApprovalFromLevel) == Number(userLevelId)) || (detail?.isInternationalMedia == true && detail?.isForwardFromNational == true && Number(detail?.statusId) == 1) ? (
Number(detail?.uploadedById) == Number(userId) ? ( Number(detail?.uploadedById) == Number(userId) ? (
"" ""
) : ( ) : (

View File

@ -22,6 +22,7 @@ import Image from "next/image";
const HeaderBannerSatker = () => { const HeaderBannerSatker = () => {
const router = useRouter(); const router = useRouter();
const params = useParams(); const params = useParams();
const locale = params?.locale;
const satkerName: any = params?.satker_name; const satkerName: any = params?.satker_name;
const asPath: any = usePathname(); const asPath: any = usePathname();
const [content, setContent] = useState([]); const [content, setContent] = useState([]);
@ -50,7 +51,7 @@ const HeaderBannerSatker = () => {
); );
var data = res?.data?.data?.content; var data = res?.data?.data?.content;
if (data) { if (data) {
const resStatic = await listStaticBanner(satkerName, false); const resStatic = await listStaticBanner(satkerName, locale == "en");
for (let i = 0; i < resStatic?.data?.data?.length; i++) { for (let i = 0; i < resStatic?.data?.data?.length; i++) {
const media = resStatic?.data.data[i]?.mediaUpload; const media = resStatic?.data.data[i]?.mediaUpload;
media.fileTypeId = media.fileType?.id; media.fileTypeId = media.fileType?.id;

View File

@ -12,6 +12,7 @@ import { useRouter } from "@/i18n/routing";
const HeaderBanner = () => { const HeaderBanner = () => {
const router = useRouter(); const router = useRouter();
const params = useParams(); const params = useParams();
const locale = params?.locale;
const poldaName: any = params?.polda_name; const poldaName: any = params?.polda_name;
const [content, setContent] = useState([]); const [content, setContent] = useState([]);
const [isBannerLoading, setIsBannerLoading] = useState(true); const [isBannerLoading, setIsBannerLoading] = useState(true);
@ -31,7 +32,7 @@ const HeaderBanner = () => {
const res = await listData("1", "", "", 5, 0, "createdAt", "", "", poldaName); const res = await listData("1", "", "", 5, 0, "createdAt", "", "", poldaName);
var data = res?.data?.data?.content; var data = res?.data?.data?.content;
if (data) { if (data) {
const resStatic = await listStaticBanner(poldaName, false); const resStatic = await listStaticBanner(poldaName, locale == "en");
for (let i = 0; i < resStatic?.data?.data?.length; i++) { for (let i = 0; i < resStatic?.data?.data?.length; i++) {
const media = resStatic?.data.data[i]?.mediaUpload; const media = resStatic?.data.data[i]?.mediaUpload;
media.fileTypeId = media.fileType?.id; media.fileTypeId = media.fileType?.id;

View File

@ -69,7 +69,7 @@ const HeroModal = ({ onClose, group, poldaName, satkerName }: HeroModalProps) =>
const initFetch = async () => { const initFetch = async () => {
if (group === "polda" && poldaName && String(poldaName).length > 1) { if (group === "polda" && poldaName && String(poldaName).length > 1) {
const response = await listStaticBanner(poldaName); const response = await listStaticBanner(poldaName, locale == "en");
const banners = const banners =
response?.data?.data?.map((item: any) => { response?.data?.data?.map((item: any) => {
@ -245,13 +245,13 @@ const HeroNewPolda = (props: { group?: string }) => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
let data = response?.data?.data?.content; let data = response?.data?.data?.content;
setHeroData(data); setHeroData(data);
if (data && props.group === "polda" && poldaName && String(poldaName)?.length > 1) { if (data && props.group === "polda" && poldaName && String(poldaName)?.length > 1) {
const resStatic = await listStaticBanner(poldaName); const resStatic = await listStaticBanner(poldaName, locale == "en");
for (let i = 0; i < resStatic?.data?.data?.length; i++) { for (let i = 0; i < resStatic?.data?.data?.length; i++) {
const media = resStatic?.data.data[i]?.mediaUpload; const media = resStatic?.data.data[i]?.mediaUpload;

View File

@ -69,7 +69,7 @@ const HeroModal = ({ onClose, group, poldaName, satkerName }: HeroModalProps) =>
const initFetch = async () => { const initFetch = async () => {
if (group === "satker" && satkerName && String(satkerName).length > 1) { if (group === "satker" && satkerName && String(satkerName).length > 1) {
const response = await listStaticBanner(satkerName); const response = await listStaticBanner(satkerName, locale == "en");
const banners = const banners =
response?.data?.data?.map((item: any) => { response?.data?.data?.map((item: any) => {
@ -245,13 +245,13 @@ const HeroNewSatker = (props: { group?: string }) => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
let data = response?.data?.data?.content; let data = response?.data?.data?.content;
setHeroData(data); setHeroData(data);
if (data && props.group === "satker" && satkerName && String(satkerName)?.length > 1) { if (data && props.group === "satker" && satkerName && String(satkerName)?.length > 1) {
const resStatic = await listStaticBanner(satkerName); const resStatic = await listStaticBanner(satkerName, locale == "en");
for (let i = 0; i < resStatic?.data?.data?.length; i++) { for (let i = 0; i < resStatic?.data?.data?.length; i++) {
const media = resStatic?.data.data[i]?.mediaUpload; const media = resStatic?.data.data[i]?.mediaUpload;

View File

@ -100,7 +100,8 @@ const HeroModal = ({
? poldaName ? poldaName
: group === "satker" && satkerName && String(satkerName)?.length > 1 : group === "satker" && satkerName && String(satkerName)?.length > 1
? "satker-" + satkerName ? "satker-" + satkerName
: "" : "",
locale == "en"
); );
const banners = const banners =
@ -295,7 +296,7 @@ const HeroNew = (props: { group?: string }) => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
let data = response?.data?.data?.content; let data = response?.data?.data?.content;
setHeroData(response?.data?.data?.content); setHeroData(response?.data?.data?.content);
@ -309,7 +310,8 @@ const HeroNew = (props: { group?: string }) => {
satkerName && satkerName &&
String(satkerName)?.length > 1 String(satkerName)?.length > 1
? "satker-" + satkerName ? "satker-" + satkerName
: "" : "",
locale == "en"
); );
for (let i = 0; i < resStatic?.data?.data?.length; i++) { for (let i = 0; i < resStatic?.data?.data?.length; i++) {
const media = resStatic?.data.data[i]?.mediaUpload; const media = resStatic?.data.data[i]?.mediaUpload;

View File

@ -79,11 +79,11 @@ const HeroModal = ({ onClose }: { onClose: () => void }) => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
let data = response?.data?.data?.content; let data = response?.data?.data?.content;
if (data) { if (data) {
const resStatic = await listStaticBanner(); const resStatic = await listStaticBanner("", locale == "en");
for (let i = 0; i < resStatic?.data?.data?.length; i++) { for (let i = 0; i < resStatic?.data?.data?.length; i++) {
const media = resStatic?.data.data[i]?.mediaUpload; const media = resStatic?.data.data[i]?.mediaUpload;
media.fileTypeId = media.fileType?.id; media.fileTypeId = media.fileType?.id;
@ -287,7 +287,7 @@ const Hero = (props: { group?: string }) => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
let data = response?.data?.data?.content; let data = response?.data?.data?.content;
setHeroData(response?.data?.data?.content); setHeroData(response?.data?.data?.content);
@ -301,7 +301,8 @@ const Hero = (props: { group?: string }) => {
satkerName && satkerName &&
String(satkerName)?.length > 1 String(satkerName)?.length > 1
? "satker-" + satkerName ? "satker-" + satkerName
: "" : "",
locale == "en"
); );
for (let i = 0; i < resStatic?.data?.data?.length; i++) { for (let i = 0; i < resStatic?.data?.data?.length; i++) {
const media = resStatic?.data.data[i]?.mediaUpload; const media = resStatic?.data.data[i]?.mediaUpload;

View File

@ -5,14 +5,19 @@ import { formatDateToIndonesian, textEllipsis } from "@/utils/globals";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Icon } from "../ui/icon"; import { Icon } from "../ui/icon";
import { useTranslations } from "next-intl"; import { useTranslations } from "next-intl";
import { useParams } from "next/navigation";
export default function NewsTicker() { export default function NewsTicker() {
const [article, setArticle] = useState<any>([]); const [article, setArticle] = useState<any>([]);
const [currentNewsIndex, setCurrentNewsIndex] = useState<any>(0); const [currentNewsIndex, setCurrentNewsIndex] = useState<any>(0);
const [animate, setAnimate] = useState(false); const [animate, setAnimate] = useState(false);
const params = useParams();
const locale = params?.locale;
const t = useTranslations("LandingPage"); const t = useTranslations("LandingPage");
useEffect(() => { useEffect(() => {
async function getArticle() { async function getArticle() {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
setArticle(response?.data?.data?.content); setArticle(response?.data?.data?.content);
} }
getArticle(); getArticle();

View File

@ -43,7 +43,7 @@ const ScrollableContentPolda = () => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
let data = response?.data?.data?.content; let data = response?.data?.data?.content;

View File

@ -50,7 +50,7 @@ const ScrollableContentSatker = () => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
let data = response?.data?.data?.content; let data = response?.data?.data?.content;

View File

@ -22,6 +22,7 @@ const ScrollableContent = () => {
const locale = params?.locale; const locale = params?.locale;
const t = useTranslations("LandingPage"); const t = useTranslations("LandingPage");
const [content, setContent] = useState<any>(); const [content, setContent] = useState<any>();
useEffect(() => { useEffect(() => {
async function fetchCategories() { async function fetchCategories() {
const url = "https://netidhub.com/api/csrf"; const url = "https://netidhub.com/api/csrf";
@ -45,12 +46,13 @@ const ScrollableContent = () => {
}, []); }, []);
const initFetch = async () => { const initFetch = async () => {
const response = await getHeroData(); const response = await getHeroData(locale == "en");
console.log(response); console.log(response);
let data = response?.data?.data?.content; let data = response?.data?.data?.content;
setContent(data); setContent(data);
}; };
return ( return (
<> <>
<div className=""> <div className="">

View File

@ -149,7 +149,6 @@ const LoginForm = () => {
console.log("PROFILE : ", profile?.data?.data); console.log("PROFILE : ", profile?.data?.data);
if ( if (
profile?.data?.data?.isInternational == true ||
profile?.data?.data?.isActive == false || profile?.data?.data?.isActive == false ||
profile?.data?.data?.isDelete == true profile?.data?.data?.isDelete == true
) { ) {
@ -225,6 +224,8 @@ const LoginForm = () => {
Number(profile?.data?.data?.roleId) == 10 || Number(profile?.data?.data?.roleId) == 10 ||
Number(profile?.data?.data?.roleId) == 11 || Number(profile?.data?.data?.roleId) == 11 ||
Number(profile?.data?.data?.roleId) == 12 || Number(profile?.data?.data?.roleId) == 12 ||
Number(profile?.data?.data?.roleId) == 14 ||
Number(profile?.data?.data?.roleId) == 15 ||
Number(profile?.data?.data?.roleId) == 18 || Number(profile?.data?.data?.roleId) == 18 ||
Number(profile?.data?.data?.roleId) == 19 Number(profile?.data?.data?.roleId) == 19
) { ) {

View File

@ -38,7 +38,7 @@ export function getMenuList(pathname: string, t: any): Group[] {
let menusSelected = <any>[]; let menusSelected = <any>[];
if (Number(roleId) == 3 && Number(levelNumber) == 1) { if ((Number(roleId) == 3 || Number(roleId) == 14) && Number(levelNumber) == 1) {
menusSelected = [ menusSelected = [
{ {
groupLabel: t("apps"), groupLabel: t("apps"),
@ -1700,7 +1700,7 @@ export function getMenuList(pathname: string, t: any): Group[] {
}, },
]; ];
} else if ( } else if (
(Number(roleId) == 3 || Number(roleId) == 4) && (Number(roleId) == 3 || Number(roleId) == 4 || Number(roleId) == 14 || Number(roleId) == 15) &&
Number(levelNumber) == 2 Number(levelNumber) == 2
) { ) {
if (Number(userLevelId) != 761) { if (Number(userLevelId) != 761) {
@ -2158,7 +2158,7 @@ export function getMenuList(pathname: string, t: any): Group[] {
]; ];
} }
} else if ( } else if (
(Number(roleId) == 3 || Number(roleId) == 4) && (Number(roleId) == 3 || Number(roleId) == 4 || Number(roleId) == 14 || Number(roleId) == 15) &&
Number(levelNumber) == 3 Number(levelNumber) == 3
) { ) {
if (Number(userParentLevelId) != 761) { if (Number(userParentLevelId) != 761) {

View File

@ -47,22 +47,23 @@ export async function listDataAll(
} }
export async function listDataImage( export async function listDataImage(
size: any, size: any = "",
page: any, page: any = "",
isForSelf: any, isForSelf: any = "",
isApproval: any, isApproval: any = "",
categoryFilter: any, categoryFilter: any = "",
statusFilter: any, statusFilter: any = "",
needApprovalFromLevel: any, needApprovalFromLevel: any = "",
creator: any, creator: any = "",
source: any, source: any = "",
startDate: any, startDate: any = "",
endDate: any, endDate: any = "",
title: string = "", title: string = "",
creatorGroup: string = "" creatorGroup: string = "",
isInt: boolean = false
) { ) {
return await httpGetInterceptor( return await httpGetInterceptor(
`media/list?enablePage=1&size=${size}&sortBy=createdAt&sort=desc&page=${page}&typeId=1&isForSelf=${isForSelf}&isApproval=${isApproval}&categoryId=${categoryFilter}&statusId=${statusFilter}&needApprovalFromLevel=${needApprovalFromLevel}&creatorUserLevelName=${source}&creatorName=${creator}&startDate=${startDate}&endDate=${endDate}&title=${title}&creatorGroupLevelName=${creatorGroup}` `media/list?enablePage=1&size=${size}&sortBy=createdAt&sort=desc&page=${page}&typeId=1&isForSelf=${isForSelf}&isApproval=${isApproval}&categoryId=${categoryFilter}&statusId=${statusFilter}&creatorUserLevelName=${source}&creatorName=${creator}&startDate=${startDate}&endDate=${endDate}&title=${title}&creatorGroupLevelName=${creatorGroup}&needApprovalFromLevel=${needApprovalFromLevel}&isInt=${isInt}`
); );
} }

View File

@ -31,9 +31,9 @@ export async function getCsrfToken() {
// } // }
} }
export async function getHeroData() { export async function getHeroData(isInt: Boolean = false) {
return await httpGetInterceptor( return await httpGetInterceptor(
`media/public/list?enablePage=1&sort=desc&sortBy=createdAt&size=5&page=0&typeId=1&title=&categoryId=&fileFormats=&tags=&group=&startDate=&endDate=&month=&year=` `media/public/list?enablePage=1&sort=desc&sortBy=createdAt&size=5&page=0&typeId=1&title=&categoryId=&fileFormats=&tags=&group=&startDate=&endDate=&month=&year=&isInt=${isInt}`
); );
} }