#Bab 10: Filter Dashboard dan Kondisi

Dalam bab ini, kami akan memandu Anda langkah demi langkah untuk menyelesaikan bagian berikutnya dari Dashboard Task. Jika ada pertanyaan, jangan ragu untuk bertanya di forum kapan saja.

Mari kita mulai dengan meninjau ulang materi dari bab sebelumnya, dan memulai perjalanan eksplorasi ini bersama!

#10.1 Mengungkap Jawaban Bab Sebelumnya

#10.1.1 Status dan Tautan

Pertama, kita perlu menambahkan tautan untuk data dengan status berbeda agar memudahkan navigasi cepat. Berikut adalah struktur tautan untuk setiap status:

(Asumsikan tautan kita adalah http://xxxxxxx/admin/hliu6s5tp9xhliu6s5tp9x)

#Jawaban Tantangan

#10.1.2 Menambahkan Fungsi Multi-pilih Penanggung Jawab

1. Buat Field Kustom: Kita perlu membuat Field "Penanggung Jawab" dengan tipe multi-pilih, dan mengisi nickname (atau username) anggota agar dapat dengan cepat memilih orang yang sesuai saat menugaskan task.

2. Pada konfigurasi laporan: Atur "Penanggung Jawab/Nickname termasuk Filter saat ini/Penanggung Jawab" sebagai kondisi filter. Dengan ini, Anda dapat dengan cepat menemukan task yang terkait dengan Penanggung Jawab saat ini.

Filter beberapa kali secara acak untuk memastikan fungsi ini bekerja dengan benar.

#10.2 Mengaitkan Dashboard dengan Pengguna

Kita dapat menampilkan konten yang berbeda berdasarkan pengguna yang berbeda, dengan cara berikut:

1. Atur nilai default Field "Penanggung Jawab" menjadi "Pengguna saat ini/Nickname": Hal ini memungkinkan sistem secara otomatis menampilkan task yang terkait dengan pengguna saat ini, sehingga meningkatkan efisiensi operasi.

2. Setelah halaman di-refresh: Dashboard akan secara otomatis memuat data yang terkait dengan pengguna yang sedang login. (Ingat untuk menambahkan kondisi filter pengguna pada chart yang diperlukan)

#10.3 Refactor Filter Task

Beberapa teman mungkin menemukan desain yang kurang masuk akal:

Setelah pindah dari "Atur Rentang Data" pada Block tabel secara langsung, task kita akan dibatasi terlebih dahulu pada rentang status yang sesuai. Pada saat ini, jika kita memfilter status lain, ternyata datanya kosong!

Bagaimana solusinya? Mari kita hapus filter data dan beralih ke metode filter lain!

1. Hapus metode filter data: Hindari data status terkunci dalam rentang saat ini, dan sesuaikan kebutuhan filter secara fleksibel.

2. Konfigurasikan nilai default pada Block filter form.

Masih ingat dengan Block Filter kita?

Buat Block form baru untuk memfilter tabel task, konfigurasikan Status dan Field lain yang Anda butuhkan, yang akan kita gunakan untuk mengisi variabel yang dibawa URL. (Ingat untuk menghubungkan Block tabel task yang akan difilter)

• Atur nilai default Field status menjadi URL search params/task_status.

3. Uji fungsi filter baru: Anda dapat mengganti kondisi filter status kapan saja dan beralih dengan bebas.

• Opsional: Jika Anda ingin setiap pengguna fokus pada task mereka sendiri, Anda juga dapat mengatur nilai default Field "Penanggung Jawab" menjadi "Pengguna saat ini".

#10.4 Fokus pada Berita, Notifikasi, dan Informasi

Mari kita ubah library dokumen! Tampilkan informasi yang kita butuhkan ke Dashboard~

Dalam pengelolaan dokumen jangka panjang, kita akan menemui semakin banyak materi dan dokumen. Pada saat itu, kita akan secara bertahap memiliki berbagai kebutuhan:

• News: Fokus pada dinamika proyek, pencapaian, dan tonggak penting
• Pengumuman/pengingat sementara

#10.4.1 Informasi Hot (News)

1. Tambahkan Field "Informasi Hot": Tambahkan Field checkbox "Informasi Hot" di tabel dokumen untuk menandai apakah dokumen tersebut merupakan berita penting.

2. Tambah dan pilih informasi dokumen: Pilih artikel secara acak, tambahkan Field "Informasi Hot" di form edit, dan centang.

3. Buat Block "List" baru: Kembali ke Dashboard, buat Block "List" baru > pilih tabel dokumen.

Drag ke kanan, tampilkan "Tanggal Dibuat" dan "Judul", sesuaikan lebar Field, dan tutup "Tampilkan Judul"

4. Tampilkan informasi hot:

Untuk merefleksikan real-time, kita dapat menampilkan waktu sekaligus.

Urutkan secara descending berdasarkan tanggal dibuat untuk menampilkan berita hot terbaru.

Sebuah informasi hot sederhana telah selesai. Anggota dapat mengikuti perkembangan penting dari seluruh proyek kapan saja!

#10.4.2 Pengumuman dan Notifikasi

Selanjutnya adalah fungsi pengumuman publik sederhana. Anda mungkin sudah sering melihatnya di Demo online kami. Untuk pemberitahuan sementara seperti ini, kita tidak ingin menampilkannya dalam jangka panjang, dan tidak perlu mencatat kemajuan proyek. Hanya digunakan untuk pengingat/pemberitahuan hal-hal sementara.

1. Buat Block Markdown baru: Pilih area mana saja di Dashboard, gunakan sintaks Markdown untuk menambahkan konten pengumuman.

Untuk penggunaan praktis Markdown, Anda dapat merujuk pada Demo resmi kami, dokumentasi resmi, atau tutorial "Dokumen Ringan".

Sebagai contoh sederhana, "pengumuman yang indah" yang ditulis dalam HTML akan menunjukkan kekuatan luar biasa dari Block Markdown.

• Contoh kode:

<div style="font-family: 'Arial', sans-serif; background-color: #e9f5ff; margin: 10px; padding: 10px; border: 2px solid #007bff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);">
    <h1 style="color: #007bff; text-align: center; font-size: 2em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);">Pengumuman Penting</h1>
    <p style="font-size: 1.2em; line-height: 1.6; color: #333;">Rekan-rekan yang terhormat:</p>
    <p style="font-size: 1.2em; line-height: 1.6;">Untuk meningkatkan efisiensi kerja, kami akan mengadakan pelatihan untuk seluruh karyawan pada <span style="color: red; font-weight: bold; font-size: 1.5em;">10 November</span>.</p>
    <p style="font-size: 1.2em; line-height: 1.6; font-style: italic;">Terima kasih atas kerjasama Anda!</p>
    <p style="font-size: 1.2em; line-height: 1.6;">Salam hangat,</p>
    <p style="font-size: 1.2em; line-height: 1.6;">Tim Manajemen</p>
</div>

#10.5 Ringkasan

Melalui langkah-langkah konfigurasi di atas, kita berhasil membuat Dashboard yang dipersonalisasi, memungkinkan anggota tim untuk mengelola task secara lebih efisien, mengikuti perkembangan proyek, dan menerima pengumuman serta notifikasi tepat waktu.

Dari filter status, pengaturan Penanggung Jawab hingga tampilan informasi hot, semuanya bertujuan untuk mengoptimalkan pengalaman pengguna dan meningkatkan kemudahan serta fleksibilitas sistem.

Sampai di sini, Dashboard yang dipersonalisasi sudah siap. Anda dipersilakan untuk mencoba sendiri, menggabungkan dengan kebutuhan aktual, dan melakukan modifikasi mendalam. Mari kita masuk ke bab berikutnya!

Lanjutkan eksplorasi, dan ekspresikan kreativitas Anda sepenuhnya! Jika menemui masalah, jangan lupa Anda dapat selalu merujuk pada Dokumentasi Resmi NocoBase atau bergabung dengan Komunitas NocoBase untuk berdiskusi.