@rancher/shell 3.0.1-rc.3 → 3.0.1

package/components/templates/error.vue

@@ -1,131 +0,0 @@
-<script>
-import Brand from '@shell/mixins/brand';
-
-export default {
-  name:   'NuxtError',
-  mixins: [Brand],
-
-  data() {
-    return { ready: false };
-  },
-
-  computed: {
-    statusCode() {
-      return 599;
-    },
-    message() {
-      return '';
-    }
-  },
-  watch: {
-    message(neu) {
-      document.title = neu;
-    }
-  },
-
-  mounted() {
-    // If the page isn't a sub-path of the base url, redirect to it instead of saying not found.
-    // For clicking from manager -> explorer -> back, nuxt tries to load /g/clusters and doesn't
-    // have a route for that.
-    if (this.statusCode === 404 && !this.$route.path?.startsWith(this.$router.options.base) && window._popStateDetected) {
-      window.location.href = this.$route.fullPath;
-
-      return;
-    }
-
-    // Avoid scenarios where the 404 error will blip up whilst the authenticated middleware is determining if there's an alternative valid
-    // route
-    setTimeout(() => {
-      this.ready = true;
-    }, 1000);
-    document.title = this.message;
-  },
-};
-</script>
-
-<template>
-  <div
-    v-if="ready"
-    class="wrapper"
-  >
-    <div class="error">
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="90"
-        height="90"
-        fill="#DBE1EC"
-        viewBox="0 0 48 48"
-      >
-        <path d="M22 30h4v4h-4zm0-16h4v12h-4zm1.99-10C12.94 4 4 12.95 4 24s8.94 20 19.99 20S44 35.05 44 24 35.04 4 23.99 4zM24 40c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" />
-      </svg>
-
-      <div class="title">
-        {{ message }}
-      </div>
-
-      <p
-        v-if="statusCode === 404"
-        class="description"
-      >
-        <a
-          v-if="typeof $route === 'undefined'"
-          class="error-link"
-          href="/"
-        >Back to Home</a>
-        <router-link
-          v-else
-          class="error-link"
-          to="/"
-        >
-          Back to Home
-        </router-link>
-      </p>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.wrapper {
-  padding: 1rem;
-  background: #F7F8FB;
-  color: #47494E;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  font-family: sans-serif;
-  font-weight: 100 !important;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  -webkit-font-smoothing: antialiased;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1000;
-
-  .error {
-    max-width: 450px;
-  }
-
-  .title {
-    font-size: 1.5rem;
-    margin-top: 15px;
-    color: #47494E;
-    margin-bottom: 8px;
-  }
-
-  .description {
-    color: #7F828B;
-    line-height: 21px;
-    margin-bottom: 10px;
-  }
-
-  a {
-    color: #7F828B !important;
-    text-decoration: none;
-  }
-}
-</style>

package/config/router/navigation-guards/history.js

@@ -1,13 +0,0 @@
-export function install(router, context) {
-  router.beforeEach((to, from, next) => loadHistory(to, from, next, context));
-}
-
-export async function loadHistory(to, from, next) {
-  // Clear state used to record if back button was used for navigation
-  // TODO: Investigate if this can be removed. This is only used on the templates/error.vue page and seems hacky.
-  setTimeout(() => {
-    window._popStateDetected = false;
-  }, 1);
-
-  next();
-}

package/plugins/back-button.js

@@ -1,3 +0,0 @@
-window.addEventListener('popstate', () => {
-  window._popStateDetected = true;
-});