Skip to main content
The Tags module allows administrators to create, view, delete, and use tags to organize and filter content within the application.

Overview

Tags help categorize videos or content items for better organization and easier filtering. The interface provides a simple and interactive way to manage tags in real time.

Viewing Tags

  • Tags are automatically loaded when the page opens
  • A loading indicator is displayed while tags are being retrieved
  • Tags appear as bordered chips
  • The list always reflects the most up-to-date data

Creating a Tag

  • Users enter a tag name in the input field
  • Extra spaces are automatically removed
  • Empty values are not allowed
  • On successful creation:
    • The new tag appears instantly in the list
    • The input field resets
    • A success notification is shown
  • If creation fails, an error notification is displayed

Deleting a Tag

  • Each tag appears as a removable chip
  • Clicking the close icon removes the tag
  • On successful deletion:
    • The tag disappears from the list immediately
    • A success notification is shown
  • If deletion fails, an error message appears

UI Behavior

  • Tags are displayed as styled chips for visual clarity
  • Chips support inline deletion
  • Loading states are handled automatically
  • Toast notifications provide feedback for actions

Tags as Video Filter

Tags can also be used to filter videos on the Analytics page.
  • Tags are loaded into a multi-select dropdown
  • Users can select one or multiple tags
  • Selected tags are stored as an array of tag IDs
  • When Apply is clicked:
    • The selected tags are applied as filters
    • The page updates to reflect filtered results
    • Charts and summaries refresh automatically