@rancher/shell 0.2.5 → 0.3.0

package/components/form/ResourceQuota/shared.js

@@ -7,56 +7,56 @@ export const RANCHER_TYPES = [
     placeholderKey: 'resourceQuota.projectLimit.unitlessPlaceholder'
   },
   {
-    value:           'limitsCpu',
+    value:          'limitsCpu',
     inputExponent:  -1,
     baseUnitKey:    'suffix.cpus',
     labelKey:       'resourceQuota.limitsCpu',
     placeholderKey: 'resourceQuota.projectLimit.cpuPlaceholder'
   },
   {
-    value:           'limitsMemory',
+    value:          'limitsMemory',
     inputExponent:  2,
     increment:      1024,
     labelKey:       'resourceQuota.limitsMemory',
     placeholderKey: 'resourceQuota.projectLimit.memoryPlaceholder'
   },
   {
-    value:           'persistentVolumeClaims',
+    value:          'persistentVolumeClaims',
     inputExponent:  0,
     baseUnit:       '',
     labelKey:       'resourceQuota.persistentVolumeClaims',
     placeholderKey: 'resourceQuota.projectLimit.unitlessPlaceholder'
   },
   {
-    value:           'pods',
+    value:          'pods',
     inputExponent:  0,
     baseUnit:       '',
     labelKey:       'resourceQuota.pods',
     placeholderKey: 'resourceQuota.projectLimit.unitlessPlaceholder'
   },
   {
-    value:           'replicationControllers',
+    value:          'replicationControllers',
     inputExponent:  0,
     baseUnit:       '',
     labelKey:       'resourceQuota.replicationControllers',
     placeholderKey: 'resourceQuota.projectLimit.unitlessPlaceholder'
   },
   {
-    value:           'requestsCpu',
+    value:          'requestsCpu',
     inputExponent:  -1,
     baseUnitKey:    'suffix.cpus',
     labelKey:       'resourceQuota.requestsCpu',
     placeholderKey: 'resourceQuota.projectLimit.cpuPlaceholder'
   },
   {
-    value:           'requestsMemory',
+    value:          'requestsMemory',
     inputExponent:  2,
     increment:      1024,
     labelKey:       'resourceQuota.requestsMemory',
     placeholderKey: 'resourceQuota.projectLimit.memoryPlaceholder'
   },
   {
-    value:           'requestsStorage',
+    value:          'requestsStorage',
     units:          'storage',
     inputExponent:  2,
     increment:      1024,
@@ -64,7 +64,7 @@ export const RANCHER_TYPES = [
     placeholderKey: 'resourceQuota.projectLimit.storagePlaceholder'
   },
   {
-    value:           'secrets',
+    value:          'secrets',
     units:          'unitless',
     inputExponent:  0,
     baseUnit:       '',
@@ -72,7 +72,7 @@ export const RANCHER_TYPES = [
     placeholderKey: 'resourceQuota.projectLimit.unitlessPlaceholder'
   },
   {
-    value:           'services',
+    value:          'services',
     units:          'unitless',
     inputExponent:  0,
     baseUnit:       '',
@@ -80,7 +80,7 @@ export const RANCHER_TYPES = [
     placeholderKey: 'resourceQuota.projectLimit.unitlessPlaceholder'
   },
   {
-    value:           'servicesLoadBalancers',
+    value:          'servicesLoadBalancers',
     units:          'unitless',
     inputExponent:  0,
     baseUnit:       '',
@@ -88,7 +88,7 @@ export const RANCHER_TYPES = [
     placeholderKey: 'resourceQuota.projectLimit.unitlessPlaceholder'
   },
   {
-    value:           'servicesNodePorts',
+    value:          'servicesNodePorts',
     units:          'unitless',
     inputExponent:  0,
     baseUnit:       '',

package/components/form/SecretSelector.vue

@@ -53,7 +53,7 @@ export default {
       default: 'Key'
     },
     mode: {
-      type:     String,
+      type:    String,
       default: _EDIT
     }
   },

package/components/form/Security.vue

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

package/components/form/Select.vue

@@ -268,6 +268,10 @@ export default {
       }
     }
 
+    & .vs--multiple ::v-deep .vs__selected-options .vs__selected {
+      width: auto;
+    }
+
     ::v-deep .labeled-tooltip.error .status-icon {
       top: 7px;
       right: 2px;

package/components/form/SimpleSecretSelector.vue

@@ -67,7 +67,7 @@ export default {
       default: 'Key'
     },
     mode: {
-      type:     String,
+      type:    String,
       default: _EDIT
     },
   },

package/components/form/Taints.vue

@@ -5,7 +5,7 @@ import Select from '@shell/components/form/Select';
 
 const EFFECT_VALUES = {
   NO_SCHEDULE:        'NoSchedule',
-  PREFER_NO_SCHEDULE:  'PreferNoSchedule',
+  PREFER_NO_SCHEDULE: 'PreferNoSchedule',
   NO_EXECUTE:         'NoExecute',
 };
 

package/components/form/UnitInput.vue

@@ -86,12 +86,12 @@ export default {
     },
 
     label: {
-      type:     String,
+      type:    String,
       default: null
     },
 
     labelKey: {
-      type:     String,
+      type:    String,
       default: null
     },
 
@@ -101,7 +101,7 @@ export default {
     },
 
     tooltipKey: {
-      type:     String,
+      type:    String,
       default: null
     },
 
@@ -160,10 +160,10 @@ export default {
 
       if ( this.parsedValue || this.parsedValue === 0) {
         displayValue = formatSi(this.parsedValue, {
-          increment:        this.increment,
-          addSuffix:        false,
-          maxExponent:      this.inputExponent,
-          minExponent:      this.inputExponent,
+          increment:   this.increment,
+          addSuffix:   false,
+          maxExponent: this.inputExponent,
+          minExponent: this.inputExponent,
         });
       }
 

package/components/form/ValueFromResource.vue

@@ -11,7 +11,7 @@ export default {
     LabeledInput
   },
 
-  props:      {
+  props: {
     mode: {
       type:    String,
       default: 'create'

package/components/form/WorkloadPorts.vue

@@ -17,7 +17,7 @@ export default {
     LabeledSelect,
   },
 
-  props:      {
+  props: {
     value: {
       type:    Array,
       default: null,

package/components/formatter/AppSummaryGraph.vue

@@ -41,11 +41,11 @@ export default {
         } else {
           out[key] = {
             key,
-            label:     state,
-            color:     textColor.replace(/text-/, 'bg-'),
+            label: state,
+            color: textColor.replace(/text-/, 'bg-'),
             textColor,
-            value:     1,
-            sort:      stateSort(textColor, state),
+            value: 1,
+            sort:  stateSort(textColor, state),
           };
         }
       }

package/components/formatter/BadgeStateFormatter.vue

@@ -5,7 +5,7 @@ export default {
   components: { BadgeState },
   props:      {
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
     row: {
@@ -13,7 +13,7 @@ export default {
       required: true
     },
     col: {
-      type:     Object,
+      type:    Object,
       default: () => {}
     },
 

package/components/formatter/Checked.vue

@@ -1,7 +1,7 @@
 <script>
 
 export default {
-  props:      {
+  props: {
     value: {
       type:    Boolean,
       default: true

package/components/formatter/ClusterLink.vue

@@ -2,9 +2,9 @@
 import { get } from '@shell/utils/object';
 
 export default {
-  props:      {
+  props: {
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
     row: {
@@ -16,7 +16,7 @@ export default {
       default: null,
     }
   },
-  computed:   {
+  computed: {
     to() {
       if ( this.row && this.reference ) {
         return get(this.row, this.reference);

package/components/formatter/Date.vue

@@ -11,7 +11,7 @@ export default {
     },
 
     value: {
-      type:     [String, Date],
+      type:    [String, Date],
       default: ''
     },
 

package/components/formatter/DelayedValue.vue

@@ -21,7 +21,7 @@ export default {
     }
   },
 
-  methods:  {
+  methods: {
     startDelayedLoading() {
       this.loading = false;
     }

package/components/formatter/Endpoints.vue

@@ -4,7 +4,7 @@ import { NODE } from '@shell/config/types';
 export default {
   props: {
     value: {
-      type:     [Array, String],
+      type:    [Array, String],
       default: null,
     },
     row: {

package/components/formatter/FleetSummaryGraph.vue

@@ -30,11 +30,11 @@ export default {
         const textColor = colorForState(key);
 
         return {
-          label:     ucFirst(key),
-          color:     textColor.replace(/text-/, 'bg-'),
+          label: ucFirst(key),
+          color: textColor.replace(/text-/, 'bg-'),
           textColor,
-          value:     this.summary[key],
-          sort:      stateSort(textColor, key),
+          value: this.summary[key],
+          sort:  stateSort(textColor, key),
         };
       }).filter(x => x.value > 0);
 

package/components/formatter/IconIsDefault.vue

@@ -13,7 +13,7 @@ export default {
      * KV Pair containing the key to reference in the row
      */
     col: {
-      type:     Object,
+      type:    Object,
       default: () => {}
     },
   },

package/components/formatter/IconText.vue

@@ -2,14 +2,14 @@
 import { get } from '@shell/utils/object';
 
 export default {
-  props:      {
+  props: {
     row: {
-      type:     Object,
-      default:  null,
+      type:    Object,
+      default: null,
     },
 
     value: {
-      type:     String,
+      type:    String,
       default: '',
     },
 

package/components/formatter/ImagePercentageBar.vue

@@ -3,17 +3,17 @@ import ProgressBarMulti from '@shell/components/ProgressBarMulti';
 export default {
   components: { ProgressBarMulti },
 
-  props:      {
+  props: {
     value: {
-      type:     [String, Number],
+      type:    [String, Number],
       default: 0
     },
     row: {
-      type:     Object,
+      type:    Object,
       default: () => {}
     },
     col: {
-      type:     Object,
+      type:    Object,
       default: () => {}
     },
   },

package/components/formatter/IngressFullPath.vue

@@ -1,6 +1,6 @@
 <script>
 export default {
-  props:  {
+  props: {
     row: {
       type:    Object,
       default: () => {

package/components/formatter/LinkDetail.vue

@@ -4,7 +4,7 @@ import { get } from '@shell/utils/object';
 export default {
   props: {
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
     row: {
@@ -12,8 +12,8 @@ export default {
       required: true
     },
     col: {
-      type:     Object,
-      default:  () => {}
+      type:    Object,
+      default: () => {}
     },
     reference: {
       type:    String,

package/components/formatter/List.vue

@@ -2,7 +2,7 @@
 export default {
   props: {
     value: {
-      type:     Array,
+      type:    Array,
       default: () => []
     }
   },

package/components/formatter/ListLink.vue

@@ -9,7 +9,7 @@ export default {
       required: true,
     },
     value: {
-      type:     Array,
+      type:    Array,
       default: () => []
     },
     options: {

package/components/formatter/ListLinkDetail.vue

@@ -5,7 +5,7 @@ export default {
   components: { LinkDetail },
   props:      {
     value: {
-      type:     Array,
+      type:    Array,
       default: () => []
     },
     row: {

package/components/formatter/LiveDate.vue

@@ -7,7 +7,7 @@ import { diffFrom } from '@shell/utils/time';
 export default {
   props: {
     value: {
-      type:     String,
+      type:    [String, Number],
       default: ''
     },
 
@@ -109,10 +109,10 @@ export default {
 
       let label = diff.label;
 
-      if ( diff === 0 ) {
+      if ( diff.diff === 0 ) {
         label = 'Just now';
       } else {
-        label += ` ${ prefix } ${ this.t(diff.unitsKey, { count: diff.label }) }`;
+        label += ` ${ prefix }${ this.t(diff.unitsKey, { count: diff.label }) }`;
         label = label.trim();
       }
 

package/components/formatter/LivePodRestarts.vue

@@ -15,7 +15,7 @@ export default {
     return { loading: true, restarts: 0 };
   },
 
-  methods:  {
+  methods: {
     startDelayedLoading() {
       this.loading = false;
     },

package/components/formatter/Number.vue

@@ -2,7 +2,7 @@
 export default {
   props: {
     value: {
-      type:     [String, Number],
+      type:    [String, Number],
       default: ''
     },
 

package/components/formatter/Percentage.vue

@@ -3,7 +3,7 @@
 export default {
   props: {
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
     row: {
@@ -11,7 +11,7 @@ export default {
       required: true
     },
     col: {
-      type:     Object,
+      type:    Object,
       default: () => {}
     },
   },

package/components/formatter/PercentageBar.vue

@@ -9,15 +9,15 @@ export default {
   components: { PercentageBarComponent },
   props:      {
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
     row: {
-      type:     Object,
+      type:    Object,
       default: () => {}
     },
     col: {
-      type:     Object,
+      type:    Object,
       default: () => {}
     }
   },

package/components/formatter/PodImages.vue

@@ -8,7 +8,7 @@ const IGNORE_IMAGES = ['istio/proxy', 'gcr.io/istio-release/proxy', 'mirrored-is
 export default {
   props: {
     value: {
-      type:     [Array, String],
+      type:    [Array, String],
       default: () => {
         return [];
       }

package/components/formatter/Principal.vue

@@ -5,7 +5,7 @@ export default {
   components: { PrincipalComponent },
   props:      {
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
   },

package/components/formatter/PrincipalGroupBindings.vue

@@ -2,9 +2,9 @@
 import { NORMAN, MANAGEMENT } from '@shell/config/types';
 
 export default {
-  props:      {
+  props: {
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
   },

package/components/formatter/QualityText.vue

@@ -2,7 +2,7 @@
 export default {
   props: {
     value: {
-      type:     [String, Number],
+      type:    [String, Number],
       default: ''
     },
 

package/components/formatter/ReceiverIcons.vue

@@ -2,9 +2,9 @@
 import { RECEIVERS_TYPES } from '@shell/edit/monitoring.coreos.com.alertmanagerconfig/receiverConfig.vue';
 import { MONITORING } from '@shell/config/types';
 export default {
-  props:      {
+  props: {
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
     row: {

package/components/formatter/Scale.vue

@@ -36,7 +36,7 @@ export default {
     }
   },
 
-  methods:  {
+  methods: {
     scaleDown() {
       this.row.scaleDown();
     },

package/components/formatter/ScanResult.vue

@@ -1,7 +1,7 @@
 <script>
 import { get } from '@shell/utils/object';
 export default {
-  props:      {
+  props: {
     value: {
       type:    [String, Number],
       default: null,

package/components/formatter/SecretData.vue

@@ -4,7 +4,7 @@ export default {
   components: { DateComponent },
   props:      {
     value: {
-      type:     [Object, String],
+      type:    [Object, String],
       default: null,
     },
     row: {

package/components/formatter/ServiceType.vue

@@ -12,7 +12,7 @@ export default {
       required: true
     },
     col: {
-      type:     Object,
+      type:    Object,
       default: () => {}
     },
   },

package/components/formatter/Shortened.vue

@@ -9,7 +9,7 @@ export default {
     },
 
     value: {
-      type:     String,
+      type:    String,
       default: ''
     },
 

package/components/formatter/VerticalScroll.vue

@@ -3,8 +3,8 @@ export default {
   props:
     {
       value: {
-        type:     String,
-        default:  ''
+        type:    String,
+        default: ''
       }
     }
 };

package/components/formatter/VirtualServiceGateways.vue

@@ -76,10 +76,10 @@ export default {
       const routeName = 'c-cluster-product-resource-namespace-id';
       const params = {
         ...routeParams,
-        product:   'istio',
-        resource:  ISTIO.GATEWAY,
+        product:  'istio',
+        resource: ISTIO.GATEWAY,
         namespace,
-        id:        name
+        id:       name
       };
 
       return { name: routeName, params };