Task 1:

Create a dummy structure like on the image below. Title on the right corresponds to each of the
menu entries.

Your menu entries should be:

- Start
- Machine Learning
o Example 1
o Example 2
o Example 3

Task 2:

When clicking menu item Example 1, a mask with a table should be displayed. The data should be
hardcoded in the beginning.

The table has the columns:

- Supplier
- Certificate type
- Valid from
- Valid to
Task 3:

Above the table from task 2, there is a button “New certificate”.

When clicking on this button, a new page should open with following components on it:

- Supplier – input field

- Certificate type – drop down
- Valid from – Date picker
- Valid to – Date picker
- PDF document upload with preview below the button

It should be possible to save the typed in data and make them appear in the table created in the
previous task, as well as reset them to the initial (empty) values.
Task 4:

It should be possible to edit a certificate. Think of a gear-button. When clicking on the Edit button,
the same view as used in previous task should be opened, and its fields should be populated with
previously saved values.

Task 5:

It should be possible to delete a certificate.

Task 6:

Implement a supplier lookup for the Supplier input field from Task 3, like on the image above and
below. A lookup is implemented as a modal dialog with some input fields for filtering. Those fields
are:

- Supplier name
- Supplier index
- City

Some values should be hardcoded in a database (ie, IndexDB) for the search function to work.
Task 7:

Implement multi language support. With a dropdown in the header of the application it should be
possible to change the locale. We have locales for English and German.

Task 8:

Create an additional field on the certificate view, below all other fields, which contains a button and
a table as shown on the picture below.

When clicking on the “Add participant” button a lookup should be opened as on the next picture.
Some values should be hardcoded in a database (ie, IndexDB) for the search function to work.
It should be possible to overtake the users from the modal dialog and show them in the table below
the “Add participant” button. The field label should be “Assigned users”.

It should be possible to remove the users from the table.

Task 9:

Implement a user switch in the header of the application.

Task 10:

It should be possible to add multiple comments below user lookup table.

When clicking on the “New comment” button, a comment input field should appear like on the
previous picture, allowing the currently selected user (implemented in Task 9) to write a comment.
When “Send” button is clicked, a new comments should appear between the “New comment”
button and comment input field, and the comment input field is hidden once again.