This is a dialog that allows creation or editing of processes from provided data, it can be used to create more use-case specific dialogs (e.g. for Adding, Editing, Importing)
Props
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
action |
String | - | Yes | the kind of action that is performed by the sorrounding form (used for header) |
processType |
String | - | Yes | the kind of process that is manipulated (e.g. process, project, ...) (used for header) |
Computed
| Name | Type | Description |
|---|---|---|
canShareProcess |
boolean | if the component is executed in a web client that allows sharing via the backend |
storedProcesses |
Array.<Process> | all processes from the vuex store |
storedInBackend |
Array.<Process> | all processes that are stored in the backend and not locally in the browser |
departmentNames |
Array.<String> | names of all possible departments |
departments |
* | all possible departments |
currentIndex |
number | the current displayed Page minus 1 (index in array) |
mainAction |
String | the action performed by using this form (e.g. Add Process) (used in header and given in action slot for use in encapsulating form) |
Events
| Name | Payload Type | Description |
|---|---|---|
done |
undefined | if the good button (add, import, save) was clicked |
process |
Object.<Process>|null | information about the process that was added/edited... (null when more than one) |
cancel |
undefined | if the form should be closed without the intention of doing anything (abort) |
Members
(inner) currentPage
possible to select multiple processes for import => display multiple "pages" on the import dialog
This variable indicates the current page.
(inner) inputRules
validation rules for the input fields inside the form
(inner) isFormValid
if all necessary data/form fields have been filled (vuetify: Forms v-model)
(inner) popupData
Methods
cancel()
Emits cancel event to parent component
handleSubmit()
Called if the submit button is clicked
submitProcesses()
Sends the data of all processes to the store/backend
validatePages()
Checks if all pages are valid