Consolidate button styles

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

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 ...

Resolve accessibility isssues

- Remove unecessary aria-roles
- Associate label elements with form elements
- Remove extraneous markup on Network settings page
- Update generic ma

Resolve accessibility isssues

- 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 <derick.montague@ibm.com>
Change-Id: Ib974c623e9d3b74e74e1f374c21e8191732ec26a

show more ...

fix date/time representation in national locales

Added "localeDate" filter to present date and time in preferred format:
- the date will be displayed as: 'Dec 3, 2018'
- the time w

fix date/time representation in national locales

Added "localeDate" filter to present date and time in preferred format:
- the date will be displayed as: 'Dec 3, 2018'
- the time will be displayed in locale preferred format.
- the timezone will be displayed as abbrev or GMT+/-offset.

At the 'Date and Time setting' the time zone name will displayed in long
format if it is possible.

All text parts of date/time representation will be in English.

Resolves: openbmc/phosphor-webui#42

Change-Id: I2fdbb47c62dfc5000039b0c00a20f64a9a389fc6
Signed-off-by: Alexander Filippov <a.filippov@yadro.com>

show more ...

Display log events in user time

Allows user to display events in their timezone or in UTC.
Previously allowed either ETC or UTC, but listed ETC as
'user timezone'. Updates date time

Display log events in user time

Allows user to display events in their timezone or in UTC.
Previously allowed either ETC or UTC, but listed ETC as
'user timezone'. Updates date time page from GMT offset to
UTC offset for overall consistency. Also updates overview
page to list critical events in user timezone

Resolves openbmc/phosphor-webui#36

Tested: changed timezone settings locally and validated
that correct timezone and UTC offset was presented in
the UI.

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

show more ...

Consistent date time format

Format on event log page and overview
page of date and time should match the
format of 'data last refreshed' with the
exception of the timezone being

Consistent date time format

Format on event log page and overview
page of date and time should match the
format of 'data last refreshed' with the
exception of the timezone being listed
with the event log.

Resolves openbmc/phosphor-webui#21

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

show more ...

Copy to clipboard button to include title

On the Event Log page, copy button previously copied error only.
Updates to also include title of event.

Resolves openbmc/openbmc#3146

Copy to clipboard button to include title

On the Event Log page, copy button previously copied error only.
Updates to also include title of event.

Resolves openbmc/openbmc#3146

Tested: The copy button now copies the title in
addition to the error to the clipboard.

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

show more ...

Display event log ID and description if present

If the Event ID and Description event log properties
are present, display the error log title as <ID>: <Desc>
and move the Message pro

Display event log ID and description if present

If the Event ID and Description event log properties
are present, display the error log title as <ID>: <Desc>
and move the Message property down into the box with the
other additional data fields.

If they aren't present, or not filled in (which in the case of
the event ID is a value of 'None'), leave the title as it
currently is, which is the Message property.

Tested: Verify UI fields when the event ID is valid, when
it's still in the event data but not valid, and when it isn't
in the event data at all.

Resolves openbmc/openbmc#3056

Change-Id: I455fc257b7d3713aceee2975d5240fb226cfa87e
Signed-off-by: Matt Spinler <spinler@us.ibm.com>

show more ...

Display the "type" of event log

The GUI before displayed the "Severity" of the event log in the
name field. It now displays the type. Type is from the "Message"
field in the event lo

Display the "type" of event log

The GUI before displayed the "Severity" of the event log in the
name field. It now displays the type. Type is from the "Message"
field in the event log. An example of the type is:
"xyz.openbmc_project.Software.Version.Error.ManifestFileFailure".
This is much more useful than the "Severity" ( e.g.
"xyz.openbmc_project.Logging.Entry.Level.Error"). Severity is
still displayed in the event log, above the type.

Resolves openbmc/openbmc#2875

Change-Id: I10fdf90f6498f49b11a64e2c1e556b9a1c95f7b4
Tested: Running GUI locally
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>

show more ...

Modernize web GUI and make it installable on BMC

1. Move from gulp server to webpack. This allows the proper
compression to allow the webui to be embedded in the BMC.
2. Update js p

Modernize web GUI and make it installable on BMC

1. Move from gulp server to webpack. This allows the proper
compression to allow the webui to be embedded in the BMC.
2. Update js paths to use requires, not hardcoded paths. This was
required to make the packaging work correctly.
3. Add babel config to do translation.
4. Update angularjs directive calls to use the angular 1.6 syntax for
promises intead of success and fail.

https://docs.angularjs.org/guide/migration#migrate1.5to1.6-ng-services-$http

5. As a consequence of using NPM/webpack, the versions of angular and
associated modules that were checked in have been updated.

Change-Id: Icb71e2eedb0d9a8943fc914f9dc4be11d0983c00
Signed-off-by: Ed Tanous <ed.tanous@intel.com>
Signed-off-by: Brad Bishop <bradleyb@fuzziesquirrel.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@i

Updating images and stles

Updating images and styles after code merge conflicts

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

show more ...

fixed label for accessibility

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

fixed accordion at small screen size and resolved label

Change-Id: Ic0d17f91c8a54ce273d985b0ff6d85fb528d8098
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>

Updated master after merge conflicts

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

Accessibility fixes:

- changed buttons to spans since not being used in forms
- added aria roles to html elements
- changed low contrast colors

Chang

Accessibility fixes:

- changed buttons to spans since not being used in forms
- added aria roles to html elements
- changed low contrast colors

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

show more ...

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>

Misc event log changes

* changed styles of priority tags
* fixed alignment issues with checkboxes
* moved event ID and time stamp to top and event description
b

Misc event log changes

* changed styles of priority tags
* fixed alignment issues with checkboxes
* moved event ID and time stamp to top and event description
below. Allows more room for long event descriptions without
wrapping or truncating.
* changed status filter label to be more accurate

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

show more ...

Added delete and mark as resolved in event log page

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

Add dynamic content to system overview page

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

Implement firmware upload function

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

Various minor changes

- Add style class for critical icon
- Minor tweaks to content styles
- Reorder event log content for responsiveness

Change-Id: Ibbe769a9c23d288db

Various minor changes

- Add style class for critical icon
- Minor tweaks to content styles
- Reorder event log content for responsiveness

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

show more ...

Accessibility fixes

- Add tab index order to navigation.
- Minor CSS changes.

Change-Id: I402d3cb8c1ac14bd930a5efcf472c1d249cfe00a
Signed-off-by: Michael Davis <michael.s.da

Accessibility fixes

- Add tab index order to navigation.
- Minor CSS changes.

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

show more ...

Add event log search and filter capabilities

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