@rancher/shell 3.0.8-rc.8 → 3.0.8

package/edit/persistentvolume/plugins/fc.vue

@@ -17,25 +17,24 @@ export default {
       required: true,
     },
   },
-  data() {
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['fc'] = this.value.spec.fc || {};
     this.value.spec.fc['readOnly'] = this.value.spec.fc.readOnly || false;
     this.value.spec.fc['secretRef'] = this.value.spec.fc.secretRef || {};
-
-    return { readOnlyOptions };
   },
   computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    },
     lun: {
       get() {
         return this.value.spec.fc.lun;

package/edit/persistentvolume/plugins/flexVolume.vue

@@ -17,24 +17,25 @@ export default {
       required: true,
     },
   },
-  data() {
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['flexVolume'] = this.value.spec.flexVolume || {};
     this.value.spec.flexVolume['readOnly'] = this.value.spec.flexVolume.readOnly || false;
     this.value.spec.flexVolume['secretRef'] = this.value.spec.flexVolume.secretRef || {};
-
-    return { readOnlyOptions };
   },
+  computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/flocker.vue

@@ -13,10 +13,8 @@ export default {
       required: true,
     },
   },
-  data() {
+  created() {
     this.value.spec['flocker'] = this.value.spec.flocker || {};
-
-    return {};
   },
 };
 </script>

package/edit/persistentvolume/plugins/gcePersistentDisk.vue

@@ -14,25 +14,24 @@ export default {
       required: true,
     },
   },
-  data() {
+  created() {
     this.value.spec['gcePersistentDisk'] = this.value.spec.gcePersistentDisk || {};
     this.value.spec.gcePersistentDisk['readOnly'] = this.value.spec.gcePersistentDisk.readOnly || false;
     this.value.spec.gcePersistentDisk['partition'] = this.value.spec.gcePersistentDisk.partition || 0;
-
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
-    return { readOnlyOptions };
   },
   computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    },
     partition: {
       get() {
         return this.value.spec.gcePersistentDisk.partition;

package/edit/persistentvolume/plugins/glusterfs.vue

@@ -14,23 +14,24 @@ export default {
       required: true,
     },
   },
-  data() {
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['glusterfs'] = this.value.spec.glusterfs || {};
     this.value.spec.glusterfs['readOnly'] = this.value.spec.glusterfs.readOnly || false;
-
-    return { readOnlyOptions };
   },
+  computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/hostPath.vue

@@ -14,47 +14,48 @@ export default {
       required: true,
     },
   },
-  data() {
-    const mustBeOptions = [
-      {
-        label: this.t('persistentVolume.hostPath.mustBe.anything'),
-        value: ''
-      },
-      {
-        label: this.t('persistentVolume.hostPath.mustBe.directory'),
-        value: 'DirectoryOrCreate'
-      },
-      {
-        label: this.t('persistentVolume.hostPath.mustBe.file'),
-        value: 'FileOrCreate'
-      },
-      {
-        label: this.t('persistentVolume.hostPath.mustBe.existingDirectory'),
-        value: 'Directory'
-      },
-      {
-        label: this.t('persistentVolume.hostPath.mustBe.existingFile'),
-        value: 'File'
-      },
-      {
-        label: this.t('persistentVolume.hostPath.mustBe.existingSocket'),
-        value: 'Socket'
-      },
-      {
-        label: this.t('persistentVolume.hostPath.mustBe.existingCharacter'),
-        value: 'CharDevice'
-      },
-      {
-        label: this.t('persistentVolume.hostPath.mustBe.existingBlock'),
-        value: 'BlockDevice'
-      },
-    ];
-
+  created() {
     this.value.spec['hostPath'] = this.value.spec.hostPath || {};
-    this.value.spec.hostPath['type'] = this.value.spec.hostPath.type || mustBeOptions[0].value;
-
-    return { mustBeOptions };
+    this.value.spec.hostPath['type'] = this.value.spec.hostPath.type || this.mustBeOptions[0].value;
   },
+  computed: {
+    mustBeOptions() {
+      return [
+        {
+          label: this.t('persistentVolume.hostPath.mustBe.anything'),
+          value: ''
+        },
+        {
+          label: this.t('persistentVolume.hostPath.mustBe.directory'),
+          value: 'DirectoryOrCreate'
+        },
+        {
+          label: this.t('persistentVolume.hostPath.mustBe.file'),
+          value: 'FileOrCreate'
+        },
+        {
+          label: this.t('persistentVolume.hostPath.mustBe.existingDirectory'),
+          value: 'Directory'
+        },
+        {
+          label: this.t('persistentVolume.hostPath.mustBe.existingFile'),
+          value: 'File'
+        },
+        {
+          label: this.t('persistentVolume.hostPath.mustBe.existingSocket'),
+          value: 'Socket'
+        },
+        {
+          label: this.t('persistentVolume.hostPath.mustBe.existingCharacter'),
+          value: 'CharDevice'
+        },
+        {
+          label: this.t('persistentVolume.hostPath.mustBe.existingBlock'),
+          value: 'BlockDevice'
+        },
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/iscsi.vue

@@ -17,27 +17,26 @@ export default {
       required: true,
     },
   },
-  data() {
-    const yesNoOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['iscsi'] = this.value.spec.iscsi || {};
     this.value.spec.iscsi['readOnly'] = this.value.spec.iscsi.readOnly || false;
     this.value.spec.iscsi['secretRef'] = this.value.spec.iscsi.secretRef || {};
     this.value.spec.iscsi['chapAuthDiscovery'] = this.value.spec.iscsi.chapAuthDiscovery || false;
     this.value.spec.iscsi['chapAuthSession'] = this.value.spec.iscsi.chapAuthSession || false;
-
-    return { yesNoOptions };
   },
   computed: {
+    yesNoOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    },
     lun: {
       get() {
         return this.value.spec.iscsi.lun;

package/edit/persistentvolume/plugins/local.vue

@@ -13,10 +13,8 @@ export default {
       required: true,
     },
   },
-  data() {
+  created() {
     this.value.spec['local'] = this.value.spec.local || {};
-
-    return { };
   },
 };
 </script>

package/edit/persistentvolume/plugins/longhorn.vue

@@ -5,6 +5,13 @@ import { RadioGroup } from '@components/Form/Radio';
 import { _CREATE } from '@shell/config/query-params';
 import { LONGHORN_DRIVER } from '@shell/config/types';
 
+const DEFAULT_VOLUME_ATTRIBUTES = {
+  size:                '2Gi',
+  numberOfReplicas:    '3',
+  staleReplicaTimeout: '20',
+  fromBackup:          ''
+};
+
 export default {
   components: {
     LabeledInput, KeyValue, RadioGroup
@@ -19,33 +26,27 @@ export default {
       required: true,
     },
   },
-  data() {
-    const defaultVolumeAttributes = {
-      size:                '2Gi',
-      numberOfReplicas:    '3',
-      staleReplicaTimeout: '20',
-      fromBackup:          ''
-    };
-
+  created() {
     if (this.mode === _CREATE) {
       this.value.spec['csi'] = this.value.spec.csi || {};
       this.value.spec.csi['driver'] = LONGHORN_DRIVER;
       this.value.spec.csi['readOnly'] = this.value.spec.csi.readOnly || false;
-      this.value.spec.csi['volumeAttributes'] = this.value.spec.csi.volumeAttributes || defaultVolumeAttributes;
+      this.value.spec.csi['volumeAttributes'] = this.value.spec.csi.volumeAttributes || DEFAULT_VOLUME_ATTRIBUTES;
+    }
+  },
+  computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
     }
-
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
-    return { readOnlyOptions };
   },
 };
 </script>

package/edit/persistentvolume/plugins/nfs.vue

@@ -14,23 +14,24 @@ export default {
       required: true,
     },
   },
-  data() {
+  created() {
     this.value.spec['nfs'] = this.value.spec.nfs || {};
     this.value.spec.nfs['readOnly'] = this.value.spec.nfs.readOnly || false;
-
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
-    return { readOnlyOptions };
   },
+  computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/photonPersistentDisk.vue

@@ -13,23 +13,10 @@ export default {
       required: true,
     },
   },
-  data() {
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['photonPersistentDisk'] = this.value.spec.photonPersistentDisk || {};
     this.value.spec.photonPersistentDisk['readOnly'] = this.value.spec.photonPersistentDisk.readOnly || false;
     this.value.spec.photonPersistentDisk['secretRef'] = this.value.spec.photonPersistentDisk.secretRef || {};
-
-    return { readOnlyOptions };
   },
 };
 </script>

package/edit/persistentvolume/plugins/portworxVolume.vue

@@ -14,24 +14,25 @@ export default {
       required: true,
     },
   },
-  data() {
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['portworxVolume'] = this.value.spec.portworxVolume || {};
     this.value.spec.portworxVolume['readOnly'] = this.value.spec.portworxVolume.readOnly || false;
     this.value.spec.portworxVolume['secretRef'] = this.value.spec.portworxVolume.secretRef || {};
-
-    return { readOnlyOptions };
   },
+  computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/quobyte.vue

@@ -14,23 +14,24 @@ export default {
       required: true,
     },
   },
-  data() {
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['quobyte'] = this.value.spec.quobyte || {};
     this.value.spec.quobyte['readOnly'] = this.value.spec.quobyte.readOnly || false;
-
-    return { readOnlyOptions };
   },
+  computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/rbd.vue

@@ -17,24 +17,25 @@ export default {
       required: true,
     },
   },
-  data() {
-    const readOnlyOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['rbd'] = this.value.spec.rbd || {};
     this.value.spec.rbd['readOnly'] = this.value.spec.rbd.readOnly || false;
     this.value.spec.rbd['secretRef'] = this.value.spec.rbd.secretRef || {};
-
-    return { readOnlyOptions };
   },
+  computed: {
+    readOnlyOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/scaleIO.vue

@@ -14,25 +14,26 @@ export default {
       required: true,
     },
   },
-  data() {
-    const yesNoOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['scaleIO'] = this.value.spec.scaleIO || {};
     this.value.spec.scaleIO['readOnly'] = this.value.spec.scaleIO.readOnly || false;
     this.value.spec.scaleIO['secretRef'] = this.value.spec.scaleIO.secretRef || {};
     this.value.spec.scaleIO['sslEnabled'] = this.value.spec.scaleIO.sslEnabled || false;
-
-    return { yesNoOptions };
   },
+  computed: {
+    yesNoOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/storageos.vue

@@ -14,24 +14,25 @@ export default {
       required: true,
     },
   },
-  data() {
-    const yesNoOptions = [
-      {
-        label: this.t('generic.yes'),
-        value: true
-      },
-      {
-        label: this.t('generic.no'),
-        value: false
-      }
-    ];
-
+  created() {
     this.value.spec['storageos'] = this.value.spec.storageos || {};
     this.value.spec.storageos['readOnly'] = this.value.spec.storageos.readOnly || false;
     this.value.spec.storageos['secretRef'] = this.value.spec.storageos.secretRef || {};
-
-    return { yesNoOptions };
   },
+  computed: {
+    yesNoOptions() {
+      return [
+        {
+          label: this.t('generic.yes'),
+          value: true
+        },
+        {
+          label: this.t('generic.no'),
+          value: false
+        }
+      ];
+    }
+  }
 };
 </script>
 

package/edit/persistentvolume/plugins/vsphereVolume.vue

@@ -13,10 +13,8 @@ export default {
       required: true,
     },
   },
-  data() {
+  created() {
     this.value.spec['vsphereVolume'] = this.value.spec.vsphereVolume || {};
-
-    return { };
   },
 };
 </script>