gxvxc/directus-dictionary

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.

Add values to the predifined list of keys:

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

• Directus interface extension
  • Adding/removing/rearranging keys
  • Adding/removing values
  • Filters out empty values
  • Shows warning in empty fields
  • 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

directus-dictionary's Issues

Field values editable even when viewed by users without editing permissions

Description
Editing values is possible even when user permissions don’t allow it. Changes cannot be saved so this is not a security issue, however it makes for a bad user experience

Steps to reproduce the behavior

1. Create collection A with a new field B set to dictionary interface
2. Create user John with view-only permissions for A
3. Login with John and navigate to A, create a new entry
4. Change the value of input in B

Expected behavior
Inputs in B should be disabled

Screenshots
N/A

Desktop (please complete the following information):

• OS: any
• Browser: any
• Version: 0.1.0

Additional context
N/A

Add directus 10 support

Add directus 10 support pls)
The current version breaks many other extensions

Add automated releases

It’s unnecessarily difficult for non-developers to get the dictionary extension since it’s only available as source.

Describe the solution you'd like
Providing ready-to-use releases will help this. To keep the releases up to date use automated builds from GitHub Actions.