Update navigation to accordian-style menu

- New navigation provides intuitive structure for showing relationship
between sections and pages
- Menu keeps an open state, which allows easy clicking to

Update navigation to accordian-style menu

- New navigation provides intuitive structure for showing relationship
between sections and pages
- Menu keeps an open state, which allows easy clicking to sibling pages
- Ability to preview all page sections w/o hover over blocking page content
- Allows user to see where they are within navigation at all times

Tested: Opened each page and confirmed new navigation worked, clicked through
to all pages successfully.

Change-Id: Ie10dc95d8e15ee9bf89a3bec9ff231c0a7065ed9
Signed-off-by: Kathy Pine <kathryn.elainex.pine@intel.com>

show more ...

Clean up icons

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

Clean up icons

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

show more ...

Remove unused image warn-slash.svg

This was not used anywhere.
https://github.com/openbmc/phosphor-webui/search?q=warn-slash.svg&unscoped_q=warn-slash.svg

This image was already not in the build. I

Remove unused image warn-slash.svg

This was not used anywhere.
https://github.com/openbmc/phosphor-webui/search?q=warn-slash.svg&unscoped_q=warn-slash.svg

This image was already not in the build. I.e. it was not
at /usr/share/www/app/assets/images/.

Tested: Built the GUI. Looks good.

Change-Id: Ieaacef83baf8c943f4f7679763af1529acd52720
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>

show more ...

Remove unused image crit-x.svg

This was not used anywhere.
https://github.com/openbmc/phosphor-webui/search?q=crit-x.svg&unscoped_q=crit-x.svg

This image was already not in the build. I.e. it was n

Remove unused image crit-x.svg

This was not used anywhere.
https://github.com/openbmc/phosphor-webui/search?q=crit-x.svg&unscoped_q=crit-x.svg

This image was already not in the build. I.e. it was not
at /usr/share/www/app/assets/images/.

Tested: Built the GUI. Looks good.

Change-Id: I7650a8866745eae0a7ef789bd63ab94e4ec18ef2
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>

show more ...

Consolidate button styles

This patchset will create consistent button styling according
to the styleguide and remove redundant button styles by creating
reusable button classes.

This patchset also

Consolidate button styles

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

show more ...

Virtual media page

Adds page to manage virtual media devices. User selects file
and pushes 'start' button to establish websocket connection.
nbdServerService added to provide ability for user to nav

Virtual media page

Adds page to manage virtual media devices. User selects file
and pushes 'start' button to establish websocket connection.
nbdServerService added to provide ability for user to navigate
away from the page and return with the ability to see the current
active sessions.

Currently only supports 1 Virtual Media device.

Resolves openbmc/phosphor-webui#40

Tested: uploaded ubuntu image file, started the connection and
mounted virtual media device from host console. Able to see Ubuntu
image file. Also uploaded file and navigated away from the page,
checking that the websocket remained open and was sending /
recieving messages. Finally, tested that when connection
was stopped, 'USB disconnect' log was present in host console.

Change-Id: Ia3155d27cbcfef94c2753dde1303a151e08847cc
Signed-off-by: beccabroek <beccabroek@gmail.com>
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>

show more ...

Add dropdown caret to time owner dropdown on Date and Time Settings

- Use background-image strategy to add caret to dropdowns
- Standardize implementation by including mixin to dropdown__button
cl

Add dropdown caret to time owner dropdown on Date and Time Settings

- Use background-image strategy to add caret to dropdowns
- Standardize implementation by including mixin to dropdown__button
class and removing styled pseudo element

Resolves ibm-openbmc/dev#478

Tested: Running locally on Chrome only. Ran into network request
errors for newly added svg assets when mounting overlay

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I714c2515282676f368eafb2560177d2935680e23

show more ...

SNMP page visual redesign

Adds form validation to SNMP page. Also adds new icons to
page for edit and delete. Validation messages for inputs
appear after input has been touched or if the user attemp

SNMP page visual redesign

Adds form validation to SNMP page. Also adds new icons to
page for edit and delete. Validation messages for inputs
appear after input has been touched or if the user attempts
to submit the form with validation errors.

Tested: Add, remove, and update SNMP was successful and
functionality unchanged. Form did not allow invalid or
empty values to submitted. Used Chrome, Safari, and Firefox
to verify that visual design looked as expected.

Resolves openbmc/phosphor-webui#37

Change-Id: I7a97d80724e56d2f22c74ac1251041270bbc35ad
Signed-off-by: beccabroek <beccabroek@gmail.com>

show more ...

Update hex values to meet WCAG AA Guidelines for color contrast

- Change #3C6DF0 to #2D60E5
- Change #E62325 to #DA1416

Tested: I spot tested the Server Overview, the
Event log and

Update hex values to meet WCAG AA Guidelines for color contrast

- Change #3C6DF0 to #2D60E5
- Change #E62325 to #DA1416

Tested: I spot tested the Server Overview, the
Event log and System logs pages to verify color changes and overall
validate the update does not negatively impact the visual integrity
of the app.

Resolves openbmc/phosphor-webui#70

Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I2315527a98937176b3e3a2a2118e1798fa4c9e5d

show more ...

Add Redfish into the web-ui

Currently only GET is supported, but to add PATCH
in the future for redfish, support should be moved from
being hosted directly by bmcweb into the webui.

Tested-by:
Navi

Add Redfish into the web-ui

Currently only GET is supported, but to add PATCH
in the future for redfish, support should be moved from
being hosted directly by bmcweb into the webui.

Tested-by:
Navigated to http://localhost:8080/#/redfish/v1/ with
bmc attached and was able to view all of redfish. Also
tested on platform.

Change-Id: I1dc3936b6b48835a1f69698fcb4fd6fcdb6d91ac
Signed-off-by: James Feist <james.feist@linux.intel.com>

show more ...

Transparent favicon background

Remove white background in OpenBmc favicon.

Resolves openbmc/openbmc#3193

Change-Id: Ia879def1046ee07f49019c021ac1080b5ce09ca4
Signed-off-by: beccabroek <rebecca.sha

Transparent favicon background

Remove white background in OpenBmc favicon.

Resolves openbmc/openbmc#3193

Change-Id: Ia879def1046ee07f49019c021ac1080b5ce09ca4
Signed-off-by: beccabroek <rebecca.shaw@ibm.com>

show more ...

Added OpenBMC favicon.ico

The favicon.ico before was transparent.
Created the favicon.ico using https://www.favicon-generator.org/ and
a cropped OpenBMC logo image. The cropped OpenBMC image was onl

Added OpenBMC favicon.ico

The favicon.ico before was transparent.
Created the favicon.ico using https://www.favicon-generator.org/ and
a cropped OpenBMC logo image. The cropped OpenBMC image was only
the OpenBMC symbol. The image had the text underneath cropped out.
A favicon.ico based on the complete OpenBMC logo looked weird.
This change will not be visible if running the GUI locally, this
is due to how we display the favicon.
The complete OpenBMC logo can be found here:
https://en.wikipedia.org/wiki/OpenBMC#/media/File:OpenBMC_logo.png

Tested: Built a Witherspoon image and loaded it onto a
Witherspoon.
Change-Id: I284c75e303ae8a6e005a26e2fdb7362db7e2300f
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>

show more ...

Add proper favicon handling

The current repo doesn't seem to produce a favicon, so having the
reference to it produces either a 404 error or a 401 error depending on
the server. Add a transparent f

Add proper favicon handling

The current repo doesn't seem to produce a favicon, so having the
reference to it produces either a 404 error or a 401 error depending on
the server. Add a transparent favicon until someone can cobble
together a proper one from the openbmc SVG files

Change-Id: I5a79be5982e164a8ae0b28a69f673129c0a959ba
Signed-off-by: Ed Tanous <ed.tanous@intel.com>

show more ...

Remove reference to IBM in phosphor-webui

As phosphor webui is supposed to be the reference implementation, it
should not reference IBM, nor have IBM copywritten logos contained
within it. If these

Remove reference to IBM in phosphor-webui

As phosphor webui is supposed to be the reference implementation, it
should not reference IBM, nor have IBM copywritten logos contained
within it. If these are neccesary for IBM platforms, they should be
done in a bbappend in the bitbake layer, or in a way that doesn't put
copywritten materials on BMCs that may not have permission to use and
release it.

I'm hoping to generate ddiscussion on how the best way to handle this
from a build perspective would be, but for now, references should be to
the OpenBmc project, not IBM to avoid copyright issues.

Change-Id: I73efda399e967ca4446b8df403e94e14ab24aff8
Signed-off-by: Ed Tanous <ed.tanous@intel.com>

show more ...

Updating images and stles

Updating images and styles after code merge conflicts

Change-Id: I96490926caa41d13e4d625ff67f6a463d7819d34
Signed-off-by: Iftekharul Islam <iffy.ryan@ibm.com>

removed Illustrator generated comments

Change-Id: Ia6eff395e1caca899d5a11da97dff5b697cc38fd
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

added favicon

Change-Id: I7f70505fd25252223cac121fb74d21bed0e5a5c1
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

Updating server health icon in header based on event log status

Change-Id: Iae10d39428b6ce6a228e775aa68fb7805dd61ecb
Signed-off-by: Iftekharul Islam <iffy.ryan@ibm.com>

added standby and plus icons

Change-Id: I2dd38d805ace1e7c8d3141a9858072df5c342331
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

Adding multi-server empty template

Change-Id: I1ecbe00160d802c5dce2496614717e255d3fe055
Signed-off-by: Iftekharul Islam <iffy.ryan@ibm.com>

new icon and pop-out window for Serial over lan

Change-Id: I1722a4fbd1e9ac07162c9732d68dfea283a28aed
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

Updated master after merge conflicts

Change-Id: Ibea933c20071cc85201420ba1e31fedf9356f55b
Signed-off-by: Iftekharul Islam <iffy.ryan@ibm.com>

Added loader and updated GUI text and style changes from Michael

Change-Id: Id4f8d96b10e429ca469c6169741588dbcc4b5c7a
Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>

changed 'mark as resolved' icon to only a checkmark based on user feedback.

Change-Id: I839206d30f0f2db158e23d683ff8cdc0e63398c9
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

firmware: added new icons to match designs. minor fixes to button styling

Change-Id: If77d9119bc9335b5bd5e94ec1d201f6aa8969d0d
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>