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

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

Add Intel theme

Add Intel fonts, colours

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

Update checkboxes to match style guide

- Changes focus, checked and hover state
- Changes indeterminate checkbox style

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

Update checkboxes to match style guide

- Changes focus, checked and hover state
- Changes indeterminate checkbox style

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

show more ...

Update table filter action button style

- Update table filter action Clear all button style to Ghost button style.
- Now in active state button text became visible.

Signed-off-by: Suren Neware <sne

Update table filter action button style

- Update table filter action Clear all button style to Ghost button style.
- Now in active state button text became visible.

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

show more ...

Add form input field validation icons

Updates form validation to match updated style guide:
- Datepicker and password toggle form field
padding adjusted to accomodate validation icons
- Valid form

Add form input field validation icons

Updates form validation to match updated style guide:
- Datepicker and password toggle form field
padding adjusted to accomodate validation icons
- Valid form validation icon is hidden
- Adds carbon icons and enables validation icons in
IBM environment

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

show more ...