Project

General

Profile

Feature #4170

Dashboard Document Approval (Linked dengan Document Approval Page)

Added by Dhafin Riando 1 day ago. Updated 1 day ago.

Status:
New
Priority:
Normal
Start date:
01/28/2026
Due date:
01/30/2026 (Due in 1 day)
% Done:

0%

Estimated time:

Description

Dear Tim Developer,

Menindaklanjuti pembahasan Widget Document Approval sebelumnya, berikut kami sampaikan penjelasan tambahan dari sisi UI/UX untuk implementasi Dashboard – Document Approval Widget, yang berfungsi sebagai entry point dan terhubung langsung dengan halaman Document Approval yang telah dijelaskan sebelumnya.

1. Posisi & Fungsi Widget di Dashboard
Widget Document Approval ditempatkan pada halaman Dashboard (Operations Overview) dengan tujuan:
• Memberikan quick visibility kepada user terkait dokumen yang membutuhkan tindakan.
• Menjadi shortcut menuju halaman Document Approval (MenuID: DOCUMENTAPPROVAL) tanpa perlu navigasi manual melalui menu Logistic & Service.
Widget ini bersifat informational + navigational, bukan full approval workspace.

2. Informasi yang Ditampilkan
Widget menampilkan:
• Total jumlah dokumen Pending Approval (aggregate).
• Breakdown per Document Type, misalnya:
o Goods Receipt
o Purchase Order
o Sales Order
o Stock Transfer
• Jumlah dokumen per tipe bersifat dynamic & user-specific, mengikuti:
o Mapping PIC pada PARAMETERAPPROVER
o Filtering berdasarkan DocStatus dan Status (sama dengan logic di halaman Document Approval).
Contoh:
• Goods Receipt – Awaiting Inspection (3)
• Purchase Order – Requires Signature (2)

3. Behaviour & Linking
Dari sisi UX behaviour:
• Klik pada Document Type → redirect ke halaman Document Approval dengan pre-filter sesuai tipe dokumen yang dipilih.
• Klik tombol “View All Approvals” → redirect ke halaman Document Approval tanpa filter (default view).
• Setelah redirect, user akan berinteraksi penuh dengan:
o Document List
o Document Detail (one-page view)
o Approval Timeline
o Review Verdict
(sesuai desain dan flow yang telah dijelaskan sebelumnya)
Dengan demikian, Dashboard Widget dan Document Approval Page merupakan satu kesatuan flow, bukan modul terpisah.

4. Konsistensi UI & UX
• Warna icon dan label Document Type disamakan dengan yang digunakan di halaman Document Approval.
• Terminologi status (Pending, In Review, Approved) mengikuti standard yang sama.
• Widget dirancang ringkas agar tidak mengganggu KPI utama dashboard, namun tetap actionable.

5. Scope Batasan Widget Dashboard
• Tidak ada aksi Approve / Reject langsung dari dashboard.
• Dashboard hanya menampilkan ringkasan & navigasi.
• Seluruh proses approval tetap dilakukan di halaman Document Approval.

Notes: Mungkin jika ada yang kurang jelas bisa melihat dari redmine 4159 ini yaa

Menu Path: Logistic & Service > Document Approval
Port: https://demo.minovais.com/
DB: MinovaES_Demo (103.153.60.89)

Terimakasih.


Files

clipboard-202601281048-fvwue.png (289 KB) clipboard-202601281048-fvwue.png Dhafin Riando, 01/28/2026 10:48 AM
code.html (21.2 KB) code.html Dhafin Riando, 01/28/2026 11:21 AM

Also available in: Atom PDF