# Developer

## feat
- Memberi akses pada user menjadi admin
### No issue

src/app_modules/admin/component/logout.tsx

@@ -1,7 +1,15 @@
 "use client";
 import { myConsole } from "@/app/fun/my_console";
 import { ApiHipmi } from "@/app/lib/api";
-import { ActionIcon, Button, Group, Modal, Stack, Title } from "@mantine/core";
+import {
+  ActionIcon,
+  Button,
+  Group,
+  Loader,
+  Modal,
+  Stack,
+  Title,
+} from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useAtom } from "jotai";
 import { IconLogout } from "@tabler/icons-react";
@@ -16,6 +24,7 @@ import { useState } from "react";
 export default function Admin_Logout() {
   const router = useRouter();
   const [opened, { toggle }] = useDisclosure(false);
+  const [loading, setLoading] = useState(false);
 
   const [kodeId, setKodeId] = useAtom(gs_kodeId);
   const [loadingLogout, setLoadingLogout] = useState(false);
@@ -34,15 +43,26 @@ export default function Admin_Logout() {
 
   return (
     <>
-      <Modal opened={opened} onClose={toggle} centered withCloseButton={false}>
+      <Modal
+        opened={opened}
+        onClose={toggle}
+        centered
+        withCloseButton={false}
+        closeOnClickOutside={false}
+      >
         <Stack>
           <Title order={6}>Anda yakin ingin keluar ?</Title>
           <Group align="center" position="center">
-            <Button compact onClick={toggle} radius={50}>
+            <Button
+              onClick={() => {
+                toggle();
+                setLoading(false);
+              }}
+              radius={50}
+            >
               Batal
             </Button>
             <Button
-              compact
               loaderPosition="center"
               loading={loadingLogout ? true : false}
               radius={50}
@@ -56,7 +76,17 @@ export default function Admin_Logout() {
         </Stack>
       </Modal>
       <ActionIcon variant="transparent">
-        <IconLogout color={Warna.merah} onClick={toggle} />
+        {loading ? (
+          <Loader color="gray" />
+        ) : (
+          <IconLogout
+            color={Warna.merah}
+            onClick={() => {
+              toggle();
+              setLoading(true);
+            }}
+          />
+        )}
       </ActionIcon>
       {/* <Button radius={"xl"} color={"red"} onClick={toggle}>
         Logout

src/app_modules/admin/developer/fun/edit/fun_edit_user_akses_by_id.ts

@@ -0,0 +1,23 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+import { RouterAdminDeveloper } from "@/app/lib/router_admin/router_admin_developer";
+import { revalidatePath } from "next/cache";
+
+export default async function adminDeveloper_funEditUserAksesById(
+  userId: string,
+  roleId: string
+) {
+  const updt = await prisma.user.update({
+    where: {
+      id: userId,
+    },
+    data: {
+      masterUserRoleId: roleId,
+    },
+  });
+
+  if (!updt) return { status: 400, message: "Gagal Update Akses" };
+  revalidatePath(RouterAdminDeveloper.main);
+  return { status: 200, message: "Berhasil Update Akses" };
+}

src/app_modules/admin/developer/fun/get/fun_get_list_all_admin.ts

@@ -0,0 +1,15 @@
+"use server"
+
+import prisma from "@/app/lib/prisma"
+
+export default async function adminDeveloper_funGetListAllAdmin() {
+    const data = await prisma.user.findMany({
+      orderBy: {
+        updatedAt: "asc",
+      },
+      where: {
+        masterUserRoleId: "2",
+      },
+    });
+    return data;
+}

src/app_modules/admin/developer/fun/get/fun_get_list_all_user.ts

@@ -0,0 +1,15 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+
+export default async function adminDeveloper_funGetListAllUser() {
+  const data = await prisma.user.findMany({
+    orderBy: {
+      updatedAt: "asc",
+    },
+    where: {
+      masterUserRoleId: "1",
+    },
+  });
+  return data;
+}

src/app_modules/admin/developer/index.tsx

@@ -0,0 +1,232 @@
+"use client";
+
+import {
+  Box,
+  Button,
+  Center,
+  Group,
+  Paper,
+  ScrollArea,
+  SimpleGrid,
+  Stack,
+  Table,
+  TextInput,
+  Title,
+} from "@mantine/core";
+import ComponentAdminGlobal_HeaderTamplate from "../component/header_tamplate";
+import { MODEL_USER } from "@/app_modules/home/model/interface";
+import _ from "lodash";
+import { IconSearch } from "@tabler/icons-react";
+import { useState } from "react";
+import adminDeveloper_funEditUserAksesById from "./fun/edit/fun_edit_user_akses_by_id";
+import adminDeveloper_funGetListAllAdmin from "./fun/get/fun_get_list_all_admin";
+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 adminDeveloper_funGetListAllUser from "./fun/get/fun_get_list_all_user";
+
+export default function AdminDeveloper({
+  listUser,
+  listAdmin,
+}: {
+  listUser: MODEL_USER[];
+  listAdmin: MODEL_USER[];
+}) {
+  const [dataUser, setDataUser] = useState(listUser);
+  const [dataAdmin, setDataAdmin] = useState(listAdmin);
+
+  return (
+    <>
+      <Stack>
+        <ComponentAdminGlobal_HeaderTamplate name="Developer" />
+        <SimpleGrid cols={2} spacing={50}>
+          <TableAdmin
+            dataAdmin={dataAdmin}
+            setDataAdmin={setDataAdmin}
+            setDataUser={setDataUser}
+          />
+          <TableUser
+            dataUser={dataUser}
+            setDataUser={setDataUser}
+            setDataAdmin={setDataAdmin}
+          />
+        </SimpleGrid>
+      </Stack>
+    </>
+  );
+}
+
+function TableAdmin({
+  dataAdmin,
+  setDataAdmin,
+  setDataUser,
+}: {
+  dataAdmin: MODEL_USER[];
+  setDataAdmin: any;
+  setDataUser: any;
+}) {
+  async function onAccess(id: string) {
+    await adminDeveloper_funEditUserAksesById(id, "1").then(async (res) => {
+      if (res.status === 200) {
+        await adminDeveloper_funGetListAllUser().then((val) => {
+          setDataUser(val);
+        });
+        await adminDeveloper_funGetListAllAdmin().then((val) => {
+          setDataAdmin(val);
+        });
+        ComponentGlobal_NotifikasiBerhasil(res.message);
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
+  }
+
+  const tableBody = dataAdmin.map((e) => (
+    <tr key={e.id}>
+      <td>
+        <Center>{e.username}</Center>
+      </td>
+      <td>
+        <Center>{e.nomor}</Center>
+      </td>
+      <td>
+        <Center>
+          <Button radius={"xl"} color="red" onClick={() => onAccess(e.id)}>
+            Delete Access
+          </Button>
+        </Center>
+      </td>
+    </tr>
+  ));
+
+  return (
+    <>
+      <Stack spacing={"xs"}>
+        <Group
+          position="apart"
+          bg={"blue.4"}
+          p={"xs"}
+          style={{ borderRadius: "6px" }}
+        >
+          <Title order={4}>Table Admin</Title>
+          <TextInput
+            icon={<IconSearch size={20} />}
+            radius={"xl"}
+            placeholder="Masukan username"
+          />
+        </Group>
+        <Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
+          <Table
+            verticalSpacing={"xs"}
+            horizontalSpacing={"md"}
+            p={"md"}
+            striped
+            highlightOnHover
+          >
+            <thead>
+              <tr>
+                <th>
+                  <Center>Username</Center>
+                </th>
+                <th>
+                  <Center>Nomor</Center>
+                </th>
+                <th>
+                  <Center>Aksi</Center>
+                </th>
+              </tr>
+            </thead>
+            <tbody>{tableBody}</tbody>
+          </Table>
+        </Paper>
+      </Stack>
+    </>
+  );
+}
+
+function TableUser({
+  dataUser,
+  setDataUser,
+  setDataAdmin,
+}: {
+  dataUser: MODEL_USER[];
+  setDataUser: any;
+  setDataAdmin: any;
+}) {
+  async function onAccess(id: string) {
+    await adminDeveloper_funEditUserAksesById(id, "2").then(async (res) => {
+      if (res.status === 200) {
+        await adminDeveloper_funGetListAllUser().then((val) => {
+          setDataUser(val);
+        });
+        await adminDeveloper_funGetListAllAdmin().then((val) => {
+          setDataAdmin(val);
+        });
+        ComponentGlobal_NotifikasiBerhasil(res.message);
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
+  }
+
+  const tableBody = dataUser.map((e) => (
+    <tr key={e.id}>
+      <td>
+        <Center>{e.username}</Center>
+      </td>
+      <td>
+        <Center>{e.nomor}</Center>
+      </td>
+      <td>
+        <Center>
+          <Button radius={"xl"} onClick={() => onAccess(e.id)}>
+            Admin Access
+          </Button>
+        </Center>
+      </td>
+    </tr>
+  ));
+
+  return (
+    <>
+      <Stack spacing={"xs"}>
+        <Group
+          position="apart"
+          bg={"cyan.4"}
+          p={"xs"}
+          style={{ borderRadius: "6px" }}
+        >
+          <Title order={4}>Table User</Title>
+          <TextInput
+            icon={<IconSearch size={20} />}
+            radius={"xl"}
+            placeholder="Masukan username"
+          />
+        </Group>
+        <Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
+          <Table
+            verticalSpacing={"xs"}
+            horizontalSpacing={"md"}
+            p={"md"}
+            striped
+            highlightOnHover
+          >
+            <thead>
+              <tr>
+                <th>
+                  <Center>Username</Center>
+                </th>
+                <th>
+                  <Center>Nomor</Center>
+                </th>
+                <th>
+                  <Center>Aksi</Center>
+                </th>
+              </tr>
+            </thead>
+            <tbody>{tableBody}</tbody>
+          </Table>
+        </Paper>
+      </Stack>
+    </>
+  );
+}

src/app_modules/admin/list_page.tsx

@@ -1,3 +1,4 @@
+import { RouterAdminDeveloper } from "@/app/lib/router_admin/router_admin_developer";
 import { RouterAdminEvent } from "@/app/lib/router_admin/router_admin_event";
 import { RouterAdminForum } from "@/app/lib/router_admin/router_admin_forum";
 import { RouterAdminJob } from "@/app/lib/router_admin/router_admin_job";
@@ -174,7 +175,7 @@ export const listAdminPage = [
   {
     id: 99,
     name: "Developer",
-    path: RouterAdminDashboard.main_admin,
+    path: RouterAdminDeveloper.main,
     icon: <IconDashboard />,
     child: [],
   },

src/app_modules/admin/splash/splash.tsx

@@ -14,7 +14,7 @@ export default function SplashDashboardAdmin() {
   useShallowEffect(() => {
     setTimeout(() => {
       router.push(RouterAdminDashboard.main_admin);
-      setActive(0);
+      setActive(1);
     }, 2000);
   }, []);
   return (