Update VuePress configuration

We are moving away from importing application components directly into
the VuePress docs. We will document code snippets and add screenshots
as a visual example.
This c

Update VuePress configuration

We are moving away from importing application components directly into
the VuePress docs. We will document code snippets and add screenshots
as a visual example.
This commit removes all code and configurations that supported importing
dynamic components into VuePress and added images in place of a working
component example on the page.

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

show more ...

Add documentation for table sort

Create example BmcTable component to eventually showcase all
functionality. For now, it only includes table sort.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gma

Add documentation for table sort

Create example BmcTable component to eventually showcase all
functionality. For now, it only includes table sort.

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

show more ...

Fix icon color in documentation

- Add StatusIcon to ehnaceApp and use the component imported into the
the documentation's component/app-imports directory to resolve fill
rendering bug in the Alert c

Fix icon color in documentation

- Add StatusIcon to ehnaceApp and use the component imported into the
the documentation's component/app-imports directory to resolve fill
rendering bug in the Alert component
- Remove the scoped attribute to make the changes work for alerts in
documentation
- Update StatusIcon component to match changes to application component

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

show more ...

Add icon only button to documentation

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

Update colors in documentation

- Remove all color-100 tokens since we are using bootstrap's built-in
functions for color lightening
- Update changed hex values

Signed-off-by: Derick Montague <deric

Update colors in documentation

- Remove all color-100 tokens since we are using bootstrap's built-in
functions for color lightening
- Update changed hex values

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

show more ...

Fix documentation render bug

Using the i18n module in the BVToastMixin file caused an issue with
VuePress that resulted in the static files not being created and the
documentation rendering as a bla

Fix documentation render bug

Using the i18n module in the BVToastMixin file caused an issue with
VuePress that resulted in the static files not being created and the
documentation rendering as a blank page.

- Removed the import of the BVToastMixin
- Copied BVToastMixin to docs components and removed i18n
- Copied the StatusIcon to docs components to so icons will render
with the correct fill color in the toast notifications

GitHub Issue: https://github.com/openbmc/webui-vue/issues/40

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

show more ...

Update relative path imports to use '@' alias

- Add '@/' instead of '../../../'

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

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 alert message component and documentation

- Add custom alert component to simplify the use of custom alerts
- Add documentation for using the custom alert
- Update the login error alert to use t

Add alert message component and documentation

- Add custom alert component to simplify the use of custom alerts
- Add documentation for using the custom alert
- Update the login error alert to use the alert component instead of
the Bootstrap-vue component.
- Register alert component in enhanceApp
- Replace Sass variables used in the StatusIcon component style block
to use the Boostrap theme-color and gray Sass functions so the colors
can be used in the Vuepress documentation custom components

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

show more ...

Add toast component documentation

- Add documentation that describes when and how to use a toast message
with code snippets
- Add an informational toast method in the BVToastMixin
- Add BVToastMixin

Add toast component documentation

- Add documentation that describes when and how to use a toast message
with code snippets
- Add an informational toast method in the BVToastMixin
- Add BVToastMixin to enhaceApp to register mixin globally.

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

show more ...

Add buttons documentation

- Add documentation for how to use buttons
- Update markup and CSS rulesets to support icons on the left or the
right of text

Signed-off-by: Derick Montague <derick.montag

Add buttons documentation

- Add documentation for how to use buttons
- Update markup and CSS rulesets to support icons on the left or the
right of text

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

show more ...

Revert "Add alert message component and documentation"

This reverts commit 71650fff20c0ad29eb05d770736386863324b64e.

Reason for revert: Found an issue with Sass loader when compiling docs that need

Revert "Add alert message component and documentation"

This reverts commit 71650fff20c0ad29eb05d770736386863324b64e.

Reason for revert: Found an issue with Sass loader when compiling docs that needs to be addressed.

Change-Id: Icdd1243665f60849bfb341594452687fcdaeebe2

show more ...

Add alert message component and documentation

- Add custom alert component to simplify the use of custom alerts
- Add documentation for using the custom alert
- Update the login error alert to use t

Add alert message component and documentation

- Add custom alert component to simplify the use of custom alerts
- Add documentation for using the custom alert
- Update the login error alert to use the alert component instead of
the Bootstrap-vue component.
- Add the enhanceApp and bmcAppPlugin to extend vuepress to use both
the BMC custom and Boostrap-Vue components along with the custom styles

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

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