Commit Graph

3 Commits

Author SHA1 Message Date
Cody Jackson 54874e0262 Add the card components necessary for the new detail page
This change will not affect any rendering currently in master
2025-06-12 17:14:56 -07:00
Phillip Rak 6b863a63c2
Revert Vue 3.5 features added to dashboard to maintain compatibility with Vue 3.2 (#13880)
* Replace `useTemplateRef` with `ref` for Vue 3.2.47 compatibility

`useTemplateRef` was added to Vue 3.5, but cannot be used in extensions that might be installed in Rancher 2.10 because that has a dependency on Vue 3.2.

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Replace Reactive Props Destructure with `withDefaults` macro

Reactive Props Destructure was added to Vue 3.5, but cannot be used in extensions that might be installed in Rancher 2.10 because that has a dependency on Vue 3.2.

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Add feature flag to conditionally render dropdown menu in tables

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

---------

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
2025-03-27 11:18:56 +00:00
Giuseppe Leo 28c8b69135
Create page for SCC registration for Rancher Prime (#13591)
* Add initial configuration and data for the registration in Prime extension

* Fix routing issues

* Correct import for components and i18n hook

* Correct markup to match requirements

* Add deregistration; Set shared patch logic with temporary timeout for emulation

* Disable buttons if inputs are empty

* Enable i18n by removing comment for import types; corrected strings

* Set i18n dynamic values and HTML

* Adapt layout paddings

* Correct i18n deregistration

* Add error case

* Update UX to avoid shifting content

* Correct navigation issue; Replaced hardcoded label with i18n key

* Update UI to use file downloader and uploader

* Add IconMessage component

* Replace text notification with banners

* Create view state for registration process; Add comments and bind computed properties

* Correct line break

* Prevent input to be edited while registering

* Add tests for all the input cases combination

* Set useI18n mock globally

* Correct inputs definitions; add store mock; add card stub

* Mute all the Vue console warnings

* Mock initial status of the component

* Define status for input checks; Add CTA tests

* Add de-registering status

* Increase readibility of the markup

* Revert de-registration status

* Update tests format; Correct cases; Add button effects cases

* Create StatusBadge

* Replace Banner with StatusBadge; update i18n

* Bump eslint-plugin-vue to accept new linting rules for 3.5

* Update TODO notes

* Restore Prime env var condition

* Prevent StatusBadge color change inherited from parent components (e.g. card)

* Add StatusBadge story

* Fix linting issues

* Disable new rule for existing code
2025-03-14 15:52:57 +01:00