@rancher/shell 0.2.3 → 0.2.4

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

@@ -140,9 +140,18 @@ export default {
       :show-remove="false"
       @input="matchChanged($event)"
     />
-    <Banner v-if="matchingClusters" :color="(matchingClusters.isNone || matchingClusters.isAll ? 'warning' : 'success')">
-      <span v-if="matchingClusters.isAll" v-html="t('fleet.clusterGroup.selector.matchesAll', matchingClusters)" />
-      <span v-else-if="matchingClusters.isNone" v-html="t('fleet.clusterGroup.selector.matchesNone', matchingClusters)" />
+    <Banner
+      v-if="matchingClusters"
+      :color="(matchingClusters.isNone || matchingClusters.isAll ? 'warning' : 'success')"
+    >
+      <span
+        v-if="matchingClusters.isAll"
+        v-html="t('fleet.clusterGroup.selector.matchesAll', matchingClusters)"
+      />
+      <span
+        v-else-if="matchingClusters.isNone"
+        v-html="t('fleet.clusterGroup.selector.matchesNone', matchingClusters)"
+      />
       <span
         v-else
         v-html="t('fleet.clusterGroup.selector.matchesSome', matchingClusters)"

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

@@ -489,9 +489,18 @@ export default {
       </Banner>
     </template>
     <template #stepRepoInfo>
-      <NameNsDescription v-if="!isView" v-model="value" :namespaced="false" :mode="mode" @change="onUpdateRepoName" />
+      <NameNsDescription
+        v-if="!isView"
+        v-model="value"
+        :namespaced="false"
+        :mode="mode"
+        @change="onUpdateRepoName"
+      />
 
-      <div class="row" :class="{'mt-20': isView}">
+      <div
+        class="row"
+        :class="{'mt-20': isView}"
+      >
         <div class="col span-6">
           <LabeledInput
             v-model="value.spec.repo"
@@ -555,7 +564,10 @@ export default {
               @input="updateTlsMode($event)"
             />
           </div>
-          <div v-if="tlsMode === _SPECIFY" class="col span-6">
+          <div
+            v-if="tlsMode === _SPECIFY"
+            class="col span-6"
+          >
             <LabeledInput
               v-model="caBundle"
               :mode="mode"
@@ -608,13 +620,21 @@ export default {
           </div>
         </div>
 
-        <div v-if="targetMode === 'advanced'" class="row mt-10">
+        <div
+          v-if="targetMode === 'advanced'"
+          class="row mt-10"
+        >
           <div class="col span-12">
             <YamlEditor v-model="targetAdvanced" />
           </div>
         </div>
 
-        <Banner v-for="(err, i) in targetAdvancedErrors" :key="i" color="error" :label="err" />
+        <Banner
+          v-for="(err, i) in targetAdvancedErrors"
+          :key="i"
+          color="error"
+          :label="err"
+        />
       </template>
 
       <div class="row mt-20">

package/edit/group.principal.vue

@@ -51,7 +51,12 @@ export default {
       :can-yaml="false"
       @finish="save"
     >
-      <GlobalRoleBindings ref="grb" :group-principal-id="value.id" :mode="mode" @canLogIn="valid = $event" />
+      <GlobalRoleBindings
+        ref="grb"
+        :group-principal-id="value.id"
+        :mode="mode"
+        @canLogIn="valid = $event"
+      />
     </CruResource>
   </div>
 </template>

package/edit/harvesterhci.io.management.cluster.vue

@@ -123,14 +123,31 @@ export default {
     </div>
 
     <Tabbed :side-tabs="true">
-      <Tab name="memberRoles" label-key="cluster.tabs.memberRoles" :weight="3">
-        <Banner v-if="isEdit" color="info">
+      <Tab
+        name="memberRoles"
+        label-key="cluster.tabs.memberRoles"
+        :weight="3"
+      >
+        <Banner
+          v-if="isEdit"
+          color="info"
+        >
           {{ t('cluster.memberRoles.removeMessage') }}
         </Banner>
-        <ClusterMembershipEditor :mode="mode" :parent-id="value.mgmt ? value.mgmt.id : null" @membership-update="onMembershipUpdate" />
+        <ClusterMembershipEditor
+          :mode="mode"
+          :parent-id="value.mgmt ? value.mgmt.id : null"
+          @membership-update="onMembershipUpdate"
+        />
       </Tab>
-      <AgentEnv v-model="value" :mode="mode" />
-      <Labels v-model="value" :mode="mode" />
+      <AgentEnv
+        v-model="value"
+        :mode="mode"
+      />
+      <Labels
+        v-model="value"
+        :mode="mode"
+      />
     </Tabbed>
   </CruResource>
 </template>

package/edit/k8s.cni.cncf.io.networkattachmentdefinition.vue

@@ -127,8 +127,17 @@ export default {
       :mode="mode"
     />
 
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-      <Tab name="basics" :label="t('harvester.network.tabs.basics')" :weight="99" class="bordered-table">
+    <Tabbed
+      v-bind="$attrs"
+      class="mt-15"
+      :side-tabs="true"
+    >
+      <Tab
+        name="basics"
+        :label="t('harvester.network.tabs.basics')"
+        :weight="99"
+        class="bordered-table"
+      >
         <LabeledInput
           v-model="type"
           class="mb-20"

package/edit/logging-flow/Match.vue

@@ -53,7 +53,7 @@ export default {
       value-label="Pod Label Value"
       add-label="Add Pod"
     />
-    <div class="spacer"></div>
+    <div class="spacer" />
     <h3>
       Limit to specific nodes
     </h3>
@@ -73,7 +73,7 @@ export default {
         />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <h3>
       Limit to specific container names
     </h3>

package/edit/logging-flow/index.vue

@@ -330,12 +330,33 @@ export default {
     @finish="save"
     @cancel="done"
   >
-    <NameNsDescription v-if="!isView" v-model="value" :mode="mode" :namespaced="value.type !== LOGGING.CLUSTER_FLOW" />
-
-    <Tabbed :side-tabs="true" @changed="tabChanged($event)">
-      <Tab name="match" :label="t('logging.flow.matches.label')" :weight="3">
-        <Banner color="info" class="mt-0" label="Configure which container logs will be pulled from" />
-        <ArrayListGrouped v-model="matches" :add-label="t('ingress.rules.addRule')" :default-add-value="{}" :mode="mode">
+    <NameNsDescription
+      v-if="!isView"
+      v-model="value"
+      :mode="mode"
+      :namespaced="value.type !== LOGGING.CLUSTER_FLOW"
+    />
+
+    <Tabbed
+      :side-tabs="true"
+      @changed="tabChanged($event)"
+    >
+      <Tab
+        name="match"
+        :label="t('logging.flow.matches.label')"
+        :weight="3"
+      >
+        <Banner
+          color="info"
+          class="mt-0"
+          label="Configure which container logs will be pulled from"
+        />
+        <ArrayListGrouped
+          v-model="matches"
+          :add-label="t('ingress.rules.addRule')"
+          :default-add-value="{}"
+          :mode="mode"
+        >
           <template #default="props">
             <Match
               class="rule mb-20"
@@ -348,18 +369,34 @@ export default {
             />
           </template>
           <template #add>
-            <button class="btn role-tertiary add" type="button" @click="addMatch(true)">
+            <button
+              class="btn role-tertiary add"
+              type="button"
+              @click="addMatch(true)"
+            >
               {{ t('logging.flow.matches.addSelect') }}
             </button>
-            <button class="btn role-tertiary add" type="button" @click="addMatch(false)">
+            <button
+              class="btn role-tertiary add"
+              type="button"
+              @click="addMatch(false)"
+            >
               {{ t('logging.flow.matches.addExclude') }}
             </button>
           </template>
         </ArrayListGrouped>
       </Tab>
 
-      <Tab name="outputs" :label="t('logging.flow.outputs.label')" :weight="2">
-        <Banner v-if="value.type !== LOGGING.CLUSTER_FLOW" label="Output must reside in same namespace as the flow." color="info" />
+      <Tab
+        name="outputs"
+        :label="t('logging.flow.outputs.label')"
+        :weight="2"
+      >
+        <Banner
+          v-if="value.type !== LOGGING.CLUSTER_FLOW"
+          label="Output must reside in same namespace as the flow."
+          color="info"
+        />
         <LabeledSelect
           v-model="globalOutputRefs"
           :label="t('logging.flow.clusterOutputs.label')"
@@ -371,7 +408,11 @@ export default {
           :reduce="opt=>opt.value"
         >
           <template #selected-option="option">
-            <i v-if="isTag(clusterOutputChoices, option)" v-tooltip="t('logging.flow.clusterOutputs.doesntExistTooltip')" class="icon icon-info status-icon text-warning" />
+            <i
+              v-if="isTag(clusterOutputChoices, option)"
+              v-tooltip="t('logging.flow.clusterOutputs.doesntExistTooltip')"
+              class="icon icon-info status-icon text-warning"
+            />
             {{ option.label }}
           </template>
         </LabeledSelect>
@@ -388,13 +429,21 @@ export default {
           :reduce="opt=>opt.value"
         >
           <template #selected-option="option">
-            <i v-if="isTag(outputChoices, option)" v-tooltip="t('logging.flow.outputs.doesntExistTooltip')" class="icon icon-info status-icon text-warning" />
+            <i
+              v-if="isTag(outputChoices, option)"
+              v-tooltip="t('logging.flow.outputs.doesntExistTooltip')"
+              class="icon icon-info status-icon text-warning"
+            />
             {{ option.label }}
           </template>
         </LabeledSelect>
       </Tab>
 
-      <Tab name="filters" :label="t('logging.flow.filters.label')" :weight="1">
+      <Tab
+        name="filters"
+        :label="t('logging.flow.filters.label')"
+        :weight="1"
+      >
         <YamlEditor
           ref="yaml"
           v-model="filtersYaml"
@@ -406,7 +455,11 @@ export default {
       </Tab>
     </Tabbed>
   </CruResource>
-  <Banner v-else label="This resource contains a match configuration that the form editor does not support.  Please use YAML edit." color="error" />
+  <Banner
+    v-else
+    label="This resource contains a match configuration that the form editor does not support.  Please use YAML edit."
+    color="error"
+  />
 </template>
 
 <style lang="scss" scoped>

package/edit/logging.banzaicloud.io.output/index.vue

@@ -162,23 +162,52 @@ export default {
         :register-before-hook="registerBeforeHook"
         :namespaced="value.type !== LOGGING.CLUSTER_OUTPUT"
       />
-      <Banner v-if="selectedProviders.length > 1" color="info">
+      <Banner
+        v-if="selectedProviders.length > 1"
+        color="info"
+      >
         This output is configured with multiple providers. We currently only support a single provider per output. You can view or edit the YAML.
       </Banner>
-      <Banner v-else-if="!value.allProvidersSupported" color="info">
+      <Banner
+        v-else-if="!value.allProvidersSupported"
+        color="info"
+      >
         This output is configured with providers we don't support yet. You can view or edit the YAML.
       </Banner>
-      <Tabbed v-else ref="tabbed" :side-tabs="true" @changed="tabChanged($event)">
-        <Tab name="Output" label="Output" :weight="2">
+      <Tabbed
+        v-else
+        ref="tabbed"
+        :side-tabs="true"
+        @changed="tabChanged($event)"
+      >
+        <Tab
+          name="Output"
+          label="Output"
+          :weight="2"
+        >
           <div class="row">
             <div class="col span-6">
-              <LabeledSelect v-model="selectedProvider" label="Output" :options="providers" :mode="mode" />
+              <LabeledSelect
+                v-model="selectedProvider"
+                label="Output"
+                :options="providers"
+                :mode="mode"
+              />
             </div>
           </div>
-          <div class="spacer"></div>
-          <component :is="getComponent(selectedProvider)" :value="value.spec[selectedProvider]" :namespace="value.namespace" :mode="mode" />
+          <div class="spacer" />
+          <component
+            :is="getComponent(selectedProvider)"
+            :value="value.spec[selectedProvider]"
+            :namespace="value.namespace"
+            :mode="mode"
+          />
         </Tab>
-        <Tab name="buffer" :label="t('logging.output.buffer.label')" :weight="1">
+        <Tab
+          name="buffer"
+          :label="t('logging.output.buffer.label')"
+          :weight="1"
+        >
           <YamlEditor
             ref="yaml"
             v-model="bufferYaml"

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

@@ -36,10 +36,15 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.endpoint.url" :mode="mode" :disabled="disabled" :label="t('logging.awsElasticsearch.url')" />
+        <LabeledInput
+          v-model="value.endpoint.url"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.awsElasticsearch.url')"
+        />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row">
       <div class="col span-6">
         <h3>{{ t('logging.output.sections.access') }}</h3>

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

@@ -36,18 +36,33 @@ export default {
     </div>
     <div class="row mb-10">
       <div class="col span-6">
-        <LabeledInput v-model="value.azure_container" :mode="mode" :disabled="disabled" :label="t('logging.azurestorage.container')" />
+        <LabeledInput
+          v-model="value.azure_container"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.azurestorage.container')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.path" :mode="mode" :disabled="disabled" :label="t('logging.azurestorage.path')" />
+        <LabeledInput
+          v-model="value.path"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.azurestorage.path')"
+        />
       </div>
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.store_as" :mode="mode" :disabled="disabled" :label="t('logging.azurestorage.storeAs')" />
+        <LabeledInput
+          v-model="value.store_as"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.azurestorage.storeAs')"
+        />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row">
       <div class="col span-6">
         <h3>{{ t('logging.output.sections.access') }}</h3>

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

@@ -36,10 +36,20 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.region" :mode="mode" :disabled="disabled" :label="t('logging.cloudwatch.region')" />
+        <LabeledInput
+          v-model="value.region"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.cloudwatch.region')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.endpoint" :mode="mode" :disabled="disabled" :label="t('logging.cloudwatch.endpoint')" />
+        <LabeledInput
+          v-model="value.endpoint"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.cloudwatch.endpoint')"
+        />
       </div>
     </div>
     <div class="row">
@@ -76,10 +86,20 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.log_group_name" :mode="mode" :disabled="disabled" :label="t('logging.cloudwatch.logGroupName')" />
+        <LabeledInput
+          v-model="value.log_group_name"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.cloudwatch.logGroupName')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.log_stream_name" :mode="mode" :disabled="disabled" :label="t('logging.cloudwatch.logStreamName')" />
+        <LabeledInput
+          v-model="value.log_stream_name"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.cloudwatch.logStreamName')"
+        />
       </div>
     </div>
   </div>

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

@@ -39,10 +39,15 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.host" :mode="mode" :disabled="disabled" :label="t('logging.datadog.host')" />
+        <LabeledInput
+          v-model="value.host"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.datadog.host')"
+        />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row">
       <div class="col span-6">
         <h3>{{ t('logging.output.sections.access') }}</h3>
@@ -60,7 +65,7 @@ export default {
         />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row">
       <div class="col span-6">
         <h3>{{ t('logging.output.sections.certificate') }}</h3>
@@ -68,12 +73,22 @@ export default {
     </div>
     <div class="row mb-10">
       <div class="col span-6">
-        <Checkbox v-model="value.use_ssl" :mode="mode" :disabled="disabled" :label="t('logging.datadog.useSSL')" />
+        <Checkbox
+          v-model="value.use_ssl"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.datadog.useSSL')"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-6">
-        <Checkbox v-model="value.use_compression" :mode="mode" :disabled="disabled" :label="t('logging.datadog.useCompression')" />
+        <Checkbox
+          v-model="value.use_compression"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.datadog.useCompression')"
+        />
       </div>
     </div>
   </div>

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

@@ -81,7 +81,13 @@ export default {
         />
       </div>
       <div class="col span-8">
-        <LabeledInput v-model="value.host" :mode="mode" :disabled="disabled" class="host" :label="t('logging.elasticsearch.host')" />
+        <LabeledInput
+          v-model="value.host"
+          :mode="mode"
+          :disabled="disabled"
+          class="host"
+          :label="t('logging.elasticsearch.host')"
+        />
       </div>
       <div class="col span-2">
         <LabeledInput
@@ -98,10 +104,15 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.index_name" :mode="mode" :disabled="disabled" :label="t('logging.elasticsearch.indexName')" />
+        <LabeledInput
+          v-model="value.index_name"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.elasticsearch.indexName')"
+        />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row">
       <div class="col span-6">
         <h3>{{ t('logging.output.sections.access') }}</h3>
@@ -109,7 +120,12 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.user" :mode="mode" :disabled="disabled" :label="t('logging.elasticsearch.user')" />
+        <LabeledInput
+          v-model="value.user"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.elasticsearch.user')"
+        />
       </div>
       <div class="col span-6">
         <SecretSelector
@@ -122,7 +138,7 @@ export default {
         />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row">
       <div class="col span-6">
         <h3>{{ t('logging.output.sections.certificate') }}</h3>

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

@@ -35,7 +35,12 @@ export default {
     </div>
     <div class="row">
       <div class="col span-6">
-        <LabeledInput v-model="value.path" :mode="mode" :disabled="disabled" :label="t('logging.file.path')" />
+        <LabeledInput
+          v-model="value.path"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.file.path')"
+        />
       </div>
     </div>
   </div>

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

@@ -47,7 +47,12 @@ export default {
     </div>
     <div class="row">
       <div class="col span-10">
-        <LabeledInput v-model="value.servers[0].host" :mode="mode" :disabled="disabled" :label="t('logging.forward.host')" />
+        <LabeledInput
+          v-model="value.servers[0].host"
+          :mode="mode"
+          :disabled="disabled"
+          :label="t('logging.forward.host')"
+        />
       </div>
       <div class="col span-2">
         <LabeledInput
@@ -61,7 +66,7 @@ export default {
         />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row">
       <div class="col span-6">
         <h3>{{ t('logging.output.sections.access') }}</h3>
@@ -101,7 +106,7 @@ export default {
         />
       </div>
     </div>
-    <div class="spacer"></div>
+    <div class="spacer" />
     <div class="row">
       <div class="col span-6">
         <h3>{{ t('logging.output.sections.certificate') }}</h3>