Appearance

DAM Settings ​

File Information ​

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

Overview ​

The DAM Settings page manages Digital Asset Management instances for the workspace. It allows administrators to view, create, configure, and manage DAM instances, which are separate DAM environments within a workspace.

Key Features ​

  1. DAM Instance Management

    • List all DAM instances
    • Create new DAM instances
    • Configure DAM instances
    • Delete DAM instances

  2. Instance Configuration

    • Instance name and description
    • Storage settings
    • Access control settings
    • Branding settings

  3. Instance Status

    • Active/inactive status
    • Instance health
    • Storage usage
    • User count

  4. Instance Navigation

    • Navigate to instance settings
    • Access instance dashboard
    • Manage instance users

Components Used ​

  • DAM instance list components
  • Instance card components
  • Create instance dialog
  • Instance status indicators

Data Properties ​

javascript
{
  damInstances: [],        // List of DAM instances
  loading: false,         // Loading state
  creating: false,        // Creating state
  showCreateDialog: false // Create dialog visibility
}

Computed Properties ​

activeInstances ​

Returns active DAM instances

inactiveInstances ​

Returns inactive DAM instances

canCreateInstance ​

Checks if user can create new instances

Methods ​

loadInstances() ​

Loads DAM instances:

  • Fetches instances from API
  • Updates instance list
  • Handles errors

createInstance(instanceData) ​

Creates new DAM instance:

  • Validates instance data
  • Creates instance via API
  • Refreshes instance list
  • Navigates to instance settings

deleteInstance(instanceId) ​

Deletes DAM instance:

  • Confirms deletion
  • Calls delete API
  • Refreshes instance list
  • Shows success/error message

Navigates to instance settings:

  • Routes to instance settings page
  • Passes instance ID

API Endpoints ​

Get DAM Instances ​

  • Endpoint: GET /dam/instances
  • Query Parameters: workspace_id
  • Response: Array of DAM instance objects

Create DAM Instance ​

  • Endpoint: POST /dam/instance/create
  • Request Body: Instance creation data
  • Response: Created instance object

Delete DAM Instance ​

  • Endpoint: DELETE /dam/instance/delete
  • Query Parameters: instance_id
  • Response: Success confirmation

DAM Instance Structure ​

javascript
{
  id: 123,
  name: "Marketing DAM",
  description: "Marketing team asset management",
  workspace_id: 456,
  status: "active",
  storage_used: 1024000000,
  storage_limit: 10737418240,
  user_count: 25,
  created_at: "2024-01-15T10:00:00Z"
}

User Flow ​

  1. User navigates to DAM Settings
  2. Page loads DAM instances
  3. User views instance list
  4. User creates new instance (if allowed)
  5. User configures instance settings
  6. User navigates to instance details
  7. User manages instance (if needed)

Integration Points ​

  • DAM Instance Settings: Individual instance configuration
  • DAM Dashboard: Instance dashboard access
  • User Management: Instance user management
  • Storage Management: Instance storage settings

Notes for Development ​

  • Page requires workspace admin permissions
  • Instance creation may have limits
  • Deleting instances requires confirmation
  • Instance status affects availability
  • Storage limits enforced per instance