https://github.com/georgexchelebiev/directus-dictionary

Dictionary interface adding key/value pairs field support.
https://github.com/georgexchelebiev/directus-dictionary

directus directus-extension directus-extension-interface

Last synced: 2 months ago
JSON representation

Dictionary interface adding key/value pairs field support.

• Host: GitHub
• URL: https://github.com/georgexchelebiev/directus-dictionary
• Owner: gxvxc
• Created: 2021-03-01T11:00:57.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-05-28T21:45:09.000Z (over 2 years ago)
• Last Synced: 2024-09-01T10:48:37.279Z (4 months ago)
• Topics: directus, directus-extension, directus-extension-interface
• Language: Vue
• Homepage:
• Size: 408 KB
• Stars: 40
• Watchers: 2
• Forks: 8
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-directus - Dictionary - Save key-value pairs as JSON blobs with a progress indicator for completeness. (Extensions / Community)

README

        
# Directus Dictionary

An extension providing dictionary interface for [Directus](https://github.com/directus/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](field-options.gif)

Add values to the predifined list of keys:

![Editing field values](field-values.gif)

The end value of this field will be:

```json

{ 

  "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`

1. Copy `dist/interfaces/dictionary` to `/directus/extensions/interfaces` (or whereever your extension folder is)

1. Add a new json field to your collection and select the `Dictionary` interface

1. Define keys and add optional descriptions