@rancher/shell 0.1.1 → 0.1.3

package/list/harvesterhci.io.host/index.vue

@@ -1,186 +0,0 @@
-<script>
-import ResourceTable from '@shell/components/ResourceTable';
-import Loading from '@shell/components/Loading';
-import { STATE, NAME, AGE } from '@shell/config/table-headers';
-import {
-  METRIC, NODE, SCHEMA, HCI, LONGHORN, POD
-} from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
-import metricPoller from '@shell/mixins/metric-poller';
-import CopyToClipboard from '@shell/components/CopyToClipboard';
-
-const schema = {
-  id:         HCI.HOST,
-  type:       SCHEMA,
-  attributes: {
-    kind:       HCI.HOST,
-    namespaced: true
-  },
-  metadata: { name: HCI.HOST },
-};
-
-export default {
-  name: 'HarvesterListHost',
-
-  components: {
-    CopyToClipboard,
-    ResourceTable,
-    Loading,
-  },
-
-  mixins: [metricPoller],
-
-  async fetch() {
-    const _hash = {
-      nodes:         this.$store.dispatch('harvester/findAll', { type: NODE }),
-      pods:          this.$store.dispatch('harvester/findAll', { type: POD }),
-    };
-
-    if (this.$store.getters['harvester/schemaFor'](METRIC.NODE)) {
-      _hash.metric = this.$store.dispatch('harvester/findAll', { type: METRIC.NODE });
-    } else {
-      this.hasMetricSchema = false;
-    }
-
-    if (this.$store.getters['harvester/schemaFor'](LONGHORN.NODES)) {
-      _hash.longhornNodes = this.$store.dispatch('harvester/findAll', { type: LONGHORN.NODES });
-    } else {
-      this.hasLonghornSchema = false;
-    }
-
-    if (this.$store.getters['harvester/schemaFor'](HCI.BLOCK_DEVICE)) {
-      _hash.blockDevices = this.$store.dispatch('harvester/findAll', { type: HCI.BLOCK_DEVICE });
-    }
-
-    const hash = await allHash(_hash);
-
-    this.rows = hash.nodes;
-  },
-
-  data() {
-    return {
-      rows:              [],
-      hasMetricSchema:   true,
-      hasLonghornSchema: true,
-    };
-  },
-
-  computed: {
-    headers() {
-      const out = [
-        STATE,
-        {
-          ...NAME,
-          formatter: 'HarvesterHostName',
-        },
-        {
-          name:      'host-ip',
-          labelKey:  'tableHeaders.hostIp',
-          search:    ['internalIp'],
-          value:     'internalIp',
-        },
-        {
-          name:          'diskState',
-          labelKey:      'tableHeaders.diskState',
-          value:         'diskState',
-          formatter:     'HarvesterDiskState',
-          width:         130,
-        },
-      ];
-
-      if (this.hasMetricSchema) {
-        const width = this.hasLonghornSchema ? '230' : '345';
-        const metricCol = [
-          {
-            name:          'cpu',
-            labelKey:      'node.detail.glance.consumptionGauge.cpu',
-            value:         'id',
-            width,
-            formatter:     'HarvesterCPUUsed',
-            formatterOpts: { showUsed: true },
-          },
-          {
-            name:          'memory',
-            labelKey:      'node.detail.glance.consumptionGauge.memory',
-            value:         'id',
-            width,
-            formatter:     'HarvesterMemoryUsed',
-            formatterOpts: { showUsed: true },
-          },
-        ];
-
-        out.splice(-1, 0, ...metricCol);
-      }
-
-      if (this.hasLonghornSchema) {
-        const storageHeader = {
-          name:          'storage',
-          labelKey:      'tableHeaders.storage',
-          value:         'id',
-          width:         '230',
-          formatter:     'HarvesterStorageUsed',
-          formatterOpts: { showReserved: true },
-        };
-
-        out.splice(-1, 0, storageHeader);
-      }
-
-      out.push(AGE);
-
-      return out;
-    },
-
-    schema() {
-      return schema;
-    }
-  },
-  methods: {
-    async loadMetrics() {
-      const schema = this.$store.getters['harvester/schemaFor'](METRIC.NODE);
-
-      if (schema) {
-        await this.$store.dispatch('harvester/findAll', {
-          type: METRIC.NODE,
-          opt:  { force: true }
-        });
-
-        this.$forceUpdate();
-      }
-    },
-  },
-
-  typeDisplay() {
-    const { params:{ resource: type } } = this.$route;
-    let paramSchema = schema;
-
-    if (type !== schema.id) {
-      paramSchema = this.$store.getters['harvester/schemaFor'](type);
-    }
-
-    return this.$store.getters['type-map/labelFor'](paramSchema, 99);
-  },
-
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <div v-else>
-    <ResourceTable
-      v-bind="$attrs"
-      :schema="schema"
-      :groupable="false"
-      :headers="headers"
-      :rows="[...rows]"
-      :namespaced="false"
-      key-field="_key"
-      v-on="$listeners"
-    >
-      <template slot="cell:host-ip" slot-scope="scope">
-        <div class="name-console">
-          {{ scope.row.internalIp }}<CopyToClipboard :text="scope.row.internalIp" label-as="tooltip" class="icon-btn" action-color="bg-transparent" />
-        </div>
-      </template>
-    </ResourceTable>
-  </div>
-</template>

package/list/harvesterhci.io.networkattachmentdefinition.vue

@@ -1,167 +0,0 @@
-<script>
-import { Banner } from '@components/Banner';
-import Loading from '@shell/components/Loading';
-import MessageLink from '@shell/components/MessageLink';
-import ResourceTable from '@shell/components/ResourceTable';
-
-import { NAME, AGE, NAMESPACE } from '@shell/config/table-headers';
-import { HCI, NETWORK_ATTACHMENT, SCHEMA } from '@shell/config/types';
-
-import { findBy } from '@shell/utils/array';
-import { allHash } from '@shell/utils/promise';
-
-const schema = {
-  id:         HCI.NETWORK_ATTACHMENT,
-  type:       SCHEMA,
-  attributes: {
-    kind:       HCI.NETWORK_ATTACHMENT,
-    namespaced: true
-  },
-  metadata: { name: HCI.NETWORK_ATTACHMENT },
-};
-
-export default {
-  name:       'HarvesterListNetworks',
-  components: {
-    ResourceTable, Banner, Loading, MessageLink
-  },
-
-  async fetch() {
-    const currentCluster = this.$store.getters['currentCluster'];
-    const storeName = currentCluster.isHarvester ? 'harvester' : 'cluster';
-
-    const _hash = { rows: this.$store.dispatch(`${ storeName }/findAll`, { type: NETWORK_ATTACHMENT }) };
-
-    if (this.$store.getters[`${ storeName }/schemaFor`](HCI.NODE_NETWORK)) {
-      _hash.hostNetworks = this.$store.dispatch(`${ storeName }/findAll`, { type: HCI.NODE_NETWORK });
-    }
-
-    if (this.$store.getters[`${ storeName }/schemaFor`](HCI.CLUSTER_NETWORK)) {
-      _hash.clusterNetworkSetting = this.$store.dispatch(`${ storeName }/findAll`, { type: HCI.CLUSTER_NETWORK });
-    }
-
-    const hash = await allHash(_hash);
-
-    this.rows = hash.rows;
-    this.hostNetworks = hash.hostNetworks || [];
-    this.clusterNetworkSetting = hash.clusterNetworkSetting || [];
-  },
-
-  data() {
-    return {
-      hash:                  {},
-      rows:                  [],
-      hosts:                 [],
-      hostNetworks:          [],
-      clusterNetworkSetting: [],
-      to:                    `${ HCI.CLUSTER_NETWORK }/vlan?mode=edit`
-    };
-  },
-
-  computed: {
-    headers() {
-      return [
-        NAME,
-        NAMESPACE,
-        {
-          name:      'type',
-          value:     'vlanType',
-          sort:      'spec.config',
-          labelKey:  'tableHeaders.networkType'
-        },
-        {
-          name:      'vlan',
-          value:     'vlanId',
-          sort:      'spec.config',
-          labelKey:  'tableHeaders.networkVlan'
-        },
-        {
-          name:          'connectivity',
-          value:         'connectivity',
-          labelKey:      'tableHeaders.routeConnectivity',
-          formatter:     'BadgeStateFormatter',
-          formatterOpts: { arbitrary: true },
-          width:         130,
-        },
-        AGE
-      ];
-    },
-
-    schema() {
-      return schema;
-    },
-
-    isVlanDisable() {
-      const vlan = findBy((this.clusterNetworkSetting || []), 'metadata.name', 'vlan') || {};
-
-      return !vlan.canUseVlan;
-    },
-
-    hasClusterNetwork() {
-      return this.$store.getters['harvester/schemaFor'](HCI.CLUSTER_NETWORK);
-    },
-
-    abnormalNetwork() {
-      const notReadyCrd = this.hostNetworks.filter( O => !O.isReady);
-
-      return notReadyCrd.map( O => O.linkMessage);
-    },
-
-  },
-
-  typeDisplay() {
-    return this.$store.getters['type-map/labelFor'](schema, 99);
-  },
-};
-</script>
-
-<template>
-  <Loading v-if="$fetchState.pending" />
-  <div v-else>
-    <template v-if="isVlanDisable && hasClusterNetwork">
-      <Banner color="error">
-        <MessageLink
-          :to="to"
-          prefix-label="harvester.network.message.premise.prefix"
-          middle-label="harvester.network.message.premise.middle"
-          suffix-label="harvester.network.message.premise.suffix"
-        />
-      </Banner>
-    </template>
-
-    <template v-else>
-      <Banner v-if="hasClusterNetwork" color="info">
-        <MessageLink
-          :to="to"
-          prefix-label="harvester.network.message.viewSetting.prefix"
-          middle-label="harvester.network.message.viewSetting.middle"
-          suffix-label="harvester.network.message.viewSetting.suffix"
-        />
-      </Banner>
-    </template>
-
-    <template v-if="abnormalNetwork.length">
-      <Banner
-        v-for="item in abnormalNetwork"
-        :key="item.name"
-        color="error"
-      >
-        <nuxt-link :to="item.to">
-          {{ item.name }}:
-        </nuxt-link>
-        {{ item.message }}
-      </Banner>
-    </template>
-
-    <ResourceTable
-      v-bind="$attrs"
-      :headers="headers"
-      default-sort-by="age"
-      :schema="schema"
-      :groupable="true"
-      :rows="rows"
-      key-field="_key"
-      v-on="$listeners"
-    />
-  </div>
-</template>

package/list/harvesterhci.io.setting.vue

@@ -1,241 +0,0 @@
-<script>
-import { mapGetters } from 'vuex';
-import { Banner } from '@components/Banner';
-import Loading from '@shell/components/Loading';
-import { DEV } from '@shell/store/prefs';
-import { HCI, MANAGEMENT } from '@shell/config/types';
-import { allHash } from '@shell/utils/promise';
-import { HCI_ALLOWED_SETTINGS, HCI_SINGLE_CLUSTER_ALLOWED_SETTING } from '@shell/config/settings';
-
-export default {
-  components: { Banner, Loading },
-
-  async fetch() {
-    const isDev = this.$store.getters['prefs/get'](DEV);
-    const isSingleVirtualCluster = this.$store.getters['isSingleVirtualCluster'];
-
-    const hash = { harvesterSettings: this.$store.dispatch('harvester/findAll', { type: HCI.SETTING }) };
-
-    if (isSingleVirtualCluster) {
-      hash.settings = this.$store.dispatch('management/findAll', { type: MANAGEMENT.SETTING });
-    }
-
-    if (this.$store.getters['harvester/schemaFor'](HCI.CLUSTER_NETWORK)) {
-      hash.clusterNetwork = this.$store.dispatch('harvester/findAll', { type: HCI.CLUSTER_NETWORK });
-    }
-
-    if (this.$store.getters['harvester/schemaFor'](MANAGEMENT.MANAGED_CHART)) {
-      hash.managedcharts = this.$store.dispatch('harvester/findAll', { type: MANAGEMENT.MANAGED_CHART });
-    }
-
-    const rows = await allHash(hash);
-
-    let allRows = [];
-
-    if (rows.clusterNetwork) {
-      allRows.push(...rows.clusterNetwork);
-    }
-
-    const monitoring = (rows.managedcharts || []).find(c => c.id === 'fleet-local/rancher-monitoring');
-
-    if (monitoring) {
-      allRows.push(...rows.managedcharts);
-    }
-
-    allRows.push(...rows.harvesterSettings);
-
-    if (isSingleVirtualCluster) {
-      allRows = [...rows.settings, ...allRows];
-    }
-
-    // Map settings from array to object keyed by id
-    const settingsMap = allRows.reduce((res, s) => {
-      res[s.id] = s;
-
-      return res;
-    }, {});
-
-    const initSettings = [];
-    let SETTINGS = HCI_ALLOWED_SETTINGS;
-
-    if (isSingleVirtualCluster) {
-      SETTINGS = {
-        ...HCI_ALLOWED_SETTINGS,
-        ...HCI_SINGLE_CLUSTER_ALLOWED_SETTING,
-      };
-    }
-
-    Object.keys(SETTINGS).forEach((setting) => {
-      if (!settingsMap[setting]) {
-        return;
-      }
-      const realSetting = SETTINGS[setting]?.alias || setting;
-      const s = {
-        ...SETTINGS[setting],
-        id:          realSetting,
-        data:        settingsMap[setting],
-      };
-
-      s.hide = s.canHide = (s.kind === 'json' || s.kind === 'multiline' || s.customFormatter === 'json');
-      s.hasActions = !s.readOnly || isDev;
-      initSettings.push(s);
-    });
-
-    this.initSettings = initSettings;
-  },
-
-  data() {
-    return { initSettings: [] };
-  },
-
-  computed: {
-    ...mapGetters({ t: 'i18n/t' }),
-
-    settings() {
-      return this.initSettings.map((setting) => {
-        const s = setting;
-
-        const isHarvester = s.data?.type?.includes('harvesterhci');
-
-        if (s.kind === 'json') {
-          try {
-            s.json = JSON.stringify(JSON.parse(s.data.value || s.data.default || '{}'), null, 2);
-          } catch (e) {
-            console.error(`${ s.data.id }: wrong format`); // eslint-disable-line no-console
-            s.json = {};
-          }
-        } else if (s.kind === 'enum') {
-          const v = s.data.value || s.data.default;
-
-          s.enum = isHarvester ? `advancedSettings.enum.harv-${ s.id }.${ v }` : `advancedSettings.enum.${ s.id }.${ v }`;
-        } else if (s.kind === 'custom') {
-          s.custom = s.data.customValue;
-        }
-
-        return {
-          ...s,
-          description: isHarvester ? `advancedSettings.descriptions.harv-${ s.id }` : `advancedSettings.descriptions.${ s.id }`,
-          customized:  (!s.readOnly && s.data.value && s.data.value !== s.data.default) || s.data.hasCustomized
-        };
-      });
-    }
-  },
-
-  methods: {
-    showActionMenu(e, setting) {
-      const actionElement = e.srcElement;
-
-      this.$store.commit(`action-menu/show`, {
-        resources: setting.data,
-        elem:      actionElement
-      });
-    },
-
-    getSettingOption(id) {
-      return HCI_ALLOWED_SETTINGS.find(setting => setting.id === id);
-    },
-
-    toggleHide(s) {
-      this.initSettings.find((setting) => {
-        if (setting.id === s.id) {
-          setting.hide = !setting.hide;
-        }
-      });
-    }
-  }
-};
-</script>
-
-<template>
-  <Loading v-if="!settings" />
-  <div v-else>
-    <Banner color="warning" class="settings-banner">
-      <div>
-        {{ t('advancedSettings.subtext') }}
-      </div>
-    </Banner>
-    <div v-for="setting in settings" :key="setting.id" class="advanced-setting mb-20">
-      <div class="header">
-        <div class="title">
-          <h1>
-            {{ setting.id }}
-            <span v-if="setting.customized" class="modified">
-              Modified
-            </span>
-          </h1>
-          <h2 v-html="t(setting.description, {}, true)">
-          </h2>
-        </div>
-        <div v-if="setting.hasActions" :id="setting.id" class="action">
-          <button aria-haspopup="true" aria-expanded="false" type="button" class="btn btn-sm role-multi-action actions" @click="showActionMenu($event, setting)">
-            <i class="icon icon-actions" />
-          </button>
-        </div>
-      </div>
-      <div value>
-        <div v-if="setting.hide">
-          <button class="btn btn-sm role-primary" @click="toggleHide(setting)">
-            {{ t('advancedSettings.show') }} {{ setting.id }}
-          </button>
-        </div>
-        <div v-else class="settings-value">
-          <pre v-if="setting.kind === 'json'">{{ setting.json }}</pre>
-          <pre v-else-if="setting.kind === 'multiline'">{{ setting.data.value || setting.data.default }}</pre>
-          <pre v-else-if="setting.kind === 'enum'">{{ t(setting.enum) }}</pre>
-          <pre v-else-if="setting.kind === 'custom' && setting.custom"> {{ setting.custom }}</pre>
-          <pre v-else-if="setting.data.value || setting.data.default">{{ setting.data.value || setting.data.default }}</pre>
-          <pre v-else class="text-muted">&lt;{{ t('advancedSettings.none') }}&gt;</pre>
-        </div>
-        <div v-if="setting.canHide && !setting.hide" class="mt-5">
-          <button class="btn btn-sm role-primary" @click="toggleHide(setting)">
-            {{ t('advancedSettings.hide') }} {{ setting.id }}
-          </button>
-        </div>
-      </div>
-      <Banner v-if="setting.data.errMessage" color="error mt-5" class="settings-banner">
-        {{ setting.data.errMessage }}
-      </Banner>
-    </div>
-  </div>
-</template>
-
-<style lang='scss' scoped>
-.settings-banner {
-  margin-top: 0;
-}
-.advanced-setting {
-  border: 1px solid var(--border);
-  padding: 20px;
-  border-radius: var(--border-radius);
-
-  h1 {
-    font-size: 14px;
-  }
-  h2 {
-    font-size: 12px;
-    margin-bottom: 0;
-    opacity: 0.8;
-  }
-}
-
-.settings-value pre {
-  margin: 0;
-}
-
-.header {
-  display: flex;
-  margin-bottom: 20px;
-}
-
-.title {
-  flex: 1;
-}
-
-.modified {
-  margin-left: 10px;
-  border: 1px solid var(--primary);
-  border-radius: 5px;
-  padding: 2px 10px;
-  font-size: 12px;
-}
-</style>