@rancher/shell 0.2.4 → 0.3.0

package/dialog/AddProjectMemberDialog.vue

@@ -9,7 +9,7 @@ export default {
     ProjectMemberEditor
   },
 
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true
@@ -18,7 +18,7 @@ export default {
 
   data() {
     return {
-      member:       {
+      member: {
         permissionGroup: 'member',
         custom:          {},
         principalId:     '',
@@ -76,34 +76,34 @@ export default {
 </script>
 
 <template>
-  <Card
-    class="prompt-rotate"
-    :show-highlight-border="false"
-    :sticky="true"
+  <Card
+    class="prompt-rotate"
+    :show-highlight-border="false"
+    :sticky="true"
   >
-    <h4
-      slot="title"
-      class="text-default-text"
-      v-html="t('addProjectMemberDialog.title')"
+    <h4
+      slot="title"
+      class="text-default-text"
+      v-html="t('addProjectMemberDialog.title')"
     />
 
-    <div
-      slot="body"
-      class="pl-10 pr-10"
+    <div
+      slot="body"
+      class="pl-10 pr-10 pb-10"
     >
-      <ProjectMemberEditor
-        v-model="member"
-        :use-two-columns-for-custom="true"
+      <ProjectMemberEditor
+        v-model="member"
+        :use-two-columns-for-custom="true"
       />
     </div>
 
-    <div
-      slot="actions"
-      class="buttons"
+    <div
+      slot="actions"
+      class="buttons"
     >
-      <button
-        class="btn role-secondary mr-10"
-        @click="close"
+      <button
+        class="btn role-secondary mr-10"
+        @click="close"
       >
         {{ t('generic.cancel') }}
       </button>
@@ -127,3 +127,10 @@ export default {
     width: 100%;
   }
 </style>
+
+<style lang="scss">
+  .card-container {
+    border: 1px solid var(--border);
+    box-shadow: none;
+  }
+</style>

package/dialog/AddonConfigConfirmationDialog.vue

@@ -7,7 +7,7 @@ export default {
     Card,
     AsyncButton,
   },
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true

package/dialog/DiagnosticTimingsDialog.vue

@@ -12,7 +12,7 @@ export default {
     Banner,
   },
 
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true

package/dialog/DrainNode.vue

@@ -18,7 +18,7 @@ export default {
     UnitInput
   },
 
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true
@@ -28,35 +28,35 @@ export default {
   data() {
     return {
       radioOptions: [{
-        label:   this.t('generic.yes'),
+        label: this.t('generic.yes'),
         value: true,
       }, {
-        label:   this.t('generic.no'),
+        label: this.t('generic.no'),
         value: false,
       }],
       gracePeriodOptions: [{
-        label:   this.t('drainNode.gracePeriod.default'),
+        label: this.t('drainNode.gracePeriod.default'),
         value: false,
       }, {
-        label:   this.t('drainNode.gracePeriod.custom'),
+        label: this.t('drainNode.gracePeriod.custom'),
         value: true,
       }],
       timeoutOptions: [{
-        label:   this.t('drainNode.timeout.default'),
+        label: this.t('drainNode.timeout.default'),
         value: false,
       }, {
-        label:   this.t('drainNode.timeout.custom'),
+        label: this.t('drainNode.timeout.custom'),
         value: true,
       }],
 
       gracePeriod: false,
       timeout:     false,
 
-      body:        {
-        deleteLocalData:  false,
-        force:            false,
-        gracePeriod:      null,
-        timeout:          null
+      body: {
+        deleteLocalData: false,
+        force:           false,
+        gracePeriod:     null,
+        timeout:         null
       },
 
       EDIT: _EDIT,

package/dialog/ForceMachineRemoveDialog.vue

@@ -15,7 +15,7 @@ export default {
     CopyToClipboardText
   },
 
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true

package/dialog/GenericPrompt.vue

@@ -10,7 +10,7 @@ export default {
     AsyncButton,
     Banner,
   },
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true

package/dialog/RollbackWorkloadDialog.vue

@@ -36,7 +36,7 @@ export default {
     Banner,
     YamlEditor,
   },
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true
@@ -44,12 +44,12 @@ export default {
   },
   data() {
     return {
-      errors:             [],
-      selectedRevision:   null,
-      currentRevision:    null,
-      revisions:          [],
-      editorMode:         EDITOR_MODES.DIFF_CODE,
-      showDiff:           false,
+      errors:           [],
+      selectedRevision: null,
+      currentRevision:  null,
+      revisions:        [],
+      editorMode:       EDITOR_MODES.DIFF_CODE,
+      showDiff:         false,
     };
   },
   computed: {
@@ -78,7 +78,7 @@ export default {
       // kubectl rollout undo deployment/[deployment name] --to-revision=[revision number] -v=8
       const body = [
         {
-          op:      'replace',
+          op:    'replace',
           path:  '/spec/template',
           value: {
             metadata: {

package/dialog/RotateCertificatesDialog.vue

@@ -28,12 +28,12 @@ export default {
   data() {
     return {
       selectedService:   '',
-      rotateAllServices:     true,
+      rotateAllServices: true,
       errors:            []
     };
   },
 
-  computed:   {
+  computed: {
     cluster() {
       return this.resources?.[0];
     },
@@ -105,8 +105,8 @@ export default {
           const currentGeneration = this.cluster.spec?.rkeConfig?.rotateCertificates?.generation || 0;
 
           set(this.cluster, 'spec.rkeConfig.rotateCertificates', {
-            generation:     currentGeneration + 1,
-            services:       (this.selectedService && !this.rotateAllServices) ? [this.selectedService] : []
+            generation: currentGeneration + 1,
+            services:   (this.selectedService && !this.rotateAllServices) ? [this.selectedService] : []
           });
 
           await this.cluster.save();

package/dialog/RotateEncryptionKeyDialog.vue

@@ -18,7 +18,7 @@ export default {
     Banner,
   },
 
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true

package/dialog/SaveAsRKETemplateDialog.vue

@@ -14,7 +14,7 @@ export default {
     Banner,
     LabeledInput,
   },
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true

package/dialog/ScaleMachineDownDialog.vue

@@ -6,7 +6,7 @@ import GenericPrompt from './GenericPrompt';
 export default {
   components: { GenericPrompt },
 
-  props:      {
+  props: {
     resources: {
       type:     Array,
       required: true

package/edit/__tests__/management.cattle.io.setting.test.ts

@@ -5,7 +5,7 @@ import { SETTING } from '@shell/config/settings';
 describe('management.cattle.io.setting should', () => {
   const requiredSetup = () => ({
     // Remove all these mocks after migration to Vue 2.7/3 due mixin logic
-    mocks:     {
+    mocks: {
       $store: {
         getters: {
           currentStore:              () => 'current_store',

package/edit/auth/azuread.vue

@@ -76,8 +76,8 @@ export default {
 
   data() {
     return {
-      endpoint:          'standard',
-      oldEndpoint:        false,
+      endpoint:    'standard',
+      oldEndpoint: false,
 
       // Storing the applicationSecret is necessary because norman doesn't support returning secrets and when we
       // override the steve authconfig with a norman config the applicationSecret is lost

package/edit/auth/github.vue

@@ -39,8 +39,8 @@ export default {
 
   data() {
     return {
-      targetType:    'public',
-      targetUrl:     null,
+      targetType: 'public',
+      targetUrl:  null,
     };
   },
 

package/edit/auth/ldap/index.vue

@@ -28,16 +28,16 @@ export default {
 
   data() {
     return {
-      username:      null,
-      password:      null
+      username: null,
+      password: null
     };
   },
 
   computed: {
     tArgs() {
       return {
-        provider:  this.displayName,
-        username:  this.principal.loginName || this.principal.name,
+        provider: this.displayName,
+        username: this.principal.loginName || this.principal.name,
       };
     },
 

package/edit/auth/oidc.vue

@@ -46,9 +46,9 @@ export default {
   computed: {
     tArgs() {
       return {
-        baseUrl:   this.serverSetting,
-        provider:  this.displayName,
-        username:  this.principal.loginName || this.principal.name,
+        baseUrl:  this.serverSetting,
+        provider: this.displayName,
+        username: this.principal.loginName || this.principal.name,
       };
     },
 

package/edit/auth/saml.vue

@@ -32,9 +32,9 @@ export default {
   computed: {
     tArgs() {
       return {
-        baseUrl:   this.serverSetting,
-        provider:  this.displayName,
-        username:  this.principal.loginName || this.principal.name,
+        baseUrl:  this.serverSetting,
+        provider: this.displayName,
+        username: this.principal.loginName || this.principal.name,
       };
     },
 
@@ -59,7 +59,7 @@ export default {
           servers:                      [],
           starttls:                     false,
           tls:                          false,
-          disabledStatusBitmask:          0,
+          disabledStatusBitmask:        0,
           userLoginAttribute:           'uid',
           userMemberAttribute:          'memberOf',
           userNameAttribute:            'cn',

package/edit/autoscaling.horizontalpodautoscaler/external-metric.vue

@@ -12,8 +12,8 @@ export const DEFAULT_EXTERNAL_METRIC = {
     },
   },
   target: {
-    type:               'AverageValue',
-    averageValue:       '80',
+    type:         'AverageValue',
+    averageValue: '80',
   },
 };
 

package/edit/autoscaling.horizontalpodautoscaler/metric-object-reference.vue

@@ -3,7 +3,7 @@ import { LabeledInput } from '@components/Form/LabeledInput';
 export default {
   components: { LabeledInput },
 
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => ({

package/edit/autoscaling.horizontalpodautoscaler/object-metric.vue

@@ -13,8 +13,8 @@ export const DEFAULT_OBJECT_METRIC = {
     },
   },
   target: {
-    type:               'AverageValue',
-    averageValue:       '80',
+    type:         'AverageValue',
+    averageValue: '80',
   },
   describedObject: {
     apiVersion: '',

package/edit/autoscaling.horizontalpodautoscaler/pod-metric.vue

@@ -12,8 +12,8 @@ export const DEFAULT_POD_METRIC = {
     },
   },
   target: {
-    type:               'AverageValue',
-    averageValue:       '80',
+    type:         'AverageValue',
+    averageValue: '80',
   },
 };
 

package/edit/cis.cattle.io.clusterscan.vue

@@ -39,8 +39,8 @@ export default {
 
   async fetch() {
     const hash = await allHash({
-      profiles:         this.$store.dispatch('cluster/findAll', { type: CIS.CLUSTER_SCAN_PROFILE }),
-      benchmarks:       this.$store.dispatch('cluster/findAll', { type: CIS.BENCHMARK }),
+      profiles:   this.$store.dispatch('cluster/findAll', { type: CIS.CLUSTER_SCAN_PROFILE }),
+      benchmarks: this.$store.dispatch('cluster/findAll', { type: CIS.BENCHMARK }),
     });
 
     try {

package/edit/constraints.gatekeeper.sh.constraint/index.vue

@@ -150,7 +150,7 @@ export default {
     },
     emptyDefaults() {
       return {
-        type:  this.templateOptions[0].value,
+        type: this.templateOptions[0].value,
         spec: this.emptySpec
       };
     },

package/edit/fleet.cattle.io.clustergroup.vue

@@ -100,9 +100,9 @@ export default {
 
       this.matchingClusters = {
         matched,
-        total:   all.length,
-        isAll:   matched === all.length,
-        isNone:  matched === 0,
+        total:  all.length,
+        isAll:  matched === all.length,
+        isNone: matched === 0,
         sample,
       };
     }, 250, { leading: true }),

package/edit/fleet.cattle.io.gitrepo.vue

@@ -89,13 +89,13 @@ export default {
     }
 
     const stepRepoInfo = {
-      name:             'stepRepoInfo',
-      title:            this.t('fleet.gitRepo.add.steps.repoInfo.title'),
-      label:            this.t('fleet.gitRepo.add.steps.repoInfo.label'),
-      subtext:          this.t('fleet.gitRepo.add.steps.repoInfo.subtext'),
-      descriptionKey:   'fleet.gitRepo.add.steps.repoInfo.description',
-      ready:            false,
-      weight:           30
+      name:           'stepRepoInfo',
+      title:          this.t('fleet.gitRepo.add.steps.repoInfo.title'),
+      label:          this.t('fleet.gitRepo.add.steps.repoInfo.label'),
+      subtext:        this.t('fleet.gitRepo.add.steps.repoInfo.subtext'),
+      descriptionKey: 'fleet.gitRepo.add.steps.repoInfo.description',
+      ready:          false,
+      weight:         30
     };
 
     const stepTargetInfo = {
@@ -243,8 +243,8 @@ export default {
     targetClusterGroup:         'updateTargets',
     targetAdvanced:             'updateTargets',
 
-    tlsMode:    'updateTls',
-    caBundle:   'updateTls',
+    tlsMode:  'updateTls',
+    caBundle: 'updateTls',
 
     workspace(neu) {
       if ( this.isCreate ) {

package/edit/group.principal.vue

@@ -13,11 +13,11 @@ export default {
   mixins: [CreateEditView],
   data() {
     return {
-      errors:       [],
+      errors: [],
       valid:  false,
     };
   },
-  methods:  {
+  methods: {
     async save(buttonDone) {
       this.errors = [];
 

package/edit/helm.cattle.io.projecthelmchart.vue

@@ -49,9 +49,9 @@ export default {
 
   data() {
     return {
-      systemNamespaces:       null,
-      namespaces:             [],
-      loading:                true
+      systemNamespaces: null,
+      namespaces:       [],
+      loading:          true
     };
   },
 

package/edit/logging-flow/index.vue

@@ -116,7 +116,7 @@ export default {
       allNodes:           null,
       allPods:            null,
       filtersYaml,
-      initialFiltersYaml:   filtersYaml,
+      initialFiltersYaml: filtersYaml,
       globalOutputRefs,
       localOutputRefs
     };

package/edit/logging.banzaicloud.io.output/providers/datadog.vue

@@ -7,7 +7,7 @@ export default {
   components: {
     Checkbox, LabeledInput, SecretSelector
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {

package/edit/logging.banzaicloud.io.output/providers/elasticsearch.vue

@@ -10,7 +10,7 @@ export default {
   components: {
     LabeledInput, LabeledSelect, SecretSelector, Checkbox
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {

package/edit/logging.banzaicloud.io.output/providers/gcs.vue

@@ -7,7 +7,7 @@ export default {
   components: {
     Checkbox, LabeledInput, SecretSelector
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {

package/edit/logging.banzaicloud.io.output/providers/gelf.vue

@@ -7,7 +7,7 @@ export default {
   components: {
     Checkbox, LabeledInput, LabeledSelect
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {

package/edit/logging.banzaicloud.io.output/providers/kafka.vue

@@ -8,7 +8,7 @@ export default {
   components: {
     Checkbox, LabeledInput, SecretSelector
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {

package/edit/logging.banzaicloud.io.output/providers/logz.vue

@@ -8,7 +8,7 @@ export default {
   components: {
     Checkbox, LabeledInput, SecretSelector
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {

package/edit/logging.banzaicloud.io.output/providers/loki.vue

@@ -7,7 +7,7 @@ export default {
   components: {
     Checkbox, LabeledInput, SecretSelector
   },
-  props:      {
+  props: {
     value: {
       type:    Object,
       default: () => {