Commit Graph

22 Commits

Author SHA1 Message Date
momesgin 6f251c8bf9
Extensions page design changes (#15522)
* update extensions tabs

* update version on cards + display date + update tooltips

* taking care of actions

* taking care of PluginInfoPanel

* update unit test file format

* unit tests

* add icon to the action button on the modals

* fix the modal's title and subtitle messages

* display tags on the info panel

* capitalize built-in

* remove unused code + update comments

* minor refactor

* keep active tab on refresh + rename

* fix spinning icon on the modal

* fix uninstalling icon

* update extensions po and e2e tests

* fix test

* fix import

* fix test

* fix flickering

* update installed tooltip

* fix test

* add back tests and fix warnings

---------

Co-authored-by: Mo Mesgin <mmesgin@Mos-M2-MacBook-Pro.local>
2025-10-03 09:09:52 -07:00
momesgin ef6d0a8ffb
15200 extensions page (#15224)
* update uiplugins page to use rc-item-card

* update tests

* fix tests

* fix selector

* fix visibility checks

* fix tests

* hide banner when loading

* remove wrong v-once

* styling

* fix import

* fix header actions alignment

* styling

* minor refactor

* unit tests

* minor refactor

* fix error statuses

* replace non-working useAttrs with a prop

* fix panel getting closed immediately

* consider footerItem type being optional when it's used

---------

Co-authored-by: Mo Mesgin <mmesgin@Mos-M2-MacBook-Pro.local>
2025-08-29 17:59:32 -07:00
Jiri Tomasek c5b4d8114e
Handle UI plugins with chart version and appVersion not matching (#14207)
* Handle UI plugins with chart version and appVersion not matching

This change adds handling for UIPlugins which are installed from charts
where chart version and chart appVersion don't match.

- Determine plugin upgradability by comparing UIPlugin version with chart appVersion
with a fallback to chart version if appVersion is not available
- Update PluginInfoPanel to handle plugin version not matching chart version by checking
appVersion first
- Update InstallDialog to handle plugin version not matching chart version by checking
appVersion first
- Display plugin versions in `appVersion (chart version)` format if appVersion differs
from chart version

Fixes issue https://github.com/rancher/dashboard/issues/14204

* Add tests for uiplugins chartversion utils
2025-07-31 14:52:21 +01:00
Alexandre Alves faa7fe3b60
A11y report fixes (#14530)
* fix item 2: All page content should be contained by landmarks

* fix item 4. Elements must only use permitted ARIA attributes

* fix item 6. ARIA attributes must conform to valid values

* fix bug on item 6. and fix item 7. <ul> and <ol> must only directly contain <li>, <script> or <template> elements

* fix item 8. Interactive controls must not be nested

* fix item 10. ARIA toggle fields must have an accessible name

* fix item 11. autocomplete attribute must be used correctly

* fix item 12. Form elements must have labels

* fix item 14. ARIA input fields must have an accessible name

* fix item 15. Buttons must have discernible text

* fix item 16. Images must have alternative text

* working on item 17

* finish fix item 17. ARIA role should be appropriate for the element

* fix wrong role in hidden inputs

* address pr comments
2025-07-10 10:09:09 +01:00
Alexandre Alves 0c411e96d3
Keyboard nav for extensions main screen (#13176)
* working on focus trap composable

* working on slide in panel refactor

* add change so that we dont have a change on the component diff

* fix slidein extension details panel key nav

* fine tune cluster badge trigger btn

* finish work on extensions page

* fix lint errors

* address pr comments

* fix problems of propagation

* update return focus for some modals in the extensions main screen

* remove dead code + fix focus selector return for add extensions repo and developer install modals
2025-02-11 10:47:55 +00:00
Alexandre Alves bc51a79005 apply some fixes for extensions logic in light of Vue3 migration 2024-09-30 18:11:13 +01:00
Alexandre Alves eb426680dd
forward-port PRs 11997 and 12018 (#12046) 2024-09-30 18:10:36 +01:00
Cody Jackson 9b829c55ea Ran `yarn lint --fix` 2024-08-22 16:05:36 -07:00
Cody Jackson d5ce4fff2e Run the vue3 migration script
Commands run:

➤ yarn migrate
➤ git clean -fdx
➤ nvm use 20
➤ yarn
2024-08-22 16:05:36 -07:00
Alexandre Alves 49b5cd356c
Handle extensions that are already installed and shouldn't run in a particular kube version (#9128)
* add logic to display message on installed extension card to warn user when kube version for installed extension is not met + add logic to disable version buttons on info side panel

* add code comment

* minor cleanup

---------

Co-authored-by: Alexandre Alves <aalves@Alexandres-MBP.lan>
2023-07-10 10:13:35 +01:00
Giuseppe Leo 01eeb0548f
Add recommended lint rules globally (#8997)
* Update configuration

* Create default config for eslint

* Restore plugin:vue/recommended

* Add exceptions and overrides

* Correct manually remaining issues

* Adding further picked exceptions groupped up

* Fix or disable specific cases manually and singularly

* Add naming linting exception

* Remove unused variable in component

* Move rules to default

* Autocorrect rancher/components linting issues

* Configure VSCode to use multiple files, to display linting for rancher components

* Disable jest lint hook restriction for string list component

* Autofix
2023-06-23 17:02:55 +02:00
Phillip Rak ade3c9f4e7 Replace all instances of `v-tooltip` with `v-clean-tooltip`
Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
2023-05-18 15:39:14 -07:00
Alexandre Alves 3fa7f59b08
fix issue with plugins panel versions button wrap (#8320)
Co-authored-by: Alexandre Alves <aalves@Alexandres-MBP.lan>
2023-03-02 11:06:53 +00:00
Alexandre Alves 44f238330c
add logic around limiting extensions to a specific ui-version (#8200)
* add logic around limiting extensions to a specific ui-version

* fix semver version comparison to use rancher version

* fix version fetching for ui-rancher annotation on extensions

* ignore checks for head versions (hash) on ui-version annotation for extensions

---------

Co-authored-by: Alexandre Alves <aalves@Alexandres-MBP.lan>
2023-02-21 14:02:28 +00:00
Neil MacDougall 4bb0168444
Improve presentation of Harvester Manager Built-in Extension (#8004)
* Improve presentation of VM Built-in Extension

* Update description following PR feedback
2023-02-09 20:15:34 +00:00
Alexandre Alves 6516e094b8
Extensions enhancements (#7777)
* add extensions API methods
---------

Co-authored-by: Alexandre Alves <aalves@Alexandres-MBP.lan>
Co-authored-by: Alexandre Alves <aalves@Alexandres-MacBook-Pro.local>
Co-authored-by: Neil MacDougall <nmacdougall@suse.com>
Co-authored-by: Richard Cox <richard.cox@suse.com>
2023-02-09 10:58:29 +00:00
Alexandre Alves 191faf2e0c
capitalise extension titles (#7709)
* capitalise extension titles

* add white bg to extension icons on dark mode

Co-authored-by: Alexandre Alves <aalves@Alexandres-MacBook-Pro.local>
Co-authored-by: Alexandre Alves <aalves@Alexandres-MBP.lan>
2022-12-19 09:54:16 +00:00
Ilya Artamonov 3ebf308a60
Fixed top offset if header banner is enabled (#7499)
* fix: Fixed top offset if header banner is enabled
2022-11-23 09:54:05 +01:00
Giuseppe Leo d2d4122bc0
Review HTML formatting rules (#6805)
* Prevent ESLint to format generated paths

* Add HTML ESLint Rules

* Format all the Vue HTML templates except Harvester

* Exclude Harvester package from linting HTML, keeping old formatting rules
2022-11-11 17:04:22 +01:00
Neil MacDougall 9d45f766ad
Minor plugin tweaks (#7161)
* Various fixes

* Error handling

* Fix lint

* Limit description length

* Only use system registry for Rancher images

* Change way we set defautl system registry

* Minor tweaks

* Fix bad rebase on this file

* Fix rebase issue

* Add link to manage repos
2022-10-13 14:22:02 +01:00
Neil MacDougall f18082c20f
Plugin tweaks (#7095)
* Minor improvements

* Various fixes

* Fix developer load of plugins with '-' character in name

* IImprove installation detecttion and extensions naming

* Fix one more string

* Update placeholder icon

* Change pref string to Extensions

* Change icon and error handlers

* Error handling

* Fix lint

* Limit description length

* Ensure info panel readme info scrolls vertically for content

* Fix lint

* Fix bug where plugins don't load on fresh login or a login after logout

* Add chart compatbility filtering

* PR feedback

* Add check for access to ui plugin schema

* Update string following PR feedback

* Fix GitHub auth

* Fix lint

* Write in default system registry when we are installing the operator

* Fix issue where stuck installing on upgrade/rollback

* Fix bugs and tidy up plugin install/uninstall feedback in UI

* Only use system registry for Rancher images

* One more tweak to fix status on upgrade operation

* Fix extensions page reloading plugins

* Add message to reload the browser

* Fix reload notice for uninstall

* Change way we set defautl system registry
2022-10-10 17:13:24 +01:00
Neil MacDougall 80eeacfb41
Plugins: Add UI to manage plugins (#6973)
* WIP: Working version

* Further refinement

* Working version

* Refactor to a product

* i18n

* Fix lint and tidy comments

* Empty-Commit

* Bump e2e

* Latest fixes, i18n

* Fix lint

* Fix lint issues

* Fix imports for standlone plugin build

* Only load plugins in dev

* Fix lint issue

* Fix template errors

* Fix operator setup

* Fix menu actions

* Address PR feedback

* Address PR feedback

* Add new preference for plugin developer

* Update icon support

* Add third-party and experimental banners to slide-in

* Add support for update/rollback of a plugin

* Address PR feedback - i18n

* i18n - one more string localised

* i18n - one more string localised

* Minor visual tidy ups

* Use banner for install warning

* Fix saefMode

* Fix lint

* Add some responsiveness to the cards page

* Fix lint

* Bump PR

* Add debug to list coverage reports
2022-10-04 13:16:54 +01:00