// Jobs view: list, new, and detail (Kanban + Form builder + Landing + Settings) function JobsView({ state, go, openCandidate, candidates, updateCandidate, reloadData }) { const { JOBS } = window.TalentirData; if (state.subview === 'new') return ; if (state.jobId) { const job = JOBS.find(j => j.id === state.jobId); if (!job) return
Lowongan tidak ditemukan.
; return ; } return ; } // ====== JOBS LIST ====== function JobsListView({ go, candidates }) { const { JOBS } = window.TalentirData; const [filter, setFilter] = useState('Semua'); const [showFilter, setShowFilter] = useState(false); const [dept, setDept] = useState('all'); const [query, setQuery] = useState(''); const [waOnly, setWaOnly] = useState(false); const depts = [...new Set(JOBS.map(j => j.dept).filter(Boolean))]; const q = query.trim().toLowerCase(); const filtered = JOBS.filter(j => { if (filter !== 'Semua' && j.status !== filter) return false; if (dept !== 'all' && j.dept !== dept) return false; if (waOnly && !j.wa) return false; if (q && ![j.title, j.dept, j.loc, j.type].filter(Boolean).join(' ').toLowerCase().includes(q)) return false; return true; }); const activeCount = (dept !== 'all' ? 1 : 0) + (waOnly ? 1 : 0) + (q ? 1 : 0); const resetFilters = () => { setDept('all'); setQuery(''); setWaOnly(false); }; return (
Lowongan
Kelola posisi yang sedang dibuka, lengkap dengan landing page kustom dan pipeline kandidatnya.
setShowFilter(v => !v)}> Filter{activeCount ? ` (${activeCount})` : ''} go({ view: 'jobs', subview: 'new' })}>Buat Posisi Baru
{['Semua', 'Buka', 'Tutup'].map(f => ( ))}
{showFilter && (
setQuery(e.target.value)}/>
{activeCount > 0 && }
)} {filtered.length === 0 && (
Tidak ada lowongan yang cocok dengan filter.
)}
{filtered.map(job => { const cs = candidates.filter(c => c.jobId === job.id); const newOnes = cs.filter(c => c.status === 'baru').length; return (
go({ view: 'jobs', jobId: job.id })}>
{job.status} {job.wa && WA Bot}
{job.published}
{job.title}
{job.dept} · {job.loc} · {job.type}
{cs.length}
Pelamar
{newOnes}
Baru
{cs.filter(c => c.score >= 80).length}
Skor ≥80
); })} {/* Add new tile */}
go({ view: 'jobs', subview: 'new' })} style={{ border: '1.5px dashed var(--border-strong)', background: 'transparent', display: 'grid', placeItems: 'center', minHeight: 220, color: 'var(--muted)' }}>
Buat Posisi Baru
Otomatis generate landing page & link
); } // ====== JOB DETAIL ====== function JobDetailView({ job, state, go, candidates, openCandidate, updateCandidate, addCandidate, reloadData }) { const tab = state.tab || 'kandidat'; const set = (t) => go({ ...state, tab: t }); const [showEdit, setShowEdit] = useState(false); const delJob = async () => { if (!window.confirm(`Hapus lowongan "${job.title}"? Semua kandidatnya ikut terhapus.`)) return; try { await fetch(window.TalentirAPI.base + '/api/jobs/' + job.id, { method: 'DELETE', credentials: 'include' }); if (reloadData) await reloadData(); go({ view: 'jobs' }); } catch (e) { console.error('Gagal menghapus lowongan:', e); } }; return (
{job.status} {job.wa && WA Bot Aktif}
{job.title}
{job.dept} · {job.loc} · {job.type} · {job.salary}
setShowEdit(true)}>Edit Hapus
{showEdit && setShowEdit(false)} reloadData={reloadData}/>}
{[ ['kandidat', 'Kandidat', candidates.filter(c => c.jobId === job.id).length], ['form', 'Form Assessment'], ['landing', 'Landing Page'], ['wa', 'WA Bot Setting'], ].map(([id, lbl, ct]) => ( ))}
{tab === 'kandidat' && c.jobId === job.id)} openCandidate={openCandidate} updateCandidate={updateCandidate} addCandidate={addCandidate}/>} {tab === 'form' && } {tab === 'landing' && } {tab === 'wa' && }
); } // ====== EDIT JOB MODAL ====== function JobEditModal({ job, onClose, reloadData }) { const DEPARTEMEN = ['Operasional', 'Marketing', 'HRD', 'FAT']; const POPULAR_BENEFITS = ['Tunjangan Hari Raya', 'Jenjang Karir', 'Uang Makan', 'Uang Transport', 'Bonus Kinerja', 'Pelatihan/Sertifikasi', 'BPJS Kesehatan', 'BPJS Tenaga Kerja', 'Komisi Penjualan', 'Asuransi Kesehatan']; const fmtNum = (v) => { const d = String(v).replace(/\D/g, ''); return d ? Number(d).toLocaleString('id-ID') : ''; }; const parts = (job.salary || '').split(/[—–-]/); const [form, setForm] = useState({ title: job.title || '', dept: job.dept || '', type: job.type || 'Full-time', status: job.status || 'Buka', workSystem: job.workSystem || 'onsite', country: job.country || 'Indonesia', officeAddress: job.officeAddress || '', salaryMin: (parts[0] || '').replace(/\D/g, ''), salaryMax: (parts[1] || '').replace(/\D/g, ''), description: job.description || '', }); const [reqs, setReqs] = useState(job.requirements?.length ? [...job.requirements] : ['']); const [benefits, setBenefits] = useState(job.benefits || []); const [benefitDraft, setBenefitDraft] = useState(''); const [saving, setSaving] = useState(false); const f = (k) => (e) => setForm(s => ({ ...s, [k]: e.target.value })); const setSalary = (k) => (e) => setForm(s => ({ ...s, [k]: e.target.value.replace(/\D/g, '') })); const setReq = (i, v) => setReqs(rs => rs.map((r, idx) => idx === i ? v : r)); const addReq = () => setReqs(rs => [...rs, '']); const removeReq = (i) => setReqs(rs => rs.length > 1 ? rs.filter((_, idx) => idx !== i) : rs); const addBenefit = (b) => { const v = (b || '').trim(); if (v && benefits.length < 10 && !benefits.includes(v)) setBenefits(bs => [...bs, v]); setBenefitDraft(''); }; const removeBenefit = (b) => setBenefits(bs => bs.filter(x => x !== b)); const save = async () => { setSaving(true); const { salaryMin, salaryMax } = form; const salary = salaryMin && salaryMax ? `Rp ${fmtNum(salaryMin)} — ${fmtNum(salaryMax)}` : salaryMin ? `Rp ${fmtNum(salaryMin)}` : salaryMax ? `Rp ${fmtNum(salaryMax)}` : ''; const sysLabel = form.workSystem === 'remote' ? 'Remote' : form.workSystem === 'hybrid' ? 'Hybrid' : 'On-site'; const loc = [form.officeAddress, sysLabel].filter(Boolean).join(' — '); try { await window.TalentirAPI.patch('/api/jobs/' + job.id, { title: form.title.trim() || job.title, dept: form.dept, type: form.type, status: form.status, loc, workSystem: form.workSystem, country: form.country, officeAddress: form.officeAddress, salary, description: form.description, requirements: reqs.map(s => s.trim()).filter(Boolean), benefits, }); if (reloadData) await reloadData(); onClose(); } catch (e) { console.error('Gagal menyimpan lowongan:', e); setSaving(false); } }; return (
e.stopPropagation()}>

Edit Lowongan

Sistem Kerja
{[['onsite', 'Di Kantor'], ['remote', 'Remote/Dari Rumah'], ['hybrid', 'Hybrid']].map(([v, lbl]) => ( ))}
{['salaryMin', 'salaryMax'].map((k, idx) => ( {idx === 1 && —}
Rp
))}