Skip to main content

[Backoffice] Dashboard / Entry page

Overview​

The admin backoffice dashboard is where administrators view and manage all text-to-audio requests. Admins can see pending requests, update statuses, and upload audio files.

Access: Admin login required (separate credentials from users)

Purpose: Central hub for manual request processing

Key Actions:

  • View all requests (pending, processing, done)
  • Filter and search requests
  • Access individual request details

Live Preview​

🎙️

MicDots Admin

Request Management System

Request Management

View and process text-to-audio requests

Request ID
User
Text Preview
Voice
Status
Created
REQ-001234

Welcome to MicDots...

Rachel

Pending

2 hours ago
REQ-001233

Today's special is...

Adam

Processing

5 hours ago
REQ-001232

Hi, I'm Sarah, a UX...

Bella

Done

1 day ago

Showing 3 of 17 requests

Page 1 of 3

🎙️

MicDots Admin

Text-to-Speech Request Management System
Powered by ElevenLabs & QR Tiger

System Operational

Version 1.0.0 • Last updated: 2 mins ago

© 2025 MicDots. All rights reserved.

API Endpoints​

This page uses the following API endpoints:

Get All Submissions (Admin)​

Endpoint: GET /api/v1/text-to-speech

Description: Retrieves all text-to-speech submissions with pagination, filtering, and sorting. Admins see all submissions from all users. Clients automatically see only their own submissions.

Query Parameters:

  • page: number, optional. Page number (default: 1)
  • size: number, optional. Items per page (default: 10, max: 100)
  • status: string, optional. Filter by status: "pending", "processing", "done"
  • search: string, optional. Search by request ID, text content, or user email
  • sortBy: string, optional. Sort field: "createdAt", "status" (default: "createdAt")
  • sortOrder: string, optional. "asc" or "desc" (default: "desc")

Role Required: admin role

Page Elements​

Content Header Section​

  • Page Title: "Request Management"
  • Subtitle: Clear purpose statement
  • Context: Displayed in main content area

Filter Options:

  • Status Dropdown: Filter by pending/processing/done/all
  • Search Bar: Search by request ID, user email, or text content
  • Refresh Button: Reload latest data

Requests Table​

Columns:

  1. Request ID: Unique identifier (e.g., REQ-001234)
  2. User: Email address of requester
  3. Text Preview: First 20 characters + "..."
  4. Voice: Selected voice model name
  5. Status: Badge showing current status
  6. Created: Time since creation

Status Badges:

  • Pending: Orange badge
  • Processing: Blue badge
  • Done: Green badge

Row Behavior:

  • Clickable rows: Click anywhere on row to view details
  • Hover effect: Background changes on hover
  • Shows most recent requests first

Pagination​

Controls:

  • Current page indicator (e.g., "Page 1 of 3")
  • Previous/Next buttons
  • Shows "X of Y requests" count

Admin Actions​

Primary Actions​

  1. Click Request Row - View detailed request page
  2. Filter by Status - Show only specific status types
  3. Search Requests - Find specific requests
  4. Refresh Data - Get latest updates

Secondary Actions​

  • Logout - End admin session
  • Navigate Pages - Browse through request pages

User Flow​

Entry: Admin logs in at landing page

Dashboard View:

  1. Admin views request list
  2. Admin can filter/search as needed
  3. Admin clicks on a request row
  4. Admin navigated to Request Details Page

Next Page: Admin Request Details

Access Control​

Required: Admin authentication

Permissions:

  • View all requests (any user)
  • View request details
  • Update request status
  • Upload audio files

Not Allowed:

  • Delete requests (manual database operation only)
  • Edit user information
  • View user passwords

Success Criteria​

  • ✅ Admin can view all requests
  • ✅ Filters work correctly
  • ✅ Pagination works correctly
  • ✅ Clicking request rows navigates to details page
  • ✅ Hover effects work on table rows
  • ✅ Performance is good (< 2 second load)