Upgrade vue3 and all dependencies

Start the process of porting everything to Vue 3. I have most things
working. npm run-scripts build works, npm install works. prettier
passes. Styles load, logi

Upgrade vue3 and all dependencies

Start the process of porting everything to Vue 3. I have most things
working. npm run-scripts build works, npm install works. prettier
passes. Styles load, login works, webui loads.

This was primarily done using the linked documents below. It makes the
following design decisions:
1. Vue is put in compat 2 mode, which allows most of the components to
work as-is.
2. Bootstrap v4 is used along with bootstrap-vue to keep our components
working.
3. Minor changes are made to load the latest versions of vue-router,
vuex, and vue-i18n.

I suspect this patchset is good enough to start with, and we can clean
up the broken things one patchset at a time. The things that need to
happen are:

1. Get remaining features working again. This primiarily is vue-i18n
for mixins, and non vue components. This likely needs to be done by
not pulling in i18n into the non vue components, then using the .Vue
files to do the internationalization in the component context, NOT in
the mixin context. Alternatively, we could drop MixIns alltogether.
2. Get custom styles working again. Previously, we used some path
hackery in vue.config.js to optionally pre-load styles. This stops
working now that we're required to @import our modules. Likely we
need some rearangement of the paths such that custom styles are a
complete replacement (possibly importing the original) rather than
additive with overrides. That's a guess, but I don't really see
anyone else doing customization the way we've defined it here.
3. Bootstrap 5 no longer requires ANY custom vue modules, as it has
dropped the jquery dependency. We won't be able to pull in bootstrap
5 all at once, so pull in bootstrap 5 under an alias, like
"bootstrap5" that we can optionally import 5 or 4.
4. One at a time, start porting components over to Vue3 syntax and
bootstrap 5. This will be the bulk of the manual work and review.

The only thing I think left is getting unit tests passing, which I
commented out the pre-commit hook to make this PR.

Tested: Code builds. Needs better testing.

[1] https://router.vuejs.org/guide/migration/
[2] https://vue-i18n.intlify.dev/guide/migration/vue3
[3] https://vuelidate-next.netlify.app/migration_guide.html#package-name-and-imports

Change-Id: I5bb3187b9efbf2e4ff63e57994bc528756e2a981
Signed-off-by: Ed Tanous <ed@tanous.net>

show more ...

Inline class styles

The characters in the OpenBMC logo use class styles 1 and 6. SVGO for
whatever reason chokes on trying to deduplicate these, which causes a
template error when inlining the SVG,

Inline class styles

The characters in the OpenBMC logo use class styles 1 and 6. SVGO for
whatever reason chokes on trying to deduplicate these, which causes a
template error when inlining the SVG, because style tags still exist.

Ideally in the future we would export our SVGs with inline styles, or
get SVGO to do it for us, but inline the styles manually for now.

Note, that build-on-openbmc-logo.svg has no style tags, and does this by
default, even though they are very similar images.

Tested: Loaded webui. Logo loads properly.

Change-Id: I21c7a24ba49c85559f07fce859d81ed96a40a04f
Signed-off-by: Ed Tanous <ed@tanous.net>

show more ...

Pretty print svg logo

This file was likely exported out of Adobe Illistrator, which has some
less than desirable traits. Format the file such that it can be
modified.

Tested: Whitespace only. UI

Pretty print svg logo

This file was likely exported out of Adobe Illistrator, which has some
less than desirable traits. Format the file such that it can be
modified.

Tested: Whitespace only. UI loads image correctly

Change-Id: I8689ff0193f54608391a4c81fa72b16ed21a04be
Signed-off-by: Ed Tanous <ed@tanous.net>

show more ...

Update login page layout

This update will:

- Change the positioning of the form to be on the left
- Add the built on OpenBMC logo to the bottom right corner of the
screen
- Add the ability to inclu

Update login page layout

This update will:

- Change the positioning of the form to be on the left
- Add the built on OpenBMC logo to the bottom right corner of the
screen
- Add the ability to include a GUI custom name using a .env variable.
If the variable is not present, the login page will not include the <h1>
section heading element.
- Remove the word "logo" from the alt attribute for the company logo
image used in the application header and on the login page.

Github story: https://github.com/openbmc/webui-vue/issues/63

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

show more ...

Add processors table missing properties

- Add following missing properties: Name, Spare part number, Model,
Processor type, Processor architechure, Version, Health rollup,
Asset tag, Min speed MHz,

Add processors table missing properties

- Add following missing properties: Name, Spare part number, Model,
Processor type, Processor architechure, Version, Health rollup,
Asset tag, Min speed MHz, Max speed MHz, Total cores, Total threads,
Instruction set, Identify Led

- Design of the table has been updated

- Waiting for the following to be merged to test the Identify Led:
https://gerrit.openbmc-project.xyz/c/openbmc/bmcweb/+/37045

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

show more ...

Increase the filter menu margins

This will increase readability of filter menu options, by preventing
the wrapping up of long options/labels.

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

Increase the filter menu margins

This will increase readability of filter menu options, by preventing
the wrapping up of long options/labels.

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

show more ...

Remove <br /> from hardware status tables

Break tags are not semantic for definition lists.

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

Update toast layout to align header elements

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

Fix input icon being hidden on input focus

Both the datepicker and password fields have an assoicated icon. When
the input element receives focus the associated icons are hidden. This
is caused by a

Fix input icon being hidden on input focus

Both the datepicker and password fields have an assoicated icon. When
the input element receives focus the associated icons are hidden. This
is caused by a z-index issue and was a bug created when fixing another
bug that caused the datepicker icon from rendering above the table
batch actions toolbar.

Both bugs have been resolved with this patchset.

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

show more ...

Add DumpsStore API calls

Ties in API requests to the Dumps page and adds ability to:
- Create new System or BMC dump
- Delete single or multiple BMC dumps. Uses ClearLog service to
delete all and

Add DumpsStore API calls

Ties in API requests to the Dumps page and adds ability to:
- Create new System or BMC dump
- Delete single or multiple BMC dumps. Uses ClearLog service to
delete all and DELETE request for single dump deletion

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

show more ...

Fix table date filter calendar icon issue

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

Fix pixelated toggle element

On some screens, the toggle element is pixelated due to the border
color. When looking at Bootstrap default styles, they use the same
color for both the toggle element's

Fix pixelated toggle element

On some screens, the toggle element is pixelated due to the border
color. When looking at Bootstrap default styles, they use the same
color for both the toggle element's background color and border color.
This change resolves the pixelation issue and follows the same pattern
as the Bootstrap component library.

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

show more ...

Align button icons

- Fixes button icon and text alignment
- App header buttons to be addressed separately
- Button documentation will be addressed in separate commit
- Aligns form input buttons: dat

Align button icons

- Fixes button icon and text alignment
- App header buttons to be addressed separately
- Button documentation will be addressed in separate commit
- Aligns form input buttons: datepicker, clear search, and password toggle
- Moves title from icon to button for icon only buttons
- Aligns validation icon with form input buttons

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

show more ...

Fix table row alignment and table head border

- Aligns content in table rows with expand and action buttons
- Adds border to table head

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

Fix table row alignment and table head border

- Aligns content in table rows with expand and action buttons
- Adds border to table head

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

show more ...

Fixed event logs pagination on small screen

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

Add style to left sidebar and app header

- Updated hover, active and focus state for left sidebar menu items.
- Add style guide for top header navigation.
- Add new white color logo.
- Add focus and

Add style to left sidebar and app header

- Updated hover, active and focus state for left sidebar menu items.
- Add style guide for top header navigation.
- Add new white color logo.
- Add focus and active state to current menu item.

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

show more ...

Add new style guide to global button style

- Updated new style guide for Primary, Secondary and Link button variants
- Changed box-shadow style from outer to inside on focus and active state
- Updat

Add new style guide to global button style

- Updated new style guide for Primary, Secondary and Link button variants
- Changed box-shadow style from outer to inside on focus and active state
- Updated font weight from bold to regular for normal buttons and font
weight bold for link button.

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

show more ...

Add updated table styles

- Refer below link for styles:
https://ibm.invisionapp.com/share/D8O06PPE32B#/screens

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

Add updated table styles

- Refer below link for styles:
https://ibm.invisionapp.com/share/D8O06PPE32B#/screens

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

show more ...

Add stacked table style for small screen

- Add style to the stacked table type for small screen only.

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

Add stacked table style for small screen

- Add style to the stacked table type for small screen only.

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

show more ...

Add changes related to SOL page

-Changes incorporated can be referred through below link:
-https://github.com/openbmc/webui-vue/issues/25

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Chang

Add changes related to SOL page

-Changes incorporated can be referred through below link:
-https://github.com/openbmc/webui-vue/issues/25

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

show more ...

Fix responsiveness of KVM

More info: https://github.com/openbmc/webui-vue/issues/24

Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com>
Change-Id: I150e7816ea08f462300566276ddbfc117e9f2e0c

Add icon to the toast component

- Add status icon to the toast component.
- Add a method that return title with associated icon.

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

Add icon to the toast component

- Add status icon to the toast component.
- Add a method that return title with associated icon.

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

show more ...

Update toast drop-shadow opacity

- Created sass variable for box shadow to be reused for
elements requiring box-shadow
- Update toast opacity to 0.3

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

Update toast drop-shadow opacity

- Created sass variable for box shadow to be reused for
elements requiring box-shadow
- Update toast opacity to 0.3

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

show more ...

Update style of modal title

New style guide uses h4 style for modal title

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

Remove not needed scroll on sensor page

Details: https://github.com/openbmc/webui-vue/issues/17

Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com>
Change-Id: I5c76219db954470dc72231e51ea0f20

Remove not needed scroll on sensor page

Details: https://github.com/openbmc/webui-vue/issues/17

Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com>
Change-Id: I5c76219db954470dc72231e51ea0f202016d6816

show more ...