UI.md



USER INTERFACE

Button states
If the HTML Form has no modifications, the Close, New and Delete
buttons are enabled. The Save button is disabled.
If the HTML Form has modifications, the Save, Close, New, and
Delete button is enabled. No button is disabled.

Save Button

User presses the Save button

Reset all validation states
Client validates HTML Form
Form is submitted to server

Success:

Show message provided by server
Current formelements and data will be reloaded.
Process server reponse 'redirect':

'client': No redirect.
'no': No redirect.
'url': Redirect to URL


Failure: Happens on communication errors, if data validation
fails, form actions fails or saving data fails.

Show error message.
Client: Ignore server reponse 'redirect'. Client stays on current page.


Close Button

User presses the Close button

Form not modified by user: Client redirects to previous page.
Form modified by user: Ask User 'You have unsaved changes. Do you want to save first?'

Yes: Client redirects to previous page.
No: Client stays on current page.
Save & Close:

Client reset all validation states
Client validates HTML Form
Client submits form to server.

Success: Process server response 'redirect':

'client': Client shows previous page.
'no': No redirect.
'url': Redirect to URL


Failure: Happens on communication errors, if data validation
fails, form actions fails or saving data fails.

Show error message.
Client: No redirect. Ignore server reponse 'redirect'.


Delete Button: Main record

User presses the button. Ask User 'Do you really want to delete the record?

Yes:

Delete record on server.
Process server reponse 'redirect':

'client': Client redirects to previous page.
'no': Error message.
'url': Redirect to URL


No:

Client does not delete record on server.
No redirect. Client stays on current page.