Currently the event log page allows user to display events' timestamps in UTC or 'user timezone,' but that time zone is always ETC. This was originally intended to present itself in the user's timezone and needs to be fixed.

1. Textual actions are visually inconsistent. One action starts with a lowercase, while the other is uppercase.
2. Blue colored text should be consistently used as a call-to-action. Recommendation: First letter for every bolded blue text action is to be UPPERCASE.

Style Guide is here:
https://ibm.invisionapp.com/share/EBNYECMH3Y2#/screens

Our test team reported this:
Host time is not getting set via GUI with SPLIT as time owner and NTP mode. This issue is specific to GUI as via REST we are not seeing the problem.

Step to recreate

1. Set BMC as owner and NTP as mode from GUI.
2. After setting, we will see that both Host and BMC time is set to NTP server time(0.asia.pool.ntp.org).
3. Now select NTP mode and SPLIT as time owner in GUI. Now set time to Date: 20/01/2018 and Time : 07:05:58 PM.
4. Select save setting.
5. After saving setting, try to refresh GUI. Here you will see that new HOST time will not get set and it will still show old host time.

According to https://github.com/openbmc/phosphor-time-manager/blob/master/README.md, setting the host time while in NTP mode is allowed

When the server is not reachable (e.g. bad server name) the BMC Host field and the username field are highlighted.

When an incorrect password/username is entered again the BMC Host field and the username field are highlighted.

Inconsistency in visualization of the modal — not dynamic to the screen, and grey layout occurs in one instance.

Recommendation: Modal background should have dark, transparent overlay, and be centered in relationship to size of window.

A user can manage their certificates (CA certificates, client certificates, and server certificates). Users should be able to see the uploaded file (and upload a new one if wanted), the start date, and expiration date.

Hi:

I use web sol in phosphor-webui to manipulate UEFI setting on a remote PC and find out that some content is invisible.

After configuring height attribute in serial-lan__terminal @ app/server-control/styles/remote-console.scss, the whole UEFI setting content is displayed.

The height value is modified from 400px to 600px.

Is it okay to make the iframe to cover the whole remote screen content? Or other attribute for this?

Thank you.

SNMP Settings prototype

System Admins need to manage the connection to the SNMP server/s -- add, edit, remove, test connection.

• Add manager button: adds another set of fields for SNMP server (both manager server and port)
• Manager Host Name or IP Address field: Format/syntax is validated while typing, connection to the server is tested using the Test button
  • Field validation error if the field is left empty: 'Field is required.'
  • Field validation error if the format is incorrect: 'Invalid format.'
• Test button: validates the Manager Host Name or IP Address connection only (not port field)
  • If the "Manager Host Name or IP Address" field shows the green checkmark indicating that was validated, then the Test button is disabled
  • If the "Manager Host Name or IP Address" field is changed after successful validation, then is changed to a different value, then the Test button is enabled again
• Port: Format/syntax is validated while typing, this field is not tested with the Test button
  • Field validation error if the field is left empty: 'Field is required.'
  • Field validation error if the format is incorrect: 'Value should be between 0 and 65,535.'
• Remove button: removes the set of fields both manager server and port (the last set of fields cannot be removed)
• Cancel button: causes changes to not be saved
• Save Settings button: causes fields to be validated, and changes to be saved if there are no validation errors
  • Manager server field validation error if there's a connection problem or invalid format
  • Port field validation error if the port's value isn't between 0 to 65,535.
  • Field validation error if either field is left empty while the other is filled in
  • If both fields are left empty and user saves settings, fields will not persist on the page.
  • Attempts to leave the page without saving edits will cause a confirmation message to appear stating changes will not be saved if the action continues
  • Toast notification appears when save is completed without validation errors
• Validation instances
  • Input field error states (before saving settings) are exclusive to format validity (e.g. port's value isn't between 0 to 65,535, character format)
  • Input field error states (after saving settings) will inform when there is a connection problem or IP address does not exist
  • Error Notifications: if error fields exist in the page upon saving settings (e.g. required fields are left empty, invalid IP address format)
• Success Notifications when settings were successfully saved

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318937_Network_Assign_new_static_IP
https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318936_Network_Assign_Existing_static_IP

Initial setup of Static IP address:

• IPV4 addresses may or may not be available in the GUI
• Add/remove IPV4 address
• Add/remove DNS server
• Test IP address connectivity for dns servers (before saving)
• Field validation of DNS server connectivity after saving settings
• Field validation for required fields (i.e. IPV4, Gateway and Netmask Length)
• If user adds an IPV4 address or DNS server and continues to save settings (while input fields are empty), page will discard those fields (for IPV4, all 3 fields per row would need to be empty to be removed after saving)

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318928_Network_Save_Settings

• Secondary confirmation pop-up message will appear upon selecting to save settings.

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318924_Network_Save_Settings_Successful

• Successful/Failed toast messages will appear on the top right corner of page
• Notifications will inform user is settings saved successfully or failed (GUI will not save input fields with errors)

In event log and summary page

Prioritize event logs by 1) severity level and then by 
 2) timestamp (top to bottom).

The scroll bar needs fixed on the SOL page. We should look at moving from hterm to xterm.

In firmware update page-
More info” dialog does not disappear until deselected.

Recommendation: Dialog disappears upon user selecting another item or area on the page.

1. Warning statement is not aligned with the action buttons, and does
2. Hover state color for buttons breaks accessibility standards.

Keep confirmation experience consistent (like Firmware and Network settings pages) by having a modal pop up warning user about the implications of their action.

LDAP Settings - InVision Mockups for testing 11-2018

System Admins need to add and remove Role Groups of users (as defined by the LDAP server) who can access the BMC through the LDAP server, and modify their privileges.

• Only users with Admin privileges can view this panel
• Add role group button: add an LDAP server's role group (created using the LDAP server) to the list of people that can access the BMC, and assign a set of pre-defined privileges to that group
  • Group Name: drop down list is provided/pre-defined by the LDAP server
  • Group Privilege: drop down list is pre-defined by the BMC
  • https://github.com/openbmc/docs/blob/master/user_management.md
• Modify role group button: modify the pre-defined privileges assigned to that group
  • Becomes enabled when a group's checkbox is selected in the table
• Delete role group button: remove an LDAP server's role group (created using the LDAP server) from the list of people that can access the BMC
  • Becomes enabled when a group's checkbox is selected in the table

As can be seen in the attached screenshots, event filter only filters by event content, but not by event type:

Unable to view the total number of available sensors. Viewing a value becomes important because it reinforces the number of results shown in the table when user chooses to filter.

This pattern is currently being used in the Events page-

Recommendation: Present number of sensors available in the table at the current time

Log In Notifications - InVision Mockups

System Admins should be able to understand issues that occur while attempting to log into the BMC web ui.

Implement additional capabilities that are missing from current GUI (e.g. add/remove IPV4 addresses, read-only view of addresses obtained from DHCP)

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318937_Network_Assign_new_static_IP
https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318936_Network_Assign_Existing_static_IP

Initial setup of Static IP address:

• IPV4 addresses may or may not be available in the GUI
• Add/remove IPV4 address
• Add/remove DNS server
• Test IP address connectivity for DNS servers (before saving)
• Field validation of DNS server connectivity after saving settings
• Field validation for required fields (i.e. IPV4, Gateway, and Netmask Length)
• If the user adds an IPV4 address or DNS server and continues to save settings (while input fields are empty), the page will discard those fields (for IPV4, all 3 fields per row would need to be empty to be removed after saving)
  https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318928_Network_Save_Settings

Secondary confirmation pop-up message will appear upon selecting to save settings.
https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318924_Network_Save_Settings_Successful

Successful/Failed toast messages will appear on the top right corner of the page
Notifications will inform user is settings saved successfully or failed (GUI will not save input fields with errors)

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318934_Network_DHCP_After_Saving

Initial setup of Obtaining IP addresses via DHCP server:

IP addresses will not be made available until user selects to save settings.

• Upon saving settings, IP address(es) will appear on the page as read-only text.
• Can remove read-only IP address(es).
• Any changes made (e.g. removing IP address or selecting to assign static IP) will persist only by saving settings.

I tried the npm install command on a virtualbox ubuntu 16.04. Memory was 10466MB.

<--- JS stacktrace --->
Cannot get stack trace in GC.
FATAL ERROR: NewSpace::Rebalance Allocation failed - process out of memory
 1: node::Abort() [npm]
 2: 0x13c7b5c [npm]
 3: v8::Utils::ReportOOMFailure(char const*, bool) [npm]
 4: v8::internal::V8::FatalProcessOutOfMemory(char const*, bool) [npm]
 5: 0xaf9b8b [npm]
 6: v8::internal::MarkCompactCollector::Evacuate() [npm]
 7: v8::internal::MarkCompactCollector::CollectGarbage() [npm]
 8: v8::internal::Heap::MarkCompact() [npm]
 9: v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [npm]
10: v8::internal::Heap::CollectGarbage(v8::internal::GarbageCollector, v8::internal::GarbageCollectionReason, char const*, v8::GCCallbackFlags) [npm]
11: v8::internal::Heap::FinalizeIncrementalMarkingIfComplete(v8::internal::GarbageCollectionReason) [npm]
12: v8::internal::IncrementalMarkingJob::Task::RunInternal() [npm]
13: v8::internal::CancelableTask::Run() [npm]
14: v8::platform::DefaultPlatform::PumpMessageLoop(v8::Isolate*, v8::platform::MessageLoopBehavior) [npm]
15: node::Start(uv_loop_s*, int, char const* const*, int, char const* const*) [npm]
16: node::Start(int, char**) [npm]
17: __libc_start_main [/lib/x86_64-linux-gnu/libc.so.6]
18: _start [npm]

How much memory do I need?

Our test team reported this problem.
Host time is not getting set via GUI with manual mode and HOST as time owner. With REST commands, we are not hitting this problem and so this is specific to GUI.

Step to recreate

1. Set BMC as owner and NTP as mode from GUI.
2. After setting, we will see that both Host and BMC time is set to NTP server time(0.asia.pool.ntp.org).
3. Now select manual mode and host as time owner in GUI. Now set time to Date: 20/01/2018 and Time : 07:05:58 PM.
4. Select save setting.
5. After saving setting, try to refresh GUI. Here you will see that new HOST time will not get set and it will still show old time.

The IBM design team made the following recommendation:
Location of “more info” icon appears irrelevant to the version level.
• Recommendation: Icon is placed 20px to the right of the version level.

Hi all, the webui is already built to my BMC and when I browse to its address, it stops at "Login required", like this:

So, how can I login to BMC Webui ?

Thanks !!

In event log page

Main actions should be made available via table header by default (currently it is hidden until checkbox is selected). Recommendation:

Make actions visible in a disabled state so users understand features are associated with the table.

After attempting to login in I get kicked back out to the login page. I see lots of 200 calls but hit two 404s when attempting to collect inventory on a part that does not exist yet. I believe the
xyz/openbmc_project/inventory/system/chassis/motherboard/boxelder/bmc/ethernet does not exist until the system has booted. Honestly that in itself seems like a bug since it is the inventory pat of the BMC itself, however the web code cant simply exit out. It needs to gracefully handle missing parts. How else could we update the firmware for a web bug in the field.

xxx - - [30/Sep/2017:00:04:46 +0000] "GET /xyz/openbmc_project/led/groups/enclosure_identify HTTP/1.1" 200 80 "https://xxx/web/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:52.0) Gecko/20100101 Firefox/52.0"
xxx - - [30/Sep/2017:00:04:47 +0000] "GET /xyz/openbmc_project/inventory/system/chassis/motherboard/boxelder/bmc/ethernet HTTP/1.1" 404 240 "https://xxx/web/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:52.0) Gecko/20100101 Firefox/52.0"
xxx - - [30/Sep/2017:00:04:47 +0000] "GET /xyz/openbmc_project/inventory/system/chassis/motherboard/boxelder/bmc HTTP/1.1" 404 231 "https://xxx/web/" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:52.0) Gecko/20100101 Firefox/52.0"

Blue is used to imply clickable links..

The IBM design team made this recommendation:

Visual treatment of the “Functional firmware version” implies a
clickable state when in actuality it is not. This is in opposition to the
same blue color treatment used in the UI as a call to action.
• Recommendation: Use the color #666666 for the firmware version text.

We only allow the user to modify existing IPV4 addresses

Layout of content is unclear that user can choose between two options to upload or download image files

Recommendation: Include the text “Or” between the two sections so user understands both are viable options (and not sequential inputs which is what it currently implies).

Management User Accounts - InVision Mockups

System Admin should be able to manage the users that can locally access the host/BMC in a way that is consistent with the rest of the GUI.

AngularUtils is no longer maintained.
Move to a more standard pagination and remove AngularUtils.

https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination#dir-pagination-controls

“Server Health” tab should not be highlighted when page is currently on “Server Overview”. This is disorienting to user.

Default state: Dark blue background #1B2834, light grey for icon and text #E0E0E0
Selected state: White background #FFFFFF, Dark blue for icon and text #1B2834
Hover state: Grey background #DCDEE0, light blue for icon and text #3C6DF0

Virtual Media - InVision Mockups

System Admins need to start a Virtual Media session by selecting a file from the appropriate device and, once the file has been 'uploaded', start the session.

• Details about design: There is one component for each VirtualMedia device and each component is made up of:
• Description: Provided from the JSON file
• Choose file button and field:
  • Inactive session state: The 'choose file' button is enabled and allows users to select a file from the standard OS modal.
  • Once the file has been selected, the file name is listed next to the 'Choose File' button with a loading icon.
  • Once the loading has been uploaded, the loading icon changes to a close icon (with which the user can remove the file) and the 'start/stop' button is enabled and reads 'Start'.
  • Once the user clicks on the 'Start' button, the component state changes to the started state
  • Once the user clicks on the 'Stop' button, the component state changes to the stopped state
  • Once the user clicks on the 'X' close icon, the 'Choose file' button becomes enabled, the file name is replaced with the 'No file selected' text, the close icon disappears, and the start/stop button is disabled and reads 'start
  • 'Choose file' follows the pattern for all upload components throughout the GUI.
  • Session started state: the 'Choose file' button becomes disabled, the remove icon disappears, and a green line and 'Active session' text is shown directly below the component. The 'start/stop' button is enabled and reads 'Stop'.
  • Session stopped state: the 'Choose file' button becomes enabled, the remove icon displays, and the green line and 'Active session' text disappears. The 'start/stop' button is enabled and reads 'Start'.
• Start/Stop button:
  • If a session is active: button reads 'Stop' and is enabled.
  • If a session is inactive and there is a file selected: button reads 'Start' and is enabled.
  • If a session is inactive and there is no file selected button reads 'Start' and is disabled.

Some nodes under /xyz/openbmc_project/inventory/system/chassis/ have subtrees.
For example, there are:

• /xyz/openbmc_project/inventory/system/chassis/bmc and
• /xyz/openbmc_project/inventory/system/chassis/bmc/activation

The latter one is a part of bmc information (a link to active software definition), but in WebUI it is displayed as a separate component under Hardware section:

I believe, such entries must be put under their respective parent nodes somehow.

Need a delete button for DNS servers.

As discussed in the following issues in other parts of openbmc project, on non-router systems there is no such concept as per-interface gateway:

openbmc/openbmc#2671
openbmc/phosphor-networkd#22

Hence, there is no need to have the associated fields in web-ui. They only confuse the users:

The web application should not autocomplete username and password fields. It may apply to other fields. See https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

[w54]# cat /etc/os-release 
ID="openbmc-phosphor"
NAME="Phosphor OpenBMC (Phosphor OpenBMC Project Reference Distro)"
VERSION="v2.3-163"
VERSION_ID="v2.3-163-g8f3fc97"
PRETTY_NAME="Phosphor OpenBMC (Phosphor OpenBMC Project Reference Distro) v2.3-163"
BUILD_ID="v2.3"

Using latest chrome on my macbook.

Using the SOL console in the GUI, I see the hostboot isteps fine, then most of petitboot, then it suddenly just stops, here's the last of what I get.

[ 69.352195504,5] PHB#0004:01:00.4 [EP ] 10b5 87d0 R:ca C:088000 (system-peripheral)
[ 69.352243104,5] PHB#0005:00:00.0 [ROOT] 1014 04c1 R:00 C:060400 B:01..01
[ 69.352288786,5] PHB#0005:01:00.0 [EP ] 14e4 1657 R:01 C:020000 ( ethernet)
[ 69.352340102,5] PHB#0005:01:00.1 [EP ] 14e4 1657 R:01 C:020000 ( ethernet)
[ 69.352390040,5] PHB#0006:00:00.0 [EP ] 1014 04ea R:01 C:060400 ( pci)
[ 69.352440204,5] PHB#0006:00:00.1 [EP ] 1014 04ea R:01 C:060400 ( pci)
[ 69.352482785,5] PHB#0006:00:01.0 [EP ] 1014 04ea R:01 C:060400 ( pci)
[ 69.352527499,5] PHB#0006:00:01.1 [EP ] 1014 04ea R:01 C:060400 ( pci)
[ 69.352571771,5] PHB#0006:00:02.0 [EP ] 1014 04ea R:01 C:060400 ( pci)
[ 69.352620737,5] PHB#0006:00:02.1 [EP ] 1014 04ea R:01 C:060400 ( pci)
[ 69.352668622,5] PHB#0007:00:00.0 [EP ] 1014 04ea R:01 C:060400 ( pci)
[ 69.352717447,5] PHB#0007:00:00.1 [EP ] 1014 04ea R:01 C:060400 ( pci)

Hitting enter does nothing, but if I hit the "Refresh" button in the upper right and then hit enter in the console then I'll get my OS login:

w54l login:
Red Hat Enterprise Linux Server 7.4 (Maipo)
Kernel 4.14.0-49.el7a.ppc64le on an ppc64le

FYI -- (work in progress) Translation of error messages will need to be vetted.

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318933_Network_Error_States_Before_Saving
Error instances BEFORE saving settings:

• All error fields can be validated after 10 sec user finishes typing.
• Each error field is accommodated with an error message, error icon, and red border for text field.
• Error fields validated for character format:
  • Hostname
  • Mac Address
  • Default Gateway
  • IPV4 address
  • Gateway
  • DNS Server
• Netmask Prefix Length error field can be validated for numeric value (stays between 0 - 32)

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318931_Network_Leaving_Before_Saving

• Pop-up message appears when user tries to leave page without saving settings. Leaving without saving will undo changes made

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318930_Network_Save_With_Errors
https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318323558_Network_Errors_To_Fix

Error instances trying to save settings with persisting errors

• Toast message appears noting user cannot save with persisting errors (empty fields) and/or settings with error(s) will not be saved
• Fields with "Invalid format" or empty fields will be highlighted as errors
• Field validation error messages go away 10 sec after user inputs valid formats and/or all fields are entered
• User will need to save settings to ensure fixes are updated

https://ibm.invisionapp.com/share/YSNTBXAJGUC#/318318926_Network_Error_Connection

Error instances AFTER saving settings

• Toast message appears noting saving changes was unsuccessful due to errors
• Fields with "Invalid IP address/DNS server or connection problem" will be highlighted as errors. Once inputting new valid addresses, user can save settings again

Date and Time Settings - InVision Mockups for testing 11-2018

System Admins need to manually set the date and time of the BMC and Server, or select an NTP server to set it automatically.

ophosphor-time-manager is the time manager service that implements D-Bus interface xyz/openbmc_project/Time/EpochTime.interface.yaml. The user can get or set the BMC's or HOST's time via this interface.

• Manually radio button causes the Keep date and time radio buttons to display.
• Same for BMC and server radio button is the default selection for Manually radio button; only one set of fields displays; to be used for both the BMC and Server settings
• NTP server radio button: causes the Keep date and time radio buttons to hide; only one set of fields display to be used for both the BMC and Server settings, and they are not editable
• Date fields: combo-field allows the date to be typed or selected from a standard browser calendar picker; format must include "/" between numbers, but the order of Month, Day, Year will be determined by the locale in the browser
• Time fields: text field only
• TimeZone fields: displays the default browser timezone by default, and is not editable
• Add NTP Server button causes new NTP Server field and button sets to appear; more than one NTP server can be defined
• NTP Server field: the "Primary" NTP server defines the date/time for the BMC and server; if this server goes down then the date/time is based off the next server listed (priority order)
• Test button: tests the connection to the associated server
• Remove button: removes the associated server's field/button set from the panel, and causes the NTP server to be disconnected when the panel is saved

After the commit 569ccf6 the overview page looks like this:

As I find out, it happens because in my case the value of Date().toString() contains national characters in the time zone.

new Date().toString()
"Thu Nov 15 2018 14:54:55 GMT+0300 (Москва, стандартное время)"

The events log page have the same behavior.

Unable to sort or order numerical values based on user preference.

Recommendation: Add column sorting capability on for all table header titles. Default sort = 1) priority of critical items (critical > warning > normal) and then 2) alphabetical order of sensor name.

LDAP Settings - InVision Mockups for testing 11-2018

System Admins need to manage the communication configuration for authentication between the BMC and LDAP servers.

• Only users with Admin privileges can view this panel
• Disable LDAP authentication checkbox: when enabled, stops communication for authenticated between the BMC and LDAP servers; only locally configured users could log in to the BMC
• Show / Hide toggle: causes the field's value to display as text (Show) or asterisks (Hide)
• Cancel button: causes changes to not be saved
• Save Settings button: causes fields to be validated and changes to be saved
  • Server URI, Bind DN and Base DN field validation error for invalid formats
  • Bind DN Password field validation error for incorrect/invalid password
  • Attempts to leave the page without saving edits will cause a confirmation message to appear stating changes will not be saved if the action continues
  • Toast notification appears when save is completed without validation errors

System Admins need to understand which certificates are being used for authentication and should be able to quickly go to the appropriate panel to change them.

• CA certificate file: displays the certificate name which is managed from the SSL Certification panel
• Client certificate file: displays the certificate name which is managed on this panel
• Choose file button: allows the user to select a new client certificate file
• Upload button: allows the user to upload the selected client certificate file
• Manage Certificates button: causes the SSL Certification panel to display

Unable to understand context for all the temperature values when scrolling down the table.

This pattern would apply to other pages that include tables.

Recommendation: Table header stays fixed while user scrolls through table rows. Filter field and severity filter should also stay fixed due to its context to the table.

Visual treatment of the “In-memory firmware version” implies a clickable state when in actuality it is not. This is in opposition to the same blue color treatment used in the UI as a call to action.

Keep language consistent by referring to statement as “Functional firmware version:”
Recommendation: Use the color #666666 for the firmware version text, and change language to reflect “Functional firmware version:”.

Currently, both "Power Consumption" and "Power Cap" fields in "Power information" section of the Server overview page are hard-coded to "000 W".

When there is no event log available these 3 changes need to be made in the current design-

1. The checkbox in table header should be disabled
2. The action buttons will be in disable state
3. A message should display in the content area saying "There are no event logs". We are determining the actual verbiage of the message.

Here is a screenshot