Make SOL layout responsive to the window changes

The current version of a SOL window layout have several
downsides:
-terminal content doesn't resize with the window changes
-when opened in a separat

Make SOL layout responsive to the window changes

The current version of a SOL window layout have several
downsides:
-terminal content doesn't resize with the window changes
-when opened in a separate window terminal content doesn't
use full viewport space
-when opened in a separate window terminal viewport takes
only a small part of the window

Screenshots with the problems descriptions are documented in
the github issue:
https://github.com/openbmc/phosphor-webui/issues/125

This commit adds responsiveness to the SOL layout.
The main SOL tab:
-terminal content automatically resizes with the viewport changes

The separate SOL window:
-XTERM always use full terminal viewport space
-terminal viewport width always equals window space width
-terminal viewport automatically resizes on window size changes
-terminal content automatically resizes with the viewport changes

As SOL UI is resposive now, this commit also removes fixed size
configurations for the SOL terminal via JSON 'customConsoleDisplaySize'
variable. It is worth noting that in reality it wasn't really
used anyway.

Signed-off-by: Konstantin Aladyshev <aladyshev22@gmail.com>
Change-Id: Ia5d929e9a309281366a9d3119ac326ebd73c73f0

show more ...

Clean up color values

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

Clean up color values

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

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

Resizing SOL console

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: Ie198462eaf42578c

Resizing SOL console

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>

show more ...

Switch to xterm

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
observe

Switch to xterm

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>

show more ...

Remove extra scroll bar from the SoL console menu

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

Remove extra scroll bar from the SoL console menu

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>

show more ...

new icon and pop-out window for Serial over lan

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

design changes for serial over lan and added header copy for page based on user feedback.

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

created remote console page

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

Change navigation structure

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