Skip to content

Build multi-page dashboard layout with sidebar navigationΒ #5

Description

@Kr1491

πŸ–₯️ Current Behavior

The app is a single page with no navigation. Everything β€” upload, status, and results β€” is cramped into one page with no way to navigate between different sections.

βœ… Expected Behavior

A full dashboard layout with:

  • Persistent sidebar on the left with navigation links
  • Active page highlighted in the sidebar
  • Header showing the system name
  • Main content area that changes based on selected page

πŸ“„ Pages to Include

  • Dashboard β€” overview and stats
  • Upload β€” drag and drop file upload
  • Processing β€” live queue monitor
  • Validation β€” review uncertain documents
  • Documents β€” full document library
  • Export β€” download classification results

πŸ”§ Implementation

  • Convert index.html into a base layout template
  • Create separate HTML templates for each page
  • Use Flask routes for each page (/dashboard, /upload,
    /processing, /validation, /documents, /export)
  • Highlight active sidebar link using Flask's request.path

πŸ“Œ Note

This is a prerequisite for all other page-specific issues.
Issues 3 through 8 depend on this being completed first.

🏷️ Labels

enhancement frontend ui

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions