directus-dictionary icon indicating copy to clipboard operation
directus-dictionary copied to clipboard

Dictionary interface adding key/value pairs field support.

Directus Dictionary

An extension providing dictionary interface for Directus that returns a standartd object of key/value pairs.

Example setup

Extend the Directus built in repeater interface, to add, rearange, and delete keys.

Field options

Add values to the predifined list of keys:

Editing field values

The end value of this field will be:

{ 
  "logIn": "Log In",
  "logOut": "Log Out"
}

Keys with empty are omitted from the response object.

Feature List

  • [x] Directus interface extension
    • [x] Adding/removing/rearranging keys
    • [x] Adding/removing values
    • [x] Filters out empty values
    • [x] Shows warning in empty fields
    • [X] Shows completion progress in editor
  • [ ] Directus display extension
    • [ ] Displays completion progress in collection view
    • [ ] Sorts items by completion

Usage

  1. Build it via npm run build
  2. Copy dist/interfaces/dictionary to /directus/extensions/interfaces (or whereever your extension folder is)
  3. Add a new json field to your collection and select the Dictionary interface
  4. Define keys and add optional descriptions