@rancher/shell 3.0.5-rc.3 → 3.0.5-rc.6

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

@@ -142,6 +142,7 @@ export default {
           v-if="!!currentNamespace && selectedNamespaceQuestions"
           ref="tabs"
           :side-tabs="true"
+          :use-hash="useTabbedHash"
         >
           <Questions
             v-model:value="value.spec.values"

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

@@ -73,6 +73,7 @@ export default {
       v-bind="$attrs"
       class="mt-15"
       :side-tabs="true"
+      :use-hash="useTabbedHash"
     >
       <Tab
         name="basics"

package/edit/logging-flow/index.vue

@@ -404,6 +404,7 @@ export default {
 
     <Tabbed
       :side-tabs="true"
+      :use-hash="useTabbedHash"
       @changed="tabChanged($event)"
     >
       <Tab

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

@@ -211,6 +211,7 @@ export default {
         v-else
         ref="tabbed"
         :side-tabs="true"
+        :use-hash="useTabbedHash"
         @changed="tabChanged($event)"
       >
         <Tab

package/edit/management.cattle.io.fleetworkspace.vue

@@ -1,10 +1,12 @@
 <script>
+import { _CREATE } from '@shell/config/query-params';
 import CreateEditView from '@shell/mixins/create-edit-view';
 import CruResource from '@shell/components/CruResource';
 import Labels from '@shell/components/form/Labels';
 import Loading from '@shell/components/Loading';
 import NameNsDescription from '@shell/components/form/NameNsDescription';
 import { FLEET, MANAGEMENT, SCHEMA } from '@shell/config/types';
+import { FLEET as FLEET_ANNOTATIONS } from '@shell/config/labels-annotations';
 // import RoleBindings from '@shell/components/RoleBindings';
 import Tabbed from '@shell/components/Tabbed';
 import Tab from '@shell/components/Tabbed/Tab';
@@ -16,6 +18,7 @@ import { LAST_NAMESPACE, WORKSPACE } from '@shell/store/prefs';
 import { exceptionToErrorsArray } from '@shell/utils/error';
 import Banner from '@components/Banner/Banner.vue';
 import ArrayList from '@shell/components/form/ArrayList.vue';
+import FleetOCIStorageSecret from '@shell/components/fleet/FleetOCIStorageSecret.vue';
 
 export default {
   name: 'FleetCruWorkspace',
@@ -25,6 +28,7 @@ export default {
   inheritAttrs: false,
   components:   {
     CruResource,
+    FleetOCIStorageSecret,
     Labels,
     Loading,
     NameNsDescription,
@@ -126,6 +130,10 @@ export default {
         this.errors = exceptionToErrorsArray(err);
       }
     },
+
+    updateDefaultOCIStorageSecret(secretName) {
+      this.value.metadata.annotations[FLEET_ANNOTATIONS.OCI_STORAGE_SECRET_DEFAULT] = secretName;
+    }
   },
 
   computed: {
@@ -145,6 +153,14 @@ export default {
       }
     },
 
+    defaultOCIStorageSecret() {
+      return this.value.metadata?.annotations?.[FLEET_ANNOTATIONS.OCI_STORAGE_SECRET_DEFAULT];
+    },
+
+    isCreate() {
+      return this.mode === _CREATE;
+    },
+
     SCOPE_NAMESPACE() {
       return SCOPE_NAMESPACE;
     },
@@ -184,6 +200,7 @@ export default {
     <Tabbed
       :side-tabs="true"
       default-tab="members"
+      :use-hash="useTabbedHash"
     >
       <!-- <Tab name="members" label-key="generic.members" :weight="2">
         <RoleBindings
@@ -198,19 +215,10 @@ export default {
         />
       </Tab> -->
 
-      <Tab
-        name="labels"
-        label-key="generic.labelsAndAnnotations"
-      >
-        <Labels
-          :value="value"
-          :mode="mode"
-          @update:value="$emit('input', $event)"
-        />
-      </Tab>
       <Tab
         name="allowedtargetnamespaces"
         label-key="fleet.workspaces.tabs.restrictions"
+        :weight="3"
       >
         <Banner
           color="info"
@@ -240,6 +248,32 @@ export default {
           :value-can-be-empty="true"
         />
       </Tab>
+      <Tab
+        v-if="!isCreate"
+        name="ociRegistries"
+        label-key="fleet.workspaces.tabs.ociRegistry"
+        :weight="2"
+      >
+        <FleetOCIStorageSecret
+          data-testid="default-oci-storage-secret"
+          :secret="defaultOCIStorageSecret"
+          :workspace="value.metadata.name"
+          :mode="mode"
+          :allow-default="false"
+          @update:value="updateDefaultOCIStorageSecret"
+        />
+      </Tab>
+      <Tab
+        name="labels"
+        label-key="generic.labelsAndAnnotations"
+        :weight="1"
+      >
+        <Labels
+          :value="value"
+          :mode="mode"
+          @update:value="$emit('input', $event)"
+        />
+      </Tab>
     </Tabbed>
   </CruResource>
 </template>

package/edit/management.cattle.io.oidcclient.vue

@@ -0,0 +1,162 @@
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import CreateEditView from '@shell/mixins/create-edit-view';
+import ArrayList from '@shell/components/form/ArrayList.vue';
+import UnitInput from '@shell/components/form/UnitInput.vue';
+import CruResource from '@shell/components/CruResource.vue';
+import FormValidation from '@shell/mixins/form-validation';
+import NameNsDescription from '@shell/components/form/NameNsDescription.vue';
+
+const DEFAULT_REF_TOKEN_EXP = 3600;
+const DEFAULT_TOKEN_EXP = 600;
+
+export default defineComponent({
+  name: 'EditOidcClient',
+
+  emits: ['input'],
+
+  inheritAttrs: false,
+
+  components: {
+    CruResource,
+    NameNsDescription,
+    ArrayList,
+    UnitInput,
+  },
+
+  mixins: [
+    CreateEditView,
+    FormValidation
+  ],
+
+  created() {
+    // setup the data for creation scenario
+    if (this.isCreate) {
+      this.value.spec = {
+        refreshTokenExpirationSeconds: DEFAULT_REF_TOKEN_EXP,
+        tokenExpirationSeconds:        DEFAULT_TOKEN_EXP
+      };
+    }
+  },
+
+  data() {
+    return {
+      fvFormRuleSets: [
+        { path: 'metadata.name', rules: ['required'] },
+        { path: 'spec.redirectURIs', rules: ['required', 'genericUrl'] },
+        { path: 'spec.refreshTokenExpirationSeconds', rules: ['required'] },
+        { path: 'spec.tokenExpirationSeconds', rules: ['required'] },
+      ],
+    };
+  },
+
+  computed: {
+    finishButtonMode(): string {
+      return this.isCreate ? 'registerApplication' : 'saveApplication';
+    },
+
+    doneLocationOverride() {
+      if (this.isCreate) {
+        const afterCreateRoute = Object.assign({}, this.value.detailLocation);
+
+        afterCreateRoute.state = { displaySecret: 'true' };
+
+        return afterCreateRoute;
+      }
+
+      return undefined;
+    },
+  },
+});
+</script>
+
+<template>
+  <CruResource
+    :mode="mode"
+    :resource="value"
+    :doneLocationOverride="doneLocationOverride"
+    class="create-edit"
+    :finish-button-mode="finishButtonMode"
+    :errors="errors"
+    :validation-passed="fvFormIsValid"
+    @finish="save"
+    @error="e=>errors=e"
+  >
+    <div class="mb-10">
+      <!-- app name, app description -->
+      <div class="row mt-20">
+        <div class="col span-12">
+          <NameNsDescription
+            :value="value"
+            :mode="mode"
+            :namespaced="false"
+            :name-placeholder="'oidcclient.appName.placeholder'"
+            :description-key="'spec.description'"
+            :description-placeholder="'oidcclient.appDescription.placeholder'"
+            :rules="{ name: fvGetAndReportPathRules('metadata.name'), description: [] }"
+            @update:value="$emit('input', $event)"
+          />
+        </div>
+      </div>
+      <!-- cb urls, tokens -->
+      <div class="row ">
+        <div class="col span-6">
+          <ArrayList
+            v-model:value="value.spec.redirectURIs"
+            class="mt-20"
+            :mode="mode"
+            :title="t('oidcclient.redirectURIs.label')"
+            :a11y-label="t('oidcclient.redirectURIs.label')"
+            :add-label="t('oidcclient.redirectURIs.addLabel')"
+            :required="true"
+            :protip="false"
+            :showHeader="true"
+            :rules="fvGetAndReportPathRules('spec.redirectURIs')"
+            :value-label="''"
+            data-testid="oidc-client-cb-urls-list"
+          />
+        </div>
+      </div>
+      <h3 class="mt-40">
+        {{ t('oidcclient.tokenExpirationSeconds.label') }}
+      </h3>
+      <div class="row mt-20 mb-20">
+        <div
+          class="col span-3"
+          data-testid="oidc-client-token-exp-input"
+        >
+          <UnitInput
+            v-model:value="value.spec.tokenExpirationSeconds"
+            :mode="mode"
+            :increment="1"
+            :required="true"
+            base-unit="s"
+            :positive="true"
+            :rules="fvGetAndReportPathRules('spec.tokenExpirationSeconds')"
+            :label="t('oidcclient.tokenExpirationSeconds.label')"
+            :sub-label="t('oidcclient.tokenExpirationSeconds.placeholder')"
+            :aria-label="t('oidcclient.tokenExpirationSeconds.label')"
+          />
+        </div>
+        <div
+          class="col span-3"
+          data-testid="oidc-client-ref-token-exp-input"
+        >
+          <UnitInput
+            v-model:value="value.spec.refreshTokenExpirationSeconds"
+            :mode="mode"
+            :increment="1"
+            :required="true"
+            base-unit="s"
+            :positive="true"
+            :rules="fvGetAndReportPathRules('spec.refreshTokenExpirationSeconds')"
+            :label="t('oidcclient.refreshTokenExpirationSeconds.label')"
+            :sub-label="t('oidcclient.refreshTokenExpirationSeconds.placeholder')"
+            :aria-label="t('oidcclient.refreshTokenExpirationSeconds.label')"
+          />
+        </div>
+      </div>
+    </div>
+  </CruResource>
+</template>

package/edit/management.cattle.io.project.vue

@@ -195,7 +195,10 @@ export default {
       :rules="{ name: fvGetAndReportPathRules('spec.displayName'), namespace: [], description: [] }"
       @update:value="$emit('input', $event)"
     />
-    <Tabbed :side-tabs="true">
+    <Tabbed
+      :side-tabs="true"
+      :use-hash="useTabbedHash"
+    >
       <Tab
         v-if="canViewMembers"
         name="members"

package/edit/monitoring.coreos.com.alertmanagerconfig/index.vue

@@ -203,7 +203,7 @@ export default {
       @input="$emit('input', $event)"
     />
 
-    <Tabbed>
+    <Tabbed :use-hash="useTabbedHash">
       <Tab
         :label="t('monitoring.route.label')"
         :weight="1"

package/edit/monitoring.coreos.com.alertmanagerconfig/receiverConfig.vue

@@ -101,6 +101,10 @@ export default {
       type:     Function,
       required: true
     },
+    useTabbedHash: {
+      type:    Boolean,
+      default: undefined
+    }
   },
 
   mixins: [CreateEditView, FormValidation],
@@ -300,6 +304,7 @@ export default {
       ref="tabbed"
       :side-tabs="true"
       default-tab="overview"
+      :use-hash="useTabbedHash"
       @changed="tabChanged"
     >
       <Tab

package/edit/monitoring.coreos.com.prometheusrule/index.vue

@@ -154,6 +154,7 @@ export default {
         v-if="filteredGroups.length > 0"
         :side-tabs="true"
         :show-tabs-add-remove="mode !== 'view'"
+        :use-hash="useTabbedHash"
         @addTab="addRuleGroup"
         @removeTab="removeGroupRule"
       >

package/edit/monitoring.coreos.com.receiver/auth.vue

@@ -81,38 +81,38 @@ export default {
     </div>
     <div class="row mb-20">
       <div class="col span-12">
-        <LabeledSelect
-          v-model:value="authType"
-          :options="authOptions"
-          label="Auth Type"
-          @update:value="initializeType(authOptions, authType)"
+        <LabeledSelect
+          v-model:value="authType"
+          :options="authOptions"
+          label="Auth Type"
+          @update:value="initializeType(authOptions, authType)"
         />
       </div>
     </div>
-    <div
-      v-if="authType === 'basic_auth'"
-      class="row mb-20"
+    <div
+      v-if="authType === 'basic_auth'"
+      class="row mb-20"
     >
       <div class="col span-6">
-        <LabeledInput
-          v-model:value="value.basic_auth.username"
-          :mode="mode"
-          :label="t('monitoringReceiver.auth.username')"
+        <LabeledInput
+          v-model:value="value.basic_auth.username"
+          :mode="mode"
+          :label="t('monitoringReceiver.auth.username')"
         />
       </div>
       <div class="col span-6">
-        <LabeledInput
-          v-model:value="value.basic_auth.password"
-          :mode="mode"
-          :label="t('monitoringReceiver.auth.password')"
-          type="password"
-          autocomplete="password"
+        <LabeledInput
+          v-model:value="value.basic_auth.password"
+          :mode="mode"
+          :label="t('monitoringReceiver.auth.password')"
+          type="password"
+          autocomplete="current-password"
         />
       </div>
     </div>
-    <div
-      v-else-if="authType === 'bearer_token'"
-      class="row mb-20"
+    <div
+      v-else-if="authType === 'bearer_token'"
+      class="row mb-20"
     >
       <div class="col span-6">
         <LabeledInput
@@ -121,20 +121,20 @@ export default {
           :label="t('monitoringReceiver.auth.bearerToken.label')"
           :placeholder="t('monitoringReceiver.auth.bearerToken.placeholder')"
           type="password"
-          autocomplete="password"
+          autocomplete="current-password"
         />
       </div>
     </div>
-    <div
-      v-else-if="authType === 'bearer_token_file'"
-      class="row mb-20"
+    <div
+      v-else-if="authType === 'bearer_token_file'"
+      class="row mb-20"
     >
       <div class="col span-6">
-        <LabeledInput
-          v-model:value="value.bearer_token_file"
-          :mode="mode"
-          :label="t('monitoringReceiver.auth.bearerTokenFile.label')"
-          :placeholder="t('monitoringReceiver.auth.bearerTokenFile.placeholder')"
+        <LabeledInput
+          v-model:value="value.bearer_token_file"
+          :mode="mode"
+          :label="t('monitoringReceiver.auth.bearerTokenFile.label')"
+          :placeholder="t('monitoringReceiver.auth.bearerTokenFile.placeholder')"
         />
       </div>
     </div>

package/edit/monitoring.coreos.com.receiver/index.vue

@@ -219,6 +219,7 @@ export default {
       ref="tabbed"
       :side-tabs="true"
       default-tab="overview"
+      :use-hash="useTabbedHash"
       @changed="tabChanged"
     >
       <Tab

package/edit/monitoring.coreos.com.receiver/types/email.vue

@@ -116,7 +116,7 @@ export default {
           :mode="mode"
           label="Password"
           type="password"
-          autocomplete="password"
+          autocomplete="current-password"
         />
       </div>
     </div>

package/edit/monitoring.coreos.com.route.vue

@@ -103,6 +103,7 @@ export default {
       ref="tabbed"
       :side-tabs="true"
       default-tab="overview"
+      :use-hash="useTabbedHash"
     >
       <Tab
         label="Receiver"

package/edit/namespace.vue

@@ -202,6 +202,7 @@ export default {
       :value="value"
       :mode="mode"
       :side-tabs="true"
+      :use-hash="useTabbedHash"
       @update:value="$emit('input', $event)"
     >
       <Tab

package/edit/networking.istio.io.destinationrule/index.vue

@@ -66,7 +66,10 @@ export default {
     </div>
 
     <div class="mb-20">
-      <Tabbed :side-tabs="true">
+      <Tabbed
+        :side-tabs="true"
+        :use-hash="useTabbedHash"
+      >
         <Tab
           name="subsets"
           :label="t('istio.destinationRule.subsets.label')"

package/edit/networking.k8s.io.ingress/index.vue

@@ -226,7 +226,10 @@ export default {
       :rules="fvGetAndReportPathRules('spec')"
       as-banner
     />
-    <Tabbed :side-tabs="true">
+    <Tabbed
+      :side-tabs="true"
+      :use-hash="useTabbedHash"
+    >
       <Tab
         :label="firstTabLabel"
         name="rules"

package/edit/networking.k8s.io.networkpolicy/PolicyRules.vue

@@ -27,6 +27,10 @@ export default {
       type:    String,
       default: 'ingress'
     },
+    useTabbedHash: {
+      type:    Boolean,
+      default: undefined
+    }
   },
   data() {
     if (!this.value.spec[this.type]) {
@@ -42,7 +46,7 @@ export default {
     removePolicyRule(idx) {
       removeAt(this.value.spec[this.type], idx);
     },
-    policyRouleLabel(idx) {
+    policyRuleLabel(idx) {
       return this.t('networkpolicy.rules.ruleLabel', { index: idx + 1 });
     }
   }
@@ -56,6 +60,7 @@ export default {
         <Tabbed
           :side-tabs="true"
           :show-tabs-add-remove="mode !== 'view'"
+          :use-hash="useTabbedHash"
           @addTab="addPolicyRule"
           @removeTab="removePolicyRule"
         >
@@ -63,7 +68,7 @@ export default {
             v-for="(policyRule, idx) in value.spec[type]"
             :key="idx"
             :name="'rule-' + type + idx"
-            :label="policyRouleLabel(idx)"
+            :label="policyRuleLabel(idx)"
             :show-header="false"
             class="container-group"
           >

package/edit/networking.k8s.io.networkpolicy/index.vue

@@ -148,6 +148,7 @@ export default {
         $store:        this.$store,
         inStore:       this.inStore,
         namespace:     this.value.metadata.namespace,
+        transient:     true,
       });
     }, 250, { leading: true }),
   },
@@ -174,7 +175,10 @@ export default {
 
     <div class="row mb-40">
       <div class="col span-12">
-        <Tabbed :side-tabs="true">
+        <Tabbed
+          :side-tabs="true"
+          :use-hash="useTabbedHash"
+        >
           <Tab
             name="ingress"
             label-key="networkpolicy.ingress.label"
@@ -196,7 +200,7 @@ export default {
               :value="value"
               type="ingress"
               :mode="mode"
-
+              :use-tabbed-hash="useTabbedHash"
               @update:value="$emit('input', $event)"
             />
           </Tab>

package/edit/node.vue

@@ -50,6 +50,7 @@ export default {
     <ResourceTabs
       :value="value"
       :mode="mode"
+      :use-hash="useTabbedHash"
       @update:value="$emit('input', $event)"
     >
       <Tab

package/edit/persistentvolume/index.vue

@@ -277,7 +277,10 @@ export default {
         />
       </div>
     </div>
-    <Tabbed :side-tabs="true">
+    <Tabbed
+      :side-tabs="true"
+      :use-hash="useTabbedHash"
+    >
       <Tab
         name="plugin-configuration"
         :label="t('persistentVolume.pluginConfiguration.label')"