Page Comparison

...

Below are the UI elements to be implemented.

Main View

The graphical user interface has a table view.

The table view implements the common ux-framework-table supporting sorting, filtering and pagination on the server.

The view table shows the below following fields.:

1. Node Name
2. Notification
3. Activation State
4. Start Date
5. End Date
6. Actions
   1. +1H
   2. +8H
   3. Edit
   4. Remove

...

1. +1H: This should set the device in Maintenance Mode for the next one hour. (currentTime+1hours). When the button is clicked the modal window should be opened for the confirmation with the pre-existing values.
             
2. +8H: This should set the device in Maintenance Mode for the next eight hours. (currentTime+8hours). When the button is clicked the modal window should be opened for the confirmation with the pre-existing values.
              
3. Edit: This should allow the user to set the start and end dates for the device Maintenance.  When the button is clicked the modal window should be opened for the confirmation with the pre-existing values
               
4. Remove: This should allow the user to disable the Maintenance of the device at any point of time. When the button is clicked the modal window should be opened for the confirmation with the pre-existing values.
                 
   
   

Add new maintenance entry

The Image Added button on the top right corner should allow users to add the device in Maintenance as shown below

Image Added

Rules on startdate and enddate

...

As per the discussion 27/11 - The start and end dates displayed in the GUI should be UTC datetime with the indication to the user that it is in UTC dateTime.

Add new maintenance entry

The Image Removed button on the top right corner should allow users to add the device in Maintenance as shown below

Image Removed

Data Provider

...