UI Refactor

[panzerox123]

Description

Scope of PR:

• [x] Reverse the transmission sparkline in the network chart.
• [x] Modify utility widgets (help and errorBox) to use Table instead of List.
• [x] Refactor general page and use common scrollable widget.
  • [x] Implement custom scrollable interface.
  • [x] Implement new methods for cpu widget to satisfy custom scrollable interface.
• [x] Refactor container pages to use common scrollable table and single depth UI event handling.
• [x] Refactor proc pages to use common scrollable table and single depth UI event handling.
• [x] Unexport page related functions in following pages:
  • [x] General
  • [x] Proc
  • [x] Container
• [ ] ~Add action table to container page (?)~
• [x] Come up with unified colour scheme for all pages.
  • [x] Modify text colour for per proc page
• [x] Replace screenshots in README.MD with images of the new UI.

[Gituser143]

@panzerox123 it looks like all the other images have to be updated too, let's finish the UI refactor with this PR along with the colour scheme changes and then update the images?

[panzerox123]

Yep! That's what I'm waiting for!

[MadhavJivrajani]

Please retitle PR and update description accordingly. Also rebase if possible, quite a lot of changes just got merged.

[Gituser143]

@MadhavJivrajani @Samyak2 I think this is ready for a review.

[Gituser143]

The UI changes look nice! Just a few thoughts and nitpicks.

In the CPU graph, both CPU 0 and 7 are represented in red for me (tested on two different terminals - kitty and guake). Is this because the colors loop after 7?

nitpick: The Ds, Ms, Ss looks a little weird. I personally like 4 d 0 H 6 M 43 s better. What do you think?

As for the first point, the colour is selected from ui.StandardColors. This assigned as page.CPUChart.LineColors[cpu] = ui.SelectColor(ui.StandardColors, i). So there is an overlap.

The second point does make sense, will change soon. Also will update CPU % usages on labels.