phosphor-webui/app/overview, branch master

Fix IE11 icon alignment on header and system overview

2019-10-18T17:13:44+00:00

Made height and width changes to icons on app header and system overview to properly align icons in IE11. Removes additional space in system overview quick links. Tested in Chrome, IE11, Safari, Edge. Signed-off-by: Dixsie Wolmers Change-Id: I7ae24df3fe73ea3502565ed3ee2ccabb2506e098

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

Clean up color values

2019-07-09T21:37:46+00:00

This update will clean up slight color variations in the code base by creating and using Sass color variables instead of hex values. Available colors are defined in colors.scss. Any usage of CSS color properties should refer to the mapped color variables in colors.scss. - Removed tags.scss file since tag components no longer used Signed-off-by: Yoshie Muranaka Change-Id: I045030a158469e59d07a9fa8cd8aa9f125f0d383

Consolidate button styles

2019-06-21T19:27:51+00:00

This patchset will create consistent button styling according to the styleguide and remove redundant button styles by creating reusable button classes. This patchset also implements a consistent strategy for including icon assets. Currently, svg icons are imported as CSS background images or inlined into the markup. Inlining an svg is preferred, especially when used with buttons or links so the colors can be easily changed for different states (hover, focus, disabled) without having to request variants. The icon provider allows us to inline svgs without cluttering the markup. Webpack config was adjusted to use svg-inline-loader when resolving svgs that are used by the icon provider directive. - All svgs were optimized to remove unncessary information. - Removed unused svg color variants - Moved icons used by icon provider to separate directory to avoid Webpack parsing the files twice - Small changes to navigation icons Signed-off-by: Yoshie Muranaka Change-Id: I1ca214b74fc502e6b6e760cfee88b48110237c43

Add remote logging server

2019-06-21T14:29:40+00:00

Remote logging enables the user to configure a remote server to stream out local logs. This feature will be available on the Event Log page. The user can add a remote server, edit/change an existing server configuration and remove/disable the remote server. Resolves openbmc/phosphor-webui#68 Signed-off-by: Yoshie Muranaka Change-Id: I8284cbdbdaaf85f5c95f237efc72290c66904b40

Fix tablet alignment issues for event logs

2019-05-29T15:45:21+00:00

This will make sure our event log content is properly aligned on tablet and desktop views. It will also make the date/time value on the server overview page always display underneath the 'BMC time' label in a destkop view–currently the date value will wrap to a new line if the string is too long. - Update markup to use Foundation grid layout classes on the server overview event log table Tested: Event log tables on server overview page and event log page Signed-off-by: Yoshie Muranaka Change-Id: I7d765ebbe679f954e606d1d25e2182d983a7b3f3

Fix system overview edit hostname form validation

2019-05-08T14:49:57+00:00

- Add pattern for no spaces - Fix character count - Prepopulate hostname in input field - Show error for invalid input - Improve form accessibility - Correct global disabled primary button style Resolves openbmc/phosphor-webui#71 Signed-off-by: Dixsie Wolmers Change-Id: Ia0601ac7c52229d0606dc5b13397b468fa81426d

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