@rancher/shell 0.2.2 → 0.2.4

package/components/Wizard.vue

@@ -254,18 +254,39 @@ export default {
 
 <template>
   <div class="outer-container">
-    <Loading v-if="!stepsLoaded" mode="relative" />
+    <Loading
+      v-if="!stepsLoaded"
+      mode="relative"
+    />
     <!-- Note - Don't v-else this.... the steps need to be included in order to update 'stepsLoaded' -->
-    <div class="outer-container" :class="{'hide': !stepsLoaded}">
+    <div
+      class="outer-container"
+      :class="{'hide': !stepsLoaded}"
+    >
       <div class="header">
         <div class="title">
-          <div v-if="showBanner" class="top choice-banner">
-            <slot v-if="!!bannerImage || !!bannerTitle" name="bannerTitle">
-              <div v-show="initialTitle || activeStepIndex > 0" class="title">
+          <div
+            v-if="showBanner"
+            class="top choice-banner"
+          >
+            <slot
+              v-if="!!bannerImage || !!bannerTitle"
+              name="bannerTitle"
+            >
+              <div
+                v-show="initialTitle || activeStepIndex > 0"
+                class="title"
+              >
                 <!-- Logo -->
                 <slot name="bannerTitleImage">
-                  <div v-if="bannerImage" class="round-image">
-                    <LazyImage :src="bannerImage" class="logo" />
+                  <div
+                    v-if="bannerImage"
+                    class="round-image"
+                  >
+                    <LazyImage
+                      :src="bannerImage"
+                      class="logo"
+                    />
                   </div>
                 </slot>
                 <!-- Title with subtext -->
@@ -273,15 +294,24 @@ export default {
                   <h2 v-if="bannerTitle">
                     {{ bannerTitle }}
                   </h2>
-                  <span v-if="bannerTitleSubtext" class="subtext">{{ bannerTitleSubtext }}</span>
+                  <span
+                    v-if="bannerTitleSubtext"
+                    class="subtext"
+                  >{{ bannerTitleSubtext }}</span>
                 </div>
               </div>
             </slot>
             <!-- Step number with subtext -->
-            <div v-if="activeStep && showSteps" class="subtitle">
+            <div
+              v-if="activeStep && showSteps"
+              class="subtitle"
+            >
               <h2>{{ !!headerMode ? t(`wizard.${headerMode}`) : t(`asyncButton.${finishMode}.action`) }}: {{ t('wizard.step', {number:activeStepIndex+1}) }}</h2>
               <slot name="bannerSubtext">
-                <span v-if="activeStep.subtext !== null" class="subtext">{{ activeStep.subtext || activeStep.label }}</span>
+                <span
+                  v-if="activeStep.subtext !== null"
+                  class="subtext"
+                >{{ activeStep.subtext || activeStep.label }}</span>
               </slot>
             </div>
           </div>
@@ -308,13 +338,20 @@ export default {
                     class="controls"
                     @click.prevent="goToStep(idx+1, true)"
                   >
-                    <span class="icon icon-lg" :class="{'icon-dot': step.name === activeStep.name, 'icon-dot-open':step.name !== activeStep.name}" />
+                    <span
+                      class="icon icon-lg"
+                      :class="{'icon-dot': step.name === activeStep.name, 'icon-dot-open':step.name !== activeStep.name}"
+                    />
                     <span>
                       {{ step.label }}
                     </span>
                   </span>
                 </li>
-                <div v-if="idx!==visibleSteps.length-1" :key="step.name" class="divider" />
+                <div
+                  v-if="idx!==visibleSteps.length-1"
+                  :key="step.name"
+                  class="divider"
+                />
               </template>
             </ul>
           </div>
@@ -326,8 +363,16 @@ export default {
         :activeStep="activeStep"
       >
         <template v-for="step in steps">
-          <div v-if="step.name === activeStep.name || step.hidden" :key="step.name" class="step-container__step" :class="{'hide': step.name !== activeStep.name && step.hidden}">
-            <slot :step="step" :name="step.name" />
+          <div
+            v-if="step.name === activeStep.name || step.hidden"
+            :key="step.name"
+            class="step-container__step"
+            :class="{'hide': step.name !== activeStep.name && step.hidden}"
+          >
+            <slot
+              :step="step"
+              :name="step.name"
+            />
           </div>
         </template>
       </slot>
@@ -344,30 +389,67 @@ export default {
         :cancel="cancel"
         :activeStep="activeStep"
       >
-        <div v-for="(err,idx) in errorStrings" :key="idx">
-          <Banner color="error" :label="err" :closable="true" @close="errors.splice(idx, 1)" />
+        <div
+          v-for="(err,idx) in errorStrings"
+          :key="idx"
+        >
+          <Banner
+            color="error"
+            :label="err"
+            :closable="true"
+            @close="errors.splice(idx, 1)"
+          />
         </div>
         <div class="controls-row pt-20">
-          <slot name="cancel" :cancel="cancel">
-            <button type="button" class="btn role-secondary" @click="cancel">
+          <slot
+            name="cancel"
+            :cancel="cancel"
+          >
+            <button
+              type="button"
+              class="btn role-secondary"
+              @click="cancel"
+            >
               <t k="generic.cancel" />
             </button>
           </slot>
           <div class="controls-steps">
-            <slot v-if="showPrevious" name="back" :back="back">
-              <button :disabled="!canPrevious || (!editFirstStep && activeStepIndex===1)" type="button" class="btn role-secondary" @click="back()">
+            <slot
+              v-if="showPrevious"
+              name="back"
+              :back="back"
+            >
+              <button
+                :disabled="!canPrevious || (!editFirstStep && activeStepIndex===1)"
+                type="button"
+                class="btn role-secondary"
+                @click="back()"
+              >
                 <t k="wizard.previous" />
               </button>
             </slot>
-            <slot v-if="activeStepIndex === visibleSteps.length-1" name="finish" :finish="finish">
+            <slot
+              v-if="activeStepIndex === visibleSteps.length-1"
+              name="finish"
+              :finish="finish"
+            >
               <AsyncButton
                 :disabled="!activeStep.ready"
                 :mode="finishMode"
                 @click="finish"
               />
             </slot>
-            <slot v-else name="next" :next="next">
-              <button :disabled="!canNext" type="button" :class="nextButtonStyle" @click="next()">
+            <slot
+              v-else
+              name="next"
+              :next="next"
+            >
+              <button
+                :disabled="!canNext"
+                type="button"
+                :class="nextButtonStyle"
+                @click="next()"
+              >
                 <t :k="nextButtonLabel" />
               </button>
             </slot>

package/components/YamlEditor.vue

@@ -204,7 +204,11 @@ export default {
 <template>
   <div class="yaml-editor">
     <div class="text-right">
-      <span v-if="isPreview && !hidePreviewButtons" v-trim-whitespace class="btn-group btn-sm diff-mode">
+      <span
+        v-if="isPreview && !hidePreviewButtons"
+        v-trim-whitespace
+        class="btn-group btn-sm diff-mode"
+      >
         <button
           type="button"
           class="btn btn-sm bg-default"

package/components/auth/AllowedPrincipals.vue

@@ -77,7 +77,10 @@ export default {
       </div>
       <div class="col span-6">
         <h4 v-if="accessMode!=='unrestricted'">
-          <t k="authConfig.allowedPrincipalIds.title" :raw="true" />
+          <t
+            k="authConfig.allowedPrincipalIds.title"
+            :raw="true"
+          />
         </h4>
         <ArrayList
           v-if="accessMode!=='unrestricted'"
@@ -88,17 +91,30 @@ export default {
           :protip="false"
         >
           <template #value="{row}">
-            <Principal :key="row.value" :value="row.value" />
+            <Principal
+              :key="row.value"
+              :value="row.value"
+            />
           </template>
 
-          <template v-if="authConfig.allowedPrincipalIds.length <= 1" #remove-button>
-            <button type="button" disabled class="btn role-link bg-transparent">
+          <template
+            v-if="authConfig.allowedPrincipalIds.length <= 1"
+            #remove-button
+          >
+            <button
+              type="button"
+              disabled
+              class="btn role-link bg-transparent"
+            >
               {{ t('generic.remove') }}
             </button>
           </template>
 
           <template #add>
-            <SelectPrincipal :mode="mode" @add="addPrincipal" />
+            <SelectPrincipal
+              :mode="mode"
+              @add="addPrincipal"
+            />
           </template>
         </ArrayList>
       </div>

package/components/auth/AuthBanner.vue

@@ -37,19 +37,35 @@ export default {
 
 <template>
   <div>
-    <Banner color="success clearfix" class="banner">
+    <Banner
+      color="success clearfix"
+      class="banner"
+    >
       <div class="text">
         {{ t('authConfig.stateBanner.enabled', tArgs) }}
       </div>
       <slot name="actions" />
-      <button type="button" class="btn-sm role-primary" @click="edit">
+      <button
+        type="button"
+        class="btn-sm role-primary"
+        @click="edit"
+      >
         {{ t('action.edit') }}
       </button>
-      <AsyncButton class="ml-10" mode="disable" size="sm" action-color="bg-error" @click="disable" />
+      <AsyncButton
+        class="ml-10"
+        mode="disable"
+        size="sm"
+        action-color="bg-error"
+        @click="disable"
+      />
     </Banner>
 
-    <table v-if="!!$slots.rows" class="values">
-      <slot name="rows"></slot>
+    <table
+      v-if="!!$slots.rows"
+      class="values"
+    >
+      <slot name="rows" />
     </table>
   </div>
 </template>

package/components/auth/AzureWarning.vue

@@ -49,7 +49,11 @@ export default {
 </script>
 
 <template>
-  <div v-if="showWarning" id="azure-warn" class="banner">
+  <div
+    v-if="showWarning"
+    id="azure-warn"
+    class="banner"
+  >
     <p>
       {{ t('authConfig.azuread.updateEndpoint.banner.message') }}
       <n-link :to="authConfigRoute">

package/components/auth/Principal.vue

@@ -55,22 +55,35 @@ export default {
 </script>
 
 <template>
-  <div class="principal" :class="{'showLabels': showLabels}">
+  <div
+    class="principal"
+    :class="{'showLabels': showLabels}"
+  >
     <template v-if="!principal && $fetchState.pending">
       <div class="avatar">
         <div class="empty">
           <i class="icon icon-spinner icon-lg" />
         </div>
       </div>
-      <div class="name" :class="{'text-muted': useMuted}" v-html="t('principal.loading', null, true)" />
+      <div
+        class="name"
+        :class="{'text-muted': useMuted}"
+        v-html="t('principal.loading', null, true)"
+      />
       <div class="description" />
     </template>
 
     <template v-else-if="principal">
       <div class="avatar">
-        <img :src="principal.avatarSrc" :class="{'round': principal.roundAvatar}" />
+        <img
+          :src="principal.avatarSrc"
+          :class="{'round': principal.roundAvatar}"
+        >
       </div>
-      <div v-if="showLabels" class="name">
+      <div
+        v-if="showLabels"
+        class="name"
+      >
         <table>
           <tr><td>{{ t('principal.name') }}: </td><td>{{ principal.name || principal.loginName }}</td></tr>
           <tr><td>{{ t('principal.loginName') }}: </td><td>{{ principal.loginName }}</td></tr>
@@ -81,7 +94,10 @@ export default {
         <div class="name">
           <template v-if="showBoth">
             {{ principal.name }}
-            <span v-if="principal.loginName" :class="{'text-muted': useMuted}">({{ principal.loginName }})</span>
+            <span
+              v-if="principal.loginName"
+              :class="{'text-muted': useMuted}"
+            >({{ principal.loginName }})</span>
           </template>
           <template v-else-if="principal.name">
             {{ principal.name }}
@@ -90,7 +106,10 @@ export default {
             {{ principal.loginName }}
           </template>
         </div>
-        <div class="description" :class="{'text-muted': useMuted}">
+        <div
+          class="description"
+          :class="{'text-muted': useMuted}"
+        >
           {{ principal.displayType }}
         </div>
       </template>
@@ -98,12 +117,21 @@ export default {
 
     <template v-else>
       <div class="avatar">
-        <div class="empty" :class="{'text-muted': useMuted}">
+        <div
+          class="empty"
+          :class="{'text-muted': useMuted}"
+        >
           <i class="icon icon-warning icon-lg" />
         </div>
       </div>
-      <div v-t="'principal.error'" class="name text-error" />
-      <div class="description" :class="{'text-muted': useMuted}">
+      <div
+        v-t="'principal.error'"
+        class="name text-error"
+      />
+      <div
+        class="description"
+        :class="{'text-muted': useMuted}"
+      >
         {{ value }}
       </div>
     </template>

package/components/auth/RoleDetailEdit.vue

@@ -524,8 +524,11 @@ export default {
         :row-actions="false"
         :search="false"
       />
-      <div v-for="(inherited, index) of inheritedRules" :key="index">
-        <div class="spacer"></div>
+      <div
+        v-for="(inherited, index) of inheritedRules"
+        :key="index"
+      >
+        <div class="spacer" />
         <h3>
           Inherited from {{ inherited.template.nameDisplay }}
           <template v-if="inherited.showParent">
@@ -551,7 +554,10 @@ export default {
         description-key="description"
         label="Name"
       />
-      <div v-if="isRancherType" class="row">
+      <div
+        v-if="isRancherType"
+        class="row"
+      >
         <div class="col span-6">
           <RadioGroup
             v-model="defaultValue"
@@ -562,7 +568,10 @@ export default {
             :mode="mode"
           />
         </div>
-        <div v-if="isRancherRoleTemplate" class="col span-6">
+        <div
+          v-if="isRancherRoleTemplate"
+          class="col span-6"
+        >
           <RadioGroup
             v-model="value.locked"
             name="storageSource"
@@ -573,7 +582,7 @@ export default {
           />
         </div>
       </div>
-      <div class="spacer"></div>
+      <div class="spacer" />
       <Tabbed :side-tabs="true">
         <Tab
           name="grant-resources"
@@ -602,16 +611,28 @@ export default {
                 <div :class="ruleClass">
                   <label class="text-label">
                     {{ t('rbac.roletemplate.tabs.grantResources.tableHeaders.resources') }}
-                    <i v-tooltip="t('rbac.roletemplate.tabs.grantResources.resourceOptionInfo')" class="icon icon-info" />
-                    <span v-if="isNamespaced" class="required">*</span>
+                    <i
+                      v-tooltip="t('rbac.roletemplate.tabs.grantResources.resourceOptionInfo')"
+                      class="icon icon-info"
+                    />
+                    <span
+                      v-if="isNamespaced"
+                      class="required"
+                    >*</span>
                   </label>
                 </div>
                 <div :class="ruleClass">
                   <label class="text-label">{{ t('rbac.roletemplate.tabs.grantResources.tableHeaders.apiGroups') }}
-                    <span v-if="isNamespaced" class="required">*</span>
+                    <span
+                      v-if="isNamespaced"
+                      class="required"
+                    >*</span>
                   </label>
                 </div>
-                <div v-if="!isNamespaced" :class="ruleClass">
+                <div
+                  v-if="!isNamespaced"
+                  :class="ruleClass"
+                >
                   <label class="text-label">{{ t('rbac.roletemplate.tabs.grantResources.tableHeaders.nonResourceUrls') }}</label>
                 </div>
               </div>
@@ -651,7 +672,10 @@ export default {
                     @input="setRule('apiGroups', props.row.value, $event)"
                   />
                 </div>
-                <div v-if="!isNamespaced" :class="ruleClass">
+                <div
+                  v-if="!isNamespaced"
+                  :class="ruleClass"
+                >
                   <LabeledInput
                     :value="getRule('nonResourceURLs', props.row.value)"
                     :disabled="isBuiltin"

package/components/auth/SelectPrincipal.vue

@@ -95,6 +95,11 @@ export default {
 
   methods: {
     add(id) {
+      if (!id) {
+        // Ignore attempts to select an invalid principal
+        return;
+      }
+
       this.$emit('add', id);
       if (!this.retainSelection) {
         this.newValue = '';
@@ -176,11 +181,23 @@ export default {
     </template>
 
     <template #option="option">
-      <Principal :key="option.label" :value="option.label" :use-muted="false" />
+      <Principal
+        :key="option.label"
+        :value="option.label"
+        :use-muted="false"
+      />
     </template>
 
-    <template v-if="retainSelection" #selected-option="option">
-      <Principal :key="option.label" :value="option.label" :use-muted="false" class="mt-10 mb-10" />
+    <template
+      v-if="retainSelection"
+      #selected-option="option"
+    >
+      <Principal
+        :key="option.label"
+        :value="option.label"
+        :use-muted="false"
+        class="mt-10 mb-10"
+      />
     </template>
   </LabeledSelect>
 </template>

package/components/auth/login/github.vue

@@ -13,7 +13,11 @@ export default {
 </script>
 
 <template>
-  <button ref="btn" class="btn role-primary" @click="login">
+  <button
+    ref="btn"
+    class="btn role-primary"
+    @click="login"
+  >
     Log In with GitHub
   </button>
 </template>

package/components/auth/login/ldap.vue

@@ -77,8 +77,16 @@ export default {
         </div>
       </div>
     </template>
-    <div v-else class="text-center">
-      <button style="font-size: 18px;" type="button" class="btn bg-primary" @click="$emit('showInputs')">
+    <div
+      v-else
+      class="text-center"
+    >
+      <button
+        style="font-size: 18px;"
+        type="button"
+        class="btn bg-primary"
+        @click="$emit('showInputs')"
+      >
         {{ t('login.loginWithProvider', {provider: displayName}) }}
       </button>
     </div>

package/components/auth/login/oauth.vue

@@ -14,7 +14,12 @@ export default {
 
 <template>
   <div class="text-center">
-    <button ref="btn" class="btn bg-primary" style="font-size: 18px;" @click="login">
+    <button
+      ref="btn"
+      class="btn bg-primary"
+      style="font-size: 18px;"
+      @click="login"
+    >
       {{ t('login.loginWithProvider', {provider: displayName}) }}
     </button>
   </div>

package/components/auth/login/oidc.vue

@@ -14,7 +14,12 @@ export default {
 
 <template>
   <div class="text-center">
-    <button ref="btn" class="btn bg-primary" style="font-size: 18px;" @click="login">
+    <button
+      ref="btn"
+      class="btn bg-primary"
+      style="font-size: 18px;"
+      @click="login"
+    >
       {{ t('login.loginWithProvider', {provider: displayName}) }}
     </button>
   </div>

package/components/auth/login/saml.vue

@@ -16,7 +16,12 @@ export default {
 
 <template>
   <div class="text-center">
-    <button ref="btn" class="btn bg-primary" style="font-size: 18px;" @click="login">
+    <button
+      ref="btn"
+      class="btn bg-primary"
+      style="font-size: 18px;"
+      @click="login"
+    >
       {{ t('login.loginWithProvider', {provider: displayName}) }}
     </button>
   </div>

package/components/fleet/FleetBundles.vue

@@ -115,14 +115,21 @@ export default {
   <div>
     <Loading v-if="$fetchState.pending" />
     <div v-else>
-      <Banner v-if="hidden" color="info" :label="t('fleet.bundles.harvester', {count: hidden} )" />
+      <Banner
+        v-if="hidden"
+        color="info"
+        :label="t('fleet.bundles.harvester', {count: hidden} )"
+      />
       <ResourceTable
         :schema="schema"
         :headers="headers"
         :rows="bundles"
       >
         <template #cell:deploymentsReady="{row}">
-          <span v-if="displayWarning(row)" class="text-warning">
+          <span
+            v-if="displayWarning(row)"
+            class="text-warning"
+          >
             {{ row.status.summary.ready }}/{{ row.status.summary.desiredReady }}</span>
           <span v-else-if="row.status">{{ row.status.summary.desiredReady }}</span>
         </template>