Focus default action in modal windows

Users of common WIMP GUIs (as opposed to interfaces primarily meant for
touch input) expect dialog boxes to have keyboard focus set on the
button for default ac

Focus default action in modal windows

Users of common WIMP GUIs (as opposed to interfaces primarily meant for
touch input) expect dialog boxes to have keyboard focus set on the
button for default action so that it can be executed by a single key
press. Usually that is chosen to proceed with the operation but in cases
where that leads to data loss the UI designers often pre-select Cancel
as a precaution.

This patch adds suitable property to all invocations of msgBoxConfirm()
method of `this.$bvModal` BootstrapVue object. For regular actions the
confirmation button is selected and can be activated by Enter or Space
bar. For actions deemed dangerous Cancel is focused instead so it takes
two key presses (first being Tab to shift the focus) to prooceed.

This also improves accessibility following the Web Content Accessibility
Guidelines (WCAG) published by W3C.

Tested: manually verified that modals are consistently shown with the
specified button focused, Enter and Space bar key presses produce the
same effect as left pointer button click: when Cancel is focused it just
closes the window, when OK is focused it sends the corresponding request
to the Redfish endpoint.

Change-Id: I66bfd02e48e08dc18994b11bbdd5d6b3ea27047f
Signed-off-by: Paul Fertser <fercerpav@gmail.com>

show more ...

prettier: re-format

Prettier is enabled in openbmc-build-scripts on Markdown, JSON, and YAML
files to have consistent formatting for these file types. Re-run the
formatter on the whole repository.

prettier: re-format

Prettier is enabled in openbmc-build-scripts on Markdown, JSON, and YAML
files to have consistent formatting for these file types. Re-run the
formatter on the whole repository.

Change-Id: I2804ee3ab5ff6bcbf986b028db2fafec8e616779
Signed-off-by: Patrick Williams <patrick@stwcx.xyz>

show more ...

docs: expand guide with vue-i18n-extract.js examples

This internationalization documentation patch provides the developers
with specific recommendations on using vue-i18n-extract.js tool to
ensure t

docs: expand guide with vue-i18n-extract.js examples

This internationalization documentation patch provides the developers
with specific recommendations on using vue-i18n-extract.js tool to
ensure translations consistency.

Signed-off-by: Paul Fertser <fercerpav@gmail.com>
Change-Id: I506091c97043ad3f50c4753daddd450abe9744fc

show more ...

Update docs theme section to customization

The themes section of the webui style guide contained a section named
theme. This section also included information about the environmental
builds. The nam

Update docs theme section to customization

The themes section of the webui style guide contained a section named
theme. This section also included information about the environmental
builds. The name was misleading and confusing, so we determined in the
GUI Design Work Group to update the section name.

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

show more ...

Add internationalization documentation

- Explains how internationalization makes the OpenBMC Web UI
multilingual
- Explains the use of vue-i18n

Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.c

Add internationalization documentation

- Explains how internationalization makes the OpenBMC Web UI
multilingual
- Explains the use of vue-i18n

Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com>
Change-Id: Ica273814a857f37502b9bb71800de7660d4fa49b

show more ...

Update text wrapping in documentation

To meet best practices and standards for markdown, this commit updates
all markdown files used for the VuePress documentation so that each
line is limited to 80

Update text wrapping in documentation

To meet best practices and standards for markdown, this commit updates
all markdown files used for the VuePress documentation so that each
line is limited to 80 characters.

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

show more ...

Remove blank overview pages in documentation

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I6238767b89eda7e0aaebe73faa2ca3e0a61ebf5e

Update theme customization

- Move the env.md from /env directory to be displayed in the theming
section
- Update copy to remove references to downstream changes since changes
are made upstream

Sign

Update theme customization

- Move the env.md from /env directory to be displayed in the theming
section
- Update copy to remove references to downstream changes since changes
are made upstream

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

show more ...

Add themes documentation

- Renamed all index.md to readme.md to make consuming the documentation
from the Github repo easier. VuePress treats index.md and readme.md the
same way when building the st

Add themes documentation

- Renamed all index.md to readme.md to make consuming the documentation
from the Github repo easier. VuePress treats index.md and readme.md the
same way when building the static pages.
- Added theme section overview documentation
- Added how to customize documentation
- Added custom style imports to support OpenBMC Web UI component
documentation to remove Bootstrap framework base styles that conflict
with the Vuepress theme
- Found occurrences of the word Sass in upper-case and changed to use
sentence case.

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

show more ...

Add motion guidelines

- Update transition global variables in bootstrap to use Carbon
motion easing and duration tokens to maintain consistency throughout
the application
- Remove import of colors h

Add motion guidelines

- Update transition global variables in bootstrap to use Carbon
motion easing and duration tokens to maintain consistency throughout
the application
- Remove import of colors helper file into variables and set import
order based on dependency

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

show more ...

Remove unused colors from color palette

The color palette has been stripped down to a
maximum of two colors shades per palette. This
works for our design since components use a
base color with a lig

Remove unused colors from color palette

The color palette has been stripped down to a
maximum of two colors shades per palette. This
works for our design since components use a
base color with a lighter color as an accent
color. This change reduces the amount of CSS
generated by Bootstrap when the CSS is compiled.

Github Story: https://github.com/openbmc/webui-vue/issues/2

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

show more ...

Add coding guidelines and component documentation

Resubmitting after reverted–original commit here
https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28760

- Update README to include instruct

Add coding guidelines and component documentation

Resubmitting after reverted–original commit here
https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28760

- Update README to include instructions on documentation development
- Update vue and vue-template-compiler to be compatible with vuepress

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

show more ...

Revert "Add coding guidelines and component documentation"

Merged accidentally. Did not have proper +1s/+2s. The author will
resubmit. Apologies for the noise.

This reverts commit aae4312c3c535253b

Revert "Add coding guidelines and component documentation"

Merged accidentally. Did not have proper +1s/+2s. The author will
resubmit. Apologies for the noise.

This reverts commit aae4312c3c535253b2d5db7a75503f0237ae423e.

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

show more ...

Add coding guidelines and component documentation

- Add deploy script to create and deploy dist file to gh-pages branch
- Update README to include instructions on documentation development
and deplo

Add coding guidelines and component documentation

- Add deploy script to create and deploy dist file to gh-pages branch
- Update README to include instructions on documentation development
and deployment
- Update vue and vue-template-compiler to be compatible with vuepress
- Set vue-date-fns to use specific version
- Add shell pages to be completed later

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

show more ...