#Job admin

- Tampilan user done
- Tampilan admin done
git commit -m

src/app_modules/job/component/card_preview.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import { Card, Center, Grid, Image, Text } from "@mantine/core";
+import { useRouter } from "next/navigation";
+
+export default function ComponentJob_CardPreview({ path }: { path: string }) {
+  const router = useRouter();
+  return (
+    <>
+      <Card
+        shadow="lg"
+        withBorder
+        radius={"md"}
+        p={20}
+        onClick={() => {
+          router.push(path);
+        }}
+      >
+        <Card.Section px={"sm"}>
+          <Grid>
+            <Grid.Col span={"content"}>
+              <Image
+                height={100}
+                width={80}
+                alt="foto"
+                src={"/aset/no-file.png"}
+              />
+            </Grid.Col>
+            <Grid.Col span={"auto"}>
+              <Center h={"100%"}>
+                <Text fw={"bold"}>Judul Lowongan kerja</Text>
+              </Center>
+            </Grid.Col>
+          </Grid>
+        </Card.Section>
+      </Card>
+    </>
+  );
+}

src/app_modules/job/component/card_view_status.tsx

@@ -1,16 +1,19 @@
 "use client";
 
-import { Stack, Card, Grid, Image, Text } from "@mantine/core";
+import { Stack, Card, Grid, Image, Text, Center } from "@mantine/core";
 import _ from "lodash";
 import ComponentJob_IsEmptyData from "./is_empty_data";
 import { useRouter } from "next/navigation";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
+import { MODEL_JOB } from "../model/interface";
+import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import { IconChevronRight } from "@tabler/icons-react";
 
 export default function ComponentJob_CardViewStatus({
   listData,
   path,
 }: {
-  listData?: any[];
+  listData?: MODEL_JOB[];
   path?: any;
 }) {
   const router = useRouter();
@@ -30,33 +33,25 @@ export default function ComponentJob_CardViewStatus({
             shadow="lg"
             withBorder
             radius={"md"}
+            p={20}
             onClick={() => {
               if (path === undefined) {
                 return ComponentGlobal_NotifikasiPeringatan(
                   "Path tidak ditemukan"
                 );
               } else {
-                router.push(path);
+                router.push(path + e.id);
               }
             }}
           >
-            <Card.Section>
+            <Card.Section px={"sm"}>
               <Grid>
-                <Grid.Col span={6}>
-                  <Image alt="foto" src={"/aset/no-file.png"} />
-                </Grid.Col>
-                <Grid.Col span={6}>
-                  <Stack justify="center" h={"100%"}>
-                    <Text fw={"bold"} fz={20} truncate>
-                      Judul Lowongan Kerja
+                <Grid.Col span={"auto"}>
+                  <Center h={"100%"}>
+                    <Text fw={"bold"} lineClamp={1}>
+                      {e.title}
                     </Text>
-                    <Text lineClamp={3}>
-                      Lorem ipsum dolor sit amet consectetur, adipisicing elit.
-                      Laboriosam est id neque iste voluptatem consequuntur
-                      veritatis dolorem illo et, repellat praesentium maiores
-                      amet omnis voluptas aliquid tenetur nam sint obcaecati.
-                    </Text>
-                  </Stack>
+                  </Center>
                 </Grid.Col>
               </Grid>
             </Card.Section>

src/app_modules/job/component/detail/detail_data.tsx

@@ -1,11 +1,55 @@
-"use client"
+"use client";
 
-import { Card, Stack, Skeleton, Image, Text } from "@mantine/core";
+import { Card, Stack, Skeleton, Image, Text, Center } from "@mantine/core";
+import { MODEL_JOB } from "../../model/interface";
+import { RouterJob } from "@/app/lib/router_hipmi/router_job";
 
+export default function ComponentJob_DetailData({
+  data,
+}: {
+  data?: MODEL_JOB;
+}) {
+  return (
+    <>
+      {/* <pre>{JSON.stringify(data, null, 2)}</pre> */}
+      {data ? (
+        <Card shadow="lg" withBorder p={30}>
+          <Card.Section px={"xs"} pb={"lg"}>
+            <Stack spacing={"xl"}>
+              {data.imagesId ? (
+                <Stack align="center">
+                  <Image
+                    alt=""
+                    src={
+                      data.imagesId ? RouterJob.api_gambar + data.imagesId : ""
+                    }
+                    height={300}
+                    width={200}
+                  />
+                </Stack>
+              ) : (
+                ""
+              )}
 
-export default function ComponentJob_DetailData(){
-    return (
-      <>
+              <Stack>
+                <Center>
+                  <Text fz={20} fw={"bold"}>
+                    {data.title}
+                  </Text>
+                </Center>
+                <Stack spacing={0}>
+                  <Text>
+                    <div dangerouslySetInnerHTML={{ __html: data.content }} />
+                  </Text>
+                  <Text>
+                    <div dangerouslySetInnerHTML={{ __html: data.deskripsi }} />
+                  </Text>
+                </Stack>
+              </Stack>
+            </Stack>
+          </Card.Section>
+        </Card>
+      ) : (
         <Card shadow="lg" withBorder p={30}>
           <Card.Section px={"xs"} pb={"lg"}>
             <Stack spacing={"xl"}>
@@ -44,6 +88,7 @@ export default function ComponentJob_DetailData(){
             </Stack>
           </Card.Section>
         </Card>
-      </>
-    );
-}
+      )}
+    </>
+  );
+}

src/app_modules/job/create/TextEdit.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { Center, Stack } from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
+import dynamic from "next/dynamic";
+import React, { useState } from "react";
+const ReactQuill = dynamic(
+  () => {
+    return import("react-quill");
+  },
+  { ssr: false }
+);
+import "react-quill/dist/quill.snow.css";
+
+export default function Demo() {
+  const [value, setValue] = useState("");
+  const [udah, setUdah] = useState(false);
+
+  // useShallowEffect(() => {
+  //   if (window && window.document) setUdah(true);
+  // }, []);
+
+  // if (!udah) return <><Center></Center></>;
+  return (
+    <Stack>
+      <ReactQuill
+        defaultValue={`<h2 ">Judul Lowongan Kerja</h2>
+          <p "><br></p>
+          <p><strong>Syarat &amp; Ketentuan :</strong></p>
+          <ol>
+          <li>Minimal pendidika SMA / Sederajat</li>
+          <li>Pasif berbahasa inggris </li>
+          <li>Dll,.</li>
+          </ol>
+          <p></br></p>
+          <p><strong>Deskripsi :</strong></p>
+          <p>Jika berminat dapat menghubungi WA berikut</p>
+          <p>+6281 xxx xxx xx</p>
+          <p>Kirim CV anda melalui email berikut</p>
+          <p>@test-hipmi.com</p>
+          <p>Atau kunjungi website kami:</p>
+          <p><a href="https://test-hipmi.wibudev.com/" rel="noopener noreferrer" target="_blank">https://test-hipmi.wibudev.com/</a></p>
+          `}
+        modules={{
+          toolbar: [
+            [{ header: [1, 2, 3, 4, 5, 6, false] }],
+            ["bold", "italic", "underline", "link"],
+            // [{ align: [] }],
+            [{ list: "ordered" }, { list: "bullet" }],
+
+            ["clean"],
+          ],
+        }}
+        theme="snow"
+        onChange={setValue}
+      />
+      {/* {value}
+      <div dangerouslySetInnerHTML={{ __html: value }} /> */}
+    </Stack>
+  );
+}

src/app_modules/job/create/view.tsx

@@ -6,14 +6,18 @@ import {
   Box,
   Button,
   Center,
+  FileButton,
   Flex,
+  Group,
   Image,
+  Loader,
+  Paper,
   Stack,
   Text,
   TextInput,
   Textarea,
 } from "@mantine/core";
-import { IconCamera } from "@tabler/icons-react";
+import { IconCamera, IconUpload } from "@tabler/icons-react";
 import { useAtom } from "jotai";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
@@ -21,78 +25,247 @@ import { useState } from "react";
 import { gs_job_hot_menu, gs_job_status } from "../global_state";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
 
+import "react-quill/dist/quill.snow.css";
+import dynamic from "next/dynamic";
+import { useShallowEffect, useToggle } from "@mantine/hooks";
+import { Job_funCreate } from "../fun/create/fun_create";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
+import { MODEL_JOB } from "../model/interface";
+import toast from "react-simple-toasts";
+import ComponentJob_NotedBox from "../component/detail/noted_box";
+const ReactQuill = dynamic(
+  () => {
+    return import("react-quill");
+  },
+  { ssr: false }
+);
+
 export default function Job_Create() {
-  const [value, setValue] = useState<any>();
-  const [ambil, setAmbil] = useState<String[]>([]);
+  const [value, setValue] = useState({
+    title: "",
+    content: "",
+    deskripsi: "",
+  });
+  const [reload, setReload] = useState(false);
+  const [file, setFile] = useState<File | null>(null);
+  const [images, setImages] = useState<any | null>();
+
+  useShallowEffect(() => {
+    if (window && window.document) setReload(true);
+  }, []);
+
+  if (!reload)
+    return (
+      <>
+        <Center h={"50vh"}>
+          <Loader />
+        </Center>
+      </>
+    );
 
   return (
     <>
-      {/* <Stack px={"sm"}>
-        <Stack align="center">
-          <Image alt="" src={"/aset/no-file.png"} mah={500} maw={200} />
-          <Button radius={"xl"} w={100}>
-            <IconCamera />
-          </Button>
-        </Stack>
-        <Stack>
-          {ambil.map((v, k) => (
-            <Text key={k}> {v}</Text>
-          ))}
-        </Stack>
-        <Stack>
-          <TextInput
-            withAsterisk
-            label="Judul"
-            placeholder="Masukan judul lowongan"
-            onChange={(val) => {}}
-          />
-          <Textarea
-            minRows={5}
-            withAsterisk
-            label="Syarat dan Ketentuan"
-            placeholder={`Contoh ${"\n"}- Minimal lulusan SMA ${"\n"}- Pasif berbahasa inggris ${"\n"}- Dll,`}
-            onChange={(val) => {
-              const data = val.currentTarget.value.split("\n");
-              if (!_.isEmpty(data)) {
-                setAmbil(data);
-              }
-            }}
-          />
-          <Textarea
-            minRows={5}
-            withAsterisk
-            label="Deskripsi"
-            placeholder="Lokasi, Alamat Email, Nomor yang dapat dihubungi"
-            onChange={(val) => {}}
-          />
-        </Stack>
+      {!reload ? (
+        <Center h={"50vh"}>
+          <Loader />
+        </Center>
+      ) : (
+        <Stack px={"sm"} spacing={40}>
+          <Stack align="center" spacing={"xs"}>
+            {images ? (
+              <Image alt="" src={images} height={300} width={200} />
+            ) : (
+              <Paper h={300} w={200} withBorder shadow="lg" bg={"gray.1"}>
+                <Stack justify="center" align="center" h={"100%"}>
+                  <IconUpload color="gray" />
+                  <Text fz={10} fs={"italic"} c={"gray"} fw={"bold"}>
+                    Upload Gambar
+                  </Text>
+                </Stack>
+              </Paper>
+            )}
 
-        <ButtonAction />
-      </Stack> */}
+            <FileButton
+              onChange={async (files: any | null) => {
+                try {
+                  const buffer = URL.createObjectURL(
+                    new Blob([new Uint8Array(await files.arrayBuffer())])
+                  );
+                  if (files.size > 20000) {
+                    ComponentGlobal_NotifikasiPeringatan(
+                      "Maaf, Ukuran file terlalu besar, maximum 20Mb",
+                      3000
+                    );
+                  } else {
+                    setImages(buffer);
+                    setFile(files);
+                  }
+                } catch (error) {
+                  console.log(error);
+                }
+              }}
+              accept="image/png,image/jpeg"
+            >
+              {(props) => (
+                <Button
+                  compact
+                  {...props}
+                  radius={"xl"}
+                  variant="outline"
+                  w={150}
+                >
+                  <IconCamera />
+                </Button>
+              )}
+            </FileButton>
+          </Stack>
+
+          <ComponentJob_NotedBox informasi="Poster atau Gambar tidak wajib untuk di upload. Upload lah jika dirasa perlu." />
+
+          <Stack spacing={"lg"}>
+            <TextInput
+              withAsterisk
+              label="Judul"
+              placeholder="Masukan judul lowongan kerja"
+              onChange={(val) => {
+                setValue({
+                  ...value,
+                  title: val.currentTarget.value,
+                });
+              }}
+            />
+
+            <Stack spacing={3}>
+              <Text fz={"sm"}>
+                Syarat & Ketentuan
+                <Text inherit span c={"red"}>
+                  {" "}
+                  *
+                </Text>
+              </Text>
+              <ReactQuill
+                defaultValue={`
+          <p><strong>Syarat &amp; Ketentuan :</strong></p>
+          <ol>
+          <li>Minimal pendidika SMA / Sederajat</li>
+          <li>Pasif berbahasa inggris </li>
+          <li>Dll,.</li>
+          </ol>
+          <p></br></p>
+          `}
+                modules={{
+                  toolbar: [
+                    [{ header: [1, 2, 3, 4, 5, 6, false] }],
+                    ["bold", "italic", "underline", "link"],
+                    // [{ align: [] }],
+                    [{ list: "ordered" }, { list: "bullet" }],
+                    ["clean"],
+                  ],
+                }}
+                theme="snow"
+                onChange={(val) => {
+                  setValue({
+                    ...value,
+                    content: val,
+                  });
+                }}
+              />
+            </Stack>
+            <Stack spacing={3}>
+              <Text fz={"sm"}>
+                Deskripsi
+                <Text inherit span c={"red"}>
+                  {" "}
+                  *
+                </Text>
+              </Text>
+              <ReactQuill
+                defaultValue={`
+            <p>
+            <strong>Deskripsi :</strong>
+          </p>
+          <p>Jika berminat dapat menghubungi WA berikut</p>
+          <p>+6281 xxx xxx xx</p>
+          <p>Kirim CV anda melalui email berikut</p>
+          <p>test-email@gmail.com</p>
+          <p>Atau kunjungi website kami:</p>
+          <p>
+            <a
+              href="https://test-hipmi.wibudev.com/"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              https://test-hipmi.wibudev.com/
+            </a>
+          </p>
+          `}
+                modules={{
+                  toolbar: [
+                    [{ header: [1, 2, 3, 4, 5, 6, false] }],
+                    ["bold", "italic", "underline", "link"],
+                    // [{ align: [] }],
+                    [{ list: "ordered" }, { list: "bullet" }],
+                    ["clean"],
+                  ],
+                }}
+                theme="snow"
+                onChange={(val) => {
+                  setValue({
+                    ...value,
+                    deskripsi: val,
+                  });
+                }}
+              />
+            </Stack>
+          </Stack>
+
+          <ButtonAction value={value as any} file={file as any} />
+        </Stack>
+      )}
     </>
   );
 }
 
-function ButtonAction() {
+function ButtonAction({ value, file }: { value: MODEL_JOB; file: FormData }) {
   const router = useRouter();
   const [hotMenu, setHotMenu] = useAtom(gs_job_hot_menu);
   const [status, setStatus] = useAtom(gs_job_status);
+  const [preview, setPreview] = useToggle();
+
+  async function onAction() {
+    const gambar = new FormData();
+    gambar.append("file", file as any);
+
+    // console.log(value)
+
+    await Job_funCreate(value as any, gambar).then((res) => {
+      if (res.status === 201) {
+        setHotMenu(2);
+        setStatus("Review");
+        router.replace(RouterJob.status);
+        ComponentGlobal_NotifikasiBerhasil("Tambah Lowongan Berhasil");
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
+  }
 
   return (
     <>
-      <Button
-        radius={"xl"}
-        mt={"lg"}
-        mb={70}
-        onClick={() => {
-          router.replace(RouterJob.status);
-          setHotMenu(2);
-          setStatus("Review");
-          ComponentGlobal_NotifikasiBerhasil("Tambah Lowongan Berhasil");
-        }}
-      >
-        Simpan
-      </Button>
+      <Stack>
+        <Group grow mt={"lg"} mb={70}>
+          <Button
+            w={"100%"}
+            radius={"xl"}
+            onClick={() => {
+              onAction();
+            }}
+          >
+            Simpan
+          </Button>
+        </Group>
+      </Stack>
     </>
   );
 }

src/app_modules/job/detail/arsip/view.tsx

@@ -1,14 +1,56 @@
 "use client";
 
-import { Stack } from "@mantine/core";
+import { Button, Stack } from "@mantine/core";
 import ComponentJob_DetailData from "../../component/detail/detail_data";
+import { MODEL_JOB } from "../../model/interface";
+import { useRouter } from "next/navigation";
+import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
+import { useAtom } from "jotai";
+import { Job_funEditArsipById } from "../../fun/edit/fun_edit_arsip_by_id";
+import { gs_job_status, gs_job_hot_menu } from "../../global_state";
 
-export default function Job_DetailArsip() {
+export default function Job_DetailArsip({ dataJob }: { dataJob: MODEL_JOB }) {
   return (
     <>
       <Stack>
-        <ComponentJob_DetailData />
+        <ComponentJob_DetailData data={dataJob} />
+        <ButtonAction jobId={dataJob.id} />
       </Stack>
     </>
   );
 }
+
+function ButtonAction({ jobId }: { jobId: string }) {
+  const router = useRouter();
+  const [status, setStatus] = useAtom(gs_job_status);
+  const [hotMenu, setHotMenu] = useAtom(gs_job_hot_menu);
+
+  async function onAction() {
+    await Job_funEditArsipById(jobId, false).then((res) => {
+      if (res.status === 200) {
+        setStatus("Publish");
+        setHotMenu(1);
+        ComponentGlobal_NotifikasiBerhasil("Berhasil Diarsipkan");
+        router.replace(RouterJob.beranda);
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
+  }
+  return (
+    <>
+      <Button
+        radius={"xl"}
+        color="green"
+        mb={30}
+        onClick={() => {
+          onAction();
+        }}
+      >
+        Publish Lagi
+      </Button>
+    </>
+  );
+}

src/app_modules/job/detail/draft/layout.tsx

@@ -8,8 +8,10 @@ import { RouterJob } from "@/app/lib/router_hipmi/router_job";
 
 export default function LayoutJob_DetailDraft({
   children,
+  jobId,
 }: {
   children: React.ReactNode;
+  jobId: string
 }) {
   return (
     <>
@@ -18,7 +20,7 @@ export default function LayoutJob_DetailDraft({
           <ComponentJob_HeaderTamplate
             title="Detail Draft"
             icon={<IconEdit />}
-            route2={RouterJob.edit}
+            route2={RouterJob.edit + jobId}
           />
         }
       >

src/app_modules/job/detail/draft/view.tsx

@@ -9,33 +9,55 @@ import ComponentJob_DetailData from "../../component/detail/detail_data";
 import { gs_job_status } from "../../global_state";
 import { useRouter } from "next/navigation";
 import { useDisclosure } from "@mantine/hooks";
+import { Job_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_status_id";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
+import { Job_funDeleteById } from "../../fun/delete/fun_delete_by_id";
+import ComponentJob_NotedBox from "../../component/detail/noted_box";
+import { MODEL_JOB } from "../../model/interface";
 
-export default function Job_DetailDraft() {
+export default function Job_DetailDraft({ dataJob }: { dataJob: MODEL_JOB }) {
   return (
     <>
       <Stack>
-        <ComponentJob_DetailData />
-        <ButtonAction />
+        {dataJob.catatan ? (
+          <ComponentJob_NotedBox informasi={dataJob.catatan} />
+        ) : (
+          ""
+        )}
+        <ComponentJob_DetailData data={dataJob} />
+        <ButtonAction jobId={dataJob.id} />
       </Stack>
     </>
   );
 }
 
-function ButtonAction() {
+function ButtonAction({ jobId }: { jobId: string }) {
   const router = useRouter();
   const [status, setStatus] = useAtom(gs_job_status);
   const [opened, { open, close }] = useDisclosure();
 
   async function onAction() {
-    router.push(RouterJob.status);
-    setStatus("Review");
-    ComponentGlobal_NotifikasiBerhasil("Berhasil Diajukan");
+    await Job_funEditStatusByStatusId(jobId, "2").then((res) => {
+      if (res.status === 200) {
+        setStatus("Review");
+        ComponentGlobal_NotifikasiBerhasil("Berhasil Diajukan");
+        router.push(RouterJob.status);
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
   }
 
   async function onDelete() {
-    router.push(RouterJob.status);
-    setStatus("Draft");
-    ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Draft");
+    await Job_funDeleteById(jobId).then((res) => {
+      if (res.status === 200) {
+        setStatus("Draft");
+        ComponentGlobal_NotifikasiBerhasil(res.message);
+        router.push(RouterJob.status);
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
   }
 
   return (
@@ -67,7 +89,7 @@ function ButtonAction() {
         </Paper>
       </Modal>
 
-      <Group grow mb={50} >
+      <Group grow mb={50}>
         <Button
           radius={"xl"}
           color="yellow"

src/app_modules/job/detail/main/view.tsx

@@ -9,22 +9,21 @@ import { useAtom } from "jotai";
 import { gs_job_status, gs_job_hot_menu } from "../../global_state";
 import Link from "next/link";
 import { IconBrandWhatsapp } from "@tabler/icons-react";
+import { MODEL_JOB } from "../../model/interface";
 
-export default function Job_MainDetail() {
+export default function Job_MainDetail({ dataJob }: { dataJob: MODEL_JOB }) {
   return (
     <>
       <Stack>
-        <ComponentJob_DetailData />
-        <ButtonAction />
+        <ComponentJob_DetailData data={dataJob} />
+        <ButtonAction jobId={dataJob.id} />
       </Stack>
     </>
   );
 }
 
-function ButtonAction() {
+function ButtonAction({ jobId }: { jobId: string }) {
   const router = useRouter();
-  const [status, setStatus] = useAtom(gs_job_status);
-  const [hotMenu, setHotMenu] = useAtom(gs_job_hot_menu);
 
   async function onAction() {
     // router.push(RouterJob.arsip);
@@ -41,13 +40,15 @@ function ButtonAction() {
           color="teal"
           mb={30}
           leftIcon={<IconBrandWhatsapp />}
-          onClick={() => {
-            onAction();
-          }}
+          // onClick={() => {
+          //   onAction();
+          // }}
         >
           <Link
             style={{ textDecoration: "none", color: "white" }}
-            href={`whatsapp://send?text=Job Vacancy HIPMI BADUNG : http://localhost:3000/dev/job/non_user_view`}
+            href={`whatsapp://send?text=Job Vacancy HIPMI BADUNG : http://localhost:3000${
+              RouterJob.non_user_view + jobId
+            }`}
             // href={`https://t.me/share/url?url={${"http://localhost:3000/dev/job/non_user_view"}}&text={Lowongan Kerja Ini}`}
           >
             Bagikan ke WhatsApp

src/app_modules/job/detail/publish/view.tsx

@@ -7,27 +7,38 @@ import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_glob
 import { Stack, Button } from "@mantine/core";
 import { useAtom } from "jotai";
 import { gs_job_hot_menu, gs_job_status } from "../../global_state";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
+import { Job_funEditArsipById } from "../../fun/edit/fun_edit_arsip_by_id";
+import { MODEL_JOB } from "../../model/interface";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
 
-export default function Job_DetailPublish() {
+export default function Job_DetailPublish({ dataJob }: { dataJob: MODEL_JOB }) {
   return (
     <>
       <Stack>
-        <ComponentJob_DetailData />
-        <ButtonAction />
+        <ComponentJob_DetailData data={dataJob as any} />
+        <ButtonAction jobId={dataJob.id} />
       </Stack>
     </>
   );
 }
 
-function ButtonAction() {
+function ButtonAction({ jobId }: { jobId: string }) {
   const router = useRouter();
   const [status, setStatus] = useAtom(gs_job_status);
-  const [hotMenu, setHotMenu] = useAtom(gs_job_hot_menu)
+  const [hotMenu, setHotMenu] = useAtom(gs_job_hot_menu);
+
   async function onAction() {
-    router.push(RouterJob.arsip);
-    setStatus("Publish");
-    setHotMenu(3)
-    ComponentGlobal_NotifikasiBerhasil("Berhasil Diarsipkan");
+    await Job_funEditArsipById(jobId, true).then((res) => {
+      if (res.status === 200) {
+        setStatus("Publish");
+        setHotMenu(3);
+        ComponentGlobal_NotifikasiBerhasil("Berhasil Diarsipkan");
+        router.replace(RouterJob.arsip);
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
   }
   return (
     <>

src/app_modules/job/detail/reject/view.tsx

@@ -10,34 +10,50 @@ import { gs_job_status } from "../../global_state";
 import { useRouter } from "next/navigation";
 import { useDisclosure } from "@mantine/hooks";
 import ComponentJob_NotedBox from "../../component/detail/noted_box";
+import { MODEL_JOB } from "../../model/interface";
+import { Job_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_status_id";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
+import { Job_funDeleteById } from "../../fun/delete/fun_delete_by_id";
 
-export default function Job_DetailReject() {
+export default function Job_DetailReject({ dataJob }: { dataJob: MODEL_JOB }) {
   return (
     <>
       <Stack>
-        <ComponentJob_NotedBox informasi="Alasan reject"/>
-        <ComponentJob_DetailData />
-        <ButtonAction />
+        <ComponentJob_NotedBox informasi={dataJob.catatan} />
+        <ComponentJob_DetailData data={dataJob} />
+        <ButtonAction jobId={dataJob.id} />
       </Stack>
     </>
   );
 }
 
-function ButtonAction() {
+function ButtonAction({ jobId }: { jobId: string }) {
   const router = useRouter();
   const [status, setStatus] = useAtom(gs_job_status);
   const [opened, { open, close }] = useDisclosure();
 
   async function onAction() {
-    router.push(RouterJob.status);
-    setStatus("Draft");
-    ComponentGlobal_NotifikasiBerhasil("Masuk Draft");
+    await Job_funEditStatusByStatusId(jobId, "3").then((res) => {
+      if (res.status === 200) {
+        router.push(RouterJob.status);
+        setStatus("Draft");
+        ComponentGlobal_NotifikasiBerhasil("Masuk Draft");
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
   }
 
   async function onDelete() {
-    router.push(RouterJob.status);
-    setStatus("Reject");
-    ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Job");
+    await Job_funDeleteById(jobId).then((res) => {
+      if (res.status === 200) {
+        router.push(RouterJob.status);
+        setStatus("Reject");
+        ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Job");
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
   }
 
   return (

src/app_modules/job/detail/review/view.tsx

@@ -7,25 +7,36 @@ import { RouterJob } from "@/app/lib/router_hipmi/router_job";
 import { useAtom } from "jotai";
 import { gs_job_status } from "../../global_state";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
+import { MODEL_JOB } from "../../model/interface";
+import { Job_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_status_id";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
 
-export default function Job_DetailReview() {
+
+export default function Job_DetailReview({ dataJob }: { dataJob: MODEL_JOB }) {
   return (
     <>
       <Stack>
-        <ComponentJob_DetailData />
-        <ButtonAction />
+        <ComponentJob_DetailData data={dataJob} />
+        <ButtonAction jobId={dataJob.id} />
       </Stack>
     </>
   );
 }
 
-function ButtonAction() {
+function ButtonAction({ jobId }: { jobId: string }) {
   const router = useRouter();
   const [status, setStatus] = useAtom(gs_job_status);
+
   async function onAction() {
-    router.push(RouterJob.status);
-    setStatus("Draft");
-    ComponentGlobal_NotifikasiBerhasil("Berhasil Dibatalkan");
+    await Job_funEditStatusByStatusId(jobId, "3").then((res) => {
+      if (res.status === 200) {
+        setStatus("Draft");
+        ComponentGlobal_NotifikasiBerhasil("Berhasil Dibatalkan");
+        router.push(RouterJob.status);
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
   }
   return (
     <>

src/app_modules/job/edit/view.tsx

@@ -2,82 +2,324 @@
 
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
-import { Button, Image, Stack, Text, TextInput, Textarea } from "@mantine/core";
-import { IconCamera } from "@tabler/icons-react";
+import {
+  Box,
+  Button,
+  Center,
+  FileButton,
+  Group,
+  Image,
+  Loader,
+  Modal,
+  Paper,
+  Stack,
+  Text,
+  TextInput,
+  Textarea,
+  Title,
+} from "@mantine/core";
+import { IconCamera, IconUpload, IconXboxX } from "@tabler/icons-react";
 import { useAtom } from "jotai";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { gs_job_hot_menu, gs_job_status } from "../global_state";
+import { MODEL_JOB } from "../model/interface";
+import {
+  useDisclosure,
+  useShallowEffect,
+  useWindowScroll,
+} from "@mantine/hooks";
 
-export default function Job_Edit() {
-  const [value, setValue] = useState<any>();
-  const [ambil, setAmbil] = useState<String[]>([]);
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
+import { Job_EditById } from "../fun/edit/fun_edit_by_id";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
+import dynamic from "next/dynamic";
+const ReactQuill = dynamic(
+  () => {
+    return import("react-quill");
+  },
+  { ssr: false }
+);
+
+export default function Job_Edit({ dataJob }: { dataJob: MODEL_JOB }) {
+  const [value, setValue] = useState(dataJob);
+
+  const [reload, setReload] = useState(false);
+  const [file, setFile] = useState<File | null>(null);
+  const [images, setImages] = useState<any | null>();
+  const [maxFile, setMaxFile] = useState(false);
+
+  useShallowEffect(() => {
+    if (window && window.document) setReload(true);
+  }, []);
+
+  if (!reload)
+    return (
+      <>
+        <Center h={"50vh"}>
+          <Loader />
+        </Center>
+      </>
+    );
 
   return (
     <>
-      <Stack px={"sm"}>
-        <Stack align="center">
-          <Image alt="" src={"/aset/no-file.png"} mah={500} maw={200} />
-          <Button radius={"xl"} w={100} color="teal">
-            <IconCamera />
-          </Button>
+      {!reload ? (
+        <Center h={"50vh"}>
+          <Loader />
+        </Center>
+      ) : (
+        <Stack px={"sm"} spacing={40}>
+          <Stack align="center">
+            {images ? (
+              <Image alt="" src={images} mah={500} maw={200} />
+            ) : value.imagesId ? (
+              <Image
+                height={300}
+                width={200}
+                alt="Foto"
+                src={RouterJob.api_gambar + value.imagesId}
+              />
+            ) : (
+              <Paper h={300} w={200} withBorder shadow="lg" bg={"gray.1"}>
+                <Stack justify="center" align="center" h={"100%"}>
+                  <IconUpload color="gray" />
+                  <Text fz={10} fs={"italic"} c={"gray"} fw={"bold"}>
+                    Upload Gambar
+                  </Text>
+                </Stack>
+              </Paper>
+            )
+
+            // <Box>
+            //   {value.imagesId ? (
+            //     <Image
+            //       height={300}
+            //       width={200}
+            //       alt="Foto"
+            //       src={RouterJob.api_gambar + value.imagesId}
+            //     />
+            //   ) : (
+            //     <Box>
+            //       {maxFile ? (
+            //         <Paper
+            //           h={300}
+            //           w={200}
+            //           withBorder
+            //           shadow="lg"
+            //           bg={"gray.1"}
+            //         >
+            //           <Stack justify="center" align="center" h={"100%"}>
+            //             <IconXboxX color="#ed5858" size={50} />
+            //             <Text
+            //               fz={10}
+            //               fs={"italic"}
+            //               c={"red.5"}
+            //               w={150}
+            //               fw={"bold"}
+            //             >
+            //               Maaf, Ukuran file terlalu besar, maximum 10mb
+            //             </Text>
+            //           </Stack>
+            //         </Paper>
+            //       ) : (
+            //         <Box>
+            //           {images ? (
+            //             <Image alt="" src={images} mah={300} maw={200} />
+            //           ) : (
+            //             <Paper
+            //               h={300}
+            //               w={200}
+            //               withBorder
+            //               shadow="lg"
+            //               bg={"gray.1"}
+            //             >
+            //               <Stack justify="center" align="center" h={"100%"}>
+            //                 <IconUpload color="gray" />
+            //                 <Text
+            //                   fz={10}
+            //                   fs={"italic"}
+            //                   c={"gray"}
+            //                   fw={"bold"}
+            //                 >
+            //                   Upload Gambar
+            //                 </Text>
+            //               </Stack>
+            //             </Paper>
+            //           )}
+            //         </Box>
+            //       )}
+            //     </Box>
+            //   )}
+            // </Box>
+            }
+
+            <FileButton
+              onChange={async (files: any | null) => {
+                try {
+                  const buffer = URL.createObjectURL(
+                    new Blob([new Uint8Array(await files.arrayBuffer())])
+                  );
+
+                  if (files.size > 20000) {
+                    // setMaxFile(true);
+                    ComponentGlobal_NotifikasiPeringatan(
+                      "File tidak lebih dari 20Mb",
+                      3000
+                    );
+                  } else {
+                    // console.log(buffer, "ini buffer");
+                    // console.log(files, " ini file");
+                    // setMaxFile(false);
+                    setImages(buffer);
+                    setFile(files);
+                  }
+                } catch (error) {
+                  console.log(error);
+                }
+              }}
+              accept="image/png,image/jpeg"
+            >
+              {(props) => (
+                <Button
+                  compact
+                  {...props}
+                  radius={"xl"}
+                  variant="outline"
+                  w={150}
+                >
+                  <IconCamera />
+                </Button>
+              )}
+            </FileButton>
+          </Stack>
+
+          <Stack spacing={"lg"}>
+            <TextInput
+              withAsterisk
+              label="Judul"
+              placeholder="Masukan judul lowongan kerja"
+              value={value.title}
+              onChange={(val) => {
+                setValue({
+                  ...value,
+                  title: val.currentTarget.value,
+                });
+              }}
+            />
+
+            <Stack spacing={3}>
+              <Text fz={"sm"}>
+                Syarat & Ketentuan
+                <Text inherit span c={"red"}>
+                  {" "}
+                  *
+                </Text>
+              </Text>
+              <ReactQuill
+                modules={{
+                  toolbar: [
+                    [{ header: [1, 2, 3, 4, 5, 6, false] }],
+                    ["bold", "italic", "underline", "link"],
+                    // [{ align: [] }],
+                    [{ list: "ordered" }, { list: "bullet" }],
+                    ["clean"],
+                  ],
+                }}
+                theme="snow"
+                value={value.content}
+                onChange={(val) => {
+                  setValue({
+                    ...value,
+                    content: val,
+                  });
+                }}
+              />
+            </Stack>
+            <Stack spacing={3}>
+              <Text fz={"sm"}>
+                Deskripsi
+                <Text inherit span c={"red"}>
+                  {" "}
+                  *
+                </Text>
+              </Text>
+              <ReactQuill
+                modules={{
+                  toolbar: [
+                    [{ header: [1, 2, 3, 4, 5, 6, false] }],
+                    ["bold", "italic", "underline", "link"],
+                    // [{ align: [] }],
+                    [{ list: "ordered" }, { list: "bullet" }],
+                    ["clean"],
+                  ],
+                }}
+                theme="snow"
+                value={value.deskripsi}
+                onChange={(val) => {
+                  setValue({
+                    ...value,
+                    deskripsi: val,
+                  });
+                }}
+              />
+            </Stack>
+          </Stack>
+
+          <ButtonAction value={value as any} file={file as any} />
         </Stack>
-        <Stack>
-          {ambil.map((v, k) => (
-            <Text key={k}> {v}</Text>
-          ))}
-        </Stack>
-        <Stack>
-          <TextInput
-            withAsterisk
-            label="Judul"
-            placeholder="Masukan judul lowongan"
-            onChange={(val) => {}}
-          />
-          <Textarea
-            minRows={5}
-            withAsterisk
-            label="Syarat dan Ketentuan"
-            placeholder={`Contoh ${"\n"}- Minimal lulusan SMA ${"\n"}- Pasif berbahasa inggris ${"\n"}- Dll,`}
-            onChange={(val) => {
-              const data = val.currentTarget.value.split("\n");
-              if (!_.isEmpty(data)) {
-                setAmbil(data);
-              }
-            }}
-          />
-          <Textarea
-            minRows={5}
-            withAsterisk
-            label="Deskripsi"
-            placeholder="Lokasi, Alamat Email, Nomor yang dapat dihubungi"
-            onChange={(val) => {}}
-          />
-        </Stack>
-        <ButtonAction />
-      </Stack>
+      )}
     </>
   );
 }
 
-function ButtonAction() {
+function ButtonAction({ value, file }: { value: MODEL_JOB; file: FormData }) {
   const router = useRouter();
   const [hotMenu, setHotMenu] = useAtom(gs_job_hot_menu);
   const [status, setStatus] = useAtom(gs_job_status);
+  const [opened, { open, close }] = useDisclosure(false);
+  const [scroll, scrollTo] = useWindowScroll();
+
+  async function onUpdate() {
+    const gambar = new FormData();
+    gambar.append("file", file as any);
+
+    await Job_EditById(value, gambar).then((res) => {
+      if (res.status === 200) {
+        setHotMenu(2);
+        setStatus("Draft");
+        ComponentGlobal_NotifikasiBerhasil(res.message);
+        router.back();
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
+  }
 
   return (
     <>
+      <Modal opened={opened} onClose={close} centered withCloseButton={false}>
+        <Stack>
+          <Title order={6}>Anda yakin menyimpan data ini ?</Title>
+          <Group position="center">
+            <Button radius={"xl"} onClick={() => close()}>
+              Batal
+            </Button>
+            <Button color="teal" radius={"xl"} onClick={() => onUpdate()}>
+              Simpan
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
       <Button
         color="teal"
         radius={"xl"}
         mt={"lg"}
         mb={70}
         onClick={() => {
-          router.replace(RouterJob.status);
-          setHotMenu(2);
-          setStatus("Review");
-          ComponentGlobal_NotifikasiBerhasil("Tambah Lowongan Berhasil");
+          open();
+          scrollTo({ y: 0 });
         }}
       >
         Update

src/app_modules/job/fun/create/fun_create.ts

@@ -0,0 +1,67 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+import _ from "lodash";
+import { v4 } from "uuid";
+import fs from "fs";
+import { revalidatePath } from "next/cache";
+import { MODEL_JOB } from "../../model/interface";
+
+export async function Job_funCreate(req: MODEL_JOB, file: FormData) {
+  const authorId = await User_getUserId();
+
+  const dataImage: any = file.get("file");
+  if (dataImage !== "null") {
+    const fileName = dataImage.name;
+    const fileExtension = _.lowerCase(dataImage.name.split(".").pop());
+    const fRandomName = v4(fileName) + "." + fileExtension;
+
+    const upload = await prisma.images.create({
+      data: {
+        url: fRandomName,
+        label: "JOB",
+      },
+      select: {
+        id: true,
+        url: true,
+      },
+    });
+
+    if (!upload) return { status: 400, message: "Gagal upload gambar" };
+    const uploadFolder = Buffer.from(await dataImage.arrayBuffer());
+    fs.writeFileSync(`./public/job/${upload.url}`, uploadFolder);
+    const create = await prisma.job.create({
+      data: {
+        title: req.title,
+        content: req.content,
+        deskripsi: req.deskripsi,
+        authorId: authorId,
+        imagesId: upload.id,
+      },
+    });
+
+    if (!create) return { status: 400, message: "Gagal Disimpan" };
+    revalidatePath("/dev/job/main/status");
+    return {
+      status: 201,
+      message: "Berhasil Disimpan",
+    };
+  } else {
+    const create = await prisma.job.create({
+      data: {
+        title: req.title,
+        content: req.content,
+        deskripsi: req.deskripsi,
+        authorId: authorId,
+      },
+    });
+
+    if (!create) return { status: 400, message: "Gagal Disimpan" };
+    revalidatePath("/dev/job/main/status");
+    return {
+      status: 201,
+      message: "Berhasil Disimpan",
+    };
+  }
+}

src/app_modules/job/fun/delete/fun_delete_by_id.ts

@@ -0,0 +1,19 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { revalidatePath } from "next/cache";
+
+export async function Job_funDeleteById(jobId: string) {
+  const del = await prisma.job.update({
+    where: {
+      id: jobId,
+    },
+    data: {
+      isActive: false,
+    },
+  });
+
+  if (!del) return { status: 400, message: "Gagal hapus" };
+  revalidatePath("/dev/job/main/status");
+  return { status: 200, message: "Berhasil hapus" };
+}

src/app_modules/job/fun/edit/fun_edit_arsip_by_id.ts

@@ -0,0 +1,21 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { revalidatePath } from "next/cache";
+
+export async function Job_funEditArsipById(jobId: string, aktifasi: boolean) {
+  const updt = await prisma.job.update({
+    where: {
+      id: jobId,
+    },
+    data: {
+      isArsip: aktifasi,
+    },
+  });
+  if (!updt) return { status: 400, message: "Gagal Arsip" };
+
+  revalidatePath("/dev/job/main/arsip");
+  revalidatePath("/dev/job/main/status");
+  revalidatePath("/dev/job/main/beranda");
+  return { status: 200, message: "Berhasil Arsip" };
+}

src/app_modules/job/fun/edit/fun_edit_by_id.ts

@@ -0,0 +1,73 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import _ from "lodash";
+import { v4 } from "uuid";
+import fs from "fs";
+import { MODEL_JOB } from "../../model/interface";
+import { revalidatePath } from "next/cache";
+
+export async function Job_EditById(req: MODEL_JOB, file: FormData) {
+  //   console.log(file);
+  //   console.log(req);
+  //   return { status: 200 };
+
+  const dataImage: any = file.get("file");
+  if (dataImage !== "null") {
+    const fileName = dataImage.name;
+    const fileExtension = _.lowerCase(dataImage.name.split(".").pop());
+    const fRandomName = v4(fileName) + "." + fileExtension;
+
+    const upload = await prisma.images.create({
+      data: {
+        url: fRandomName,
+        label: "JOB",
+      },
+      select: {
+        id: true,
+        url: true,
+      },
+    });
+
+    if (!upload) return { status: 400, message: "Gagal upload gambar" };
+    const uploadFolder = Buffer.from(await dataImage.arrayBuffer());
+    fs.writeFileSync(`./public/job/${upload.url}`, uploadFolder);
+
+    const updt = await prisma.job.update({
+      where: {
+        id: req.id,
+      },
+      data: {
+        title: req.title,
+        content: req.content,
+        deskripsi: req.deskripsi,
+        imagesId: upload.id,
+      },
+    });
+
+    if (!updt) return { status: 400, message: "Gagal Update" };
+    revalidatePath("/dev/job/detail/draft");
+    return {
+      status: 200,
+      message: "Berhasil Disimpan",
+    };
+  } else {
+    const updt = await prisma.job.update({
+      where: {
+        id: req.id,
+      },
+      data: {
+        title: req.title,
+        content: req.content,
+        deskripsi: req.deskripsi,
+      },
+    });
+
+    if (!updt) return { status: 400, message: "Gagal Update" };
+    revalidatePath("/dev/job/detail/draft");
+    return {
+      status: 200,
+      message: "Berhasil Disimpan",
+    };
+  }
+}

src/app_modules/job/fun/edit/fun_edit_status_by_status_id.ts

@@ -0,0 +1,22 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { revalidatePath } from "next/cache";
+
+export async function Job_funEditStatusByStatusId(
+  jobId: string,
+  statusId: string
+) {
+  const updt = await prisma.job.update({
+    where: {
+      id: jobId,
+    },
+    data: {
+      masterStatusId: statusId,
+    },
+  });
+
+  if (!updt) return { status: 400, message: "Gagal ganti status" };
+  revalidatePath("/dev/job/main/status");
+  return { status: 200, message: "Berhasil  ganti status" };
+}

src/app_modules/job/fun/get/get_list_all_arsip.ts

@@ -0,0 +1,17 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+
+export async function Job_getListAllArsipById() {
+  const authorId = await User_getUserId();
+
+  const get = await prisma.job.findMany({
+    where: {
+      authorId: authorId,
+      isArsip: true,
+    },
+  });
+
+  return get;
+}

src/app_modules/job/fun/get/get_list_all_publish.ts

@@ -0,0 +1,28 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+
+export async function Job_getAllListPublish() {
+  const data = await prisma.job.findMany({
+    orderBy: {
+      updatedAt: "desc",
+    },
+    where: {
+      masterStatusId: "1",
+      isActive: true,
+      isArsip: false,
+    },
+    select: {
+        id: true,
+        title: true,
+        Author: {
+            select: {
+                Profile: true
+            }
+        }
+    }
+  });
+
+  return data;
+}

src/app_modules/job/fun/get/get_list_status_by_status_id.ts

@@ -0,0 +1,68 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+
+export async function Job_getListStatusByStatusId(statusId: string) {
+  const authorId = await User_getUserId();
+  if (statusId === "1") {
+    const data = await prisma.job.findMany({
+      orderBy: {
+        updatedAt: "desc",
+      },
+      where: {
+        masterStatusId: "1",
+        authorId: authorId,
+        isActive: true,
+        isArsip: false
+      },
+    });
+
+    return data;
+  }
+
+  if (statusId === "2") {
+    const data = await prisma.job.findMany({
+      orderBy: {
+        updatedAt: "desc",
+      },
+      where: {
+        masterStatusId: "2",
+        authorId: authorId,
+        isActive: true,
+      },
+    });
+
+    return data;
+  }
+
+  if (statusId === "3") {
+    const data = await prisma.job.findMany({
+      orderBy: {
+        updatedAt: "desc",
+      },
+      where: {
+        masterStatusId: "3",
+        authorId: authorId,
+        isActive: true,
+      },
+    });
+
+    return data;
+  }
+
+  if (statusId === "4") {
+    const data = await prisma.job.findMany({
+      orderBy: {
+        updatedAt: "desc",
+      },
+      where: {
+        masterStatusId: "4",
+        authorId: authorId,
+        isActive: true,
+      },
+    });
+
+    return data;
+  }
+}

src/app_modules/job/fun/get/get_one_by_id.ts

@@ -0,0 +1,13 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+
+export async function Job_getOneById(jobId: any) {
+  const get = await prisma.job.findFirst({
+    where: {
+      id: jobId,
+    },
+  });
+
+  return get;
+}

src/app_modules/job/main/arsip.tsx

@@ -4,14 +4,18 @@ import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/a
 import { Stack, Card, Grid, Image, Text } from "@mantine/core";
 import ComponentJob_CardViewStatus from "../component/card_view_status";
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import ComponentJob_CardPreview from "../component/card_preview";
+import { MODEL_JOB } from "../model/interface";
 
-export default function Job_Arsip() {
+export default function Job_Arsip({ dataJob }: { dataJob :MODEL_JOB[]}) {
   return (
     <>
       <ComponentJob_CardViewStatus
-        listData={[{ id: 1 }, { id: 2 }]}
+        listData={dataJob}
         path={RouterJob.detail_arsip}
       />
     </>
   );
 }
+
+

src/app_modules/job/main/beranda.tsx

@@ -8,6 +8,7 @@ import {
   ActionIcon,
   Affix,
   Card,
+  Center,
   Grid,
   Image,
   Stack,
@@ -17,8 +18,13 @@ import {
 } from "@mantine/core";
 import { IconCirclePlus } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
+import { MODEL_JOB } from "../model/interface";
+import ComponentJob_DetailData from "../component/detail/detail_data";
+import ComponentJob_CardViewStatus from "../component/card_view_status";
+import _ from "lodash";
+import ComponentJob_IsEmptyData from "../component/is_empty_data";
 
-export default function Job_Beranda() {
+export default function Job_Beranda({ listJob }: { listJob: MODEL_JOB[] }) {
   const router = useRouter();
   return (
     <>
@@ -36,38 +42,37 @@ export default function Job_Beranda() {
         </ActionIcon>
       </Affix>
 
-      <Stack>
-        {Array(5)
-          .fill(0)
-          .map((e, i) => (
+      {_.isEmpty(listJob) ? (
+        <ComponentJob_IsEmptyData text="Data tidak ada" />
+      ) : (
+        <Stack>
+          {listJob.map((e, i) => (
             <Card key={i} shadow="lg" withBorder p={30} radius={"md"}>
               <Card.Section>
-                <ComponentGlobal_AuthorNameOnHeader />
+                <ComponentGlobal_AuthorNameOnHeader
+                  authorName={e.Author.Profile.name}
+                  imagesId={e.Author.Profile.imagesId}
+                  profileId={e.Author.Profile.id}
+                />
               </Card.Section>
-              <Card.Section onClick={() => router.push(RouterJob.main_detail)}>
+              <Card.Section
+                onClick={() => router.push(RouterJob.main_detail + e.id)}
+                mt={"lg"}
+              >
                 <Grid>
-                  <Grid.Col span={6}>
-                    <Image alt="foto" src={"/aset/no-file.png"} />
-                  </Grid.Col>
-                  <Grid.Col span={6}>
-                    <Stack justify="center" h={"100%"}>
-                      <Text fw={"bold"} fz={20} truncate>
-                        Judul Lowongan Kerja
+                  <Grid.Col span={"auto"}>
+                    <Center h={"100%"}>
+                      <Text fw={"bold"} fz={"xl"} lineClamp={1}>
+                        {e.title}
                       </Text>
-                      <Text lineClamp={3}>
-                        Lorem ipsum dolor sit amet consectetur, adipisicing
-                        elit. Laboriosam est id neque iste voluptatem
-                        consequuntur veritatis dolorem illo et, repellat
-                        praesentium maiores amet omnis voluptas aliquid tenetur
-                        nam sint obcaecati.
-                      </Text>
-                    </Stack>
+                    </Center>
                   </Grid.Col>
                 </Grid>
               </Card.Section>
             </Card>
           ))}
-      </Stack>
+        </Stack>
+      )}
     </>
   );
 }

src/app_modules/job/main/layout.tsx

@@ -16,6 +16,7 @@ import { useRouter } from "next/navigation";
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
 import { useAtom } from "jotai";
 import { gs_job_hot_menu } from "../global_state";
+import { RouterHome } from "@/app/lib/router_hipmi/router_home";
 
 export default function LayoutJob_Main({
   children,
@@ -50,7 +51,12 @@ export default function LayoutJob_Main({
   return (
     <>
       <AppShell
-        header={<ComponentJob_HeaderTamplate title="Job Vacancy" />}
+        header={
+          <ComponentJob_HeaderTamplate
+            title="Job Vacancy"
+            route={RouterHome.main_home}
+          />
+        }
         footer={
           <Footer height={70} bg={"dark"}>
             <Grid>
@@ -62,7 +68,6 @@ export default function LayoutJob_Main({
                   onClick={() => {
                     router.replace(e.path);
                     setHotMenu(e.id);
-
                   }}
                 >
                   <Center>

src/app_modules/job/main/status/draft.tsx

@@ -3,14 +3,12 @@
 import { Stack, Card, Grid, Image, Text } from "@mantine/core";
 import ComponentJob_CardViewStatus from "../../component/card_view_status";
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import ComponentJob_CardPreview from "../../component/card_preview";
 
-export default function Job_Draft() {
+export default function Job_Draft({ listDraft }: { listDraft : any}) {
   return (
     <>
-      <ComponentJob_CardViewStatus
-        listData={[{ id: 1 }, { id: 2 }]}
-        path={RouterJob.detail_draft}
-      />
+      <ComponentJob_CardViewStatus listData={listDraft} path={RouterJob.detail_draft} />
     </>
   );
 }

src/app_modules/job/main/status/publish.tsx

@@ -4,12 +4,14 @@ import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/component_global/a
 import { Stack, Card, Grid, Image, Text } from "@mantine/core";
 import ComponentJob_CardViewStatus from "../../component/card_view_status";
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import ComponentJob_CardPreview from "../../component/card_preview";
+import { Job_getListStatusByStatusId } from "../../fun/get/get_list_status_by_status_id";
 
-export default function Job_Publish() {
+export default function Job_Publish({ listPublish }: { listPublish : any}) {
   return (
     <>
       <ComponentJob_CardViewStatus
-        listData={[{ id: 1 }, { id: 2 }]}
+        listData={listPublish}
         path={RouterJob.detail_publish}
       />
       {/* <Stack>

src/app_modules/job/main/status/reject.tsx

@@ -3,14 +3,12 @@
 import { Stack, Card, Grid, Image, Text } from "@mantine/core";
 import ComponentJob_CardViewStatus from "../../component/card_view_status";
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import { MODEL_JOB } from "../../model/interface";
 
-export default function Job_Reject() {
+export default function Job_Reject({ listReject }: { listReject : MODEL_JOB[]}) {
   return (
     <>
-      <ComponentJob_CardViewStatus
-        listData={[{ id: 1 }, { id: 2 }]}
-        path={RouterJob.detail_reject}
-      />
+      <ComponentJob_CardViewStatus listData={listReject} path={RouterJob.detail_reject} />
     </>
   );
 }

src/app_modules/job/main/status/review.tsx

@@ -4,11 +4,12 @@ import { Stack, Card, Grid, Image, Text } from "@mantine/core";
 import ComponentJob_CardViewStatus from "../../component/card_view_status";
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
 
-export default function Job_Review() {
+export default function Job_Review({ listReview }: { listReview : any[]}) {
+
   return (
     <>
       <ComponentJob_CardViewStatus
-        listData={[{ id: 1 }, { id: 2 }]}
+        listData={listReview}
         path={RouterJob.detail_review}
       />
     </>

src/app_modules/job/main/status/view.tsx

@@ -26,22 +26,22 @@ export default function Job_Status({
   const listTabs = [
     {
       id: 1,
-      path: <Job_Publish />,
+      path: <Job_Publish listPublish={listPublish} />,
       value: "Publish",
     },
     {
       id: 2,
-      path: <Job_Review />,
+      path: <Job_Review listReview={listReview} />,
       value: "Review",
     },
     {
       id: 3,
-      path: <Job_Draft />,
+      path: <Job_Draft listDraft={listDraft} />,
       value: "Draft",
     },
     {
       id: 4,
-      path: <Job_Reject />,
+      path: <Job_Reject listReject={listReject}/>,
       value: "Reject",
     },
   ];
@@ -59,6 +59,14 @@ export default function Job_Status({
           <Tabs.List grow>
             {listTabs.map((e) => (
               <Tabs.Tab
+                sx={
+                  tabsStatus === e.value
+                    ? {
+                        boxShadow:
+                          "0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.2)",
+                      }
+                    : {}
+                }
                 key={e.id}
                 value={e.value}
                 bg={tabsStatus === e.value ? "blue" : "gray.1"}

src/app_modules/job/model/interface.ts

@@ -0,0 +1,20 @@
+import { MODEL_USER } from "@/app_modules/home/model/interface";
+import { MODEL_IMAGES, MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
+
+export interface MODEL_JOB {
+  id: string;
+  title: string
+  content: string;
+  deskripsi: string
+  isActive: boolean;
+  isArsip: boolean;
+  createdAt: Date;
+  updateAt: Date;
+  catatan: string;
+  authorId: string;
+  Author: MODEL_USER;
+  Images: MODEL_IMAGES
+  imagesId: string
+  MasterStatus: MODEL_NEW_DEFAULT_MASTER
+  masterStatusId: string
+}

src/app_modules/job/non_user_view/view.tsx

@@ -1,15 +1,53 @@
 "use client";
 
-import { Stack, Text } from "@mantine/core";
+import { Card, Center, Image, Stack, Text } from "@mantine/core";
 import ComponentJob_DetailData from "../component/detail/detail_data";
+import { RouterJob } from "@/app/lib/router_hipmi/router_job";
+import { data } from "autoprefixer";
+import { MODEL_JOB } from "../model/interface";
 
-export default function Job_NonUserView() {
+export default function Job_NonUserView({ data }: { data: MODEL_JOB }) {
   return (
     <>
-      <Stack>
-        <ComponentJob_DetailData />
-        <Text></Text>
-      </Stack>
+      <Center>
+        <Card shadow="lg" withBorder p={30} w={{ base: 400 }}>
+          <Card.Section px={"xs"} pb={"lg"}>
+            <Stack spacing={"xl"}>
+              {data.imagesId ? (
+                <Stack align="center">
+                  <Image
+                    radius={"sm"}
+                    alt=""
+                    src={
+                      data.imagesId ? RouterJob.api_gambar + data.imagesId : ""
+                    }
+                    height={300}
+                    width={200}
+                  />
+                </Stack>
+              ) : (
+                ""
+              )}
+
+              <Stack>
+                <Center>
+                  <Text fz={20} fw={"bold"}>
+                    {data.title}
+                  </Text>
+                </Center>
+                <Stack spacing={0}>
+                  <Text>
+                    <div dangerouslySetInnerHTML={{ __html: data.content }} />
+                  </Text>
+                  <Text>
+                    <div dangerouslySetInnerHTML={{ __html: data.deskripsi }} />
+                  </Text>
+                </Stack>
+              </Stack>
+            </Stack>
+          </Card.Section>
+        </Card>
+      </Center>
     </>
   );
 }

src/app_modules/job/splash/view.tsx

@@ -5,15 +5,18 @@ import { Center, Image, Paper, Stack, Text } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
-import { gs_job_hot_menu } from "../global_state";
+import { gs_job_hot_menu, gs_job_status } from "../global_state";
 
 export default function Job_Splash() {
   const router = useRouter();
   const [hotMenu, setHotMenu] = useAtom(gs_job_hot_menu);
+  const [status, setStatus] = useAtom(gs_job_status);
+  
 
   useShallowEffect(() => {
     setTimeout(() => {
       setHotMenu(1);
+      setStatus("Publish")
       router.replace(RouterJob.beranda);
     }, 2000);
   }, []);