phosphor-webui/app/server-control/controllers/power-usage-controller.html, branch master

Update overview page to use new UI patterns

2019-08-12T23:04:45+00:00

- Use page, section, list-pair to establish consistent layout - Update header and overview page to use new caret icon - Reordered Server and BMC information to accomodate small screen views - Added chevron icons to create consistency between header and server overview page quick links - Changed edit hostname text to use the standard icon - Added OR operator to short circuit the server model, server serial number, and server manufacturer to display N/A if the information is not available Change-Id: I6619f5369ff290555142e85aa432e901c4f93d2d Signed-off-by: Derick Montague

Update toggle component

2019-08-09T15:10:42+00:00

- Adds text to indicate the current state of the toggle button to meet accessibility guidelines - Update size, color, and focus of toggle component to fix DAP violations - Add page, section, and list-pair layout patterns established on the power usage page to begin a pattern for consistent page layout - Add form__field and form__actions to help with form layout consistency. Tested: Verified toggle functions in the GUI and tested with screen reader. Passes DAP. Signed-off-by: Dixsie Wolmers Change-Id: Iaa8646b1179cc307971065c455f4b9448095d1ec

Resolve accessibility isssues

2019-04-09T04:40:05+00:00

- Remove unecessary aria-roles - Associate label elements with form elements - Remove extraneous markup on Network settings page - Update generic markup to use definition list when appropriate - Add aria-labels and aria-expanded to accordion triggers Tested: Accessibility issues tested in using Lighthouse in Chrome Developer tools Audit section and Dequeue Axe extension. Manually tested clicking on labels set focus on the form elements. Visually tested of the Network Settings page in Chrome, Firefox, and Safari to verify layout changes. Resolves openbmc/phosphor-webui#76 Signed-off-by: Derick Montague Change-Id: Ib974c623e9d3b74e74e1f374c21e8191732ec26a

Clean up headers

2019-02-19T14:26:14+00:00

Updates headers to match style guide and makes them consistent throughout pages in the GUI. Removes instances where a header element existed and a different header style was being applied. For example,

Tested: Ran GUI locally and verified that headers look consistent and have the appropriate sizing while using Chrome, Firefox and Safari. Change-Id: I187136298ed2bfd36c40c2b80d5a4f20947cbe56 Signed-off-by: beccabroek

Add toast to Power Usage page

2019-01-15T15:25:23+00:00

Replaces success and error messages with tast notifications on the Power Usage page. Change-Id: Id7c3f8d63f932671a72644a740c5f1da1d2f9777 Signed-off-by: beccabroek

Remove tabs from HTML files

2018-09-25T21:11:35+00:00

From https://google.github.io/styleguide/htmlcssguide.html "Indentation Indent by 2 spaces at a time. Don't use tabs or mix tabs and spaces for indentation." Tested: Manual regression testing on a Witherspoon. Change-Id: Ief7137dabc869b73b73f9947337fbb0abb5ca497 Signed-off-by: Gunnar Mills

Set the power cap

2018-08-24T21:00:32+00:00

Created toggle button to enable power cap and a text field to set it. This form is similar to the set network form. Moved logic for displaying the power cap as disabled to the overview controller. Resolves openbmc/openbmc#3221 Tested: Set the power cap on a Witherspoon Change-Id: I62346fe3ed123b9df58d159cee2584937d46213c Signed-off-by: Gunnar Mills

Add Power Usage Page

2018-08-24T20:12:36+00:00

Created a new page, "Manage Power Usage". This page is under the "Server control" tab. This new page currently just displays the power consumption. Future commits will allow the user to set the power cap from this page. One day, things like power consumption trending data could also be on this page. There was a blank unused controller which was for similar things, removed it. Tested: See the page and the consumption data. Uploaded screenshots to openbmc/openbmc#3221 Change-Id: I9f97c58a086f34c1c1990c03d5e05b081619bd5c Signed-off-by: Gunnar Mills