Form Modal
form-builder/FormModal.vue
TODO: Używane komponenty z CWBK
- przeniesienie VModal do repo
Opis
Prosty wrapper do Form Handlera w formie modala.
Opis sekcji script
Props
| Nazwa | Typ | Domyślnie | Opis |
|---|---|---|---|
| open | Boolean | - | Czy modal jest otwarty |
| rawData | Boolean | - | Domyślnie Form Modal sprawdza czy endpoint zwrócił status = "ok" i emituje close zależnie true lub false. Ustawienie rawData na true zwraca cały obiekt zwracany z api |
| defaultValues | Object | {} | Domyślne wartości formularza |
| api | Function | wymagane | Funkcja api do wywołania z ClassFactory |
| params | Object | {} | Parametry api przekazane w komponencie |
Emits
| Nazwa | Opis |
|---|---|
| close | Emituje zamknięcie modala |
Zmienne
| Nazwa | Opis |
|---|---|
| loading | Stan spinnera przy przesyłaniu formularza |
| formValues | Wartości pól formularza (używany jako v-model FormHandlera) |
| errorMessages | Błędy pól formularza (używany w FormHandler) |
Metody
| Nazwa | Parametry | Opis |
|---|---|---|
| submitForm | - | Ustawia stan wczytywania, odpytuje endpoint, ustawia błędy, emituje zamknięcie modala |
Watch
| Nazwa | Opis |
|---|---|
| watchEffect (Vue) | Ustawia zmienne na otwarcie i zamknięcie modala. Dodaje domyślne wartości do formValues |