Skip to content

Modal Components

Modals are pop-up windows that appear on top of the main page.

ConfirmationModal

Generic confirmation dialog.

Confirmation Modal

  • Purpose: Confirm a destructive action (like delete)
  • Content: Warning message and question
  • Actions: Confirm (red) or Cancel

Features:

  • Title and message
  • Confirm and cancel buttons
  • Customizable actions
  • Focus trap
  • Escape key to close
  • Backdrop click to close

FilterModal

Advanced filtering interface.

Filter Modal

  • Purpose: Refine dataset search results
  • Sections:
  • License types (checkboxes)
  • Fields of Science (checkboxes)
  • Date range (from/to)
  • File size range
  • Actions: Apply filters, Clear all

Features:

  • Multiple filter types
  • Date range pickers
  • Hierarchical categories
  • Apply and reset buttons
  • Preview of active filters

CollectionSettingsModal

Manage collection visibility and order.

CollectionSettingsModal

  • Purpose: Create custom ordering
  • Fields:
  • Actions:

Features:

  • Drag and drop reordering
  • Visibility toggle
  • Persist preferences
  • Reset to default option

Create Collection Modal

  • Purpose: Create a new collection
  • Fields: Collection name, description (optional)
  • Actions: Create button (blue) or Cancel

Features:

Add to Collection Modal

  • Purpose: Add dataset(s) to existing collections
  • Features:
  • Tab 1: Add to existing collection (select from list)
  • Tab 2: Create new collection and add
  • Actions: Add button or Create button

Features:

Dataset Details Panel

  • Purpose: Show complete dataset information
  • Sections:
  • Header with title and badges
  • Metadata (added date, updated date)
  • Source link button
  • Description
  • Data preview (file size, type)
  • Metadata (license, keywords, field of science)
  • How to close: Click X in top-right corner

Features: