summaryrefslogtreecommitdiffstats
path: root/app/server-control/styles
Commit message (Collapse)AuthorAgeFilesLines
* Update KVM layout and add open in new window functionalityDixsie Wolmers2019-10-081-1/+7
| | | | | | | | | | | | | | | | | | -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 <dixsiew@gmail.com> Change-Id: I32cda025bdd459740ca2b42d573b431fac687860
* Clean up iconsYoshie Muranaka2019-10-021-35/+0
| | | | | | | | | | | | | | | 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 <icon> or <status-icon> directive Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic0f06d78b0861d6f60d40b2dcc0b80fd6dad2a88
* Move Virtual Media files and routeGunnar Mills2019-09-242-0/+83
| | | | | | | | | | | | | | | "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 <gmills@us.ibm.com>
* Add boot option override and TPM enable toggleDixsie Wolmers2019-08-211-26/+89
| | | | | | | | | | | | | | | | | - 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 <dixsiew@gmail.com> Change-Id: If0ffd6f9328939d70c7958ee11fb90bd20a1e685 Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* Update toggle componentDixsie Wolmers2019-08-093-51/+3
| | | | | | | | | | | | | | | | | - 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 <dixsiew@gmail.com> Change-Id: Iaa8646b1179cc307971065c455f4b9448095d1ec
* Clean up color valuesYoshie Muranaka2019-07-094-8/+8
| | | | | | | | | | | | | 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 <yoshiemuranaka@gmail.com> Change-Id: I045030a158469e59d07a9fa8cd8aa9f125f0d383
* Consolidate button stylesYoshie Muranaka2019-06-213-23/+3
| | | | | | | | | | | | | | | | | | | | | | | | | 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 <yoshiemuranaka@gmail.com> Change-Id: I1ca214b74fc502e6b6e760cfee88b48110237c43
* Change button styles from rounded to straight cornersYoshie Muranaka2019-05-312-2/+0
| | | | | | | | | | | | | | 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 <yoshiemuranaka@gmail.com> Change-Id: I6ff1bde91e2e57df01484dd20003925cd914ffa2
* Implement KVM in webuiEd tanous2019-04-162-0/+12
| | | | | | | | | | | | | | | 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 <ed.tanous@intel.com> Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* Correct typo on stylesheet commentdixsie2019-04-021-1/+1
| | | | | Signed-off-by: dixsie <dixsiew@gmail.com> Change-Id: I30023fe18310631132c232e94baba5d0445f5f55
* Clean up headersbeccabroek2019-02-191-8/+0
| | | | | | | | | | | | | | 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, <h2 class="h4"> 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 <beccabroek@gmail.com>
* Move to Bootstrap 4Gunnar Mills2018-11-151-0/+1
| | | | | | | | | | | | | | | | | | | | | Bootstrap < 4.1.2 has the following CVE: https://nvd.nist.gov/vuln/detail/CVE-2018-14041 Removed bootstrap-theme.css due to "Replaced the separate optional theme with configurable options via SCSS variables (e.g., $enable-gradients: true)." Added "width: 100%" to a few places where width 100% was no longer getting inherited. Moved a few elements and adjusted styles to get the same look as before. See https://getbootstrap.com/docs/4.0/migration/ for more information. Tested: Manually on a Witherspoon. Change-Id: I0a72665ac1ca6eacd0b553a585b1fb15e14ae62c Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* Resizing SOL consolebeccabroek2018-09-251-2/+4
| | | | | | | | | | | | Makes no changes to how the console currently looks, but makes overriding the css height of the terminal easier. Resolves openbmc/phosphor-webui#8 Change-Id: Ie198462eaf42578c848fe9285c3065ef6e26b1b2 Signed-off-by: beccabroek <beccabroek@gmail.com>
* Switch to xtermbeccabroek2018-09-111-10/+12
| | | | | | | | | | | | | | | | | Switch to xterm from hterm in the GUI, as it supports more encoding styles. Was seeing errors in console thrown by hterm during boot. Also resolves the issue of text wrapping observed in the below issue. Resolves openbmc/openbmc#3262 Tested: Errors are no longer thrown during boot related to encoding. xterm displaying console messages and delivering messages. Change-Id: I9f39c3616d7ff2c1045ff1ad29f603c65784ab30 Signed-off-by: beccabroek <beccabroek@gmail.com>
* Set the power capGunnar Mills2018-08-241-19/+43
| | | | | | | | | | | | | 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 <gmills@us.ibm.com>
* Add Power Usage PageGunnar Mills2018-08-242-0/+26
| | | | | | | | | | | | | | | | | 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 <gmills@us.ibm.com>
* Rename Server LED filesGunnar Mills2018-07-132-6/+6
| | | | | | | | | | The menu item is called "Server LED". The title is called "Server LED". The route is server-control/server-led. Tested: Verified server LED still works. Change-Id: I1c70cfb6cd36868a191aa51363437dcdcc6d9a6b Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* Move server LED filesGunnar Mills2018-07-132-1/+14
| | | | | | | | | | | | | | | | | | | | | | The WebUI has a main menu with 5 options: Server overview, Server health, Server control, Server Configuration, Users. These 5 main menu items each have a directory in /app/, although the directory names differ slightly. These 5 main menu items are also modules whose content includes their sub-menu items (again names differ slightly). E.g. "Firmware" and "Network settings" are sub-menu items of the main menu item "Server configuration" which is located in the app/configuration dir and part of the app.configuration module. The Server LED sub menu item did not follow this pattern and was under the wrong directory and in the wrong module. Moved it. In a future commit I renamed it from unit-id. Tested: Verified server LED still works. Change-Id: I02e3a7995cf8ccc5b487c345866651d984c8d70c Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
* Remove extra scroll bar from the SoL console menuJayashankar Padath2018-07-131-2/+5
| | | | | | | | | | | | | | Two scroll bars are displayed on the right hand side of the SoL console menu as the element exceeds the screen size. Fix removes the unwanted scroll bar Resolves openbmc/openbmc#3243 Tested: Running webui locally and verified that extra scroll bar is not showing at the Serial over LAN (SoL) console menu Change-Id: I25537f8007b81f698d396ef03d6c381e61806bd6 Signed-off-by: Jayashankar Padath <jayashankar.padath@in.ibm.com>
* Display red 'error' icon for Error stateCamVan Nguyen2018-05-041-1/+11
| | | | | | | | | | - Display a red 'error' icon vs a yellow 'warning' icon when the Server Power is in an Error (Quiesced) state. Resolves openbmc/openbmc#3149 Change-Id: I0d23d9406370e5b49d554b979aaedb5754601e3b Signed-off-by: CamVan Nguyen <ctnguyen@us.ibm.com>
* fixed sizes and positioning of iconsMichael Davis2017-10-091-1/+3
| | | | | Change-Id: Idc6930c87f61217f9bf4daab5b82c418606cdf80 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* new icon and pop-out window for Serial over lanMichael Davis2017-10-091-1/+11
| | | | | Change-Id: I1722a4fbd1e9ac07162c9732d68dfea283a28aed Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* UI changes and fixes based on QA feedbackMichael Davis2017-10-091-6/+0
| | | | | Change-Id: I13bae30e86330a8831d35f1d8a2f7da821324e37 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* fixed responsiveness for smaller screensMichael Davis2017-10-091-12/+13
| | | | | Change-Id: I1175801c27d66436be257365436bb484515b83c3 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* design changes for serial over lan and added header copy for page based on ↵Michael Davis2017-10-091-8/+9
| | | | | | | user feedback. Change-Id: I1c740af47f7d4b2f26f433aa3d9e1243d53b39ef Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* added alt tags for accessibility. removed confirmation descriptions to ↵Michael Davis2017-10-091-5/+8
| | | | | | | match designs. Change-Id: Iadbb5502e6a487ca22f488dfbc29daa29f1dde61 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Copy and design changes based on user feedbackMichael Davis2017-10-091-24/+9
| | | | | Change-Id: I1371711fa8549375b3ae117dfc99b9234e52b33a Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* fixed responsiveness and button sizes for power operations to better match ↵Michael Davis2017-10-091-5/+4
| | | | | | | designs Change-Id: I806e162da44db1e65bfdf5ddd0717668a4c0a05f Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Style changes for power-ops pageMichael Davis2017-09-201-4/+6
| | | | | | | | - numerous incorrect CSS classes. - compacting space to make page height shorter. Change-Id: Ia40d82dea3eda30ebd3515d1c91c406b054aa5ae Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* created remote console pageMichael Davis2017-09-201-0/+28
| | | | | Change-Id: I72026e5ea64c9fba3089b68dfd2b8198255dabb8 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Misc CSS fixesMichael Davis2017-09-201-2/+2
| | | | | | | | | | | | | | | * set max content width to 960px * created mixin for bold font * move app-header content to global header * minor global changes * changed input alignment for network config inputs * added pop-out button class * changed lightgrey color * fixed accordion header actions responsiveness * fixed input box border colors Change-Id: Iffe26d526439d7f2bb6808528a975ab7374ff1b2 Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
* Change navigation structureIftekharul Islam2017-09-204-0/+132
Change-Id: I12c819293ce1eda188dc9f257ae9370f1b73cb18 Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
OpenPOWER on IntegriCloud