Tambahan Hari Ini

src/app/api/admin/forum/komentar/route.ts

@@ -0,0 +1,116 @@
+import { count } from 'console';
+import { prisma } from "@/app/lib";
+import backendLogger from "@/util/backendLogger";
+import { NextResponse } from "next/server";
+import _ from 'lodash';
+
+export async function GET(request: Request, { komentarId }: { komentarId: string }) {
+    const method = request.method;
+    if (method !== "GET") {
+        return NextResponse.json({
+            success: false,
+            message: "Method not allowed"
+        },
+            { status: 405 }
+        );
+    }
+
+    const { searchParams } = new URL(request.url);
+    const search = searchParams.get("search");
+    const page = searchParams.get("page");
+    const takeData = 10;
+    const skipData = Number(page) * takeData - takeData;
+
+    console.log("Ini page", page)
+
+    try {
+        let fixData;
+
+        
+
+        if (!page) {
+            fixData = await prisma.forum_ReportKomentar.findMany({
+                
+                orderBy: {
+                    createdAt: "desc"
+                  },
+                  where: {
+                    forum_KomentarId: komentarId,
+                  },
+                  select: {
+                    id: true,
+                    isActive: true,
+                    createdAt: true,
+                    deskripsi: true,
+                    ForumMaster_KategoriReport: true,
+                    User: {
+                      select: {
+                        Profile: {
+                          select: {
+                            id: true,
+                            name: true,
+                          },
+                        },
+                      },
+                    },
+                  },
+            })
+        } else {
+            const data = await prisma.forum_ReportKomentar.findMany({
+                take: takeData,
+                skip: skipData,
+                orderBy: {
+                    createdAt: "desc",
+                },
+                where: {
+                    forum_KomentarId: komentarId,
+                  },
+                  select: {
+                    id: true,
+                    isActive: true,
+                    createdAt: true,
+                    deskripsi: true,
+                    ForumMaster_KategoriReport: true,
+                    User: {
+                      select: {
+                        Profile: {
+                          select: {
+                            id: true,
+                            name: true,
+                          },
+                        },
+                      },
+                    },
+                  },
+            })
+            const nCount = await prisma.forum_ReportKomentar.count({
+                where: {
+                    forum_KomentarId: komentarId,
+                }
+            })
+
+            fixData = {
+                data: data,
+                nCount: _.ceil(nCount / takeData)
+            }
+        }
+        console.log("Ini fixData", fixData)
+        return NextResponse.json({
+            success: true,
+            message: "Success get data forum komentar",
+            data: fixData,
+        },
+            { status: 200 }
+        )
+    } catch (error) {
+        backendLogger.error("Error get data forum komentar", error);
+        return NextResponse.json({
+            success: false,
+            message: "Error get data forum komentar",
+            reason: (error as Error).message
+        },
+        )
+    } finally {
+        await prisma.$disconnect();
+    }
+}

src/app/api/admin/forum/posting/route.ts

@@ -0,0 +1,150 @@
+import { prisma } from "@/app/lib";
+import backendLogger from "@/util/backendLogger";
+import _ from "lodash";
+import { NextResponse } from "next/server";
+
+export async function GET(request: Request,
+    { postingId }: { postingId: string }) {
+    const method = request.method;
+    if (method !== "GET") {
+        return NextResponse.json({
+            success: false,
+            message: "Method not allowed",
+        },
+            { status: 405 }
+        )
+    }
+
+    
+    const { searchParams } = new URL(request.url);
+    const search = searchParams.get('search');
+    const page = searchParams.get('page');
+    const takeData = 10;
+    const skipData = Number(page) * takeData - takeData;
+
+    try {
+        let fixData;
+
+        if (!page) {
+            fixData = await prisma.forum_ReportPosting.findMany({
+                
+                orderBy: {
+                    createdAt: "desc",
+                },
+                where: {
+                    forum_PostingId: postingId,
+                },
+                select: {
+                    id: true,
+                    deskripsi: true,
+                    createdAt: true,
+                    User: {
+                      select: {
+                        id: true,
+                        username: true,
+                        Profile: {
+                          select: {
+                            name: true,
+                          },
+                        },
+                      },
+                    },
+                    ForumMaster_KategoriReport: {
+                      select: {
+                        id: true,
+                        title: true,
+                        deskripsi: true,
+                      },
+                    },
+                  },
+            });
+        } else {
+            const data = await prisma.forum_ReportPosting.findMany({
+                take: takeData,
+                skip: skipData,
+                orderBy: {
+                    createdAt: "desc",
+                },
+                where: {
+                    Forum_Posting: {
+                        isActive: true,
+                        diskusi: {
+                            contains: search ? search : '',
+                            mode: "insensitive"
+                        }
+                    },
+
+                },
+                select: {
+                    id: true,
+                    isActive: true,
+                    createdAt: true,
+                    deskripsi: true,
+                    forumMaster_KategoriReportId: true,
+                    ForumMaster_KategoriReport: {
+                        select: {
+                            id: true,
+                            title: true,
+                            deskripsi: true,
+                        },
+                    },
+
+                    forum_PostingId: true,
+                    Forum_Posting: {
+                        select: {
+                            id: true,
+                            diskusi: true,
+                            ForumMaster_StatusPosting: {
+                                select: {
+                                    id: true,
+                                    status: true,
+                                }
+                            },
+                            Author: {
+                                select: {
+                                    id: true,
+                                    username: true
+                                }
+                            }
+                        },
+                    },
+                    userId: true,
+                    User: {
+                        select: {
+                            id: true,
+                            username: true,
+                        },
+                    },
+                },
+            });
+            const nCount = await prisma.forum_ReportPosting.count({
+                where: {
+                    isActive: true,
+                }
+            })
+
+
+            fixData = {
+                data: data,
+                nCount: _.ceil(nCount / takeData)
+            }
+        }
+        return NextResponse.json({
+            success: true,
+            data: fixData,
+            message: "Success get data forum posting"
+        },
+            { status: 200 }
+        )
+    } catch (error) {
+        backendLogger.error("Error get data forum posting >>", error);
+        return NextResponse.json({
+            success: false,
+            message: "Error get data forum posting",
+        },
+            { status: 500 }
+        )
+    } finally {
+        await prisma.$disconnect();
+    }
+}

src/app/api/admin/forum/publish/route.ts

@@ -24,6 +24,41 @@ export async function GET(request: Request) {
         let fixData;
 
         if (!page) {
+            fixData = await prisma.forum_Posting.findMany({
+               
+                orderBy: {
+                    createdAt: "desc",
+                },
+                where: {
+                    isActive: true,
+                    diskusi: {
+                        contains: search ? search : "",
+                        mode: "insensitive",
+                    },
+                },
+                select: {
+                    id: true,
+                    diskusi: true,
+                    isActive: true,
+                    createdAt: true,
+                    Author: {
+                        select: {
+                            id: true,
+                            username: true,
+                            Profile: true,
+                        },
+                    },
+                    Forum_ReportPosting: true,
+                    Forum_Komentar: {
+                        where: {
+                            isActive: true,
+                        },
+                    },
+                    ForumMaster_StatusPosting: true,
+                },
+            });
+
+        } else {
             const data = await prisma.forum_Posting.findMany({
                 take: takeData,
                 skip: skipData,
@@ -73,7 +108,6 @@ export async function GET(request: Request) {
                 data: data,
                 nCount: _.ceil(nCount / takeData)
             }
-
         }
         return NextResponse.json({
             success: true,
@@ -91,5 +125,7 @@ export async function GET(request: Request) {
         },
             { status: 500 }
         )
+    } finally {
+        await prisma.$disconnect()
     }
 }

src/app/api/admin/voting/dashboard/riwayat/route.ts

@@ -31,7 +31,7 @@ export async function GET(request: Request) {
         )
     } catch (error) {
         backendLogger.error('Error get data voting dashboard >>', error);
-        NextResponse.json({
+        return NextResponse.json({
             success: false,
             message: 'Error get data voting dashboard',
             reason: (error as Error).message

src/app_modules/admin/forum/lib/api_fetch_admin_forum.ts

@@ -1,7 +1,10 @@
 export {
     apiGetAdminForumPublishCountDasboard,
+    apiGetAdminCountForumReportPosting ,
+    apiGetAdminCountForumReportKomentar,
     apiGetAdminForumReportPosting,
-    apiGetAdminForumReportKomentar
+    apiGetAdminForumReportKomentar,
+    apiGetAdminForumPublish
 }
 
 const apiGetAdminForumPublishCountDasboard = async () => {
@@ -21,7 +24,7 @@ const apiGetAdminForumPublishCountDasboard = async () => {
     return await response.json().catch(() => null);
 }
 
-const apiGetAdminForumReportPosting = async () => {
+const apiGetAdminCountForumReportPosting = async () => {
     const { token } = await fetch("/api/get-cookie").then((res) => res.json());
     if (!token) return await token.json().catch(() => null);
 
@@ -38,6 +41,38 @@ const apiGetAdminForumReportPosting = async () => {
     return await response.json().catch(() => null);
 }
 
+const apiGetAdminCountForumReportKomentar = async () => {
+    const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+    if (!token) return await token.json().catch(() => null);
+
+    const response = await fetch(`/api/admin/forum/dashboard/report_komentar`, {
+        method: "GET",
+        headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json",
+            "Access-Control-Allow-Origin": "*",
+            Authorization: `Bearer ${token}`,
+        },
+    })
+
+    return await response.json().catch(() => null);
+}
+const apiGetAdminForumReportPosting = async () => {
+    const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+    if (!token) return await token.json().catch(() => null);
+
+    const response = await fetch(`/api/admin/forum/dashboard/report_posting`, {
+        method: "GET",
+        headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json",
+            "Access-Control-Allow-Origin": "*",
+            Authorization: `Bearer ${token}`,
+        },
+    })
+
+    return await response.json().catch(() => null);
+}
 const apiGetAdminForumReportKomentar = async () => {
     const { token } = await fetch("/api/get-cookie").then((res) => res.json());
     if (!token) return await token.json().catch(() => null);
@@ -52,5 +87,21 @@ const apiGetAdminForumReportKomentar = async () => {
         },
     })
 
+    return await response.json().catch(() => null);
+}
+const apiGetAdminForumPublish = async () => {
+    const { token } = await fetch("/api/get-cookie").then((res) => res.json());
+    if (!token) return await token.json().catch(() => null);
+
+    const response = await fetch(`/api/admin/forum/dashboard/publish`, {
+        method: "GET",
+        headers: {
+            "Content-Type": "application/json",
+            Accept: "application/json",
+            "Access-Control-Allow-Origin": "*",
+            Authorization: `Bearer ${token}`,
+        },
+    })
+
     return await response.json().catch(() => null);
 }

src/app_modules/admin/forum/main/dashboard.tsx

@@ -8,7 +8,7 @@ import { AdminColor } from "@/app_modules/_global/color/color_pallet";
 import { useShallowEffect } from "@mantine/hooks";
 import { clientLogger } from "@/util/clientLogger";
 import global_limit from "@/app/lib/limit";
-import { apiGetAdminForumPublishCountDasboard } from "../lib/api_fetch_admin_forum";
+import { apiGetAdminCountForumReportKomentar, apiGetAdminCountForumReportPosting, apiGetAdminForumPublishCountDasboard } from "../lib/api_fetch_admin_forum";
 import { useState } from "react";
 import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
@@ -63,7 +63,7 @@ function ForumMain() {
 
   async function onLoadCountReportPosting() {
     try {
-      const response = await apiGetAdminForumPublishCountDasboard()
+      const response = await apiGetAdminCountForumReportPosting()
       if (response) {
         setCountLaporanPosting(response.data)
       }
@@ -74,7 +74,7 @@ function ForumMain() {
 
   async function onLoadCountReportKomentar() {
     try {
-      const response = await apiGetAdminForumPublishCountDasboard()
+      const response = await apiGetAdminCountForumReportKomentar()
       if (response) {
         setCountLaporanKomentar(response.data)
       }

src/app_modules/admin/forum/sub_menu/table_posting.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+
 import { RouterAdminForum } from "@/app/lib/router_admin/router_admin_forum";
 import { RouterForum } from "@/app/lib/router_hipmi/router_forum";
 import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
@@ -30,13 +31,17 @@ import { useState } from "react";
 import { adminForum_funDeletePostingById } from "../fun/delete/fun_delete_posting_by_id";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
-import { useDisclosure } from "@mantine/hooks";
+import { useDisclosure, useShallowEffect } from "@mantine/hooks";
 import { adminForum_getListPosting } from "../fun/get/get_list_publish";
 import adminJob_getListPublish from "@/app_modules/admin/job/fun/get/get_list_publish";
 import ComponentAdminForum_ButtonDeletePosting from "../component/button_delete";
 import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component";
 import { AdminColor } from "@/app_modules/_global/color/color_pallet";
+import { apiGetAdminForumPublish } from "../lib/api_fetch_admin_forum";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+
 
 export default function AdminForum_TablePosting({
   listPublish,
@@ -47,125 +52,150 @@ export default function AdminForum_TablePosting({
     <>
       <Stack>
         <ComponentAdminGlobal_HeaderTamplate name="Forum" />
-        <TablePublish listPublish={listPublish} />
+        <TablePublish />
         {/* <pre>{JSON.stringify(listPublish, null, 2)}</pre> */}
       </Stack>
     </>
   );
 }
 
-function TablePublish({ listPublish }: { listPublish: any }) {
+
+function TablePublish() {
   const router = useRouter();
-  const [data, setData] = useState<MODEL_FORUM_POSTING[]>(listPublish.data);
+  const [data, setData] = useState<MODEL_FORUM_POSTING[] | null>(null);
-  const [nPage, setNPage] = useState(listPublish.nPage);
+  const [nPage, setNPage] = useState<number>(1);
   const [activePage, setActivePage] = useState(1);
   const [isSearch, setSearch] = useState("");
 
-  async function onSearch(s: string) {
-    setSearch(s);
-    setActivePage(1);
-    const loadData = await adminForum_getListPosting({
-      page: 1,
-      search: s,
-    });
-    setData(loadData.data as any);
-    setNPage(loadData.nPage);
-  }
 
-  async function onPageClick(p: any) {
+  useShallowEffect(() => {
-    setActivePage(p);
+    const loadInitialData = async () => {
-    const loadData = await adminForum_getListPosting({
+      try {
-      search: isSearch,
+        const response = await apiGetAdminForumPublish()
-      page: p,
+
-    });
+
-    setData(loadData.data as any);
+        if (response?.success && response?.data.data) {
-    setNPage(loadData.nPage);
+          setData(response.data.data);
+          setNPage(response.data.nPage || 1);
+        } else {
+          console.error("Invalid data format recieved:", response);
+          setData([]);
+        }
+      } catch (error) {
+        clientLogger.error("Invlid data format recieved:", error);
+        setData([]);
+      }
+    }
+    loadInitialData();
+  }, [activePage, isSearch]);
+  const onSearch = async (searchTerm: string) => {
+    setSearch(searchTerm);
+    setActivePage(1);
   }
 
   async function onLoadData() {
-     const loadData = await adminForum_getListPosting({
+    const loadData = await adminForum_getListPosting({
-       page: 1,
+      page: 1,
-     });
+    });
-     setData(loadData.data as any);
+    setData(loadData.data as any);
-     setNPage(loadData.nPage);
+    setNPage(loadData.nPage);
   }
 
-  const TableRows = data?.map((e, i) => (
+  const onPageClick = (page: number) => {
-    <tr key={i}>
+    setActivePage(page);
-      <td>
+  }
-        <Center w={200}>
+
-          <Text c={AdminColor.white} lineClamp={1}>{e?.Author?.username}</Text>
+
-        </Center>
+  const renderTableBody = () => {
-      </td>
+    if (!Array.isArray(data) || data.length === 0) {
-      <td>
+      return (
-        <Center w={100}>
+        <tr>
-          <Badge
+          <td colSpan={12}>
-            color={
+            <Center>
-              (e?.ForumMaster_StatusPosting?.id as any) === 1 ? "green" : "red"
+              <Text color="gray">Tidak ada data</Text>
-            }
+            </Center>
-          >
+          </td>
-            {e?.ForumMaster_StatusPosting?.status}
+        </tr>
-          </Badge>
+      )
-        </Center>
+    }
-      </td>
+    return data?.map((e, i) => (
-      <td>
+      <tr key={i}>
-        <Box w={400}>
+        <td>
-          <Spoiler
+          <Center w={200}>
-            // w={400}
+            <Text c={AdminColor.white} lineClamp={1}>{e?.Author?.username}</Text>
-            maxHeight={60}
+          </Center>
-            hideLabel="sembunyikan"
+        </td>
-            showLabel="tampilkan"
+        <td>
-          >
+          <Center w={100}>
-            <div
+            <Badge
-              dangerouslySetInnerHTML={{
+              color={
-                __html: e?.diskusi,
+                (e?.ForumMaster_StatusPosting?.id as any) === 1 ? "green" : "red"
+              }
+            >
+              {e?.ForumMaster_StatusPosting?.status}
+            </Badge>
+          </Center>
+        </td>
+        <td>
+          <Box w={400}>
+            <Spoiler
+              // w={400}
+              maxHeight={60}
+              hideLabel="sembunyikan"
+              showLabel="tampilkan"
+            >
+              <div
+                dangerouslySetInnerHTML={{
+                  __html: e?.diskusi,
+                }}
+              />
+            </Spoiler>
+          </Box>
+        </td>
+        <td>
+          <Center w={150}>
+            <Text c={AdminColor.white}>
+              {new Intl.DateTimeFormat(["id-ID"], { dateStyle: "medium" }).format(
+                e.createdAt
+              )}
+            </Text>
+          </Center>
+        </td>
+        <td>
+          <Center w={150}>
+            <Text c={AdminColor.white} fw={"bold"} fz={"lg"}>
+              {e?.Forum_Komentar.length}
+            </Text>
+          </Center>
+        </td>
+        <td>
+          <Center w={150}>
+            <Text
+              c={e?.Forum_ReportPosting?.length >= 3 ? "red" : "black"}
+              fw={"bold"}
+              fz={"lg"}
+            >
+              {e?.Forum_ReportPosting.length}
+            </Text>
+          </Center>
+        </td>
+        <td>
+          <Stack align="center" spacing={"xs"}>
+            <ButtonAction postingId={e?.id} />
+            <ComponentAdminForum_ButtonDeletePosting
+              postingId={e?.id}
+              onSuccesDelete={(val) => {
+                if (val) {
+                  onLoadData();
+                }
               }}
             />
-          </Spoiler>
+          </Stack>
-        </Box>
+        </td>
-      </td>
+      </tr>
-      <td>
+    ));
-        <Center w={150}>
+  }
-          <Text c={AdminColor.white}>
+
-            {new Intl.DateTimeFormat(["id-ID"], { dateStyle: "medium" }).format(
-              e.createdAt
-            )}
-          </Text>
-        </Center>
-      </td>
-      <td>
-        <Center w={150}>
-          <Text c={AdminColor.white} fw={"bold"} fz={"lg"}>
-            {e?.Forum_Komentar.length}
-          </Text>
-        </Center>
-      </td>
-      <td>
-        <Center w={150}>
-          <Text
-            c={e?.Forum_ReportPosting?.length >= 3 ? "red" : "black"}
-            fw={"bold"}
-            fz={"lg"}
-          >
-            {e?.Forum_ReportPosting.length}
-          </Text>
-        </Center>
-      </td>
-      <td>
-        <Stack align="center" spacing={"xs"}>
-          <ButtonAction postingId={e?.id} />
-          <ComponentAdminForum_ButtonDeletePosting
-            postingId={e?.id}
-            onSuccesDelete={(val) => {
-              if (val) {
-                onLoadData();
-              }
-            }}
-          />
-        </Stack>
-      </td>
-    </tr>
-  ));
 
   return (
     <>
@@ -175,36 +205,37 @@ function TablePublish({ listPublish }: { listPublish: any }) {
           color={AdminColor.softBlue}
           component={
             <TextInput
-            icon={<IconSearch size={20} />}
+              icon={<IconSearch size={20} />}
-            radius={"xl"}
+              radius={"xl"}
-            placeholder="Cari postingan"
+              placeholder="Cari postingan"
-            onChange={(val) => {
+              onChange={(val) => {
-              onSearch(val.currentTarget.value);
+                onSearch(val.currentTarget.value);
-            }}
+              }}
-          />
+            />
           }
         />
         {/* <Group
-          position="apart"
+         position="apart"
-          bg={"green.4"}
+         bg={"green.4"}
-          p={"xs"}
+         p={"xs"}
-          style={{ borderRadius: "6px" }}
+         style={{ borderRadius: "6px" }}
-        >
+       >
-          <Title order={4} c={"white"}>
+         <Title order={4} c={"white"}>
-            Posting
+           Posting
-          </Title>
+         </Title>
-          <TextInput
+         <TextInput
-            icon={<IconSearch size={20} />}
+           icon={<IconSearch size={20} />}
-            radius={"xl"}
+           radius={"xl"}
-            placeholder="Cari postingan"
+           placeholder="Cari postingan"
-            onChange={(val) => {
+           onChange={(val) => {
-              onSearch(val.currentTarget.value);
+             onSearch(val.currentTarget.value);
-            }}
+           }}
-          />
+         />
-        </Group> */}
+       </Group> */}
-        
+
-        {isEmpty(data) ? (
+
-          <ComponentAdminGlobal_IsEmptyData />
+        {!data ? (
+          <CustomSkeleton height={"80vh"} width={"100%"} />
         ) : (
           <Paper p={"md"} bg={AdminColor.softBlue} h={"80vh"}>
             <ScrollArea w={"100%"} h={"90%"} offsetScrollbars>
@@ -214,7 +245,8 @@ function TablePublish({ listPublish }: { listPublish: any }) {
                 p={"md"}
                 w={"100%"}
                 h={"100%"}
-                
+
+
               >
                 <thead>
                   <tr>
@@ -241,7 +273,7 @@ function TablePublish({ listPublish }: { listPublish: any }) {
                     </th>
                   </tr>
                 </thead>
-                <tbody>{TableRows}</tbody>
+                <tbody>{renderTableBody()}</tbody>
               </Table>
             </ScrollArea>
             <Center mt={"xl"}>
@@ -260,11 +292,13 @@ function TablePublish({ listPublish }: { listPublish: any }) {
   );
 }
 
+
 function ButtonAction({ postingId }: { postingId: string }) {
   const router = useRouter();
   const [loadingKomentar, setLoadingKomentar] = useState(false);
   const [loadingReport, setLoadingReport] = useState(false);
 
+
   return (
     <>
       <Button
@@ -299,11 +333,13 @@ function ButtonAction({ postingId }: { postingId: string }) {
   );
 }
 
+
 // function ButtonDeletePosting({ postingId }: { postingId: string }) {
 //   const [opened, { open, close }] = useDisclosure(false);
 //   const [loadingDel, setLoadingDel] = useState(false);
 //   const [loadingDel2, setLoadingDel2] = useState(false);
 
+
 //   async function onDelete() {
 //     await adminForum_funDeletePostingById(postingId).then((res) => {
 //       if (res.status === 200) {
@@ -371,3 +407,6 @@ function ButtonAction({ postingId }: { postingId: string }) {
 //     </>
 //   );
 // }
+
+
+

src/middleware.ts

@@ -38,12 +38,13 @@ const middlewareConfig: MiddlewareConfig = {
     // "/api/new/*",
     // ADMIN API
     // "/api/admin/event/*",
-    "/api/admin/investasi/*",
+    // "/api/admin/investasi/*",
     // "/api/admin/donasi/*",
     // "/api/admin/voting/dashboard/*",
     // "/api/admin/job/*",
     // "/api/admin/forum/*",
     // "/api/admin/collaboration/*",
+    "api/admin/forum/*",
 
     // Akses awal
     "/api/get-cookie",