@rancher/shell 0.1.2 → 0.1.3

package/edit/workload/types/Generic.vue

@@ -1,295 +0,0 @@
-<script>
-import CreateEditView from '@shell/mixins/create-edit-view';
-import FormValidation from '@shell/mixins/form-validation';
-import WorkLoadMixin from '@shell/edit/workload/mixins/workload';
-
-export default {
-  name:       'WorkloadGeneric',
-  mixins: [CreateEditView, FormValidation, WorkLoadMixin], // The order here is important since WorkLoadMixin contains some FormValidation configuration
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <form v-else class="filled-height">
-    <CruResource
-      :validation-passed="fvFormIsValid"
-      :selected-subtype="type"
-      :resource="value"
-      :mode="mode"
-      :errors="fvUnreportedValidationErrors"
-      :done-route="doneRoute"
-      :subtypes="workloadSubTypes"
-      :apply-hooks="applyHooks"
-      :value="value"
-      @finish="save"
-      @select-type="selectType"
-      @error="e=>errors = e"
-    >
-      <NameNsDescription
-        :value="value"
-        :mode="mode"
-        :rules="{name: fvGetAndReportPathRules('metadata.name'), namespace: fvGetAndReportPathRules('metadata.namespace'), description: []}"
-        @change="name=value.metadata.name"
-      />
-      <div v-if="isCronJob || isReplicable || isStatefulSet || containerOptions.length > 1" class="row mb-20">
-        <div v-if="isCronJob" class="col span-3">
-          <LabeledInput
-            v-model="spec.schedule"
-            type="cron"
-            :mode="mode"
-            :label="t('workload.cronSchedule')"
-            :rules="fvGetAndReportPathRules('spec.schedule')"
-            placeholder="0 * * * *"
-          />
-        </div>
-        <div v-if="isReplicable" class="col span-3">
-          <LabeledInput
-            v-model.number="spec.replicas"
-            type="number"
-            min="0"
-            required
-            :mode="mode"
-            :label="t('workload.replicas')"
-          />
-        </div>
-        <div v-if="isStatefulSet" class="col span-3">
-          <LabeledSelect
-            v-model="spec.serviceName"
-            option-label="metadata.name"
-            :reduce="service=>service.metadata.name"
-            :mode="mode"
-            :label="t('workload.serviceName')"
-            :options="headlessServices"
-            required
-          />
-        </div>
-        <div v-if="containerOptions.length > 1" class="col span-3">
-          <LabeledSelect :value="container" option-label="name" :label="t('workload.container.titles.container')" :options="containerOptions" @input="selectContainer" />
-          <div class="delete-container-button">
-            <button v-if="allContainers.length > 1 && !isView" type="button" class="btn-sm role-link" @click="removeContainer(container)">
-              {{ t('workload.container.removeContainer') }}
-            </button>
-          </div>
-        </div>
-      </div>
-
-      <Tabbed :key="containerChange" :side-tabs="true">
-        <Tab :label="t('workload.container.titles.general')" name="general" :weight="tabWeightMap['general']" :error="tabErrors.general">
-          <div>
-            <div :style="{'align-items':'center'}" class="row mb-20">
-              <div class="col span-6">
-                <LabeledInput v-model="container.name" :mode="mode" :label="t('workload.container.containerName')" />
-              </div>
-              <div class="col span-6">
-                <RadioGroup
-                  :mode="mode"
-                  :value="isInitContainer"
-                  name="initContainer"
-                  :options="[true, false]"
-                  :labels="[t('workload.container.init'), t('workload.container.standard')]"
-                  @input="updateInitContainer"
-                />
-              </div>
-            </div>
-            <h3>{{ t('workload.container.titles.image') }}</h3>
-            <div class="row mb-20">
-              <div class="col span-6">
-                <LabeledInput
-                  v-model.trim="container.image"
-                  :mode="mode"
-                  :label="t('workload.container.image')"
-                  :placeholder="t('generic.placeholder', {text: 'nginx:latest'}, true)"
-                  :rules="fvGetAndReportPathRules('image')"
-                />
-              </div>
-              <div class="col span-6">
-                <LabeledSelect
-                  v-model="container.imagePullPolicy"
-                  :label="t('workload.container.imagePullPolicy')"
-                  :options="pullPolicyOptions"
-                  :mode="mode"
-                />
-              </div>
-            </div>
-            <div class="row">
-              <div class="col span-6">
-                <LabeledSelect
-                  v-model="imagePullSecrets"
-                  :label="t('workload.container.imagePullSecrets')"
-                  :multiple="true"
-                  :taggable="true"
-                  :options="namespacedSecrets"
-                  :mode="mode"
-                  option-label="metadata.name"
-                  :reduce="service=>service.metadata.name"
-                />
-              </div>
-            </div>
-          </div>
-
-          <div class="spacer"></div>
-          <div>
-            <h3>{{ t('workload.container.titles.ports') }}</h3>
-            <div class="row">
-              <WorkloadPorts v-model="container.ports" :name="value.metadata.name" :services="servicesOwned" :mode="mode" />
-            </div>
-          </div>
-
-          <div class="spacer"></div>
-          <div>
-            <h3>{{ t('workload.container.titles.command') }}</h3>
-            <Command v-model="container" :secrets="namespacedSecrets" :config-maps="namespacedConfigMaps" :mode="mode" />
-          </div>
-          <ServiceNameSelect
-            :value="podTemplateSpec.serviceAccountName"
-            :mode="mode"
-            :select-label="t('workload.serviceAccountName.label')"
-            :select-placeholder="t('workload.serviceAccountName.label')"
-            :options="namespacedServiceNames"
-            option-label="metadata.name"
-            @input="updateServiceAccount"
-          />
-
-          <div class="spacer"></div>
-          <div>
-            <h3>{{ t('workload.container.titles.lifecycle') }}</h3>
-            <LifecycleHooks v-model="container.lifecycle" :mode="mode" />
-          </div>
-        </Tab>
-        <Tab :label="t('workload.storage.title')" name="storage" :weight="tabWeightMap['storage']">
-          <Storage
-            v-model="podTemplateSpec"
-            :namespace="value.metadata.namespace"
-            :register-before-hook="registerBeforeHook"
-            :mode="mode"
-            :secrets="namespacedSecrets"
-            :config-maps="namespacedConfigMaps"
-            :container="container"
-            :save-pvc-hook-name="savePvcHookName"
-            @removePvcForm="clearPvcFormState"
-          />
-        </Tab>
-        <Tab :label="t('workload.container.titles.resources')" name="resources" :weight="tabWeightMap['resources']">
-          <h3 class="mb-10">
-            <t k="workload.scheduling.titles.limits" />
-          </h3>
-          <ContainerResourceLimit v-model="flatResources" :mode="mode" :show-tip="false" />
-          <template>
-            <div class="spacer"></div>
-            <div>
-              <h3 class="mb-10">
-                <t k="workload.scheduling.titles.tolerations" />
-              </h3>
-              <div class="row">
-                <Tolerations v-model="podTemplateSpec.tolerations" :mode="mode" />
-              </div>
-            </div>
-
-            <div>
-              <div class="spacer"></div>
-              <h3 class="mb-10">
-                <t k="workload.scheduling.titles.priority" />
-              </h3>
-              <div class="row">
-                <div class="col span-6">
-                  <LabeledInput v-model.number="podTemplateSpec.priority" :mode="mode" :label="t('workload.scheduling.priority.priority')" />
-                </div>
-                <div class="col span-6">
-                  <LabeledInput v-model="podTemplateSpec.priorityClassName" :mode="mode" :label="t('workload.scheduling.priority.className')" />
-                </div>
-              </div>
-            </div>
-          </template>
-        </Tab>
-        <Tab :label="t('workload.container.titles.podScheduling')" name="podScheduling" :weight="tabWeightMap['podScheduling']">
-          <PodAffinity :mode="mode" :value="podTemplateSpec" :nodes="allNodeObjects" />
-        </Tab>
-        <Tab :label="t('workload.container.titles.nodeScheduling')" name="nodeScheduling" :weight="tabWeightMap['nodeScheduling']">
-          <NodeScheduling :mode="mode" :value="podTemplateSpec" :nodes="allNodes" />
-        </Tab>
-        <Tab :label="t('workload.container.titles.upgrading')" name="upgrading" :weight="tabWeightMap['upgrading']">
-          <Job v-if="isJob || isCronJob" v-model="spec" :mode="mode" :type="type" />
-          <Upgrading v-else v-model="spec" :mode="mode" :type="type" />
-        </Tab>
-        <Tab v-if="!isInitContainer" :label="t('workload.container.titles.healthCheck')" name="healthCheck" :weight="tabWeightMap['healthCheck']">
-          <HealthCheck v-model="healthCheck" :mode="mode" />
-        </Tab>
-        <Tab :label="t('workload.container.titles.securityContext')" name="securityContext" :weight="tabWeightMap['securityContext']">
-          <Security v-model="container.securityContext" :mode="mode" />
-          <div class="spacer"></div>
-          <div>
-            <h3>{{ t('workload.container.security.podFsGroup') }}</h3>
-            <div class="row">
-              <div class="col span-6">
-                <LabeledInput v-model.number="podFsGroup" type="number" :mode="mode" :label="t('workload.container.security.fsGroup')" />
-              </div>
-            </div>
-          </div>
-        </Tab>
-        <Tab :label="t('workload.container.titles.networking')" name="networking" :weight="tabWeightMap['networking']">
-          <Networking v-model="podTemplateSpec" :mode="mode" />
-        </Tab>
-        <Tab v-if="isStatefulSet" :label="t('workload.container.titles.volumeClaimTemplates')" name="volumeClaimTemplates" :weight="tabWeightMap['volumeClaimTemplates']">
-          <VolumeClaimTemplate v-model="spec" :mode="mode" />
-        </Tab>
-        <Tab name="labels" label-key="generic.labelsAndAnnotations" :weight="tabWeightMap['labels']">
-          <Labels v-model="value" :mode="mode" />
-          <div class="spacer"></div>
-          <div>
-            <h3>{{ t('workload.container.titles.podLabels') }}</h3>
-            <div class="row mb-20">
-              <KeyValue
-                key="labels"
-                v-model="podLabels"
-                :add-label="t('labels.addLabel')"
-                :mode="mode"
-                :read-allowed="false"
-                :protip="false"
-              />
-            </div>
-            <div class="spacer"></div>
-            <h3>{{ t('workload.container.titles.podAnnotations') }}</h3>
-            <div class="row">
-              <KeyValue
-                key="annotations"
-                v-model="podAnnotations"
-                :add-label="t('labels.addAnnotation')"
-                :mode="mode"
-                :read-allowed="false"
-                :protip="false"
-              />
-            </div>
-          </div>
-        </Tab>
-      </Tabbed>
-    </CruResource>
-  </form>
-</template>
-
-<style lang='scss'>
-.container-row {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.type-placeholder {
-  color: white;
-  font-size: 2.5em;
-  height: 100%;
-  width: 100%;
-  background-color: var(--primary);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.type-description {
-  color: var(--input-label);
-}
-
-.next-dropdown {
-  display: inline-block;
-}
-</style>

package/list/harvesterhci.io.cloudtemplate.vue

@@ -1,78 +0,0 @@
-<script>
-import ResourceTable from '@shell/components/ResourceTable';
-import Loading from '@shell/components/Loading';
-import { CONFIG_MAP, SCHEMA, HCI } from '@shell/config/types';
-import { NAME, AGE, NAMESPACE } from '@shell/config/table-headers';
-import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
-
-const schema = {
-  id:         HCI.CLOUD_TEMPLATE,
-  type:       SCHEMA,
-  attributes: {
-    kind:       HCI.CLOUD_TEMPLATE,
-    namespaced: true
-  },
-  metadata: { name: HCI.CLOUD_TEMPLATE },
-};
-
-export default {
-  name:       'HarvesterListCloudTemplate',
-  components: { ResourceTable, Loading },
-
-  async fetch() {
-    this.rows = await this.$store.dispatch('harvester/findAll', { type: CONFIG_MAP });
-
-    const configSchema = this.$store.getters['harvester/schemaFor'](CONFIG_MAP);
-
-    if (!configSchema?.collectionMethods.find(x => x.toLowerCase() === 'post')) {
-      this.$store.dispatch('type-map/configureType', { match: HCI.CLOUD_TEMPLATE, isCreatable: false });
-    }
-  },
-
-  data() {
-    return { rows: [] };
-  },
-
-  computed: {
-    headers() {
-      return [
-        NAME,
-        NAMESPACE,
-        {
-          name:          'type',
-          labelKey:      'tableHeaders.type',
-          value:         'metadata.labels',
-          formatter:     'CloudInitType',
-        },
-        AGE
-      ];
-    },
-
-    filteredRows() {
-      return this.rows.filter(r => !!r.metadata?.labels?.[HCI_ANNOTATIONS.CLOUD_INIT]);
-    },
-
-    schema() {
-      return schema;
-    }
-  },
-
-  typeDisplay() {
-    return this.$store.getters['type-map/labelFor'](schema, 99);
-  }
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <ResourceTable
-    v-else
-    v-bind="$attrs"
-    :headers="headers"
-    :groupable="true"
-    :schema="schema"
-    :rows="filteredRows"
-    key-field="_key"
-    v-on="$listeners"
-  />
-</template>

package/list/harvesterhci.io.dashboard/HarvesterUpgrade.vue

@@ -1,211 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import { HCI } from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
-import ModalWithCard from '@shell/components/ModalWithCard';
-import LabeledSelect from '@shell/components/form/LabeledSelect';
-import { Banner } from '@components/Banner';
-import UpgradeInfo from './UpgradeInfo';
-
-export default {
-  name: 'HarvesterUpgrade',
-
-  components: {
-    ModalWithCard, LabeledSelect, Banner, UpgradeInfo
-  },
-
-  async fetch() {
-    const inStore = this.$store.getters['currentProduct'].inStore;
-
-    const res = await allHash({
-      upgradeVersion: this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.SETTING }),
-      versions:       this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.VERSION }),
-      upgrade:        this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.UPGRADE }),
-    });
-
-    this.upgrade = res.upgrade;
-  },
-
-  data() {
-    return {
-      upgrade:         [],
-      upgradeMessage:  [],
-      errors:          '',
-      selectMode:     true,
-      version:        ''
-    };
-  },
-
-  computed: {
-    ...mapGetters(['currentCluster']),
-
-    versionOptions() {
-      const versions = this.$store.getters['harvester/all'](HCI.VERSION);
-
-      return versions.map(V => V.metadata.name);
-    },
-
-    currentVersion() {
-      const serverVersion = this.$store.getters['harvester/byId'](HCI.SETTING, 'server-version');
-
-      return serverVersion.currentVersion || '';
-    }
-  },
-
-  watch: {
-    upgrade: {
-      handler(neu) {
-        let upgradeMessage = [];
-        const list = neu || [];
-
-        const currentResource = list.find( O => !!O.isLatestUpgrade);
-
-        upgradeMessage = currentResource ? currentResource.upgradeMessage : [];
-
-        this.$set(this, 'upgradeMessage', upgradeMessage);
-      },
-      deep: true
-    }
-  },
-
-  methods: {
-    async handleUpgrade() {
-      const upgradeValue = {
-        type:     HCI.UPGRADE,
-        metadata: {
-          generateName: 'hvst-upgrade-',
-          namespace:    'harvester-system'
-        },
-        spec: { version: this.version }
-      };
-
-      const proxyResource = await this.$store.dispatch('harvester/create', upgradeValue);
-
-      try {
-        await proxyResource.save();
-
-        this.cancel();
-      } catch (err) {
-        if (err?.message !== '') {
-          this.errors = err.message;
-        }
-      }
-    },
-
-    cancel() {
-      this.$refs.deleteTip.hide();
-      this.errors = '';
-    },
-
-    open() {
-      this.$refs.deleteTip.open();
-    },
-
-    handleMode() {
-      this.selectMode = !this.selectMode;
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <header class="header mb-0">
-      <h1>
-        <t
-          k="harvester.dashboard.header"
-          :cluster="currentCluster.nameDisplay"
-        />
-      </h1>
-      <button v-if="versionOptions.length" type="button" class="btn bg-warning btn-sm" @click="open">
-        <t k="harvester.upgradePage.upgrade" />
-      </button>
-    </header>
-
-    <ModalWithCard ref="deleteTip" name="deleteTip" :width="850">
-      <template #title>
-        <t k="harvester.upgradePage.upgradeApp" />
-      </template>
-
-      <template #content>
-        <UpgradeInfo :version="version" />
-
-        <div class="currentVersion mb-15">
-          <span> <t k="harvester.upgradePage.currentVersion" /> </span>
-          <span class="version">{{ currentVersion }}</span>
-        </div>
-
-        <div v-if="selectMode">
-          <LabeledSelect
-            v-model="version"
-            class="mb-20"
-            :label="t('harvester.upgradePage.versionLabel')"
-            :options="versionOptions"
-            :clearable="true"
-          />
-
-          <Banner v-if="errors.length" color="warning">
-            {{ errors }}
-          </Banner>
-        </div>
-      </template>
-
-      <template #footer>
-        <div class="footer">
-          <button class="btn role-secondary mr-20" @click.prevent="cancel">
-            <t k="generic.close" />
-          </button>
-          <button class="btn role-tertiary bg-primary" @click.prevent="handleUpgrade">
-            <t k="harvester.upgradePage.upgrade" />
-          </button>
-        </div>
-      </template>
-    </ModalWithCard>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-  .header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .footer {
-    width: 100%;
-    display: flex;
-    justify-content: flex-end;
-  }
-
-  .banner-icon {
-    display: flex;
-    align-items: center;
-  }
-
-  .banner-content {
-    display: flex;
-  }
-
-  .banner-message {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: 0 15px;
-  }
-
-  .icon {
-    font-size: 20px;
-    width: 20px;
-    line-height: 23px;
-  }
-
-  .currentVersion {
-    margin-top: 10px;
-    display: flex;
-    justify-content: space-between;
-    .version {
-      font-size: 16px;
-      font-weight: bold;
-    }
-  }
-</style>

package/list/harvesterhci.io.dashboard/UpgradeInfo.vue

@@ -1,40 +0,0 @@
-<script>
-import { Banner } from '@components/Banner';
-
-export default {
-  name: 'HarvesterUpgradeInfo',
-
-  components: { Banner },
-
-  props: {
-    version: {
-      type:    String,
-      default: ''
-    }
-  },
-
-  computed: {
-    releaseVersion() {
-      return !!this.version ? `https://github.com/harvester/harvester/releases/tag/${ this.version }` : `https://github.com/harvester/harvester/releases`;
-    }
-  },
-};
-</script>
-
-<template>
-  <div>
-    <Banner color="warning">
-      <strong>{{ t('harvester.upgradePage.upgradeInfo.warning') }}:</strong>
-      <p class="mb-5" v-html="t('harvester.upgradePage.upgradeInfo.doc', {}, true)">
-      </p>
-
-      <p class="mb-5">
-        {{ t('harvester.upgradePage.upgradeInfo.tip') }}
-      </p>
-
-      <p class="mb-5">
-        {{ t('harvester.upgradePage.upgradeInfo.moreNotes') }} <a :href="releaseVersion" target="_blank">{{ t('generic.moreInfo') }} </a>
-      </p>
-    </Banner>
-  </div>
-</template>