@rancher/shell 3.0.0-rc.6 → 3.0.0-rc.8

package/components/nav/TopLevelMenu.vue

@@ -76,58 +76,102 @@ export default {
       return this.clusters.length > this.maxClustersToShow;
     },
 
+    /**
+     * Filter mgmt clusters by
+     * 1. Harvester type 1 (filterOnlyKubernetesClusters)
+     * 2. Harvester type 2 (filterHiddenLocalCluster)
+     * 3. There's a matching prov cluster
+     *
+     * Convert remaining clusters to special format
+     */
     clusters() {
-      const all = this.$store.getters['management/all'](MANAGEMENT.CLUSTER);
-      let kubeClusters = filterHiddenLocalCluster(filterOnlyKubernetesClusters(all, this.$store), this.$store);
-      let pClusters = null;
+      if (!this.hasProvCluster) {
+        // We're filtering out mgmt clusters without prov clusters, so if the user can't see any prov clusters at all
+        // exit early
+        return [];
+      }
 
-      if (this.hasProvCluster) {
-        pClusters = this.$store.getters['management/all'](CAPI.RANCHER_CLUSTER);
-        const available = pClusters.reduce((p, c) => {
-          p[c.mgmt] = true;
+      const all = this.$store.getters['management/all'](MANAGEMENT.CLUSTER);
+      const mgmtClusters = filterHiddenLocalCluster(filterOnlyKubernetesClusters(all, this.$store), this.$store);
+      const provClusters = this.$store.getters['management/all'](CAPI.RANCHER_CLUSTER);
+      const provClustersByMgmtId = provClusters.reduce((res, provCluster) => {
+        if (provCluster.mgmt?.id) {
+          res[provCluster.mgmt.id] = provCluster;
+        }
 
-          return p;
-        }, {});
+        return res;
+      }, {});
 
+      return (mgmtClusters || []).reduce((res, mgmtCluster) => {
         // Filter to only show mgmt clusters that exist for the available provisioning clusters
         // Addresses issue where a mgmt cluster can take some time to get cleaned up after the corresponding
         // provisioning cluster has been deleted
-        kubeClusters = kubeClusters.filter((c) => !!available[c]);
-      }
+        if (!provClustersByMgmtId[mgmtCluster.id]) {
+          return res;
+        }
 
-      return kubeClusters?.map((x) => {
-        const pCluster = pClusters?.find((c) => c.mgmt?.id === x.id);
+        const pCluster = provClustersByMgmtId[mgmtCluster.id];
+
+        res.push({
+          id:              mgmtCluster.id,
+          label:           mgmtCluster.nameDisplay,
+          ready:           mgmtCluster.isReady && !pCluster?.hasError,
+          osLogo:          mgmtCluster.providerOsLogo,
+          providerNavLogo: mgmtCluster.providerMenuLogo,
+          badge:           mgmtCluster.badge,
+          isLocal:         mgmtCluster.isLocal,
+          isHarvester:     mgmtCluster.isHarvester,
+          pinned:          mgmtCluster.pinned,
+          description:     pCluster?.description || mgmtCluster.description,
+          pin:             () => mgmtCluster.pin(),
+          unpin:           () => mgmtCluster.unpin(),
+          clusterRoute:    { name: 'c-cluster-explorer', params: { cluster: mgmtCluster.id } }
+        });
 
-        return {
-          id:              x.id,
-          label:           x.nameDisplay,
-          ready:           x.isReady && !pCluster?.hasError,
-          osLogo:          x.providerOsLogo,
-          providerNavLogo: x.providerMenuLogo,
-          badge:           x.badge,
-          isLocal:         x.isLocal,
-          isHarvester:     x.isHarvester,
-          pinned:          x.pinned,
-          description:     pCluster?.description || x.description,
-          pin:             () => x.pin(),
-          unpin:           () => x.unpin(),
-          clusterRoute:    { name: 'c-cluster-explorer', params: { cluster: x.id } }
-        };
-      }) || [];
+        return res;
+      }, []);
     },
 
+    /**
+     * Filter clusters by
+     * 1. Not pinned
+     * 2. Includes search term
+     *
+     * Sort remaining clusters
+     *
+     * Reduce number of clusters if too many too show
+     *
+     * Important! This is used to show unpinned clusters OR results of search
+     */
     clustersFiltered() {
       const search = (this.clusterFilter || '').toLowerCase();
-      const out = search ? this.clusters.filter((item) => item.label?.toLowerCase().includes(search)) : this.clusters;
-      const sorted = sortBy(out, ['ready:desc', 'label']);
+      let localCluster = null;
 
-      // put local cluster on top of list always
-      // https://github.com/rancher/dashboard/issues/10975
-      if (sorted.findIndex((c) => c.id === 'local') > 0) {
-        const localCluster = sorted.find((c) => c.id === 'local');
-        const localIndex = sorted.findIndex((c) => c.id === 'local');
+      const filtered = this.clusters.filter((c) => {
+        // If we're searching we don't care if pinned or not
+        if (search) {
+          if (!c.label?.toLowerCase().includes(search)) {
+            return false;
+          }
+        } else if (c.pinned) {
+          // Not searching, not pinned, don't care
+          return false;
+        }
+
+        if (!localCluster && c.id === 'local') {
+          // Local cluster is a special case, we're inserting it at top so don't include in the middle
+          localCluster = c;
+
+          return false;
+        }
 
-        sorted.splice(localIndex, 1);
+        return true;
+      });
+
+      const sorted = sortBy(filtered, ['ready:desc', 'label']);
+
+      // put local cluster on top of list always - https://github.com/rancher/dashboard/issues/10975
+      if (localCluster) {
         sorted.unshift(localCluster);
       }
 
@@ -141,25 +185,45 @@ export default {
       this.searchActive = false;
 
       if (sorted.length >= this.maxClustersToShow) {
-        const sortedPinOut = sorted.filter((item) => !item.pinned).slice(0, this.maxClustersToShow);
-
-        return sortedPinOut;
-      } else {
-        return sorted.filter((item) => !item.pinned);
+        return sorted.slice(0, this.maxClustersToShow);
       }
+
+      return sorted;
     },
 
+    /**
+     * Filter clusters by
+     * 1. Not pinned
+     * 2. Includes search term
+     *
+     * Sort remaining clusters
+     *
+     * Reduce number of clusters if too many too show
+     *
+     * Important! This is hidden if there's a filter (user searching)
+     */
     pinFiltered() {
-      const out = this.clusters.filter((item) => item.pinned);
-      const sorted = sortBy(out, ['ready:desc', 'label']);
+      let localCluster = null;
+      const filtered = this.clusters.filter((c) => {
+        if (!c.pinned) {
+          // We only care about pinned clusters
+          return false;
+        }
+
+        if (c.id === 'local') {
+          // Special case, we're going to add this at the start so filter out
+          localCluster = c;
+
+          return false;
+        }
+
+        return true;
+      });
 
-      // put local cluster on top of list always
-      // https://github.com/rancher/dashboard/issues/10975
-      if (sorted.findIndex((c) => c.id === 'local') > 0) {
-        const localCluster = sorted.find((c) => c.id === 'local');
-        const localIndex = sorted.findIndex((c) => c.id === 'local');
+      const sorted = sortBy(filtered, ['ready:desc', 'label']);
 
-        sorted.splice(localIndex, 1);
+      // put local cluster on top of list always - https://github.com/rancher/dashboard/issues/10975
+      if (localCluster) {
         sorted.unshift(localCluster);
       }
 
@@ -167,7 +231,7 @@ export default {
     },
 
     pinnedClustersHeight() {
-      const pinCount = this.clusters.filter((item) => item.pinned).length;
+      const pinCount = this.pinFiltered.length;
       const height = pinCount > 2 ? (pinCount * 43) : 90;
 
       return `min-height: ${ height }px`;

package/components/nav/__tests__/TopLevelMenu.test.ts

@@ -5,7 +5,7 @@ import { mount, Wrapper } from '@vue/test-utils';
 // DISCLAIMER: This should not be added here, although we have several store requests which are irrelevant
 const defaultStore = {
   'management/byId':         jest.fn(),
-  'management/schemaFor':    jest.fn(),
+  'management/schemaFor':    () => ({}),
   'i18n/t':                  jest.fn(),
   'features/get':            jest.fn(),
   'prefs/theme':             jest.fn(),
@@ -21,7 +21,11 @@ describe('topLevelMenu', () => {
         mocks: {
           $store: {
             getters: {
-              'management/all': () => [{ name: 'whatever' }],
+              'management/all': () => [{
+                name: 'whatever',
+                id:   'an-id1',
+                mgmt: { id: 'an-id1' },
+              }],
               ...defaultStore
             },
           },
@@ -53,21 +57,21 @@ describe('topLevelMenu', () => {
               'management/all': () => [
                 {
                   name:        'x32-cwf5-name',
-                  id:          'x32-cwf5-id',
+                  id:          'an-id1',
                   mgmt:        { id: 'an-id1' },
                   nameDisplay: 'c-cluster',
                   isReady:     true
                 },
                 {
                   name:        'x33-cwf5-name',
-                  id:          'x33-cwf5-id',
+                  id:          'an-id2',
                   mgmt:        { id: 'an-id2' },
                   nameDisplay: 'a-cluster',
                   isReady:     true
                 },
                 {
                   name:        'x34-cwf5-name',
-                  id:          'x34-cwf5-id',
+                  id:          'an-id3',
                   mgmt:        { id: 'an-id3' },
                   nameDisplay: 'b-cluster',
                   isReady:     true
@@ -75,7 +79,7 @@ describe('topLevelMenu', () => {
                 {
                   name:        'local-name',
                   id:          'local',
-                  mgmt:        { id: 'an-id4' },
+                  mgmt:        { id: 'local' },
                   nameDisplay: 'local',
                   isReady:     true
                 },
@@ -112,21 +116,21 @@ describe('topLevelMenu', () => {
               'management/all': () => [
                 {
                   name:        'x32-cwf5-name',
-                  id:          'x32-cwf5-id',
+                  id:          'an-id1',
                   mgmt:        { id: 'an-id1' },
                   nameDisplay: 'c-cluster',
                   isReady:     true
                 },
                 {
                   name:        'x33-cwf5-name',
-                  id:          'x33-cwf5-id',
+                  id:          'an-id2',
                   mgmt:        { id: 'an-id2' },
                   nameDisplay: 'a-cluster',
                   isReady:     false
                 },
                 {
                   name:        'x34-cwf5-name',
-                  id:          'x34-cwf5-id',
+                  id:          'an-id3',
                   mgmt:        { id: 'an-id3' },
                   nameDisplay: 'b-cluster',
                   isReady:     true
@@ -134,7 +138,7 @@ describe('topLevelMenu', () => {
                 {
                   name:        'local-name',
                   id:          'local',
-                  mgmt:        { id: 'an-id4' },
+                  mgmt:        { id: 'local' },
                   nameDisplay: 'local',
                   isReady:     true
                 },
@@ -171,7 +175,7 @@ describe('topLevelMenu', () => {
               'management/all': () => [
                 {
                   name:        'x32-cwf5-name',
-                  id:          'x32-cwf5-id',
+                  id:          'an-id1',
                   mgmt:        { id: 'an-id1' },
                   nameDisplay: 'c-cluster',
                   isReady:     true,
@@ -179,7 +183,7 @@ describe('topLevelMenu', () => {
                 },
                 {
                   name:        'x33-cwf5-name',
-                  id:          'x33-cwf5-id',
+                  id:          'an-id2',
                   mgmt:        { id: 'an-id2' },
                   nameDisplay: 'a-cluster',
                   isReady:     true,
@@ -187,7 +191,7 @@ describe('topLevelMenu', () => {
                 },
                 {
                   name:        'x34-cwf5-name',
-                  id:          'x34-cwf5-id',
+                  id:          'an-id3',
                   mgmt:        { id: 'an-id3' },
                   nameDisplay: 'b-cluster',
                   isReady:     true,
@@ -196,7 +200,7 @@ describe('topLevelMenu', () => {
                 {
                   name:        'local-name',
                   id:          'local',
-                  mgmt:        { id: 'an-id4' },
+                  mgmt:        { id: 'local' },
                   nameDisplay: 'local',
                   isReady:     true,
                   pinned:      true
@@ -234,7 +238,7 @@ describe('topLevelMenu', () => {
               'management/all': () => [
                 {
                   name:        'x32-cwf5-name',
-                  id:          'x32-cwf5-id',
+                  id:          'an-id1',
                   mgmt:        { id: 'an-id1' },
                   nameDisplay: 'c-cluster',
                   isReady:     true,
@@ -242,7 +246,7 @@ describe('topLevelMenu', () => {
                 },
                 {
                   name:        'x33-cwf5-name',
-                  id:          'x33-cwf5-id',
+                  id:          'an-id2',
                   mgmt:        { id: 'an-id2' },
                   nameDisplay: 'a-cluster',
                   isReady:     true,
@@ -250,7 +254,7 @@ describe('topLevelMenu', () => {
                 },
                 {
                   name:        'x34-cwf5-name',
-                  id:          'x34-cwf5-id',
+                  id:          'an-id3',
                   mgmt:        { id: 'an-id3' },
                   nameDisplay: 'b-cluster',
                   isReady:     false,
@@ -259,7 +263,7 @@ describe('topLevelMenu', () => {
                 {
                   name:        'local-name',
                   id:          'local',
-                  mgmt:        { id: 'an-id4' },
+                  mgmt:        { id: 'local' },
                   nameDisplay: 'local',
                   isReady:     true,
                   pinned:      true
@@ -356,7 +360,7 @@ describe('topLevelMenu', () => {
   it('should show description if it is available on the mgmt cluster (relevant for RKE1/ember world)', async() => {
     const wrapper: Wrapper<InstanceType<typeof TopLevelMenu>> = mount(TopLevelMenu, {
       data: () => {
-        return { hasProvCluster: false, showPinClusters: true };
+        return { hasProvCluster: true, showPinClusters: true };
       },
 
       global: {
@@ -372,6 +376,7 @@ describe('topLevelMenu', () => {
                 {
                   name:        'whatever',
                   id:          'an-id1',
+                  mgmt:        { id: 'an-id1' },
                   description: 'some-description1',
                   nameDisplay: 'some-label',
                   isReady:     true,
@@ -381,6 +386,7 @@ describe('topLevelMenu', () => {
                 {
                   name:        'whatever',
                   id:          'an-id2',
+                  mgmt:        { id: 'an-id2' },
                   description: 'some-description2',
                   nameDisplay: 'some-label',
                   pinned:      true
@@ -389,6 +395,7 @@ describe('topLevelMenu', () => {
                 {
                   name:        'whatever',
                   id:          'an-id3',
+                  mgmt:        { id: 'an-id3' },
                   description: 'some-description3',
                   nameDisplay: 'some-label',
                   isReady:     true
@@ -397,6 +404,7 @@ describe('topLevelMenu', () => {
                 {
                   name:        'whatever',
                   id:          'an-id4',
+                  mgmt:        { id: 'an-id4' },
                   description: 'some-description4',
                   nameDisplay: 'some-label'
                 },
@@ -466,7 +474,11 @@ describe('topLevelMenu', () => {
             mocks: {
               $store: {
                 getters: {
-                  'management/all': () => [{ nameDisplay: 'something else' }],
+                  'management/all': () => [{
+                    id:          'an-id1',
+                    mgmt:        { id: 'an-id1' },
+                    nameDisplay: 'something else'
+                  }],
                   ...defaultStore
                 },
               },
@@ -489,7 +501,12 @@ describe('topLevelMenu', () => {
             mocks: {
               $store: {
                 getters: {
-                  'management/all': () => [{ nameDisplay: 'something else', pinned: true }],
+                  'management/all': () => [{
+                    id:          'an-id1',
+                    mgmt:        { id: 'an-id1' },
+                    nameDisplay: 'something else',
+                    pinned:      true
+                  }],
                   ...defaultStore
                 },
               },
@@ -515,7 +532,11 @@ describe('topLevelMenu', () => {
             mocks: {
               $store: {
                 getters: {
-                  'management/all': () => [{ nameDisplay: search }],
+                  'management/all': () => [{
+                    id:          'an-id1',
+                    mgmt:        { id: 'an-id1' },
+                    nameDisplay: search
+                  }],
                   ...defaultStore
                 },
               },
@@ -540,7 +561,12 @@ describe('topLevelMenu', () => {
             mocks: {
               $store: {
                 getters: {
-                  'management/all': () => [{ nameDisplay: search, pinned: true }],
+                  'management/all': () => [{
+                    nameDisplay: search,
+                    pinned:      true,
+                    id:          'an-id1',
+                    mgmt:        { id: 'an-id1' },
+                  }],
                   ...defaultStore
                 },
               },

package/config/labels-annotations.js

@@ -11,6 +11,7 @@ export const CATTLE_PUBLIC_ENDPOINTS = 'field.cattle.io/publicEndpoints';
 export const TARGET_WORKLOADS = 'field.cattle.io/targetWorkloadIds';
 export const UI_MANAGED = 'management.cattle.io/ui-managed';
 export const CREATOR_ID = 'field.cattle.io/creatorId';
+export const CREATOR_PRINCIPAL_ID = 'field.cattle.io/creator-principal-name';
 export const RESOURCE_QUOTA = 'field.cattle.io/resourceQuota';
 export const AZURE_MIGRATED = 'auth.cattle.io/azuread-endpoint-migrated';
 export const WORKSPACE_ANNOTATION = 'objectset.rio.cattle.io/id';
@@ -90,11 +91,12 @@ export const CATALOG = {
   _CLUSTER_TPL:  'cluster-template',
   _CLUSTER_TOOL: 'cluster-tool',
 
-  COMPONENT:        'catalog.cattle.io/ui-component',
-  SOURCE_REPO_TYPE: 'catalog.cattle.io/ui-source-repo-type',
-  SOURCE_REPO_NAME: 'catalog.cattle.io/ui-source-repo',
-  COLOR:            'catalog.cattle.io/ui-color',
-  DISPLAY_NAME:     'catalog.cattle.io/display-name',
+  COMPONENT:         'catalog.cattle.io/ui-component',
+  SOURCE_REPO_TYPE:  'catalog.cattle.io/ui-source-repo-type',
+  SOURCE_REPO_NAME:  'catalog.cattle.io/ui-source-repo',
+  COLOR:             'catalog.cattle.io/ui-color',
+  DISPLAY_NAME:      'catalog.cattle.io/display-name',
+  CLUSTER_REPO_NAME: 'catalog.cattle.io/cluster-repo-name',
 
   SUPPORTED_OS: 'catalog.cattle.io/os',
   PERMITTED_OS: 'catalog.cattle.io/permits-os',
@@ -172,3 +174,5 @@ export const SYSTEM_LABELS = [
   'node.kubernetes.io',
   'egress.rke2.io'
 ];
+
+export const CLOUD_CREDENTIALS = { EXPIRATION: 'rancher.io/expiration-timestamp' };

package/core/types.ts

@@ -26,7 +26,7 @@ export type CoreStoreInit = (store: any, ctx: any) => void;
 export type RegisterStore = () => (store: any) => void
 export type UnregisterStore = (store: any) => void
 
-export type PluginRouteRecordRaw = {parent?: string, route: RouteRecordRaw}
+export type PluginRouteRecordRaw = { [key: string]: any }
 
 export type OnEnterLeavePackageConfig = {
   clusterId: string,
@@ -235,7 +235,7 @@ export interface ProductOptions {
   /**
    * The route that the product will lead to if click on in navigation.
    */
-  to?: Location;
+  to?: PluginRouteRecordRaw;
 
   /**
    * Leaving these here for completeness but I don't think these should be advertised as useable to plugin creators.

package/detail/provisioning.cattle.io.cluster.vue

@@ -573,10 +573,6 @@ export default {
     }
   },
 
-  mounted() {
-    window.c = this;
-  },
-
   methods: {
     toggleScaleDownModal( event, resources ) {
       // Check if the user held alt key when an action is clicked.

package/edit/auth/googleoauth.vue

@@ -196,7 +196,7 @@ export default {
                 class="role-tertiary add mt-5"
                 :label="t('generic.readFromFile')"
                 :mode="mode"
-                @selected="$set(model, 'oauthCredential', $event)"
+                @selected="model.oauthCredential = $event"
               />
             </div>
           </div>
@@ -231,7 +231,7 @@ export default {
                 class="role-tertiary add mt-5"
                 :label="t('generic.readFromFile')"
                 :mode="mode"
-                @selected="$set(model, 'serviceAccountCredential', $event)"
+                @selected="model.serviceAccountCredential = $event"
               />
             </div>
           </div>

package/edit/auth/ldap/config.vue

@@ -120,7 +120,7 @@ export default {
           :step="1"
           :mode="mode"
           :label="t('authConfig.ldap.port')"
-          @update:value="e=>$set(model, 'port', e.replace(/[^0-9]*/g, ''))"
+          @update:value="e=> model.port = e.replace(/[^0-9]*/g, '')"
         />
       </div>
 
@@ -158,7 +158,7 @@ export default {
           class="role-tertiary add mt-5"
           :label="t('generic.readFromFile')"
           :mode="mode"
-          @selected="$set(model, 'certificate', $event)"
+          @selected="model.certificate = $event"
         />
       </div>
     </div>

package/edit/auth/oidc.vue

@@ -233,7 +233,7 @@ export default {
               class="role-tertiary add mt-5"
               :label="t('generic.readFromFile')"
               :mode="mode"
-              @selected="$set(model, 'privateKey', $event)"
+              @selected="model.privateKey = $event"
             />
           </div>
           <div class="col span-6">
@@ -248,7 +248,7 @@ export default {
               class="role-tertiary add mt-5"
               :label="t('generic.readFromFile')"
               :mode="mode"
-              @selected="$set(model, 'certificate', $event)"
+              @selected="model.certificate = $event"
             />
           </div>
         </div>

package/edit/autoscaling.horizontalpodautoscaler/metrics-row.vue

@@ -84,29 +84,28 @@ export default {
 
   watch: {
     'value.type'(neuType, oldType) {
-      const { $set } = this;
       let resourceSpec, podSpec, objectSpec, externalSpec;
 
       switch (neuType) {
       case 'External':
         externalSpec = this.initExternalSpec();
 
-        $set(this.value, 'external', externalSpec);
+        this.value.external = externalSpec;
         break;
       case 'Object':
         objectSpec = this.initObjectSpec();
 
-        $set(this.value, 'object', objectSpec);
+        this.value.object = objectSpec;
         break;
       case 'Pods':
         podSpec = this.initPodsSpec();
 
-        $set(this.value, 'pods', podSpec);
+        this.value.pods = podSpec;
         break;
       case 'Resource':
         resourceSpec = this.initResourceSpec();
 
-        $set(this.value, 'resource', resourceSpec.resource);
+        this.value.resource = resourceSpec.resource;
         break;
       default:
         break;

package/edit/management.cattle.io.project.vue

@@ -14,7 +14,7 @@ import { MANAGEMENT } from '@shell/config/types';
 import { NAME } from '@shell/config/product/explorer';
 import { PROJECT_ID, _VIEW, _CREATE, _EDIT } from '@shell/config/query-params';
 import ProjectMembershipEditor, { canViewProjectMembershipEditor } from '@shell/components/form/Members/ProjectMembershipEditor';
-
+import { CREATOR_PRINCIPAL_ID } from '@shell/config/labels-annotations';
 import { HARVESTER_NAME as HARVESTER } from '@shell/config/features';
 import { Banner } from '@components/Banner';
 
@@ -103,6 +103,9 @@ export default {
     this.value.metadata['namespace'] = this.$store.getters['currentCluster'].id;
     this.value['spec'] = this.value.spec || {};
     this.value.spec['containerDefaultResourceLimit'] = this.value.spec.containerDefaultResourceLimit || {};
+    if (!this.$store.getters['auth/principalId'].includes('local://')) {
+      this.value.metadata.annotations[CREATOR_PRINCIPAL_ID] = this.$store.getters['auth/principalId'];
+    }
   },
   methods: {
     async save(saveCb) {

package/edit/monitoring.coreos.com.alertmanagerconfig/auth.vue

@@ -64,11 +64,7 @@ export default {
     initializeType(authOptions, type) {
       authOptions.forEach((authOption) => {
         if (authOption.value === type && type !== 'none') {
-          this.$set(
-            this.value,
-            authOption.value,
-            this.value[authOption.value] || authOption.default
-          );
+          this.value.authOption.value = this.value[authOption.value] || authOption.default;
         } else if (typeof this.value[authOption.value] !== 'undefined') {
           delete this.value[authOption.value];
         }

package/edit/monitoring.coreos.com.alertmanagerconfig/types/slack.vue

@@ -28,11 +28,7 @@ export default {
     this.value['sendResolved'] = this.value.sendResolved || false;
 
     if (this.mode === _CREATE) {
-      this.$set(
-        this.value,
-        'text',
-        this.value.text || '{{ template "slack.rancher.text" . }}'
-      );
+      this.value.text = this.value.text || '{{ template "slack.rancher.text" . }}';
     }
 
     return {