UNPKG

directus-extension-fieldsplus

Version:

Collection of useful interfaces for Directus

github.com/codihaus/Directus-Extension-Fieldplus

codihaus/Directus-Extension-Fieldplus

69 lines (46 loc) • 1.96 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
# Fields Plus **Install** ```bash npm i directus-extension-fieldsplus ``` ## Advanced Filters **Usage** - With field type `JSON` or `Text`, you can use the interface `advanced filter` - Builder query functionality - No options setting - No meta creation, no additional fields - Values is JSON format *** - **Field Type**: JSON, Text - **Data Store**: JSON (similar to the right-hand side) - **Collection**: Exclude collections that start with directus_ *** Feature - Support fixed one collection - Name with translate - Layout with dropdown option **Interface Setting** ![filter_fixed_collection.png](SCREENS/filter_fixed_collection.png) **Form render** ![filter_render.png](SCREENS/filter_render.png) ## Group Tab for Fields - Field Alias no data - Can sync value with other field (select in interface setting) ![tab.gif](SCREENS/tab.gif) | ![tab_1.png](SCREENS/tab_1.png) | ![tab_2.png](SCREENS/tab_2.png) | |---------------------------------|---------------------------------| | ![tab_3.png](SCREENS/tab_3.png) | ![tab_4.png](SCREENS/tab_4.png) | ## Group Tab for Fields - Field Alias no data - Can sync value with other field (select in interface setting) ![tab.gif](SCREENS/tab.gif) | ![tab_1.png](SCREENS/tab_1.png) | ![tab_2.png](SCREENS/tab_2.png) | |---------------------------------|---------------------------------| | ![tab_3.png](SCREENS/tab_3.png) | ![tab_4.png](SCREENS/tab_4.png) | ## Image Uploader in Repeater | ![image_uploader_1.png](SCREENS/image_uploader_1.png) | ![image_uploader_2.png](SCREENS/image_uploader_2.png) | |-------------------------------------------------------|-------------------------------------------------------| ## Select with Image | ![select_image1.png](SCREENS/select_image1.png) | ![select_image2.png](SCREENS/select_image2.png) | |-------------------------------------------------|-------------------------------------------------| Form render ![select-image.png](SCREENS/select-image.png)