Skip to content

Build multi-page dashboard shell with routed pages and active sidebar navigation - #14

Merged
Kr1491 merged 2 commits into
mainfrom
copilot/build-multi-page-dashboard-layout
Jun 3, 2026
Merged

Build multi-page dashboard shell with routed pages and active sidebar navigation#14
Kr1491 merged 2 commits into
mainfrom
copilot/build-multi-page-dashboard-layout

Conversation

Copilot AI commented Jun 3, 2026

Copy link
Copy Markdown
Contributor

The app previously rendered all workflows in a single page with no route-level navigation. This change introduces a dashboard shell with persistent sidebar navigation and route-specific content pages for dashboard, upload, processing, validation, documents, and export.

  • Layout and navigation foundation

    • Converted templates/index.html into a reusable base layout (sidebar + top header + content slot).
    • Added sidebar links for all required pages with active-state highlighting based on request.path.
    • Standardized page framing so each section now renders within a consistent dashboard chrome.
  • Route decomposition in Flask

    • Replaced / page rendering with redirect to /dashboard.
    • Added dedicated routes and templates for:
      • /dashboard
      • /upload
      • /processing
      • /validation
      • /documents
      • /export
  • Page templates split by concern

    • Added separate templates for each page (dashboard.html, upload.html, processing.html, validation.html, documents.html, export.html) extending the base layout.
    • Kept upload/status data flow tied to existing APIs (/upload-multiple-pdfs, /file-status) while moving UI into route-specific views.
  • Export surface

    • Added /export/download to stream current classification data as CSV from existing status storage.
  • Docs and repo hygiene

    • Updated README with the new navigation map.
    • Added __pycache__/ to .gitignore.
@app.route('/')
def index():
    return redirect(url_for('dashboard'))

@app.route('/dashboard')
def dashboard():
    return render_template('dashboard.html')
<a class="nav-link {% if request.path == '/processing' %}active{% endif %}" href="/processing">
  Processing
</a>

Copilot AI linked an issue Jun 3, 2026 that may be closed by this pull request
@Kr1491
Kr1491 requested a review from Copilot June 3, 2026 09:59

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot wasn't able to review any files in this pull request.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@Kr1491
Kr1491 requested a review from Copilot June 3, 2026 10:03
@Kr1491
Kr1491 marked this pull request as ready for review June 3, 2026 10:04
@Kr1491
Kr1491 self-requested a review June 3, 2026 10:04

@Kr1491 Kr1491 left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dashboard implemented successfully

@Kr1491
Kr1491 removed the request for review from Copilot June 3, 2026 10:05
@Kr1491
Kr1491 merged commit 88a679f into main Jun 3, 2026
1 check passed
Copilot AI changed the title [WIP] Build multi-page dashboard layout with sidebar navigation Build multi-page dashboard shell with routed pages and active sidebar navigation Jun 3, 2026
Copilot finished work on behalf of Kr1491 June 3, 2026 10:10
Copilot AI requested a review from Kr1491 June 3, 2026 10:10

@Kr1491 Kr1491 left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

dashboard made succesfully

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Build multi-page dashboard layout with sidebar navigation

3 participants