Update overview page to use new UI patterns

- Use page, section, list-pair to establish
consistent layout
- Update header and overview page to use new
caret icon
- Reordered Server and BMC infor

Update overview page to use new UI patterns

- 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 <derick.montague@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 ...

Add remote logging server

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 serve

Add remote logging server

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 <yoshiemuranaka@gmail.com>
Change-Id: I8284cbdbdaaf85f5c95f237efc72290c66904b40

show more ...

Checkbox disabled when 0 event logs

The 'select all' box on event log page should be disabled when
there are no event logs presented to the user. Also adds a
message to the user when there are no lo

Checkbox disabled when 0 event logs

The 'select all' box on event log page should be disabled when
there are no event logs presented to the user. Also adds a
message to the user when there are no logs or there are no logs
with their selected filters applied.

Resolves openbmc/phosphor-webui#44

Tested: Checked that correct user message appears when there are
no logs and when the logs are all filtered out. Also that
when there are no logs presented to the user, the select
all box is disabled.

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

show more ...

Clean up headers

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 a

Clean up headers

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>

show more ...

Make actions visible in a disabled state

In event log page, main actions are made visible all the time in a disabled
state. Once select a log item is selected, the corresponding actions become
activ

Make actions visible in a disabled state

In event log page, main actions are made visible all the time in a disabled
state. Once select a log item is selected, the corresponding actions become
active.

Resolves openbmc/phosphor-webui#26

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

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 will be displayed

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

Move to Bootstrap 4

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 configurab

Move to Bootstrap 4

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>

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 page from GMT o

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

Event log select all checkbox

Previously the select all checkbox selected
all events, regardless of the filter applied.
In addition, if all the events on a filtered
page were selected, the checkbox

Event log select all checkbox

Previously the select all checkbox selected
all events, regardless of the filter applied.
In addition, if all the events on a filtered
page were selected, the checkbox was not checked.

Resolves openbmc/openbmc#3373

Tested: select all checkbox selects only the
events visible to the user. If all events
are selected, 'select all' checkbox is
checked.

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

show more ...

Checkbox not selected with 0 log events selected

When 0 events are displayed, the 'select all'
checkbox should not be selected by default.

Resolves openbmc/openbmc#2747

Tested: box is not checked

Checkbox not selected with 0 log events selected

When 0 events are displayed, the 'select all'
checkbox should not be selected by default.

Resolves openbmc/openbmc#2747

Tested: box is not checked in the case of 0
events displayed.

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

show more ...

Fix event log sorting

The error logs were ordered "81, 80, 8, 79 ..."
sortAscending was causing this, remove it and switch "+Id" to "-Id"
which is the correct way to do descending ordering.
http://w

Fix event log sorting

The error logs were ordered "81, 80, 8, 79 ..."
sortAscending was causing this, remove it and switch "+Id" to "-Id"
which is the correct way to do descending ordering.
http://www.tutorialspark.com/AngularJS/AngularJS_Filter_orderBy.php

Resolves openbmc/openbmc#3233

Tested: Server Overview page and event log page both show correct
order now.
Change-Id: Ie1aee542cec8a6157c538838037ce82fc2525e46
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>

show more ...

Display event logs in ascending order

Reversed the event log order to show the newest event first

Resolves openbmc/openbmc#3161

Tested: Running GUI locally and verified the order in both Server
ov

Display event logs in ascending order

Reversed the event log order to show the newest event first

Resolves openbmc/openbmc#3161

Tested: Running GUI locally and verified the order in both Server
overview page and in Server health -> Event log page

Change-Id: I1f1265332bb426d3f2a13932cfd5445740c3f49b
Signed-off-by: Jayashankar Padath <jayashankar.padath@in.ibm.com>

show more ...

Remove trailing spaces from files

Tested: Manually tested GUI for any regressions
Change-Id: I8c0922b7bd67b03b07e8880bc4dba3b862220b33
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>

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 requ

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@ibm.com>

accessibility fixes and minor css changes.

- added aria-hidden = "true" to prevent icons to be read by screen readers
- moved code on pages into "page-header" for better consistency

Change-Id: I3f4

accessibility fixes and minor css changes.

- added aria-hidden = "true" to prevent icons to be read by screen readers
- moved code on pages into "page-header" for better consistency

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

show more ...

fixing minor icon changes

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

Accessibility fixes:

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

Change-Id: I56e784b226baa7f9b24346446a0a023fcea633

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

loader animation added to pages

Change-Id: Id8c890714d0a90ae913b6581cd655abcf6cd6781
Signed-off-by: Michael Davis <michael.s.davis@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>

Event log: copy and UI fixes based on QA feedback

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

fixed header action items, filter and severity dropdown widths to better match designs.

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