Condition Modal
form-builder/ConditionModal.vue
TODO: Używane komponenty z CWBK
- przeniesienie VBtn do repo
Opis
Rekurencyjny komponent tworzenia warunków dla pól formularza. Po otworzeniu modala pojawia się grupa warunków. W grupie dostępne jest wybór czy warunek ma być typu AND lub OR oraz przyciski do dodawania warunków lub grup warunków. Warunek posiada 4 pola i przycisk do usunięcia:
- Scope - wybór czy warunek ma być sprawdzany od roota czy od obecnego zagnieżdżenia. Tylko jeśli level > 1
- Pole - wybór pola do sprawdzenia po slugu, zagnieżdżenia rozdzielone kropką
- Operator - wybór operatora porównania:
- Równa się (eq)
- Nie równa się (neq)
- Większe niż (gt)
- Większe lub równe (gte)
- Mniejsze niż (lt)
- Mniejsze lub równe (lte)
- Zawiera (in)
- Nie zawiera (nin)
- Wartość - wartość do porównania
Opis sekcji script
Props
| Nazwa | Typ | Domyślnie | Opis |
|---|---|---|---|
| modelValue | (v-model) Object | wymagane | Obiekt warunków (visibility/disabled/readonly) |
| level | Number | wymagane | Poziom zagnieżdżenia edytowanego pola |
| parent | Object | null | Poprzednia zagnieżdżona grupa |
Emits
| Nazwa | Opis |
|---|---|
| removeGroup | Emituje wciśnięcie przycisku "Usuń grupę" |
Computed
| Nazwa | Opis |
|---|---|
| scopes | Lista scope'ów w zależności od poziomu zagnieżdżenia. Scope definiuje czy warunek ma być sprawdzany od roota czy od obecnego zagnieżdżenia |
Metody
| Nazwa | Parametry | Opis |
|---|---|---|
| addCondition | - | Dodaje warunek do grupy warunków |
| addGroup | - | Dodaje grupę warunków |
| removeItem | index (Number) | Usuwa warunek lub grupę na podstawie indexu |