#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>
-      </>
-    );
-}
+      )}
+    </>
+  );
+}