@rancher/shell 0.5.3 → 2.0.0

package/assets/styles/vendor/vue-js-modal.scss

@@ -1,16 +0,0 @@
-@import 'node_modules/vue-js-modal/dist/styles.css';
-
-.v--modal-overlay {
-  background-color: var(--overlay-bg);
-  z-index: z-index('modalOverlay');
-
-  .v--modal-box {
-    overflow-y: auto;
-  }
-}
-
-.v--modal {
-  background-color: var(--modal-bg) !important;
-  box-shadow: none;
-  border: 2px solid var(--modal-border);
-}

package/chart/monitoring/steps/uninstall-v1.vue

@@ -1,135 +0,0 @@
-
-<script>
-import { haveV1Monitoring, haveV1MonitoringWorkloads } from '@shell/utils/monitoring';
-import AsyncButton from '@shell/components/AsyncButton';
-import IconMessage from '@shell/components/IconMessage';
-
-function delay(t, v) {
-  return new Promise((resolve) => {
-    setTimeout(resolve.bind(null, v), t);
-  });
-}
-
-export default {
-
-  label:   'monitoring.installSteps.uninstallV1.stepTitle',
-  subtext: 'monitoring.installSteps.uninstallV1.stepSubtext',
-  weight:  100,
-
-  components: {
-    AsyncButton,
-    IconMessage
-  },
-
-  data() {
-    return {
-      haveV1Monitoring: false,
-      error:            null,
-    };
-  },
-
-  mounted() {
-    this.haveV1Monitoring = haveV1Monitoring(this.$store.getters);
-    this.$emit('update', {
-      loading: false,
-      ready:   false,
-      hidden:  !this.haveV1Monitoring,
-    });
-  },
-
-  methods: {
-    uninstall(buttonCb) {
-      this.$store.dispatch('cluster/promptModal', {
-        component:      'GenericPrompt',
-        componentProps: {
-          applyMode:   'uninstall',
-          applyAction: async(buttonDone) => {
-            await this.$store.getters['currentCluster'].doAction('disableMonitoring');
-
-            for (let index = 0; index < 30; index++) {
-            // Wait 30 seconds for the containers to go
-              const hasV1Monitoring = haveV1Monitoring(this.$store.getters);
-              const hasV1MonitoringWorkloads = await haveV1MonitoringWorkloads(this.$store);
-
-              if ((!hasV1Monitoring && !hasV1MonitoringWorkloads)) {
-                this.$emit('update', { ready: true, hidden: true });
-                this.haveV1Monitoring = false;
-
-                buttonDone(true);
-
-                return;
-              }
-              await delay(1000);
-            }
-
-            throw new Error(`Failed to uninstall: timed out`);
-          },
-          title: this.t('promptRemove.title', {}, true),
-          body:  this.t('monitoring.installSteps.uninstallV1.promptDescription', {}, true),
-        },
-      });
-      buttonCb(true);
-    },
-  }
-};
-
-</script>
-<template>
-  <div class="v1-monitoring">
-    <template v-if="haveV1Monitoring">
-      <IconMessage
-        class="mt-40 mb-20"
-        icon="icon-warning"
-        :vertical="true"
-        icon-state="warning"
-      >
-        <template #message>
-          <p>
-            {{ t('monitoring.installSteps.uninstallV1.warning1') }}
-          </p>
-          <p
-            v-clean-html="t('monitoring.installSteps.uninstallV1.warning2', {}, true)"
-            class="mt-10"
-          />
-        </template>
-      </IconMessage>
-      <AsyncButton
-        mode="uninstall"
-        :delay="0"
-        @click="uninstall"
-      />
-    </template>
-    <IconMessage
-      v-else
-      class="mt-40"
-      icon="icon-checkmark"
-      :vertical="true"
-      icon-state="success"
-    >
-      <template #message>
-        <p class="">
-          {{ t('monitoring.installSteps.uninstallV1.success1') }}
-        </p>
-        <p
-          v-clean-html="t('monitoring.installSteps.uninstallV1.success2')"
-          class="mt-10"
-        />
-      </template>
-    </IconMessage>
-  </div>
-</template>
-
-<style lang='scss' scoped>
-.v1-monitoring {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  p {
-    max-width: 900px;
-  }
-  .btn {
-    min-width: 200px;
-  }
-}
-</style>

package/components/EventsTable.vue

@@ -1,67 +0,0 @@
-<script>
-import { AGE, SIMPLE_TYPE, REASON, MESSAGE } from '@shell/config/table-headers';
-import SortableTable from '@shell/components/SortableTable';
-
-export default {
-  components: { SortableTable },
-  props:      {
-    resource: {
-      type:     Object,
-      required: true
-    }
-  },
-  data() {
-    const eventHeaders = [
-      SIMPLE_TYPE,
-      REASON,
-      MESSAGE,
-      AGE
-    ];
-
-    this.loopEvents();
-
-    return {
-      eventRows:      [],
-      eventHeaders,
-      intervalHandle: null
-    };
-  },
-
-  beforeDestroy() {
-    if (this.intervalHandle) {
-      clearInterval(this.intervalHandle);
-    }
-  },
-
-  methods: {
-    async loopEvents() {
-      this.eventRows = await this.fetchEvents();
-
-      this.intervalHandle = setInterval(async() => {
-        this.eventRows = await this.fetchEvents();
-      }, 10000);
-    },
-    async fetchEvents() {
-      const namespace = this.resource.namespace;
-      const name = this.resource.name;
-      const kind = this.resource.kind;
-
-      const url = `/k8s/clusters/local/api/v1/namespaces/${ namespace }/events?fieldSelector=involvedObject.name=${ name },involvedObject.kind=${ kind }`;
-      const response = await this.$store.dispatch('cluster/request', { url });
-
-      return response.items;
-    },
-  }
-};
-</script>
-
-<template>
-  <SortableTable
-    :rows="eventRows"
-    :headers="eventHeaders"
-    :table-actions="false"
-    :row-actions="false"
-    key-field="key"
-    default-sort-by="state"
-  />
-</template>

package/components/TabbedLinks/index.vue

@@ -1,94 +0,0 @@
-<script>
-export default {
-  name: 'TabbedLinks',
-
-  props: {
-    /**
-     * Default tab to display from the list
-     */
-    defaultTab: {
-      type:     String,
-      default:  null,
-      required: false,
-    },
-    /**
-     * The list of tabs to display
-     * @model
-     */
-    tabList: {
-      type:     Array,
-      required: true,
-      default:  () => [],
-    }
-  },
-
-  data() {
-    const { tabList } = this;
-
-    return { tabs: tabList };
-  },
-};
-</script>
-
-<template>
-  <div>
-    <ul
-      v-if="tabs !== null && tabs.length > 0"
-      role="tablist"
-      class="tabs clearfix"
-    >
-      <n-link
-        v-for="tab in tabs"
-        :key="tab.name"
-        :to="tab.route"
-        tag="li"
-        role="presentation"
-        class="tab"
-        exact-active-class="active"
-        exact
-      >
-        <a>
-          {{ tab.label }}
-        </a>
-      </n-link>
-    </ul>
-    <div class="tab-container">
-      <slot />
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-  .tabs {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-
-    .tab {
-      position: relative;
-      top: 1px;
-      float: left;
-      border-radius: 3px 3px 0 0;
-      margin: 0 8px 0 0;
-
-      A {
-        display: block;
-        padding: 10px 15px;
-      }
-
-      &:last-child {
-        margin-right: 0;
-      }
-
-      &.active {
-        background-color: var(--tabbed-container-bg);
-        border-bottom-color: var(--tabbed-container-bg);
-      }
-    }
-  }
-
-  .tab-container {
-    padding: 20px;
-    background-color: var(--tabbed-container-bg);
-  }
-</style>

package/components/nuxt/nuxt-link.server.js

@@ -1,16 +0,0 @@
-import Vue from 'vue'
-
-export default {
-  name: 'NuxtLink',
-  extends: Vue.component('RouterLink'),
-  props: {
-    prefetch: {
-      type: Boolean,
-      default: false
-    },
-    noPrefetch: {
-      type: Boolean,
-      default: false
-    }
-  }
-}

package/components/nuxt/nuxt.js

@@ -1,101 +0,0 @@
-import Vue from 'vue'
-import { compile } from '../../utils/nuxt'
-
-import NuxtError from '../../components/templates/error.vue'
-
-import NuxtChild from './nuxt-child'
-
-export default {
-  name: 'Nuxt',
-  components: {
-    NuxtChild,
-    NuxtError
-  },
-  props: {
-    nuxtChildKey: {
-      type: String,
-      default: undefined
-    },
-    keepAlive: Boolean,
-    keepAliveProps: {
-      type: Object,
-      default: undefined
-    },
-    name: {
-      type: String,
-      default: 'default'
-    }
-  },
-  errorCaptured (error) {
-    // if we receive and error while showing the NuxtError component
-    // capture the error and force an immediate update so we re-render
-    // without the NuxtError component
-    if (this.displayingNuxtError) {
-      this.errorFromNuxtError = error
-      this.$forceUpdate()
-    }
-  },
-  computed: {
-    routerViewKey () {
-      // If nuxtChildKey prop is given or current route has children
-      if (typeof this.nuxtChildKey !== 'undefined' || this.$route.matched.length > 1) {
-        return this.nuxtChildKey || compile(this.$route.matched[0].path)(this.$route.params)
-      }
-
-      const [matchedRoute] = this.$route.matched
-
-      if (!matchedRoute) {
-        return this.$route.path
-      }
-
-      const Component = matchedRoute.components.default
-
-      if (Component && Component.options) {
-        const { options } = Component
-
-        if (options.key) {
-          return (typeof options.key === 'function' ? options.key(this.$route) : options.key)
-        }
-      }
-
-      const strict = /\/$/.test(matchedRoute.path)
-      return strict ? this.$route.path : this.$route.path.replace(/\/$/, '')
-    }
-  },
-  beforeCreate () {
-    Vue.util.defineReactive(this, 'nuxt', this.$root.$options.nuxt)
-  },
-  render (h) {
-    // if there is no error
-    if (!this.nuxt.err) {
-      // Directly return nuxt child
-      return h('NuxtChild', {
-        key: this.routerViewKey,
-        props: this.$props
-      })
-    }
-
-    // if an error occurred within NuxtError show a simple
-    // error message instead to prevent looping
-    if (this.errorFromNuxtError) {
-      this.$nextTick(() => (this.errorFromNuxtError = false))
-
-      return h('div', {}, [
-        h('h2', 'An error occurred while showing the error page'),
-        h('p', 'Unfortunately an error occurred and while showing the error page another error occurred'),
-        h('p', `Error details: ${this.errorFromNuxtError.toString()}`),
-        h('nuxt-link', { props: { to: '/' } }, 'Go back to home')
-      ])
-    }
-
-    // track if we are showing the NuxtError component
-    this.displayingNuxtError = true
-    this.$nextTick(() => (this.displayingNuxtError = false))
-
-    return h(NuxtError, {
-      props: {
-        error: this.nuxt.err
-      }
-    })
-  }
-}