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

Fix CI fail

Looks like a new bump of the tools caught us.

Saw this fail on
https://gerrit.openbmc.org/c/openbmc/webui-vue/+/63442

Fails like:
```
diff --git a/docs/guide/components/page-section/in

Fix CI fail

Looks like a new bump of the tools caught us.

Saw this fail on
https://gerrit.openbmc.org/c/openbmc/webui-vue/+/63442

Fails like:
```
diff --git a/docs/guide/components/page-section/index.md
b/docs/guide/components/page-section/index.md
index 94113c5..a37d67c 100644
--- a/docs/guide/components/page-section/index.md
+++ b/docs/guide/components/page-section/index.md
@@ -6,7 +6,7 @@ string will be rendered in an `h2` header element.

```vue
// Example: `src/views/AccessControl/Ldap/Ldap.vue`
- <page-section :section-title="$t('pageLdap.settings')">
+<page-section :section-title="$t('pageLdap.settings')"></page-section>
```
```

Change-Id: I1ada18a09050c5fbcc773a28ef20b8af1b7e84e4
Signed-off-by: Gunnar Mills <gmills@us.ibm.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: guide: fix broken links to guidelines and customization

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

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 form quick start documentation

Form quick start documentation contains info on
using the form and form group components, and the Vuelidate plugin.

This doc also provides a template for creating

Add form quick start documentation

Form quick start documentation contains info on
using the form and form group components, and the Vuelidate plugin.

This doc also provides a template for creating a new form.

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

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

Update button documentation for icon only button

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I93aa1082880985fef316424a9cf400a9d0a8c2b3

Update coding standards documentation

- Remove pages without content
- Update overview page name

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

Update coding standards documentation

- Remove pages without content
- Update overview page name

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

show more ...

Unit testing docs typo fix

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

Add documentation for BVToastMixin enhancements

Includes documentation for multi-lined toast body, refresh app link,
and timestamp.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-

Add documentation for BVToastMixin enhancements

Includes documentation for multi-lined toast body, refresh app link,
and timestamp.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Id95e1858a703cc0be44f1f6de51fd6daab24876d

show more ...

Add form file documentation

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I578ead17e5870ae0981aba775c258b49d697a208

Update component documentation

The component structure was not consistent. We determined how we
wanted to save image examples within the component directory, but not
all of the components were updat

Update component documentation

The component structure was not consistent. We determined how we
wanted to save image examples within the component directory, but not
all of the components were updated. The result was that some images
were not displaying on the component pages. This patchset resolves
that issue, along with removing the page component since it is not an
actual component within the application.

- Add directory for each component, move example images to the
directory, and update the image path
- Create a page-title and page-section directory and index.md for each
- Move content for page-title and page-section from the page.md file
into the index.md within the respective component directory
- Delete the page.md from the component directory as it is not a
component
- Update links to page.md in the page-anatomy.md file.

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

show more ...

Add documentation for table pagination

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ic40d7b4580417590b2d465fe359198c92354c242

Add documentation for table batch actions

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Id450f9f461c40c5ff7e1c9510b082e88abd1a3ef

Add documentation for table filter

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I3ab86678e2cc4f9771a07026a417298d716de649

Add info tooltip documentation

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: Id19854ed326eb55f6443a7015579ea6375193d1f

Add documentation for table row actions

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I52f71d9f3098e28d09c21c9293fe051878a41673

Add page components documentation

Components include: b-container, page-title, and page-section.

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

Add status icon documentation

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I7fa990794533c80bc73bbcd15a0d7191ee70cd11

Add documentation for table search

Create table directory to organize related images in the same
directory and add updates to image path that will fix incorrect
path in final build.

Signed-off-by:

Add documentation for table search

Create table directory to organize related images in the same
directory and add updates to image path that will fix incorrect
path in final build.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I896ed5babc596306c082ca6e79aa3c0948a61227

show more ...

Add store documentation

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

Add unit testing documentation

- Add unit testing section and page

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