From fbea35eef96a656e1b474959aa3fb8198c7d2b0e Mon Sep 17 00:00:00 2001 From: Bagasbanuna02 Date: Wed, 14 May 2025 16:14:24 +0800 Subject: [PATCH] feat: tampilan upload stiker di admin --- public/aset/global/dummy-image.jpg | Bin 0 -> 20167 bytes .../app-information/sticker/create/page.tsx | 9 ++ .../admin/app-information/sticker/page.tsx | 9 ++ .../_global/lib/base_style_text_input.tsx | 15 +++ .../admin/_admin_global/back_button.tsx | 1 + .../admin/app_info/ui/ui_layout_admin_app.tsx | 114 ++++++++++++------ .../app_info/view/view_create_sticker.tsx | 114 ++++++++++++++++++ .../admin/app_info/view/view_stiker.tsx | 73 +++++++++++ src/lib/path_asset_image.tsx | 1 + .../router_admin/router_app_information.ts | 3 + 10 files changed, 300 insertions(+), 39 deletions(-) create mode 100644 public/aset/global/dummy-image.jpg create mode 100644 src/app/dev/admin/app-information/sticker/create/page.tsx create mode 100644 src/app/dev/admin/app-information/sticker/page.tsx create mode 100644 src/app_modules/_global/lib/base_style_text_input.tsx create mode 100644 src/app_modules/admin/app_info/view/view_create_sticker.tsx create mode 100644 src/app_modules/admin/app_info/view/view_stiker.tsx diff --git a/public/aset/global/dummy-image.jpg b/public/aset/global/dummy-image.jpg new file mode 100644 index 0000000000000000000000000000000000000000..49a81447339c47da76bc9940ca905cccd98951ff GIT binary patch literal 20167 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 N9}E0v3&>11{vUT>lQ{qY literal 0 HcmV?d00001 diff --git a/src/app/dev/admin/app-information/sticker/create/page.tsx b/src/app/dev/admin/app-information/sticker/create/page.tsx new file mode 100644 index 00000000..cd0748d5 --- /dev/null +++ b/src/app/dev/admin/app-information/sticker/create/page.tsx @@ -0,0 +1,9 @@ +import AdminAppInformation_ViewCreateSticker from "@/app_modules/admin/app_info/view/view_create_sticker"; + +export default function Page() { + return ( + <> + + + ); +} diff --git a/src/app/dev/admin/app-information/sticker/page.tsx b/src/app/dev/admin/app-information/sticker/page.tsx new file mode 100644 index 00000000..ca6ea3c5 --- /dev/null +++ b/src/app/dev/admin/app-information/sticker/page.tsx @@ -0,0 +1,9 @@ +import AdminAppInformation_ViewSticker from "@/app_modules/admin/app_info/view/view_stiker"; + +export default function Page() { + return ( + <> + + + ); +} diff --git a/src/app_modules/_global/lib/base_style_text_input.tsx b/src/app_modules/_global/lib/base_style_text_input.tsx new file mode 100644 index 00000000..722711b6 --- /dev/null +++ b/src/app_modules/_global/lib/base_style_text_input.tsx @@ -0,0 +1,15 @@ +import { Styles } from "@mantine/core"; +import { BaseSelectStylesNames } from "@mantine/core/lib/Select/types"; +import { MainColor } from "../color"; + +export const baseStylesTextInput: Styles< + BaseSelectStylesNames, + Record +> = { + label: { + color: MainColor.white, + }, + input: { + backgroundColor: MainColor.white, + }, +}; diff --git a/src/app_modules/admin/_admin_global/back_button.tsx b/src/app_modules/admin/_admin_global/back_button.tsx index 0565fcd7..28f0ed33 100644 --- a/src/app_modules/admin/_admin_global/back_button.tsx +++ b/src/app_modules/admin/_admin_global/back_button.tsx @@ -19,6 +19,7 @@ export default function Admin_ComponentBackButton({ - ))} +
+ + {listPage.map((e, i) => { + const active = isActive(e.path); + const loading = loadingPath === e.path; + + return ( + + ); + })} +
- {children} - - + {children} + ); } diff --git a/src/app_modules/admin/app_info/view/view_create_sticker.tsx b/src/app_modules/admin/app_info/view/view_create_sticker.tsx new file mode 100644 index 00000000..4645dbb5 --- /dev/null +++ b/src/app_modules/admin/app_info/view/view_create_sticker.tsx @@ -0,0 +1,114 @@ +"use client"; + +import { + Box, + Button, + Chip, + Group, + Image, + Paper, + Stack, + TextInput, +} from "@mantine/core"; +import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; +import { Admin_ComponentBoxStyle } from "../../_admin_global/_component/comp_admin_boxstyle"; +import { Admin_V3_ComponentBreakpoint } from "../../_components_v3/comp_simple_grid_breakpoint"; +import { pathAssetImage } from "@/lib"; +import Admin_ComponentBackButton from "../../_admin_global/back_button"; +import { IconCheck, IconUpload } from "@tabler/icons-react"; +import { + AdminColor, + MainColor, +} from "@/app_modules/_global/color/color_pallet"; +import { baseStylesTextInput } from "@/app_modules/_global/lib/base_style_text_input"; +import { useState } from "react"; +import Component_V3_Label_TextInput from "@/app_modules/_global/component/new/comp_V3_label_text_input"; + +export default function AdminAppInformation_ViewCreateSticker() { + const [value, setValue] = useState(["senang"]); + + const listEmotion = [ + { value: "senang", label: "Senang" }, + { value: "sedih", label: "Sedih" }, + { value: "marah", label: "Marah" }, + { value: "takut", label: "Takut" }, + { value: "terkejut", label: "Terkejut" }, + { value: "cinta", label: "Cinta" }, + { value: "malas", label: "Malas" }, + { value: "bangga", label: "Bangga" }, + { value: "penasaran", label: "Penasaran" }, + { value: "malu", label: "Malu" }, + { value: "iri", label: "Iri" }, + { value: "kesal", label: "Kesal" }, + { value: "kaget", label: "Kaget" }, + { value: "bingung", label: "Bingung" }, + { value: "lega", label: "Lega" }, + ]; + + return ( + <> + + + + + + + + + + Preview Stiker + + + + + + + + + + + + + {listEmotion.map((e, i) => { + return ( + + {e.label} + + ); + })} + + + + + + + + + + + + + + ); +} diff --git a/src/app_modules/admin/app_info/view/view_stiker.tsx b/src/app_modules/admin/app_info/view/view_stiker.tsx new file mode 100644 index 00000000..da301dce --- /dev/null +++ b/src/app_modules/admin/app_info/view/view_stiker.tsx @@ -0,0 +1,73 @@ +"use client"; + +import { AdminColor } from "@/app_modules/_global/color/color_pallet"; +import { Button, Center, ScrollArea, Stack, Table, Text } from "@mantine/core"; +import { IconPlus } from "@tabler/icons-react"; +import { useRouter } from "next/navigation"; +import { ComponentAdminGlobal_TitlePage } from "../../_admin_global/_component"; +import { Admin_ComponentBoxStyle } from "../../_admin_global/_component/comp_admin_boxstyle"; +import { RouterAdminAppInformation } from "@/lib/router_admin/router_app_information"; + +export default function AdminAppInformation_ViewSticker() { + const router = useRouter(); + return ( + <> + + + + + + + + + + + + + + + + + + + + + + +
+
Aksi
+ 		+
Status
+ 		+ Kategori +
1Stiker 1 + +
+ + + + + ); +} diff --git a/src/lib/path_asset_image.tsx b/src/lib/path_asset_image.tsx index a798163b..b43f1e25 100644 --- a/src/lib/path_asset_image.tsx +++ b/src/lib/path_asset_image.tsx @@ -3,4 +3,5 @@ export const pathAssetImage = { avatar: "/aset/global/avatar.png", main_background: "/aset/global/main_background.png", new_loader: "/aset/global/loading.gif", + dummy_image: "/aset/global/dummy-image.jpg", }; diff --git a/src/lib/router_admin/router_app_information.ts b/src/lib/router_admin/router_app_information.ts index a4c89b92..42308556 100644 --- a/src/lib/router_admin/router_app_information.ts +++ b/src/lib/router_admin/router_app_information.ts @@ -3,4 +3,7 @@ export const RouterAdminAppInformation = { infoBank: "/dev/admin/app-information/info-bank", bidangBisnis: "/dev/admin/app-information/bidang-bisnis", createBidangBisnis: "/dev/admin/app-information/bidang-bisnis/create", + // Sticker + sticker: "/dev/admin/app-information/sticker", + createSticker: "/dev/admin/app-information/sticker/create", };