Deprecate ember-based UI Plugins (#5230)

Author: nwmac

app/authenticated/cluster/edit/template.hbs

@@ -7,7 +7,7 @@
 <BannerMessage
   @color="bg-warning"
   @icon="icon-alert"
-  @message={{t "clustersPage.rke1DeprecationMessage" htmlSafe=true}}
+  @message={{t "clustersPage.emberDeprecationMessage" htmlSafe=true}}
 />
 
 <CruCluster

lib/global-admin/addon/clusters/new/route.js

@@ -11,6 +11,7 @@ import { get, set } from '@ember/object';
 
 export default Route.extend({
   globalStore: service(),
+  intl:        service(),
 
   model() {
     const gs = this.globalStore;
@@ -33,7 +34,7 @@ export default Route.extend({
 
   afterModel(model) {
     // load the css/js url here, if the url loads fail we should error the driver out
-    // show the driver in the ui, greyed out, and possibly add error text "can not load comonent from url [put url here]"
+    // show the driver in the ui, greyed out, and possibly add error text "can not load component from url [put url here]"
     let { kontainerDrivers } = model;
     let externalDrivers      = kontainerDrivers.filter( (d) => d.uiUrl !== '' && d.state === 'active');
     let promises = {};
@@ -59,6 +60,12 @@ export default Route.extend({
             let match = kontainerDrivers.findBy('id', tmp);
 
             console.log('Error Loading External Component for: ', match);
+
+            // Try and find by name if we could not find by id
+            if (!match) {
+              match = kontainerDrivers.findBy('name', tmp);
+            }
+
             if (match && get(match, 'scriptError') !== true) {
               set(match, 'scriptError', get(this, 'intl').t('clusterNew.externalError'));
             }

lib/global-admin/addon/clusters/new/template.hbs

@@ -23,7 +23,7 @@
   <BannerMessage
     @color="bg-warning"
     @icon="icon-alert"
-    @message={{t "clustersPage.rke1DeprecationMessage" htmlSafe=true}}
+    @message={{t "clustersPage.emberDeprecationMessage" htmlSafe=true}}
   />
   {{outlet}}
 </section>

lib/shared/addon/components/cru-cluster/component.js

@@ -468,6 +468,24 @@ export default Component.extend(ViewNewEdit, ChildHook, {
     return true;
   }),
 
+  hasDriverComponentError: computed('showDriverComponent', function() {
+    const {
+      provider,
+      kontainerDrivers,
+    } = this;
+
+    if (kontainerDrivers?.custom) {
+      const driver = kontainerDrivers.custom.find((d) => d.id === provider || d.name === provider);
+
+      if (driver) {
+        // Return whether the driver has a script error
+        return !!driver.scriptError;
+      }
+    }
+
+    return false;
+  }),
+
   doSave(opt) {
     opt = opt || {};
     opt.qp = { '_replace': 'true' };