diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx new file mode 100644 index 00000000..5048c1ba --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx @@ -0,0 +1,42 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + +function CreateDemografiPekerjaan() { + const router = useRouter(); + return ( + + + + + + + + Create Demografi Pekerjaan + Pekerjaan} + placeholder='Masukkan pekerjaan' + /> + Jumlah Pekerja Laki - Laki} + placeholder='Masukkan jumlah pekerja laki - laki' + /> + Jumlah Pekerja Perempuan} + placeholder='Masukkan jumlah pekerja perempuan' + /> + + + + + + + ); +} + +export default CreateDemografiPekerjaan; diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/detail/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/detail/page.tsx new file mode 100644 index 00000000..fd52618b --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/detail/page.tsx @@ -0,0 +1,62 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailDemografiPekerjaan() { + const router = useRouter(); + return ( + + + + + + + Detail Demografi Pekerjaan + + + + + Pekerjaan + Karyawan + + + Jumlah Pekerja Laki - Laki + 200 + + + Jumlah Pekerja Perempuan + 100 + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailDemografiPekerjaan; + diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/edit/page.tsx new file mode 100644 index 00000000..e992abeb --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/edit/page.tsx @@ -0,0 +1,42 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + +function EditDemografiPekerjaan() { + const router = useRouter(); + return ( + + + + + + + + Edit Demografi Pekerjaan + Pekerjaan} + placeholder='Masukkan pekerjaan' + /> + Jumlah Pekerja Laki - Laki} + placeholder='Masukkan jumlah pekerja laki - laki' + /> + Jumlah Pekerja Perempuan} + placeholder='Masukkan jumlah pekerja perempuan' + /> + + + + + + + ); +} + +export default EditDemografiPekerjaan; diff --git a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx index c2a37b38..f0ff9c12 100644 --- a/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx +++ b/src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx @@ -1,47 +1,58 @@ +'use client' import colors from '@/con/colors'; -import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; -import React from 'react'; +import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import HeaderSearch from '../../_com/header'; +import JudulList from '../../_com/judulList'; +import { useRouter } from 'next/navigation'; -function Page() { +function DemografiPekerjaan() { return ( - - - - - Demografi Pekerjaan - Jumlah Pekerja Laki - Laki} - placeholder="Masukkan jumlah pekerja laki - laki" - /> - Jumlah Pekerja Perempuan} - placeholder="Masukkan jumlah pekerja perempuan" - /> - Nama Pekerjaan} - placeholder="Masukkan nama pekerjaan" - /> - - - - - - - - - - Grafik Demografi Pekerjaan - - - - + } + /> + ); } -export default Page; +function ListDemografiPekerjaan() { + const router = useRouter(); + return ( + + + + + + + Pekerjaan + Jumlah Pekerja Laki - Laki + Jumlah Pekerja Perempuan + Detail + + + + + Karyawan + 200 + 100 + + + + + +
+ + + ); +} + +export default DemografiPekerjaan; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/create/page.tsx new file mode 100644 index 00000000..a6a29f6c --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/create/page.tsx @@ -0,0 +1,38 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + +function CreateJumlahPendudukMiskin() { + const router = useRouter(); + return ( + + + + + + + + Create Jumlah Penduduk Miskin + Tahun} + placeholder='Masukkan tahun' + /> + Jumlah Penduduk Miskin} + placeholder='Masukkan jumlah penduduk miskin' + /> + + + + + + + ); +} + +export default CreateJumlahPendudukMiskin; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/detail/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/detail/page.tsx new file mode 100644 index 00000000..9226b603 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/detail/page.tsx @@ -0,0 +1,58 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailJumlahPendudukMiskin() { + const router = useRouter(); + return ( + + + + + + + Detail Jumlah Penduduk Miskin + + + + + Tahun + 2024 + + + Jumlah Penduduk Miskin + 100 + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailJumlahPendudukMiskin; + diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/edit/page.tsx new file mode 100644 index 00000000..b9e94ac7 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/edit/page.tsx @@ -0,0 +1,38 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + +function EditJumlahPendudukMiskin() { + const router = useRouter(); + return ( + + + + + + + + Edit Jumlah Penduduk Miskin + Tahun} + placeholder='Masukkan tahun' + /> + Jumlah Penduduk Miskin} + placeholder='Masukkan jumlah penduduk miskin' + /> + + + + + + + ); +} + +export default EditJumlahPendudukMiskin; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/page.tsx index 2b121b34..96db28f8 100644 --- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/page.tsx +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/page.tsx @@ -1,43 +1,56 @@ -import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core'; +'use client' import colors from '@/con/colors'; -import React from 'react'; +import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import HeaderSearch from '../../_com/header'; +import JudulList from '../../_com/judulList'; +import { useRouter } from 'next/navigation'; -function Page() { +function JumlahPendudukMiskin() { return ( - - - - - Jumlah Penduduk Miskin 2024-2025 - - - - - - - - - - - - Grafik Jumlah Penduduk Miskin 2024-2025 - - - - + } + /> + ); } -export default Page; +function ListJumlahPendudukMiskin() { + const router = useRouter(); + return ( + + + + + + + Tahun + Jumlah Penduduk Miskin + Detail + + + + + 2024 + 100 + + + + + +
+ + + ); +} + +export default JumlahPendudukMiskin; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx index 6f9e8e20..dcf2acfa 100644 --- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/page.tsx @@ -1,27 +1,27 @@ import colors from "@/con/colors"; import { Box, Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from "@mantine/core"; -import PengangguranBerdasarkanUsia from "./ui/pengangguranBerdasarkanUsia/page"; -import PengangguranBerdasarkanPendidikan from "./ui/pengangguranBerdasarkanPendidikan/page"; +import PengangguranBerdasarkanUsia from "./pengangguran_berdasarkan_usia/page"; +import PengangguranBerdasarkanPendidikan from "./pengangguran_berdasarkan_pendidikan/page"; export default function Page() { return ( Jumlah Penduduk Usia Kerja yang Menganggur - + - - Pengangguran Bredasarkan Usia + + Pengangguran Berdasarkan Usia - - Pengangguran Bredasarkan Pendidikan + + Pengangguran Berdasarkan Pendidikan - + - + diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx new file mode 100644 index 00000000..144a6e4c --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create/page.tsx @@ -0,0 +1,54 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + +function CreatePengangguranBerdasarkanPendidikan() { + const router = useRouter(); + return ( + + + + + + + + Create Pengangguran Berdasarkan Pendidikan + Pendidikan SD} + placeholder='Masukkan pendidikan sd' + /> + Pendidikan SMP} + placeholder='Masukkan pendidikan smp' + /> + Pendidikan SMA} + placeholder='Masukkan pendidikan sma' + /> + Pendidikan S1} + placeholder='Masukkan pendidikan s1' + /> + Pendidikan S2} + placeholder='Masukkan pendidikan s2' + /> + Pendidikan S3} + placeholder='Masukkan pendidikan s3' + /> + + + + + + + ); +} + +export default CreatePengangguranBerdasarkanPendidikan; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/detail/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/detail/page.tsx new file mode 100644 index 00000000..1fac895a --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/detail/page.tsx @@ -0,0 +1,74 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailPengangguranBerdasarkanPendidikan() { + const router = useRouter(); + return ( + + + + + + + Detail Pengangguran Berdasarkan Pendidikan + + + + + Pendidikan SD + 50 + + + Pendidikan SMP + 60 + + + Pendidikan SMA + 80 + + + Pendidikan S1 + 40 + + + Pendidikan S2 + 20 + + + Pendidikan S3 + 10 + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailPengangguranBerdasarkanPendidikan; + diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/edit/page.tsx new file mode 100644 index 00000000..14614608 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/edit/page.tsx @@ -0,0 +1,54 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + +function EditPengangguranBerdasarkanPendidikan() { + const router = useRouter(); + return ( + + + + + + + + Edit Pengangguran Berdasarkan Pendidikan + Pendidikan SD} + placeholder='Masukkan pendidikan sd' + /> + Pendidikan SMP} + placeholder='Masukkan pendidikan smp' + /> + Pendidikan SMA} + placeholder='Masukkan pendidikan sma' + /> + Pendidikan S1} + placeholder='Masukkan pendidikan s1' + /> + Pendidikan S2} + placeholder='Masukkan pendidikan s2' + /> + Pendidikan S3} + placeholder='Masukkan pendidikan s3' + /> + + + + + + + ); +} + +export default EditPengangguranBerdasarkanPendidikan; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx new file mode 100644 index 00000000..932035aa --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx @@ -0,0 +1,49 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Paper, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Title } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +import JudulListTab from '../../../_com/jusulListTab'; + +function PengangguranBerdasarkanPendidikan() { + const router = useRouter(); + return ( + + + + } + /> + List Pengangguran Berdasarkan Pendidikan + + + + Pendidikan SD + Pendidikan SMP + Pendidikan SMA + Detail + + + + + 80 + 40 + 20 + + + + + +
+ + + + ); +} + +export default PengangguranBerdasarkanPendidikan; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx new file mode 100644 index 00000000..c35c6118 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create/page.tsx @@ -0,0 +1,45 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + +function CreatePengangguranBerdasarkanUsia() { + const router = useRouter(); + return ( + + + + + + + + Create Pengangguran Berdasarkan Usia + Usia 18 - 25} + placeholder='Masukkan usia' + /> + Usia 26 - 35} + placeholder='Masukkan usia' + /> + Usia 36 - 45} + placeholder='Masukkan usia' + /> + Usia 46 +} + placeholder='Masukkan usia' + /> + + + + + + + ); +} + +export default CreatePengangguranBerdasarkanUsia; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/detail/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/detail/page.tsx new file mode 100644 index 00000000..d10bbf64 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/detail/page.tsx @@ -0,0 +1,70 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailPengangguranBerdasarkanUsia() { + const router = useRouter(); + return ( + + + + + + + Detail Pengangguran Berdasarkan Usia + + + + + Usia 18 - 25 + 80 + + + Usia 26 - 35 + 40 + + + Usia 36 - 45 + 20 + + + Usia 46 + + 10 + + + Total + 150 + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailPengangguranBerdasarkanUsia; + diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/edit/page.tsx new file mode 100644 index 00000000..c7ea2b81 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/edit/page.tsx @@ -0,0 +1,47 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + + +function EditPengangguranBerdasarkanUsia() { + const router = useRouter(); + return ( + + + + + + + + Edit Pengangguran Berdasarkan Usia + Usia 18 - 25} + placeholder='Masukkan usia' + /> + Usia 26 - 35} + placeholder='Masukkan usia' + /> + Usia 36 - 45} + placeholder='Masukkan usia' + /> + Usia 46 +} + placeholder='Masukkan usia' + /> + + + + + + + ); +} + +export default EditPengangguranBerdasarkanUsia; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx new file mode 100644 index 00000000..1540744a --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx @@ -0,0 +1,49 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Paper, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Title } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +import JudulListTab from '../../../_com/jusulListTab'; + +function PengangguranBerdasarkanUsia() { + const router = useRouter(); + return ( + + + + } + /> + List Pengangguran Berdasarkan Usia + + + + Usia 18 - 25 + Usia 26 - 35 + Usia 36 - 45 + Detail + + + + + 80 + 40 + 20 + + + + + +
+ + + + ); +} + +export default PengangguranBerdasarkanUsia; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanPendidikan/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanPendidikan/page.tsx deleted file mode 100644 index 89bfd0f2..00000000 --- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanPendidikan/page.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; -import React from 'react'; - -function PengangguranBerdasarkanPendidikan() { - return ( - - - - - Pengangguran Berdasarkan Pendidikan - Pendidikan SD} - placeholder="masukkan jumlah penduduk Pendidikan SD yang menganggur" - /> - Pendidikan SMP} - placeholder="masukkan jumlah penduduk Pendidikan SMP yang menganggur" - /> - Pendidikan SMA / SMK} - placeholder="masukkan jumlah penduduk Pendidikan SMA / SMK yang menganggur" - /> - Pendidikan D1-D3 / S1} - placeholder="masukkan jumlah penduduk Pendidikan D1-D3 yang menganggur" - /> - - - - - - - - - - Grafik Pengangguran Berdasarkan Pendidikan - - - - - ); -} - -export default PengangguranBerdasarkanPendidikan; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanUsia/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanUsia/page.tsx deleted file mode 100644 index 32bc78aa..00000000 --- a/src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/ui/pengangguranBerdasarkanUsia/page.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; -import React from 'react'; - -function PengangguranBerdasarkanUsia() { - return ( - - - - - Pengangguran Berdasarkan Usia - Usia 18 - 25 tahun} - placeholder="masukkan jumlah penduduk usia 18 - 25 tahun yang menganggur" - /> - Usia 26 - 35 tahun} - placeholder="masukkan jumlah penduduk usia 26 - 35 tahun yang menganggur" - /> - Usia 36 - 45 tahun} - placeholder="masukkan jumlah penduduk usia 36 - 45 tahun yang menganggur" - /> - Usia 46+} - placeholder="masukkan jumlah penduduk usia 46+ yang menganggur" - /> - - - - - - - - - - Grafik Pengangguran Berdasarkan Usia - - - - - ); -} - -export default PengangguranBerdasarkanUsia; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/create/page.tsx new file mode 100644 index 00000000..6dff3a24 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/create/page.tsx @@ -0,0 +1,45 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + +function CreateJumlahPengangguran() { + const router = useRouter(); + return ( + + + + + + + + Create Jumlah Pengangguran + Pengangguran Terdidik} + placeholder='Masukkan pengangguran terdidik' + /> + Usia Produktif} + placeholder='Masukkan usia produktif' + /> + Sedang Mencari Kerja} + placeholder='Masukkan sedang mencari kerja' + /> + Pengangguran Tidak Terdidik} + placeholder='Masukkan pengangguran tidak terdidik' + /> + + + + + + + ); +} + +export default CreateJumlahPengangguran; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/detail/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/detail/page.tsx new file mode 100644 index 00000000..d829de7a --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/detail/page.tsx @@ -0,0 +1,66 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailJumlahPengangguran() { + const router = useRouter(); + return ( + + + + + + + Detail Jumlah Pengangguran + + + + + Pengangguran Terdidik + 100 + + + Usia Produktif + 200 + + + Sedang Mencari Kerja + 300 + + + Pengangguran Tidak Terdidik + 30 + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailJumlahPengangguran; + diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/edit/page.tsx new file mode 100644 index 00000000..16917566 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/edit/page.tsx @@ -0,0 +1,45 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + +function EditJumlahPengangguran() { + const router = useRouter(); + return ( + + + + + + + + Edit Jumlah Pengangguran + Pengangguran Terdidik} + placeholder='Masukkan pengangguran terdidik' + /> + Usia Produktif} + placeholder='Masukkan usia produktif' + /> + Sedang Mencari Kerja} + placeholder='Masukkan sedang mencari kerja' + /> + Pengangguran Tidak Terdidik} + placeholder='Masukkan pengangguran tidak terdidik' + /> + + + + + + + ); +} + +export default EditJumlahPengangguran; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/page.tsx index 3f21fdb6..d02d535a 100644 --- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/page.tsx +++ b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/page.tsx @@ -1,37 +1,58 @@ +'use client' import colors from '@/con/colors'; -import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core'; -import DataPengangguran from './ui/dataPengangguran/page'; -import GrafikDataPengangguran from './ui/grafikDataPengangguran/page'; -import DetailDataPengangguran from './ui/detailDataPengangguran/page'; +import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import HeaderSearch from '../../_com/header'; +import JudulList from '../../_com/judulList'; +import { useRouter } from 'next/navigation'; -function Page() { +function JumlahPengangguran() { return ( - - Jumlah Pengangguran 2024-2025 - - - - Data Pengangguran Desa - - - Grafik Data Pengangguran Desa - - - Detail Data Pengangguran Desa - - - - - - - - - - - - - - ) + + } + /> + + + ); } -export default Page; +function ListJumlahPengangguran() { + const router = useRouter(); + return ( + + + + + + + Pengangguran Terdidik + Usia Produktif + Sedang Mencari Kerja + Detail + + + + + 100 + 200 + 300 + + + + + +
+ + + ); +} + +export default JumlahPengangguran; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/dataPengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/dataPengangguran/page.tsx deleted file mode 100644 index 45d9ff2f..00000000 --- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/dataPengangguran/page.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core'; - -function DataPengangguran() { - return ( - - - - - - - Data Pengangguran - Total Pengangguran} - placeholder="masukkan total pengangguran" - /> - Pengangguran Terdidik} - placeholder="masukkan pengangguran terdidik" - /> - Usia Produktif} - placeholder="masukkan usia produktif" - /> - Sedang Mencari Kerja} - placeholder="masukkan jumlah sedang mencari kerja" - /> - - - - - - - - - - List Data Pengangguran - - - - - - - - ); -} - -export default DataPengangguran; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/detailDataPengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/detailDataPengangguran/page.tsx deleted file mode 100644 index 5da9dec4..00000000 --- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/detailDataPengangguran/page.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Paper, Stack, Title } from '@mantine/core'; - -function DetailDataPengangguran() { - return ( - - - - - Detail Data Pengangguran - - - - - ); -} - -export default DetailDataPengangguran; diff --git a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/grafikDataPengangguran/page.tsx b/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/grafikDataPengangguran/page.tsx deleted file mode 100644 index d0cf2a55..00000000 --- a/src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran-2024-2025/ui/grafikDataPengangguran/page.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; - -function GrafikDataPengangguran() { - return ( - - - - - - Data Pengangguran - Total Pengangguran} - placeholder="masukkan total pengangguran" - /> - Pengangguran Terdidik} - placeholder="masukkan pengangguran terdidik" - /> - Usia Produktif} - placeholder="masukkan usia produktif" - /> - Sedang Mencari Kerja} - placeholder="masukkan jumlah sedang mencari kerja" - /> - - - - - - - - - - List Data Pengangguran - - - - - - - ); -} - -export default GrafikDataPengangguran; diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/createLowongan.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/createLowongan.tsx deleted file mode 100644 index 715e9f28..00000000 --- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/createLowongan.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import { Box, Stack, Text, TextInput, Title } from '@mantine/core'; - -function CreateLowongan() { - return ( - - - Lowongan Kerja Lokal - Bekerja Sebagai} - placeholder="masukkan bekerja sebagai" - /> - Alamat Usaha} - placeholder="masukkan alamat usaha" - /> - Waktu Kerja} - placeholder="masukkan waktu kerja" - /> - Gaji selama 1 bulan} - placeholder="masukkan gaji selama 1 bulan" - /> - - - ); -} - -export default CreateLowongan; diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx new file mode 100644 index 00000000..ce9c4cbb --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx @@ -0,0 +1,57 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +import { KeamananEditor } from '../../../keamanan/_com/keamananEditor'; + + +function CreateLowonganKerja() { + const router = useRouter(); + return ( + + + + + + + + Create Lowongan Kerja Lokal + Pekerjaan} + placeholder='Masukkan pekerjaan' + /> + Nama Usaha} + placeholder='Masukkan nama usaha' + /> + Alamat Usaha} + placeholder='Masukkan alamat usaha' + /> + Nomor Telepon} + placeholder='Masukkan nomor telepon' + /> + Gaji selama 1 bulan} + placeholder='Masukkan gaji' + /> + + Deskripsi Lowongan Kerja + + + + + + + + + ); +} + +export default CreateLowonganKerja; diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/detail/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/detail/page.tsx new file mode 100644 index 00000000..9ba61771 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/detail/page.tsx @@ -0,0 +1,78 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailLowonganKerjaLokal() { + const router = useRouter(); + return ( + + + + + + + Detail Lowongan Kerja Lokal + + + + + Bekerja Sebagai + Karyawan + + + Nama Usaha + BIBD + + + Alamat Usaha + Jalan In Aja + + + Nomor Telepon + 0896232831883 + + + Waktu Kerja + Full Time + + + Gaji selama 1 bulan + Rp. 3.000.000 + + + Deskripsi Lowongan Kerja + Pekerjaan dengan gaji Rp. 3.000.000 + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailLowonganKerjaLokal; + diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/edit/page.tsx new file mode 100644 index 00000000..fc5037af --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/edit/page.tsx @@ -0,0 +1,57 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +import { KeamananEditor } from '../../../keamanan/_com/keamananEditor'; + + +function EditLowonganKerja() { + const router = useRouter(); + return ( + + + + + + + + Edit Lowongan Kerja Lokal + Pekerjaan} + placeholder='Masukkan pekerjaan' + /> + Nama Usaha} + placeholder='Masukkan nama usaha' + /> + Alamat Usaha} + placeholder='Masukkan alamat usaha' + /> + Nomor Telepon} + placeholder='Masukkan nomor telepon' + /> + Gaji selama 1 bulan} + placeholder='Masukkan gaji' + /> + + Deskripsi Lowongan Kerja + + + + + + + + + ); +} + +export default EditLowonganKerja; diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/listData/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/listData/page.tsx deleted file mode 100644 index 199264e2..00000000 --- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/listData/page.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Paper, Stack, Title, Text } from '@mantine/core'; -import React from 'react'; - -function ListDataLowongan() { - return ( - - - List Data Lowongan Kerja Lokal - - Bekerja Sebagai - - Alamat Usaha - - Waktu Kerja - - Gaji selama 1 bulan - - - - - ); -} - -export default ListDataLowongan; diff --git a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx index b222a023..52d9737a 100644 --- a/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx +++ b/src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx @@ -1,32 +1,58 @@ +'use client' import colors from '@/con/colors'; -import { Box, Button, Group, Paper, SimpleGrid, Stack, Title } from '@mantine/core'; -import React from 'react'; -import CreateLowongan from './create/createLowongan'; -import ListDataLowongan from './listData/page'; +import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import HeaderSearch from '../../_com/header'; +import JudulList from '../../_com/judulList'; +import { useRouter } from 'next/navigation'; -function Page() { +function LowonganKerjaLokal() { return ( - - - - - Lowongan Kerja Lokal - - - - - - - - - - - - - + + } + /> + + ); } -export default Page; +function ListLowonganKerjaLokal() { + const router = useRouter(); + return ( + + + + + + + Bekerja Sebagai + Nama Usaha + Alamat Usaha + Detail + + + + + Karyawan + BIBD + Jalan In Aja + + + + + +
+ + + ); +} + +export default LowonganKerjaLokal; diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx new file mode 100644 index 00000000..d75821c2 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/create/page.tsx @@ -0,0 +1,46 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + +function CreateProgramKemiskinan() { + const router = useRouter(); + return ( + + + + + + + + Create Program Kemiskinan + Judul Program} + placeholder='Masukkan judul program' + /> + Deskripsi Singkat} + placeholder='Masukkan deskripsi' + /> + Jumlah Masyarakat Miskin} + placeholder='Masukkan jumlah masyarakat miskin' + /> + Deskripsi} + placeholder='Masukkan deskripsi' + /> + + + + + + + ); +} + +export default CreateProgramKemiskinan; diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/detail/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/detail/page.tsx new file mode 100644 index 00000000..81f605e7 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/detail/page.tsx @@ -0,0 +1,66 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailProgramKemiskinan() { + const router = useRouter(); + return ( + + + + + + + Detail Program Kemiskinan + + + + + Judul Program + Program A + + + Deskripsi Singkat + Deskripsi Program A + + + Jumlah Masyarakat Miskin + 100 + + + Deskripsi + Deskripsi Program A + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailProgramKemiskinan; + diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/edit/page.tsx new file mode 100644 index 00000000..bda57c97 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/edit/page.tsx @@ -0,0 +1,46 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; + + +function EditProgramKemiskinan() { + const router = useRouter(); + return ( + + + + + + + + Edit Program Kemiskinan + Judul Program} + placeholder='Masukkan judul program' + /> + Deskripsi Singkat} + placeholder='Masukkan deskripsi' + /> + Jumlah Masyarakat Miskin} + placeholder='Masukkan jumlah masyarakat miskin' + /> + Deskripsi} + placeholder='Masukkan deskripsi' + /> + + + + + + + ); +} + +export default EditProgramKemiskinan; diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx index 690a8999..256305d8 100644 --- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx +++ b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx @@ -1,31 +1,58 @@ +'use client' import colors from '@/con/colors'; -import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core'; -import ProgramKemiskinan from './ui/program/page'; -import StatistikKemiskinan from './ui/statistik/page'; +import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import HeaderSearch from '../../_com/header'; +import JudulList from '../../_com/judulList'; +import { useRouter } from 'next/navigation'; -function Page() { +function ProgramKemiskinan() { return ( - - Program Kemiskinan - - - - Program Kemiskinan - - - Statistik Kemiskinan - - - - - - - - - - - + + } + /> + + ); } -export default Page; +function ListProgramKemiskinan() { + const router = useRouter(); + return ( + + + + + + + Judul Program + Deskripsi Singkat + Jumlah Masyarakat Miskin + Detail + + + + + Program A + Deskripsi Program A + 100 + + + + + +
+ + + ); +} + +export default ProgramKemiskinan; diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/program/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/program/page.tsx deleted file mode 100644 index 78a78521..00000000 --- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/program/page.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core'; -import React from 'react'; - -function ProgramKemiskinan() { - return ( - - - - - - Program Kemiskinan - Nama Program} - placeholder="Masukkan nama program" - /> - Deskripsi Program} - placeholder="Masukkan deskripsi program" - /> - - - - - - - - - - List Data Program Kemiskinan - - - - - - ); -} - -export default ProgramKemiskinan; diff --git a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/statistik/page.tsx b/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/statistik/page.tsx deleted file mode 100644 index 0786257c..00000000 --- a/src/app/admin/(dashboard)/ekonomi/program-kemiskinan/ui/statistik/page.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; -import React from 'react'; - -function StatistikKemiskinan() { - return ( - - - - - - Statistik Kemiskinan - Tahun} - placeholder="Masukkan tahun" - /> - Jumlah Penduduk Miskin} - placeholder="Masukkan jumlah penduduk miskin" - /> - - - - - - - - - - Statistik Kemiskinan - - - - - - ); -} - -export default StatistikKemiskinan; diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx new file mode 100644 index 00000000..bccbf601 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx @@ -0,0 +1,45 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +import { KeamananEditor } from '../../../keamanan/_com/keamananEditor'; + + +function CreateSektorUnggulanDesa() { + const router = useRouter(); + return ( + + + + + + + + Create Sektor Unggulan Desa + Nama Sektor Unggulan} + placeholder='Masukkan nama sektor unggulan' + /> + + Deskripsi Sektor Unggulan + + + Jumlah Sektor Unggulan} + placeholder='Masukkan jumlah sektor unggulan' + /> + + + + + + + ); +} + +export default CreateSektorUnggulanDesa; diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/detail/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/detail/page.tsx new file mode 100644 index 00000000..815112d1 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/detail/page.tsx @@ -0,0 +1,62 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailSektorUnggulanDesa() { + const router = useRouter(); + return ( + + + + + + + Detail Sektor Unggulan Desa + + + + + Nama Sektor Unggulan + Petani + + + Deskripsi Sektor Unggulan + BIBD + + + Jumlah Sektor Unggulan + 200 + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailSektorUnggulanDesa; + diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/edit/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/edit/page.tsx new file mode 100644 index 00000000..541b7b21 --- /dev/null +++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/edit/page.tsx @@ -0,0 +1,45 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +import { KeamananEditor } from '../../../keamanan/_com/keamananEditor'; + + +function EditSektorUnggulanDesa() { + const router = useRouter(); + return ( + + + + + + + + Edit Sektor Unggulan Desa + Nama Sektor Unggulan} + placeholder='Masukkan nama sektor unggulan' + /> + + Deskripsi Sektor Unggulan + + + Jumlah Sektor Unggulan} + placeholder='Masukkan jumlah sektor unggulan' + /> + + + + + + + ); +} + +export default EditSektorUnggulanDesa; diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx index f308290e..2d0a122b 100644 --- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx +++ b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx @@ -1,32 +1,56 @@ +'use client' import colors from '@/con/colors'; -import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core'; -import React from 'react'; -import DataSektorUnggulan from './ui/data_sektor_unggulan/page'; -import GrafikDataSektor from './ui/grafik_data_sektor/page'; +import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import HeaderSearch from '../../_com/header'; +import JudulList from '../../_com/judulList'; +import { useRouter } from 'next/navigation'; -function Page() { +function SektorUnggulanDesa() { return ( - - Sektor Unggulan Desa - - - - Data Sektor Unggulan Desa - - - Grafik Data Sektor Unggulan Desa - - - - - - - - - - - + + } + /> + + ); } -export default Page; +function ListSektorUnggulanDesa() { + const router = useRouter(); + return ( + + + + + + + Nama Sektor Unggulan + Deskripsi Sektor Unggulan + Detail + + + + + Sektor 1 + Deskripsi Sektor 1 + + + + + +
+ + + ); +} + +export default SektorUnggulanDesa; diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/data_sektor_unggulan/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/data_sektor_unggulan/page.tsx deleted file mode 100644 index 7281ed4f..00000000 --- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/data_sektor_unggulan/page.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core'; -import React from 'react'; - -function DataSektorUnggulan() { - return ( - - - - - - - Data Sektor Unggulan - Nama Sektor Unggulan} - placeholder="Masukkan nama sektor unggulan" - /> - Deskripsi Sektor Unggulan} - placeholder="Masukkan deskripsi sektor unggulan" - /> - - - - - - - - - - Data Sektor Unggulan - - - - - - - ); -} - -export default DataSektorUnggulan; diff --git a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/grafik_data_sektor/page.tsx b/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/grafik_data_sektor/page.tsx deleted file mode 100644 index 5c9985e2..00000000 --- a/src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/ui/grafik_data_sektor/page.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import colors from '@/con/colors'; -import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; -import React from 'react'; - -function GrafikDataSektor() { - return ( - - - - - - Grafik Data Sektor Unggulan - Nama Sektor Unggulan} - placeholder="Masukkan nama sektor unggulan" - /> - Jumlah Sektor Unggulan} - placeholder="Masukkan jumlah sektor unggulan" - /> - - - - - - - - - - Grafik Sektor Unggulan - - - - - - - ); -} - -export default GrafikDataSektor; diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx new file mode 100644 index 00000000..dce0a6f8 --- /dev/null +++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/create/page.tsx @@ -0,0 +1,49 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +import { KeamananEditor } from '../../../keamanan/_com/keamananEditor'; + + +function CreateDesaDigital() { + const router = useRouter(); + return ( + + + + + + + + Create Desa Digital Smart Village + Nama Inovasi} + placeholder='Masukkan nama inovasi' + /> + Deskripsi Singkat Inovasi} + placeholder='Masukkan deskripsi singkat inovasi' + /> + Image} + placeholder='Masukkan image' + /> + + Deskripsi Inovasi + + + + + + + + + ); +} + +export default CreateDesaDigital; diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/detail/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/detail/page.tsx new file mode 100644 index 00000000..0ba76e42 --- /dev/null +++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/detail/page.tsx @@ -0,0 +1,66 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core'; +import { IconArrowBack, IconEdit, IconImageInPicture, IconX } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus'; + +function DetailDesaDigital() { + const router = useRouter(); + return ( + + + + + + + Detail Desa Digital Smart Village + + + + + Nama Inovasi + Pelayanan Admin Digital + + + Deskripsi Singkat Inovasi + Deskripsi Singkat Inovasi + + + Image + + + + Deskripsi Inovasi + Deskripsi Inovasi + + + + + + + + + + + + + {/* Modal Hapus + setModalHapus(false)} + onConfirm={handleHapus} + text="Apakah anda yakin ingin menghapus potensi ini?" + /> */} + + ); +} + +export default DetailDesaDigital; + diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/edit/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/edit/page.tsx new file mode 100644 index 00000000..a0526aac --- /dev/null +++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/edit/page.tsx @@ -0,0 +1,49 @@ +'use client' +import colors from '@/con/colors'; +import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; +import { IconArrowBack } from '@tabler/icons-react'; +import { useRouter } from 'next/navigation'; +import { KeamananEditor } from '../../../keamanan/_com/keamananEditor'; + + +function EditDesaDigital() { + const router = useRouter(); + return ( + + + + + + + + Edit Desa Digital Smart Village + Nama Inovasi} + placeholder='Masukkan nama inovasi' + /> + Deskripsi Singkat Inovasi} + placeholder='Masukkan deskripsi singkat inovasi' + /> + Image} + placeholder='Masukkan image' + /> + + Deskripsi Inovasi + + + + + + + + + ); +} + +export default EditDesaDigital; diff --git a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx index 348012b2..cf6ed32c 100644 --- a/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx +++ b/src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx @@ -1,50 +1,60 @@ +'use client' import colors from '@/con/colors'; -import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core'; -import { IconImageInPicture } from '@tabler/icons-react'; -import React from 'react'; +import { Box, Button, Image, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core'; +import { IconDeviceImac, IconSearch } from '@tabler/icons-react'; +import HeaderSearch from '../../_com/header'; +import JudulList from '../../_com/judulList'; +import { useRouter } from 'next/navigation'; -function Page() { +function DesaDigitalSmartVillage() { return ( - - - - - Create Data Desa Digital Smart Village - Nama Desa Digital Smart Village} - placeholder="Masukkan nama desa digital smart village" - /> - Deskripsi Desa Digital Smart Village} - placeholder="Masukkan deskripsi desa digital smart village" - /> - - - Upload Gambar Desa Digital Smart Village - - - - - - - - - - - - - Create Data Desa Digital Smart Village - - - - + } + /> + ); } -export default Page; +function ListDesaDigitalSmartVillage() { + const router = useRouter(); + return ( + + + + + + + Nama Inovasi + Deskripsi Singkat Inovasi + Image + Detail + + + + + Layanan Admin Digital + Deskripsi Singkat Inovasi + + + + + + + + +
+ + + ); +} + +export default DesaDigitalSmartVillage;