@nethserver/ns8-ui-lib 0.0.52 → 0.0.56

package/README.md

@@ -1,6 +1,6 @@
 # ns8-ui-lib
 
-This library includes [Vue.js](https://vuejs.org/) UI components and mixins used by NethServer 8 UI.
+This library includes [Vue.js](https://vuejs.org/) UI components and mixins used by [NethServer 8](https://github.com/NethServer/ns8-core) UI.
 
 In `src/main.js` add the following to globally include NS8 components:
 

package/dist/ns8-ui-lib.esm.js

@@ -18,6 +18,7 @@ import AppSwitcher20 from '@carbon/icons-vue/es/app-switcher/20';
 import Search20 from '@carbon/icons-vue/es/search/20';
 import RowExpand20 from '@carbon/icons-vue/es/row--expand/20';
 import RowCollapse20 from '@carbon/icons-vue/es/row--collapse/20';
+import Reset32 from '@carbon/icons-vue/es/reset/32';
 import Reset20 from '@carbon/icons-vue/es/reset/20';
 import Download20 from '@carbon/icons-vue/es/download/20';
 import Launch20 from '@carbon/icons-vue/es/launch/20';
@@ -75,6 +76,8 @@ import Warning16 from '@carbon/icons-vue/es/warning--filled/16';
 import Warning32 from '@carbon/icons-vue/es/warning--filled/32';
 import Power20 from '@carbon/icons-vue/es/power/20';
 import Power32 from '@carbon/icons-vue/es/power/32';
+import Document20 from '@carbon/icons-vue/es/document/20';
+import Document32 from '@carbon/icons-vue/es/document/32';
 import { WarningFilled16, WarningAltFilled16, View16, ViewOff16 } from '@carbon/icons-vue';
 import TrashCan20 from '@carbon/icons-vue/es/trash-can/20';
 import CvSideNavDivider from '@carbon/vue/src/components/cv-ui-shell/cv-side-nav-divider.vue';
@@ -1248,8 +1251,8 @@ var __vue_staticRenderFns__$n = [];
 
 const __vue_inject_styles__$o = function (inject) {
   if (!inject) return;
-  inject("data-v-2bcd6519_0", {
-    source: ".progress-bar-container[data-v-2bcd6519]{width:100%;position:relative}.slider[data-v-2bcd6519]{position:absolute;width:100%;height:5px;overflow-x:hidden}.line[data-v-2bcd6519]{position:absolute;opacity:.4;width:100%;height:5px}.progress-line[data-v-2bcd6519]{position:absolute;height:5px}.indeterminate-line[data-v-2bcd6519]{position:absolute;opacity:.4;width:150%;height:5px}.indeterminate-subline[data-v-2bcd6519]{position:absolute;height:5px}.inc[data-v-2bcd6519]{animation:increase-data-v-2bcd6519 2s infinite}.dec[data-v-2bcd6519]{animation:decrease-data-v-2bcd6519 2s .5s infinite}@keyframes increase-data-v-2bcd6519{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-2bcd6519{from{left:-80%;width:80%}to{left:110%;width:10%}}",
+  inject("data-v-57532057_0", {
+    source: ".progress-bar-container[data-v-57532057]{width:100%;position:relative}.slider[data-v-57532057]{position:absolute;width:100%;height:5px;overflow-x:hidden}.line[data-v-57532057]{position:absolute;opacity:.4;width:100%;height:5px}.progress-line[data-v-57532057]{position:absolute;height:5px}.indeterminate-line[data-v-57532057]{position:absolute;opacity:.4;width:150%;height:5px}.indeterminate-subline[data-v-57532057]{position:absolute;height:5px}.inc[data-v-57532057]{animation:increase-data-v-57532057 2s infinite}.dec[data-v-57532057]{animation:decrease-data-v-57532057 2s .5s infinite}@keyframes increase-data-v-57532057{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-57532057{from{left:-80%;width:80%}to{left:110%;width:10%}}",
     map: undefined,
     media: undefined
   });
@@ -1257,7 +1260,7 @@ const __vue_inject_styles__$o = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$o = "data-v-2bcd6519";
+const __vue_scope_id__$o = "data-v-57532057";
 /* module identifier */
 
 const __vue_module_identifier__$o = undefined;
@@ -6236,11 +6239,11 @@ var __vue_staticRenderFns__$l = [];
 
 const __vue_inject_styles__$l = function (inject) {
   if (!inject) return;
-  inject("data-v-79bd81d3_0", {
-    source: ".notification[data-v-79bd81d3]{margin-bottom:0;margin-right:0}.action[data-v-79bd81d3]{padding-top:0;margin-bottom:0}.bx--toast-notification .bx--inline-notification__action-button.bx--btn--ghost[data-v-79bd81d3]{margin-left:-16px}.notification-description-and-progress[data-v-79bd81d3]{margin-top:.75rem;margin-bottom:.75rem}.fix-margin-bottom[data-v-79bd81d3]{margin-bottom:0}.progress[data-v-79bd81d3]{margin-top:.75rem}.progress-bar-spacer[data-v-79bd81d3]{height:.5rem}.cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{width:26vw;min-width:20rem;margin-top:0}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{margin-top:1rem}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{width:100%;cursor:pointer}.notification-read[data-v-79bd81d3]{border-color:#8d8d8d;color:#c6c6c6}.notification-read .bx--toast-notification__icon[data-v-79bd81d3]{fill:currentColor}.notification-read .bx--toast-notification__subtitle[data-v-79bd81d3]{color:#c6c6c6}.notification-read .bx--toast-notification__title[data-v-79bd81d3]{font-weight:400}.cv-notifiation .timestamp[data-v-79bd81d3]{margin-bottom:.75rem;line-height:1.29;color:#fff;text-decoration:underline}.cv-notifiation .timestamp button[data-v-79bd81d3]{color:#c6c6c6}.bx--tooltip__trigger[data-v-79bd81d3]:not(.bx--btn--icon-only){font-size:inherit}.cv-notifiation .timestamp .bx--tooltip__trigger[data-v-79bd81d3]::before{border-bottom-color:#161616}div.row[data-v-79bd81d3]:last-child{margin-bottom:1.5rem}.bx--toast-notification__details[data-v-79bd81d3]{flex-grow:1}",
+  inject("data-v-7385c86a_0", {
+    source: ".notification[data-v-7385c86a]{margin-bottom:0;margin-right:0}.action[data-v-7385c86a]{padding-top:0;margin-bottom:0}.bx--toast-notification .bx--inline-notification__action-button.bx--btn--ghost[data-v-7385c86a]{margin-left:-16px}.notification-description-and-progress[data-v-7385c86a]{margin-top:.75rem;margin-bottom:.75rem}.fix-margin-bottom[data-v-7385c86a]{margin-bottom:0}.progress[data-v-7385c86a]{margin-top:.75rem}.progress-bar-spacer[data-v-7385c86a]{height:.5rem}.cv-notifiation.bx--toast-notification.notification[data-v-7385c86a]{width:26vw;min-width:20rem;margin-top:0}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-7385c86a]{margin-top:1rem}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-7385c86a]{width:100%;cursor:pointer}.notification-read[data-v-7385c86a]{border-color:#8d8d8d;color:#c6c6c6}.notification-read .bx--toast-notification__icon[data-v-7385c86a]{fill:currentColor}.notification-read .bx--toast-notification__subtitle[data-v-7385c86a]{color:#c6c6c6}.notification-read .bx--toast-notification__title[data-v-7385c86a]{font-weight:400}.cv-notifiation .timestamp[data-v-7385c86a]{margin-bottom:.75rem;line-height:1.29;color:#fff;text-decoration:underline}.cv-notifiation .timestamp button[data-v-7385c86a]{color:#c6c6c6}.bx--tooltip__trigger[data-v-7385c86a]:not(.bx--btn--icon-only){font-size:inherit}.cv-notifiation .timestamp .bx--tooltip__trigger[data-v-7385c86a]::before{border-bottom-color:#161616}div.row[data-v-7385c86a]:last-child{margin-bottom:1.5rem}.bx--toast-notification__details[data-v-7385c86a]{flex-grow:1}",
     map: undefined,
     media: undefined
-  }), inject("data-v-79bd81d3_1", {
+  }), inject("data-v-7385c86a_1", {
     source: ".cv-notifiation .timestamp button span{background-color:#161616!important;border-left:1px solid #393939;border-right:1px solid #393939;border-bottom:1px solid #393939}",
     map: undefined,
     media: undefined
@@ -6249,7 +6252,7 @@ const __vue_inject_styles__$l = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$l = "data-v-79bd81d3";
+const __vue_scope_id__$l = "data-v-7385c86a";
 /* module identifier */
 
 const __vue_module_identifier__$l = undefined;
@@ -6524,8 +6527,8 @@ var __vue_staticRenderFns__$j = [];
 
 const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
-  inject("data-v-e4a14fb4_0", {
-    source: ".status-card[data-v-e4a14fb4]{display:flex;flex-direction:column;justify-content:center}.row[data-v-e4a14fb4]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.value[data-v-e4a14fb4]{margin-left:.25rem;margin-right:.25rem}.label[data-v-e4a14fb4]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-e4a14fb4]{margin-right:.25rem}.error-icon[data-v-e4a14fb4]{margin-right:.25rem}.warning-icon[data-v-e4a14fb4]{margin-right:.25rem}.stats[data-v-e4a14fb4]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
+  inject("data-v-496044f0_0", {
+    source: ".status-card[data-v-496044f0]{display:flex;flex-direction:column;justify-content:center}.row[data-v-496044f0]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.value[data-v-496044f0]{margin-left:.25rem;margin-right:.25rem}.label[data-v-496044f0]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-496044f0]{margin-right:.25rem}.error-icon[data-v-496044f0]{margin-right:.25rem}.warning-icon[data-v-496044f0]{margin-right:.25rem}.stats[data-v-496044f0]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6533,7 +6536,7 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-e4a14fb4";
+const __vue_scope_id__$j = "data-v-496044f0";
 /* module identifier */
 
 const __vue_module_identifier__$j = undefined;
@@ -6669,8 +6672,8 @@ var __vue_staticRenderFns__$i = [];
 
 const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
-  inject("data-v-e13a5ce6_0", {
-    source: ".service-card[data-v-e13a5ce6]{display:flex;flex-direction:column;justify-content:center}.row[data-v-e13a5ce6]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.service-name[data-v-e13a5ce6]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-e13a5ce6]{margin-right:.25rem}.error-icon[data-v-e13a5ce6]{margin-right:.25rem}.warning-icon[data-v-e13a5ce6]{margin-right:.25rem}.stats[data-v-e13a5ce6]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
+  inject("data-v-3dfcfe29_0", {
+    source: ".service-card[data-v-3dfcfe29]{display:flex;flex-direction:column;justify-content:center}.row[data-v-3dfcfe29]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.service-name[data-v-3dfcfe29]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-3dfcfe29]{margin-right:.25rem}.error-icon[data-v-3dfcfe29]{margin-right:.25rem}.warning-icon[data-v-3dfcfe29]{margin-right:.25rem}.stats[data-v-3dfcfe29]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6678,7 +6681,7 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-e13a5ce6";
+const __vue_scope_id__$i = "data-v-3dfcfe29";
 /* module identifier */
 
 const __vue_module_identifier__$i = undefined;
@@ -6824,7 +6827,7 @@ var UtilService = {
     },
 
     /**
-     * Get app description using the locale of NS8 core context
+     * Get app description using the locale of core context
      */
     getAppDescription(app, coreContext) {
       const langCode = coreContext.$root.$i18n.locale;
@@ -6839,7 +6842,7 @@ var UtilService = {
     },
 
     /**
-     * Get app categories using the locale of NS8 core context
+     * Get app categories using the locale of core context
      */
     getAppCategories(app, coreContext) {
       let i18nCategories = [];
@@ -7177,8 +7180,8 @@ var __vue_staticRenderFns__$h = [];
 
 const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
-  inject("data-v-af9d89fe_0", {
-    source: ".new-password-container[data-v-af9d89fe]{margin-bottom:1rem}.new-password[data-v-af9d89fe]{margin-bottom:.25rem}.confirm-password[data-v-af9d89fe]{margin-bottom:.25rem}.password-meter[data-v-af9d89fe]{display:flex}@media (min-width:672px){.password-meter[data-v-af9d89fe]{max-width:38rem}}.requirement[data-v-af9d89fe]{padding:.2rem;margin-left:.2rem;margin-right:.2rem;background-color:#f4f4f4;text-align:center;font-size:.75rem;line-height:1.34;letter-spacing:.32px}.requirement-light[data-v-af9d89fe]{background-color:#fff}.requirement[data-v-af9d89fe]:first-child{margin-left:0}.requirement-ok[data-v-af9d89fe]{color:#fff;background-color:#198038}.requirement-disabled[data-v-af9d89fe]{color:#c6c6c6;background-color:#f4f4f4}",
+  inject("data-v-6ed70bae_0", {
+    source: ".new-password-container[data-v-6ed70bae]{margin-bottom:1rem}.new-password[data-v-6ed70bae]{margin-bottom:.25rem}.confirm-password[data-v-6ed70bae]{margin-bottom:.25rem}.password-meter[data-v-6ed70bae]{display:flex}@media (min-width:672px){.password-meter[data-v-6ed70bae]{max-width:38rem}}.requirement[data-v-6ed70bae]{padding:.2rem;margin-left:.2rem;margin-right:.2rem;background-color:#f4f4f4;text-align:center;font-size:.75rem;line-height:1.34;letter-spacing:.32px}.requirement-light[data-v-6ed70bae]{background-color:#fff}.requirement[data-v-6ed70bae]:first-child{margin-left:0}.requirement-ok[data-v-6ed70bae]{color:#fff;background-color:#198038}.requirement-disabled[data-v-6ed70bae]{color:#c6c6c6;background-color:#f4f4f4}",
     map: undefined,
     media: undefined
   });
@@ -7186,7 +7189,7 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-af9d89fe";
+const __vue_scope_id__$h = "data-v-6ed70bae";
 /* module identifier */
 
 const __vue_module_identifier__$h = undefined;
@@ -7792,6 +7795,8 @@ var IconService = {
       RowExpand20,
       RowCollapse20,
       Reset20,
+      Reset32,
+      // restore
       Download20,
       Launch20,
       // open app, open external link
@@ -7869,7 +7874,9 @@ var IconService = {
       Warning32,
       Power20,
       // enable, disable
-      Power32
+      Power32,
+      Document20,
+      Document32
     };
   }
 
@@ -8300,7 +8307,7 @@ var __vue_render__$a = function () {
     staticClass: "td label"
   }, [_vm._v(_vm._s(_vm.totalFileCountLabel))]), _vm._v(" "), _c('div', {
     staticClass: "td"
-  }, [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? _c('span', [_vm._v("\n        " + _vm._s(_vm._f("humanFormat")(_vm.status[_vm.backup.id].total_file_count)) + "\n        (" + _vm._s(_vm.status[_vm.backup.id].total_file_count) + ")\n      ")]) : _c('span', [_vm._v("-")])])])]);
+  }, [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? _c('span', [_vm._v("\n        " + _vm._s(_vm.status[_vm.backup.id].total_file_count) + "\n      ")]) : _c('span', [_vm._v("-")])])])]);
 };
 
 var __vue_staticRenderFns__$a = [];
@@ -8308,8 +8315,8 @@ var __vue_staticRenderFns__$a = [];
 
 const __vue_inject_styles__$a = function (inject) {
   if (!inject) return;
-  inject("data-v-61bac27a_0", {
-    source: ".ns-backup-card-details[data-v-61bac27a]{display:contents}.tr[data-v-61bac27a]{display:table-row}.td[data-v-61bac27a]{display:table-cell}.label[data-v-61bac27a]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
+  inject("data-v-25453d1c_0", {
+    source: ".ns-backup-card-details[data-v-25453d1c]{display:contents}.tr[data-v-25453d1c]{display:table-row}.td[data-v-25453d1c]{display:table-cell}.label[data-v-25453d1c]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -8317,7 +8324,7 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-61bac27a";
+const __vue_scope_id__$a = "data-v-25453d1c";
 /* module identifier */
 
 const __vue_module_identifier__$a = undefined;
@@ -8850,7 +8857,9 @@ var script$1 = {
     Power20,
     Rocket20,
     Launch20,
-    Star20
+    Star20,
+    Reset20,
+    Save20
   },
   props: {
     label: {
@@ -8859,7 +8868,7 @@ var script$1 = {
     },
     icon: {
       type: String,
-      validator: value => ["", "edit", "trash", "power", "rocket", "launch", "star"].includes(value)
+      validator: value => ["", "edit", "trash", "power", "rocket", "launch", "star", "reset", "save"].includes(value)
     }
   },
   computed: {
@@ -8895,7 +8904,11 @@ var __vue_render__$7 = function () {
     staticClass: "icon"
   }, [_c('Launch20')], 1) : _vm.icon == 'star' ? _c('span', {
     staticClass: "icon"
-  }, [_c('Star20')], 1) : _vm.hasIconSlot ? _c('span', {
+  }, [_c('Star20')], 1) : _vm.icon == 'reset' ? _c('span', {
+    staticClass: "icon"
+  }, [_c('Reset20')], 1) : _vm.icon == 'save' ? _c('span', {
+    staticClass: "icon"
+  }, [_c('Save20')], 1) : _vm.hasIconSlot ? _c('span', {
     staticClass: "icon"
   }, [_vm._t("icon")], 2) : _vm._e(), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.label))])]);
 };
@@ -8905,8 +8918,8 @@ var __vue_staticRenderFns__$7 = [];
 
 const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  inject("data-v-6f0a7acc_0", {
-    source: ".ns-menu-item[data-v-6f0a7acc]{display:flex;align-items:center}.icon[data-v-6f0a7acc]{margin-right:.5rem}",
+  inject("data-v-9440af88_0", {
+    source: ".ns-menu-item[data-v-9440af88]{display:flex;align-items:center}.icon[data-v-9440af88]{margin-right:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -8914,7 +8927,7 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-6f0a7acc";
+const __vue_scope_id__$7 = "data-v-9440af88";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;
@@ -9247,7 +9260,7 @@ var __vue_component__$1 = __vue_component__;
 var queryParam = {
   name: "QueryParamService",
   methods: {
-    // used by NS8 core and external apps to dynamically register a watch for every object inside data.q
+    // used by core and external apps to dynamically register a watch for every object inside data.q
     watchQueryData(context) {
       if (context.q) {
         Object.keys(context.q).forEach(dataItem => {
@@ -9285,10 +9298,10 @@ var queryParam = {
         queryParams.push(key + "=" + encodeURIComponent(value));
       }
 
-      const urlWithParams = window.parent.ns8.$route.path + "?" + queryParams.join("&");
+      const urlWithParams = window.parent.core.$route.path + "?" + queryParams.join("&");
 
-      if (window.parent.ns8.$route.fullPath != urlWithParams) {
-        window.parent.ns8.$router.replace(urlWithParams);
+      if (window.parent.core.$route.fullPath != urlWithParams) {
+        window.parent.core.$router.replace(urlWithParams);
       }
     },
 
@@ -9359,7 +9372,7 @@ var queryParam = {
       }
     },
 
-    // used only by NS8 core to extract query parameters from URL
+    // used only by core to extract query parameters from URL
     getQueryParamsForCore() {
       if (!window.location.hash.includes("?") || window.location.hash.split("?").length < 2) {
         return {};
@@ -9454,7 +9467,7 @@ var task = {
 
     createClusterTaskForApp(taskData) {
       const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.post(`${window.parent.ns8.$root.apiUrl}/cluster/tasks`, taskData, {
+      return this.axios.post(`${window.parent.core.$root.apiUrl}/cluster/tasks`, taskData, {
         headers: {
           Authorization: `Bearer ${token}`
         }
@@ -9463,7 +9476,7 @@ var task = {
 
     createModuleTaskForApp(moduleId, taskData) {
       const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.post(`${window.parent.ns8.$root.apiUrl}/module/${moduleId}/tasks`, taskData, {
+      return this.axios.post(`${window.parent.core.$root.apiUrl}/module/${moduleId}/tasks`, taskData, {
         headers: {
           Authorization: `Bearer ${token}`
         }
@@ -9570,7 +9583,7 @@ var task = {
 
     createErrorNotificationForApp(err, message) {
       console.error(err);
-      window.parent.ns8.$root.$emit("createErrorNotification", err, message);
+      window.parent.core.$root.$emit("createErrorNotification", err, message);
     }
 
   }
@@ -9647,7 +9660,7 @@ var pageTitle = {
     const pageTitle = getPageTitle(this);
 
     if (pageTitle) {
-      // window.document would be ok for NS8 core, but with window.parent.document we support external apps too (window.parent == window, if it's the root window)
+      // window.document would be ok for core, but with window.parent.document we support external apps too (window.parent == window, if it's the root window)
       window.parent.document.title = pageTitle;
     }
   }