Appearance

DAM Store ​

File Information ​

  • Path: store/dam.js
  • Namespace: dam
  • Purpose: Manages Digital Asset Management state

State ​

javascript
{
  currentWorkspaceId: 0,
  foldersLoading: false,
  fetchingInstances: false,
  newFolderCount: 0,
  folderList: [],
  recentlyUploadedFiles: [],
  downloadIndicator: {
    pinned: false,
    expanded: false,
    count: 0,
    files: {}
  },
  damInstance: {},
  companyName: '',
  collectionList: [],
  collectionLoading: false,
  collectionId: 0,
  assetList: [],
  startIndex: 0,
  activeSelection: [],
  assetObject: {},
  storage: {
    image: 0,
    audio: 0,
    video: 0,
    document: 0,
    used: 0,
    available: 0,
    total: 0,
    percentage: 0
  },
  pictureInPicture: {},
  notifications: {},
  columnViews: [],
  uploads: [],
  brandingDetails: null,
  leftMenuClosed: false,
  allFilterList: [],
  folderPageFilterList: [],
  collagePageFilterList: [],
  searchKey: '',
  searchMenuOptn: null,
  popularSearchData: null,
  popularCollageSearchData: null,
  popularFolderSearchData: null,
  tagsFilterItems: []
}

Getters ​

folderList ​

Returns the current folder list.

assetList ​

Returns the current asset list.

damInstance ​

Returns the current DAM instance.

storage ​

Returns storage usage information.

activeSelection ​

Returns currently selected items.

downloadIndicator ​

Returns download indicator state.

Mutations ​

SET_FOLDER_LIST ​

Sets the folder list.

Parameters:

  • folders (Array) - Folder list

SET_ASSET_LIST ​

Sets the asset list.

Parameters:

  • assets (Array) - Asset list

SET_DAM_INSTANCE ​

Sets the DAM instance.

Parameters:

  • instance (Object) - DAM instance object

SET_STORAGE ​

Sets storage information.

Parameters:

  • storage (Object) - Storage data

UPDATE_SUB_CATEGORY_COUNT ​

Updates subcategory count for a folder.

Parameters:

  • folderId (String or Number) - Folder ID
  • count (Number) - Subcategory count

ADD_TO_SELECTION ​

Adds item to active selection.

Parameters:

  • item (Object) - Item to add

REMOVE_FROM_SELECTION ​

Removes item from active selection.

Parameters:

  • itemId (String or Number) - Item ID

CLEAR_SELECTION ​

Clears all selected items.

Actions ​

fetchFolders(workspaceId) ​

Fetches folders for a workspace.

Parameters:

  • workspaceId (String or Number) - Workspace ID

Returns: Promise<Array> - Folder list

fetchAssets(workspaceId, params) ​

Fetches assets for a workspace.

Parameters:

  • workspaceId (String or Number) - Workspace ID
  • params (Object) - Query parameters

Returns: Promise<Array> - Asset list

getInstances(workspaceId) ​

Fetches DAM instances for a workspace.

Parameters:

  • workspaceId (String or Number) - Workspace ID

Returns: Promise<Object> - DAM instance

fetchStorage(workspaceId) ​

Fetches storage usage for a workspace.

Parameters:

  • workspaceId (String or Number) - Workspace ID

Returns: Promise<Object> - Storage data

addToSelection(item) ​

Adds item to selection.

Parameters:

  • item (Object) - Item to select

removeFromSelection(itemId) ​

Removes item from selection.

Parameters:

  • itemId (String or Number) - Item ID

clearSelection() ​

Clears all selections.

Usage Examples ​

In Component ​

javascript
// Get folders
const folders = this.$store.getters['dam/folderList']

// Fetch folders
await this.$store.dispatch('dam/fetchFolders', workspaceId)

// Get storage
const storage = this.$store.getters['dam/storage']

// Add to selection
this.$store.dispatch('dam/addToSelection', asset)

In Middleware ​

javascript
export default async function ({ store, route }) {
  const workspaceId = route.params.workspace_id
  await store.dispatch('dam/fetchFolders', workspaceId)
}

API Endpoints Used ​

  • GET /dam/folders - Fetch folders
  • GET /dam/assets - Fetch assets
  • GET /dam/instances - Fetch DAM instances
  • GET /workspace/storage - Fetch storage usage