phosphor-webui/app/server-control/styles, branch master

Update KVM layout and add open in new window functionality

2019-10-08T16:01:42+00:00

-Adds heading with new layout consistency class name -Adds open in new window functionality Resolves: openbmc/phosphor-webui#81 Tested on a Witherspoon with power on and with build that allows up to 4 kvm sessions connected at a time https://gerrit.openbmc-project.xyz/c/openbmc/bmcweb/+/25231. KVM console loads in firefox, chrome, safari, edge and IE11. Opening new window and returning to parent window is functional across all browsers. Signed-off-by: Dixsie Wolmers Change-Id: I32cda025bdd459740ca2b42d573b431fac687860

Clean up icons

2019-10-02T14:02:24+00:00

Clean up duplicate svg icons from assets directory. Created a statusIcon component to dynamically render status icons instead of using background-image in scss files. - Moved/removed on, off, critical, warning svg icons from assets directory - Updated background-image status icons to use or directive Signed-off-by: Yoshie Muranaka Change-Id: Ic0f06d78b0861d6f60d40b2dcc0b80fd6dad2a88

Move Virtual Media files and route

2019-09-24T14:16:14+00:00

"Virtual media" was already part of the "Server control" submenu but the files were at app/configuration and the route was /configuration. Marta Mazur did a similar file and route move here as part of supporting multiple Virtual Media endpoints: https://gerrit.openbmc-project.xyz/c/openbmc/phosphor-webui/+/25218 Tested: Built and loaded on a Witherspoon. The VM route is now: #/server-control/virtual-media. Was able to use the VM panel. Change-Id: Iec46a8ece7ddfbc356bc1e71875def70c4418027 Signed-off-by: Gunnar Mills

Add boot option override and TPM enable toggle

2019-08-21T21:14:16+00:00

- Adds ability to set a bootsource override to allowable target value - Adds ability to enable or disable TPM required policy - Replaces power operations confirm directive with bootstrap modal Tested: Confirmed override settings saved to redfish but unable to verify if settings are automatically set to disabled by petitboot after a one time boot. Passes DAP. Resolves openbmc/phosphor-webui#82 Resolves openbmc/phosphor-webui#90 Signed-off-by: Dixsie Wolmers Change-Id: If0ffd6f9328939d70c7958ee11fb90bd20a1e685 Signed-off-by: Gunnar Mills

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

Change button styles from rounded to straight corners

2019-05-31T15:39:45+00:00

This will create more visual consistency between the components in the GUI since there are elements, such as text fields and dropdowns that are styled with straight corners. - Removes border radius from buttons - Removes some redundant styles - Adds input types that aren't currently inheriting defined styles Signed-off-by: Yoshie Muranaka Change-Id: I6ff1bde91e2e57df01484dd20003925cd914ffa2

Implement KVM in webui

2019-04-16T18:54:29+00:00

This patchset adds the infrastructure to allow KVM sessions through the webui. A websocket capable VNC/RFB connection on the BMC is needed for KVM sessions. To access, navigate to Server control -> KVM. Tested: Ran obmc-ikvm on the BMC, added a KVM Handler to Phosphor Rest Server, and was able to establish a KVM session in the webui on a Witherspoon. Change-Id: I7dda5bec41d270ae8d0913697714d4df4ec3a257 Signed-off-by: Ed Tanous Signed-off-by: Gunnar Mills

Correct typo on stylesheet comment

2019-04-02T20:05:43+00:00

Signed-off-by: dixsie Change-Id: I30023fe18310631132c232e94baba5d0445f5f55