Mengelola Job Supports

Halaman Job Supports menampilkan daftar semua job support yang telah dibuat dalam format card grid yang informatif dan mudah dibaca. Halaman ini memungkinkan Kamu untuk melihat overview semua job support, informasi periode pendaftaran, dan dengan cepat mengakses job support yang ingin dikelola lebih lanjut.

Akses Halaman Job Supports

Untuk mengakses halaman Job Supports:

1. Login ke dashboard Circle di aplikasi darisini
2. Navigasi ke menu Job Supports atau akses langsung melalui URL: /job-supports
3. Kamu akan melihat halaman daftar Job Supports

Struktur Card Display

Halaman Job Supports menampilkan job support dalam bentuk card. Berikut adalah tabel struktur card display:

Elemen	Deskripsi	Tipe Data
Create Card	Card khusus untuk membuat job support baru	Card dengan icon Plus, link ke create page
Banner Image	Gambar banner job support	Image (rasio 4:5)
Title	Judul recruitment	Text (font-semibold)
Date Range	Tanggal mulai dan berakhir pendaftaran	Date Range Display (dengan icon Calendar dan Clock)
Status Badge	Status job support (PUBLISHED, DRAFT, dll)	Status Badge Component
Card Link	Link ke halaman detail job support	Link wrapper untuk seluruh card

Create Card

Card pertama di halaman adalah card khusus untuk membuat job support baru:

• Icon: Icon Plus di tengah card
• Text: "Buat Job Support Baru"
• Action: Klik card untuk mengakses halaman create
• Style: Border dashed dengan background slate-100

Job Support Card

Setiap job support ditampilkan dalam card yang berisi:

Layout Card

Card memiliki layout horizontal dengan dua bagian utama:

• Bagian Kiri: Banner image dengan ukuran tetap (120px width di mobile, 160px di desktop)
• Bagian Kanan: Informasi job support

Banner Section

Bagian kiri card menampilkan:

• Banner Image: Gambar banner dengan rasio 4:5
• Size: 120px × 150px (mobile) atau 160px × 200px (desktop)
• Style: Rounded corners dengan object-cover

Information Section

Bagian kanan card menampilkan:

• Title: Judul recruitment dengan style font-semibold
• Date Range:
  • Icon Calendar dengan ukuran 16px
  • Tanggal mulai (format: DD MMM YYYY HH:mm)
  • Separator "-"
  • Tanggal berakhir (format: DD MMM YYYY HH:mm)
  • Icon Clock untuk menunjukkan waktu

Layout Card Grid

Job support ditampilkan dalam grid layout yang responsif:

• Mobile: 1 kolom
• Tablet (xl): 2 kolom
• Desktop (2xl): 3 kolom

Setiap card memiliki shadow dan spacing yang konsisten untuk kemudahan membaca.

Search Functionality

Halaman Job Supports dilengkapi dengan search bar untuk mencari job support:

• Placeholder: "Ketik nama job untuk pencarian"
• Position: Di bagian atas halaman, sebelum grid cards
• Functionality: Mencari berdasarkan nama/judul job support

Create Button (Desktop)

Di desktop, terdapat tombol "Buat Job Support" di bagian atas:

• Icon: Plus icon dengan ukuran 16px
• Position: Di sebelah kanan search bar
• Action: Link ke halaman create
• Visibility: Hanya tampil di desktop (hidden di mobile)

Empty State

Jika belum ada job support yang dibuat, halaman akan menampilkan:

• Empty State Component: Pesan "Tidak ada data"
• Description: "Silakan buat job support terlebih dahulu"
• Action Button: Tombol "Buat Job Support" untuk membuat job support pertama

Navigasi ke Detail Job Support

Untuk melihat detail job support:

1. Klik pada card job support yang ingin dilihat
2. Kamu akan diarahkan ke halaman detail: /job-supports/{jobId}
3. Di halaman detail, Kamu dapat mengelola job support lebih lanjut

Load More Functionality

Halaman mendukung infinite scroll atau load more untuk menampilkan lebih banyak job support:

• Load More: Otomatis memuat lebih banyak data saat scroll ke bawah
• Pagination: Mendukung pagination untuk performa yang lebih baik

Tips

• Gunakan Create Card untuk membuat job support baru dengan cepat
• Gunakan search bar untuk menemukan job support tertentu dengan mudah
• Klik card untuk mengakses detail dan mengelola job support lebih lanjut
• Perhatikan periode pendaftaran untuk memastikan job support masih aktif
• Monitor jumlah pendaftar melalui halaman detail untuk melihat perkembangan rekrutmen