# 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)