@rancher/shell 0.3.4 → 0.3.6

package/utils/router.scrollBehavior.js

@@ -0,0 +1,80 @@
+import { getMatchedComponents, setScrollRestoration } from './nuxt';
+
+if (process.client) {
+  if ('scrollRestoration' in window.history) {
+    setScrollRestoration('manual');
+
+    // reset scrollRestoration to auto when leaving page, allowing page reload
+    // and back-navigation from other pages to use the browser to restore the
+    // scrolling position.
+    window.addEventListener('beforeunload', () => {
+      setScrollRestoration('auto');
+    });
+
+    // Setting scrollRestoration to manual again when returning to this page.
+    window.addEventListener('load', () => {
+      setScrollRestoration('manual');
+    });
+  }
+}
+
+function shouldScrollToTop(route) {
+  const Pages = getMatchedComponents(route);
+
+  if (Pages.length === 1) {
+    const { options = {} } = Pages[0];
+
+    return options.scrollToTop !== false;
+  }
+
+  return Pages.some(({ options }) => options && options.scrollToTop);
+}
+
+export default function(to, from, savedPosition) {
+  // If the returned position is falsy or an empty object, will retain current scroll position
+  let position = false;
+  const isRouteChanged = to !== from;
+
+  // savedPosition is only available for popstate navigations (back button)
+  if (savedPosition) {
+    position = savedPosition;
+  } else if (isRouteChanged && shouldScrollToTop(to)) {
+    position = { x: 0, y: 0 };
+  }
+
+  const nuxt = window.$nuxt;
+
+  if (
+    // Initial load (vuejs/vue-router#3199)
+    !isRouteChanged ||
+    // Route hash changes
+    (to.path === from.path && to.hash !== from.hash)
+  ) {
+    nuxt.$nextTick(() => nuxt.$emit('triggerScroll'));
+  }
+
+  return new Promise((resolve) => {
+    // wait for the out transition to complete (if necessary)
+    nuxt.$once('triggerScroll', () => {
+      // coords will be used if no selector is provided,
+      // or if the selector didn't match any element.
+      if (to.hash) {
+        let hash = to.hash;
+
+        // CSS.escape() is not supported with IE and Edge.
+        if (typeof window.CSS !== 'undefined' && typeof window.CSS.escape !== 'undefined') {
+          hash = `#${ window.CSS.escape(hash.substr(1)) }`;
+        }
+        try {
+          if (document.querySelector(hash)) {
+            // scroll to anchor by returning the selector
+            position = { selector: hash };
+          }
+        } catch (e) {
+          console.warn('Failed to save scroll position. Please add CSS.escape() polyfill (https://github.com/mathiasbynens/CSS.escape).'); // eslint-disable-line no-console
+        }
+      }
+      resolve(position);
+    });
+  });
+}

package/utils/select.js

@@ -1,5 +1,3 @@
-import $ from 'jquery';
-
 export function onClickOption(option, e) {
   if (!this.$attrs.multiple) {
     return;
@@ -29,7 +27,7 @@ export function onClickOption(option, e) {
 // We used to use popper for these, but it does not suppotr fractional pixel placements which
 // means the dropdown does not appear aligned to the control when placed in a column-based layout
 export function calculatePosition(dropdownList, component, width, placement) {
-  const selectEl = $(component.$parent.$el)[0];
+  const selectEl = component.$parent.$el;
   const r = selectEl.getBoundingClientRect();
   const p = placement || 'bottom-start';
   const docHeight = document.body.offsetHeight;

package/utils/socket.js

@@ -26,6 +26,7 @@ export const EVENT_DISCONNECT_ERROR = 'disconnect_error';
 
 export const NO_WATCH = 'NO_WATCH';
 export const NO_SCHEMA = 'NO_SCHEMA';
+export const REVISION_TOO_OLD = 'TOO_OLD';
 
 export default class Socket extends EventTarget {
   url;

package/utils/string.js

@@ -60,6 +60,19 @@ export function escapeHtml(html) {
   });
 }
 
+/**
+ * Return HTML markup from escaped HTML string, allowing specific tags
+ * @param text string
+ * @returns string
+ */
+export function decodeHtml(text) {
+  const div = document.createElement('div');
+
+  div.innerHTML = text;
+
+  return div.textContent || div.innerText || '';
+}
+
 export function escapeRegex(string) {
   return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
 }

package/utils/time.js

@@ -97,6 +97,15 @@ export function elapsedTime(seconds) {
     };
   }
 
+  const days = Math.floor(seconds / (3600 * 24));
+
+  if (days > 1) {
+    return {
+      diff:  60,
+      label: `${ days }d${ hours - (days * 24) }h`,
+    };
+  }
+
   if (hours > 7) {
     return {
       diff:  60,