User Interface Framework

Card

As any user I want to be presented with a standard user interface so that the system is easy to use

This user story is implemented under this issue.

Conversation

Framework

The POPS user interface is built on Twitter Bootstrap 3.0 which provides standardised navigation and component styling.

Navigation

The navigation bar at the top of the form uses links to frequently used options on the bar itself and drop-down lists for less frequently used options.

Maintenance Forms

The maintenance forms (including the Orders form) use a standard structure consisting of:

• an index form which provides a list of records from the particular table
• forms which allow the creation, editing and display of individual records.

The maintenance forms all use a common structure but displayed controls vary from form to form as follows:

• The display form (show) is accessed by clicking on a link from a record on the index form - usually the first column. All fields are read-only. If the user has permission to modify the record, Edit and Delete buttons are added to the form.
• The new form is accessed by clicking the New button in the index form's heading. The standard form is displayed with field input enabled. A Create button stores the record and returns control to the index form.
• The edit form is accessed from the Edit button on the show form. The standard form is displayed with field input enabled. An Update button stores the record and returns control to the index form.
• All forms contain a List button which returns control to the index without saving changes to the record.

Confirmation

1. Log in as a user with admin access.
2. Select Users from Admin dropdown in navigation bar and ensure index form is displayed
3. Click on New to create new record. Save record by clicking on Create User and ensure new user is displayed on index form.
4. Click on user code of newly created record in index form and ensure User form displayed along with Edit, Delete and List buttons. Ensure fields cannot be updated. Click on Edit.
5. Make changes, click on List button and ensure unchanged record is presented on index form.
6. Repeat 3, make changes and click on Update User button and ensure changed record is presented on index form.
7. Repeat 3, click on Delete and ensure that deleted record is no longer presented on index form.
8. Log out by clicking on Logout in navigation bar and log in as user without admin access.
9. Select Users from Admin dropdown in navigation bar and ensure index form is displayed without New button.
10. Click on user code of a record in index form and ensure User form displayed along with only List button. Ensure fields cannot be updated. Click on List and ensure index form is displayed.