wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

QC Admin - User Menu Ekonomi : Jumlah Pengangguran

Browse Source
This commit is contained in:
nico
2025-09-16 10:11:54 +08:00
parent a5d841bb6b
commit 4ceea5203f
97 changed files with 6023 additions and 3481 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/create/page.tsx
View File

@@ -1,88 +1,123 @@
'use client'
'use client';
import colors from '@/con/colors';
import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
import {
Box,
Button,
Group,
Paper,
Stack,
Text,
TextInput,
Title,
Tooltip,
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useProxy } from 'valtio/utils';
import CreateEditor from '../../../_com/createEditor';
import lowonganKerjaState from '../../../_state/ekonomi/lowongan-kerja';
function CreateLowonganKerja() {
const lowonganState = useProxy(lowonganKerjaState)
const lowonganState = useProxy(lowonganKerjaState);
const router = useRouter();
const resetForm = () => {
lowonganState.create.form = {
posisi: "",
namaPerusahaan: "",
lokasi: "",
tipePekerjaan: "",
gaji: "",
deskripsi: "",
kualifikasi: "",
}
}
posisi: '',
namaPerusahaan: '',
lokasi: '',
tipePekerjaan: '',
gaji: '',
deskripsi: '',
kualifikasi: '',
};
};
const handleSubmit = async () => {
await lowonganState.create.create()
resetForm()
router.push("/admin/ekonomi/lowongan-kerja-lokal")
}
await lowonganState.create.create();
resetForm();
router.push('/admin/ekonomi/lowongan-kerja-lokal');
};
return (
<Box>
<Box mb={10}>
<Button onClick={() => router.back()} variant='subtle' color={'blue'}>
<IconArrowBack color={colors['blue-button']} size={25}/>
</Button>
</Box>
<Box px={{ base: 'sm', md: 'lg' }} py="md">
{/* Header dengan tombol kembali */}
<Group mb="md">
<Tooltip label="Kembali ke halaman sebelumnya" withArrow>
<Button
variant="subtle"
onClick={() => router.back()}
p="xs"
radius="md"
>
<IconArrowBack color={colors['blue-button']} size={24} />
</Button>
</Tooltip>
<Title order={4} ml="sm" c="dark">
Tambah Lowongan Kerja Lokal
</Title>
</Group>
<Paper w={{base: '100%', md: '50%'}} bg={colors['white-1']} p={'md'}>
<Stack gap={"xs"}>
<Title order={4}>Create Lowongan Kerja Lokal</Title>
{/* Card Form */}
<Paper
w={{ base: '100%', md: '50%' }}
bg={colors['white-1']}
p="lg"
radius="md"
shadow="sm"
style={{ border: '1px solid #e0e0e0' }}
>
<Stack gap="md">
<TextInput
value={lowonganState.create.form.posisi}
onChange={(val) => {
lowonganState.create.form.posisi = val.target.value;
}}
label={<Text fw={"bold"} fz={"sm"}>Posisi</Text>}
placeholder='Masukkan posisi'
value={lowonganState.create.form.posisi}
onChange={(val) =>
(lowonganState.create.form.posisi = val.target.value)
}
label="Posisi"
placeholder="Masukkan posisi"
required
/>
<TextInput
value={lowonganState.create.form.namaPerusahaan}
onChange={(val) => {
lowonganState.create.form.namaPerusahaan = val.target.value;
}}
label={<Text fw={"bold"} fz={"sm"}>Nama Perusahaan</Text>}
placeholder='Masukkan nama perusahaan'
value={lowonganState.create.form.namaPerusahaan}
onChange={(val) =>
(lowonganState.create.form.namaPerusahaan = val.target.value)
}
label="Nama Perusahaan"
placeholder="Masukkan nama perusahaan"
required
/>
<TextInput
value={lowonganState.create.form.lokasi}
onChange={(val) => {
lowonganState.create.form.lokasi = val.target.value;
}}
label={<Text fw={"bold"} fz={"sm"}>Lokasi</Text>}
placeholder='Masukkan lokasi'
value={lowonganState.create.form.lokasi}
onChange={(val) =>
(lowonganState.create.form.lokasi = val.target.value)
}
label="Lokasi"
placeholder="Masukkan lokasi"
required
/>
<TextInput
value={lowonganState.create.form.tipePekerjaan}
onChange={(val) => {
lowonganState.create.form.tipePekerjaan = val.target.value;
}}
label={<Text fw={"bold"} fz={"sm"}>Tipe Pekerjaan</Text>}
placeholder='Masukkan tipe pekerjaan'
value={lowonganState.create.form.tipePekerjaan}
onChange={(val) =>
(lowonganState.create.form.tipePekerjaan = val.target.value)
}
label="Tipe Pekerjaan"
placeholder="Masukkan tipe pekerjaan"
required
/>
<TextInput
value={lowonganState.create.form.gaji}
onChange={(val) => {
lowonganState.create.form.gaji = val.target.value;
}}
label={<Text fw={"bold"} fz={"sm"}>Gaji selama 1 bulan</Text>}
placeholder='Masukkan gaji'
value={lowonganState.create.form.gaji}
onChange={(val) =>
(lowonganState.create.form.gaji = val.target.value)
}
label="Gaji (per bulan)"
placeholder="Masukkan gaji"
required
/>
<Box>
<Text fw={"bold"} fz={"sm"}>Deskripsi Lowongan Kerja</Text>
<Text fw="bold" fz="sm" mb={6}>
Deskripsi Lowongan Kerja
</Text>
<CreateEditor
value={lowonganState.create.form.deskripsi}
onChange={(val) => {
@@ -90,8 +125,11 @@ function CreateLowonganKerja() {
}}
/>
</Box>
<Box>
<Text fw={"bold"} fz={"sm"}>Kualifikasi Lowongan Kerja</Text>
<Text fw="bold" fz="sm" mb={6}>
Kualifikasi Lowongan Kerja
</Text>
<CreateEditor
value={lowonganState.create.form.kualifikasi}
onChange={(val) => {
@@ -99,12 +137,25 @@ function CreateLowonganKerja() {
}}
/>
</Box>
<Group>
<Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
{/* Tombol Simpan */}
<Group justify="right">
<Button
onClick={handleSubmit}
radius="md"
size="md"
style={{
background: `linear-gradient(135deg, ${colors['blue-button']}, #4facfe)`,
color: '#fff',
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
Simpan
</Button>
</Group>
</Stack>
</Stack>
</Paper>
</Box>
</Box>
);
}