Dashboard Navigation

Implemented

Last Updated: 2026-06-13

# Overview

The BATbern organizer dashboard is your central hub for event planning and management. The interface adapts to your role(s), showing only the relevant features and actions.

Multiple roles in one session: If your account holds more than one role (e.g. Organizer and Speaker), you don’t log in separately for each. After a single login the navigation presents all your roles’ features, grouped under per-role section dividers. Switching between organizing an event and managing your own speaker session is just scrolling the same menu — no re-authentication. See Multi-Role Navigation.

# Dashboard Layout

The dashboard follows a clean, Swiss design aesthetic with three main areas:

┌─────────────────────────────────────────────────────┐
│  Top Navigation Bar (Logo, Search, Profile)        │
├──────────┬──────────────────────────────────────────┤
│          │                                          │
│  Left    │  Main Content Area                       │
│  Sidebar │  (Event Cards, Tables, Forms)            │
│          │                                          │
│  Entity  │                                          │
│  Nav     │                                          │
│          │                                          │
└──────────┴──────────────────────────────────────────┘

# Top Navigation Bar

The top bar provides quick access to global functions:

• BATbern Logo (top-left) - Click to return to dashboard home
• Global Search (center) - Search across companies, users, events, speakers
• Notifications (top-right) - Bell icon shows recent alerts Planned
• Profile Menu (top-right) - Avatar dropdown (shows your imported Google avatar when you signed in with SSO) with:
  • Profile settings
  • Language selection (10 locales) Implemented
  • Logout

# Left Sidebar Navigation

The sidebar organizes features by entity type:

Entity Management:

• 🏢 Companies - Manage architectural firms
• 👥 Users - Manage organizers, speakers, attendees
• 📅 Events - Plan and coordinate conferences
• 🤝 Partners - Coordinate partner relationships
• 🎤 Speakers - Track speaker profiles and status

Advanced Features Planned:

• 📊 Analytics - Event metrics and reports
• 📧 Notifications - Manage alerts and escalations
• ⚙️ Settings - Platform configuration

# Main Content Area

The main content area displays:

• Dashboard Home: Event cards and quick actions
• Entity Lists: Paginated tables with search/filter
• Entity Details: Forms and detailed views
• Workflow Views: Specialized interfaces for event workflow system

# Dashboard Home

After logging in, you’ll see the Dashboard Home with:

# Current Event Card

# Recent Activity

A timeline showing recent platform activity:

• New user registrations
• Speaker status changes
• Partner meeting requests
• Workflow state transitions

# Quick Actions

Shortcuts to common organizer tasks:

• ➕ Create New Event - Start planning a new conference
• 👤 Add Speaker - Add a new speaker profile
• 🏢 Register Company - Add a new architectural firm
• 🤝 Invite Partner - Onboard a new partner organization

# Entity List Views

Clicking an entity in the sidebar navigates to the list view:

# Table Features

Implemented

All entity tables support:

• Search: Global search across all columns
• Filtering: Advanced filters with JSON syntax Implemented
• Sorting: Click column headers to sort ascending/descending
• Pagination: Navigate through large datasets (10/25/50 per page)
• Bulk Actions: Select multiple rows for batch operations Planned

# Table Example: Events

Actions:

• View (👁️) - Read-only details
• Edit (✏️) - Modify entity
• Delete (🗑️) - Remove entity (with confirmation)

# Entity Detail Views

Clicking “View” or “Edit” navigates to the detail view:

# Form Layout

Forms follow a consistent pattern:

# Keyboard Shortcuts

Planned

Speed up your workflow with keyboard shortcuts:

See Keyboard Shortcuts Reference for the complete list.

# Responsive Design

The dashboard adapts to different screen sizes:

# Desktop (1920x1080+)

• Full sidebar visible
• Multi-column layouts
• Advanced filters expanded

# Tablet (768x1024)

• Collapsible sidebar
• Two-column layouts
• Simplified filters

# Mobile (375x667)

• Hamburger menu navigation
• Single-column layouts
• Touch-optimized controls

# Workflow-Specific Views

The workflow system includes specialized interfaces:

# Topic Heat Map

Implemented

Visualize 20+ years of historical topic data:

• Color-coded frequency (dark blue = frequent, light = rare)
• Interactive hover for details
• Click to select topics for current event

See Topic Heat Map Feature for details.

# Speaker Outreach Tracker

Implemented

Track speaker contacts and status:

• Kanban-style board on the 8-state model (IDENTIFIED → CONTACTED → READY → ACCEPTED → CONTENT_SUBMITTED → QUALITY_REVIEWED → CONFIRMED, plus a declined/closed terminal state)
• Guided drag-and-drop status updates between columns
• Contact history and notes
• Parallel speaker workflow (each speaker progresses independently)
• A Cognito account is provisioned for the speaker at the READY transition (replacing the retired magic-link flow)

See Phase B: Outreach for details.

# Slot Assignment Interface

Implemented

Drag-and-drop speakers to event slots:

• Visual timeline with time slots
• Speaker availability indicators
• Conflict detection (double-booking prevention)
• Auto-confirmation when quality_reviewed speakers assigned to slots

See Phase D: Assignment for details.

# Tips for Efficient Navigation

# Use Global Search

The global search (top-center) searches across:

• Company names and Swiss UIDs
• User names and email addresses
• Event names and topics
• Speaker names and expertise
• Partner names

Pro Tip: Use partial matches (e.g., “Zür” finds “Zürich”)

# Bookmark Common Views

Bookmark frequently used pages in your browser:

• Dashboard home: /dashboard
• Event list: /events
• Speaker list: /speakers
• Current event workflow: /events/{event-id}/workflow

# Resource Expansion

Implemented

API responses support resource expansion for efficiency:

GET /api/events/123?expand=speakers,partners

Returns event with embedded speaker and partner data in a single request.

See API Documentation for details.

# What’s Next?

• UI Conventions → - Learn common patterns and shortcuts
• Entity Management → - Start managing entities
• Workflow System → - Master the 3 workflow systems

# Related Topics

• Login & Authentication - Access your account
• Companies Management - Manage architectural firms
• Events Management - Plan conferences