Appearance

Pages Documentation ​

Overview ​

This section documents all pages in the Admin Frontend application. Pages in Nuxt.js are automatically routed based on their file structure in the pages/ directory.

Page Structure ​

Authentication Pages ​

Login Page ​

  • Path: pages/index.vue
  • Route: /
  • Purpose: User authentication and login functionality
  • Features: Email/password login, Google OAuth, support platform login

Forgot Password ​

  • Path: pages/forgot-password.vue
  • Route: /forgot-password
  • Purpose: Password recovery functionality

Reset Password ​

  • Path: pages/reset-password.vue
  • Route: /reset-password
  • Purpose: Password reset after receiving reset link

Social Login ​

  • Path: pages/social-login.vue
  • Route: /social-login
  • Purpose: Handle social authentication callbacks

DAM Module Pages ​

Dashboard ​

  • Path: pages/_workspace_id/dam/dashboard/index.vue
  • Route: /:workspace_id/dam/dashboard
  • Purpose: Main DAM dashboard with recent assets, collages, and folders

Folders ​

  • Path: pages/_workspace_id/dam/folders/index.vue
  • Route: /:workspace_id/dam/folders
  • Purpose: Root folders listing and management

Folder Details ​

  • Path: pages/_workspace_id/dam/folders/_id/index.vue
  • Route: /:workspace_id/dam/folders/:id
  • Purpose: Folder contents and subfolder management

Assets ​

  • Path: pages/_workspace_id/dam/files/_id.vue
  • Route: /:workspace_id/dam/files/:id
  • Purpose: Individual asset details and management
  • Path: pages/_workspace_id/dam/search.vue
  • Route: /:workspace_id/dam/search
  • Purpose: Global search across assets, folders, and collages

Sharing ​

  • Path: pages/_workspace_id/dam/sharing/index.vue
  • Route: /:workspace_id/dam/sharing
  • Purpose: Manage shared assets and links

Upload ​

  • Path: pages/_workspace_id/dam/upload.vue
  • Route: /:workspace_id/dam/upload
  • Purpose: Asset upload interface

Uploaded ​

  • Path: pages/_workspace_id/dam/uploaded.vue
  • Route: /:workspace_id/dam/uploaded
  • Purpose: View uploaded assets and upload status

Trash ​

  • Path: pages/_workspace_id/dam/trash.vue
  • Route: /:workspace_id/dam/trash
  • Purpose: Deleted assets and recovery

Collages ​

  • Path: pages/_workspace_id/dam/collage/index.vue
  • Route: /:workspace_id/dam/collage
  • Purpose: Collages listing

Collage Details ​

  • Path: pages/_workspace_id/dam/collage/_id/index.vue
  • Route: /:workspace_id/dam/collage/:id
  • Purpose: Individual collage management

Workspace Settings Pages ​

Workspace Settings ​

  • Path: pages/_workspace_id/workspace-settings/index.vue
  • Route: /:workspace_id/workspace-settings
  • Purpose: Main workspace settings page

Account & Billing ​

  • Path: pages/_workspace_id/workspace-settings/account-billing.vue
  • Route: /:workspace_id/workspace-settings/account-billing
  • Purpose: Subscription and billing management

Custom Fields ​

  • Path: pages/_workspace_id/workspace-settings/custom-fields/index.vue
  • Route: /:workspace_id/workspace-settings/custom-fields
  • Purpose: Manage custom fields for assets

DAM Settings ​

  • Path: pages/_workspace_id/workspace-settings/dam/index.vue
  • Route: /:workspace_id/workspace-settings/dam
  • Purpose: DAM instance management

DAM Instance Settings ​

  • Path: pages/_workspace_id/workspace-settings/dam/_instance_id/index.vue
  • Route: /:workspace_id/workspace-settings/dam/:instance_id
  • Purpose: Individual DAM instance configuration

User Management ​

  • Path: pages/_workspace_id/workspace-settings/user/list.vue
  • Route: /:workspace_id/workspace-settings/user/list
  • Purpose: Workspace user management

External Users ​

  • Path: pages/_workspace_id/workspace-settings/external-user/list.vue
  • Route: /:workspace_id/workspace-settings/external-user/list
  • Purpose: External user management

External Pages ​

External Upload ​

  • Path: pages/_workspace_id/external/upload.vue
  • Route: /:workspace_id/external/upload
  • Purpose: External user asset upload

External Verify ​

  • Path: pages/_workspace_id/external/verify.vue
  • Route: /:workspace_id/external/verify
  • Purpose: External user verification

Request Access ​

  • Path: pages/_workspace_id/external/request-access.vue
  • Route: /:workspace_id/external/request-access
  • Purpose: Request external access

Other Pages ​

Profile ​

  • Path: pages/profile.vue
  • Route: /profile
  • Purpose: User profile management

Create Workspace ​

  • Path: pages/create-workspace.vue
  • Route: /create-workspace
  • Purpose: Create new workspace

Shared Assets ​

  • Path: pages/shared-assets/_type.vue
  • Route: /shared-assets/:type
  • Purpose: View shared assets by type

Dynamic Routes ​

The application uses Nuxt.js dynamic routing with parameters:

  • _workspace_id - Workspace identifier
  • _id - Resource identifier (folder, collage, asset)
  • _type - Asset type or category
  • _brand_name - Brand name for shared assets
  • _user_id - User identifier

Middleware ​

Pages use middleware for:

  • Authentication checks (authCheck, onlyAuth, guestCheck)
  • Permission validation (can-access-dam-module, can-access-dam-settings)
  • Workspace validation (checkWorkspace, check-dam-instance)
  • Module access control (can-access-child-workspace)

Pages are organized hierarchically:

  1. Root level pages (login, profile)
  2. Workspace-scoped pages (_workspace_id)
  3. Module-specific pages (dam, workspace-settings)
  4. Resource-specific pages (folders, collages, assets)