TripleParity/docks-ui

Detail View Style

Closed this issue · 3 comments

The style and layout for detail pages should be consistent.

Prototypes should be implemented in code to make it easy to start using.
Once a prototype has been made open a PR for discussion. Once approved the design can be implemented.

Will do 👍

Some basic html ideas for each page have been implemented excluding ngx-dataTables in the services page and stack page.
Task Detail Page
image

Service Detail Page
image

As stated the ngx-dataTables is not implemented yet. also if you are curious as to what is in the actions drop down.
image
Nice and neat keeps the view table smaller.

Stack Page
image
ngx-dataTables shows list of services

Network Page
image

Volume Page
image

Please have a look through each page and let me know what design feature you would like to change, remember these are only prototypes and still need to be implemented so sooner we can start that the better.

Looks very good!

For the Service Detail Page, we will work on teams as a last priority so the date created and updated can be moved to general and the Meta section removed.

Seeing as we will be using Services and Tasks datatables in two locations, I wonder if it will be worth making those shared components which accepts arguments. That way the tables can be included as one-liners in the HTML