wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix UI Admin

Browse Source
This commit is contained in:
nico
2025-02-03 00:54:43 +08:00
parent d2a1f85ec0
commit 91f61f99c5
22 changed files with 315 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app_modules/admin/app_info/ui/ui_main.tsx
View File

@@ -9,6 +9,7 @@ import {
AdminAppInformation_ViewInformasiWhatApps,
AdminAppInformation_ViewKategoriPortofolio,
} from "../view";
import { AccentColor, AdminColor, MainColor } from "@/app_modules/_global/color/color_pallet";
export default function AdminAppInformation_UiMain({
nomorAdmin,
@@ -45,8 +46,8 @@ export default function AdminAppInformation_UiMain({
<Button
key={i}
radius={"xl"}
c={"white"}
bg={selectPage === e.id ? "blue" : "gray.3"}
c={selectPage === e.id ? AdminColor.white : "gray"}
bg={selectPage === e.id ? AccentColor.blue : AccentColor.darkblue}
onClick={() => {
setSelectPage(e.id);
}}

57
src/app_modules/admin/app_info/view/view_info_bank.tsx
View File

@@ -28,6 +28,8 @@ import adminAppInformation_createBank from "../fun/create/fun_create_new_bank";
import adminAppInformation_getMasterBank from "../fun/master/get_list_bank";
import adminAppInformation_updateStatusBankById from "../fun/update/fun_udpate_status_bank";
import adminAppInformation_updateDataBankById from "../fun/update/fun_update_data_bank";
import { AccentColor } from "@/app_modules/_global/color";
import { AdminColor } from "@/app_modules/_global/color/color_pallet";
export default function AdminAppInformation_ViewInfoBank({
listBank,
@@ -126,7 +128,7 @@ export default function AdminAppInformation_ViewInfoBank({
data.map((e, i) => (
<tr key={i}>
<td>
<Center w={150}>
<Center c={AccentColor.white} w={150}>
<Text>{e?.namaBank}</Text>
</Center>
</td>
@@ -148,12 +150,12 @@ export default function AdminAppInformation_ViewInfoBank({
</Center>
</td>
<td>
<Center>
<Center c={AccentColor.white}>
<Text>{e?.namaAkun}</Text>
</Center>
</td>
<td>
<Center>
<Center c={AccentColor.white}>
<Text>{e?.norek}</Text>
</Center>
</td>
@@ -175,7 +177,7 @@ export default function AdminAppInformation_ViewInfoBank({
}}
>
<Tooltip label="Edit">
<IconEdit color="green" />
<IconEdit color={AccentColor.white} />
</Tooltip>
</ActionIcon>
</Stack>
@@ -198,32 +200,31 @@ export default function AdminAppInformation_ViewInfoBank({
<Grid>
<Grid.Col span={9}>
<Paper p={"md"} withBorder shadow="lg" h={"65vh"}>
<Paper p={"md"} bg={AdminColor.softBlue} h={"65vh"}>
<ScrollArea w={"100%"} h={"90%"} offsetScrollbars>
<Table
verticalSpacing={"xs"}
horizontalSpacing={"md"}
p={"md"}
w={1000}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center w={150}>Bank</Center>
<Center c={AdminColor.white} w={150}>Bank</Center>
</th>
<th>
<Center>Status</Center>
<Center c={AdminColor.white}>Status</Center>
</th>
<th>
<Center>Nama Rekening</Center>
<Center c={AdminColor.white}>Nama Rekening</Center>
</th>
<th>
<Center>Nomor Rekening</Center>
<Center c={AdminColor.white}>Nomor Rekening</Center>
</th>
<th>
<Center>Aksi</Center>
<Center c={AdminColor.white}>Aksi</Center>
</th>
</tr>
</thead>
@@ -235,14 +236,18 @@ export default function AdminAppInformation_ViewInfoBank({
<Grid.Col span={3}>
{isCreate ? (
<Paper p={"md"} withBorder shadow="lg">
<Paper p={"md"} bg={AdminColor.softBlue} shadow="lg">
<Stack>
<Center>
<Title order={5}>Tambah Daftar Bank</Title>
<Title c={AccentColor.white} order={5}>Tambah Daftar Bank</Title>
</Center>
<TextInput
label={"Nama Bank"}
styles={{
label: {
color: AdminColor.white,}
}}
placeholder="Masukan nama bank"
onChange={(val) => {
setNewData({
@@ -254,6 +259,10 @@ export default function AdminAppInformation_ViewInfoBank({
<TextInput
label={"Nama Rekening"}
styles={{
label: {
color: AdminColor.white,}
}}
placeholder="Masukan nama rekening"
onChange={(val) => {
setNewData({
@@ -265,6 +274,10 @@ export default function AdminAppInformation_ViewInfoBank({
<TextInput
label={"Nomor Rekening Bank"}
styles={{
label: {
color: AdminColor.white,}
}}
placeholder=" Masukan nomor rekening bank"
type="number"
onChange={(val) => {
@@ -304,13 +317,17 @@ export default function AdminAppInformation_ViewInfoBank({
)}
{isUpdate ? (
<Paper p={"md"} withBorder shadow="lg">
<Paper p={"md"} bg={AdminColor.softBlue} shadow="lg">
<Stack>
<Center>
<Title order={5}>Update Data Bank</Title>
<Title c={AdminColor.white} order={5}>Update Data Bank</Title>
</Center>
<TextInput
label={"Nama Bank"}
styles={{
label: {
color: AdminColor.white,}
}}
placeholder="Masukan nama bank"
value={updateData.namaBank}
onChange={(val) => {
@@ -321,6 +338,10 @@ export default function AdminAppInformation_ViewInfoBank({
<TextInput
label={"Nama Rekening"}
styles={{
label: {
color: AdminColor.white,}
}}
placeholder="Masukan nama rekening"
value={updateData.namaAkun}
onChange={(val) => {
@@ -331,6 +352,10 @@ export default function AdminAppInformation_ViewInfoBank({
<TextInput
label={"Nomor Rekening Bank"}
styles={{
label: {
color: AdminColor.white,}
}}
placeholder=" Masukan nomor rekening bank"
type="number"
value={updateData.norek}

12
src/app_modules/admin/app_info/view/view_info_whatsapp.tsx
View File

@@ -18,7 +18,7 @@ import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_
import adminAppInformation_getNomorAdmin from "../fun/master/get_nomor_admin";
import adminAppInformation_funUpdateNomorAdmin from "../fun/update/fun_update_nomor";
import { useDisclosure } from "@mantine/hooks";
import { MainColor } from "@/app_modules/_global/color/color_pallet";
import { AccentColor, AdminColor, MainColor } from "@/app_modules/_global/color/color_pallet";
export default function AdminAppInformation_ViewInformasiWhatApps({
nomorAdmin,
@@ -55,17 +55,17 @@ export default function AdminAppInformation_ViewInformasiWhatApps({
<Stack spacing={"xs"}>
<Group
position="apart"
bg={"gray.4"}
bg={AdminColor.softBlue}
p={"xs"}
style={{ borderRadius: "6px" }}
>
<Title order={4}>Informasi WhatsApp</Title>
<Title c={AdminColor.white} order={4}>Informasi WhatsApp</Title>
</Group>
</Stack>
<Paper w={"50%"} withBorder p={"md"}>
<Paper w={"50%"} bg={AdminColor.softBlue} p={"md"}>
<Stack>
<Paper bg={"gray.4"} p={"xl"}>
<Paper c={AdminColor.white} bg={AccentColor.darkblue} p={"xl"}>
<Group position="apart">
<Title order={2}>{`+${dataNomor.nomor}`}</Title>
<Tooltip label={"Edit"}>
@@ -82,7 +82,7 @@ export default function AdminAppInformation_ViewInformasiWhatApps({
style={{
transition: "0.2s",
}}
color={MainColor.darkblue}
color={AdminColor.white}
/>
</ActionIcon>
</Tooltip>

24
src/app_modules/admin/app_info/view/view_kategori_portofolio.tsx
View File

@@ -26,6 +26,7 @@ import {
adminAppInformation_funGetBidangBisnis,
adminAppInformation_funUpdateBidangBisnis,
} from "../fun";
import { AdminColor } from "@/app_modules/_global/color/color_pallet";
export function AdminAppInformation_ViewKategoriPortofolio({
dataBidangBisnis,
@@ -128,7 +129,7 @@ export function AdminAppInformation_ViewKategoriPortofolio({
<tr key={i}>
<td>
<Center>
<Text>{e?.name}</Text>
<Text c={AdminColor.white}>{e?.name}</Text>
</Center>
</td>
<td>
@@ -164,7 +165,7 @@ export function AdminAppInformation_ViewKategoriPortofolio({
}}
>
<Tooltip label="Edit">
<IconEdit color="green" />
<IconEdit color={AdminColor.white} />
</Tooltip>
</ActionIcon>
</Stack>
@@ -193,26 +194,25 @@ export function AdminAppInformation_ViewKategoriPortofolio({
<Grid>
<Grid.Col span={9}>
<Paper p={"md"} withBorder shadow="lg" h={"65vh"}>
<Paper p={"md"} bg={AdminColor.softBlue} h={"65vh"}>
<ScrollArea w={"100%"} h={"90%"} offsetScrollbars>
<Table
verticalSpacing={"xs"}
horizontalSpacing={"md"}
p={"md"}
w={"100%"}
striped
highlightOnHover
>
<thead>
<tr>
<th>
<Center>Kategori</Center>
<Center c={AdminColor.white}>Kategori</Center>
</th>
<th>
<Center>Status</Center>
<Center c={AdminColor.white}>Status</Center>
</th>
<th>
<Center>Aksi</Center>
<Center c={AdminColor.white}>Aksi</Center>
</th>
</tr>
</thead>
@@ -225,10 +225,10 @@ export function AdminAppInformation_ViewKategoriPortofolio({
<Grid.Col span={3}>
{/* Form Create */}
{isCreate ? (
<Paper p={"md"} withBorder shadow="lg">
<Paper p={"md"} bg={AdminColor.softBlue} shadow="lg">
<Stack>
<Center>
<Title order={5}>Tambah Bidang Bisnis</Title>
<Title c={AdminColor.white} order={5}>Tambah Bidang Bisnis</Title>
</Center>
<TextInput
@@ -269,10 +269,10 @@ export function AdminAppInformation_ViewKategoriPortofolio({
)}
{/* Form Update */}
{isUpdate ? (
<Paper p={"md"} withBorder shadow="lg">
<Paper p={"md"} bg={AdminColor.softBlue} shadow="lg">
<Stack>
<Center>
<Title order={5}>Update Bidang Bisnis</Title>
<Title c={AdminColor.white} order={5}>Update Bidang Bisnis</Title>
</Center>
<TextInput
placeholder="Masukan bidang bisnis"