@nethserver/ns8-ui-lib 0.0.51 → 0.0.55

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

@@ -1248,8 +1248,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 +1257,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 +6236,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 +6249,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 +6524,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 +6533,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 +6669,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 +6678,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 +6824,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 +6839,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 +7177,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 +7186,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;
@@ -8300,7 +8300,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 +8308,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 +8317,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 +8850,9 @@ var script$1 = {
     Power20,
     Rocket20,
     Launch20,
-    Star20
+    Star20,
+    Reset20,
+    Save20
   },
   props: {
     label: {
@@ -8859,7 +8861,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 +8897,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 +8911,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 +8920,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 +9253,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 +9291,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 +9365,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 +9460,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 +9469,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}`
         }
@@ -9480,8 +9486,8 @@ var task = {
     },
 
     getTaskTitle(task) {
-      if (task && task.context && task.context.data && task.context.data.title) {
-        return task.context.data.title;
+      if (task && task.context && task.context.extra && task.context.extra.title) {
+        return task.context.extra.title;
       } else {
         return "";
       }
@@ -9522,28 +9528,40 @@ var task = {
     },
 
     getTaskStatusDescription(task, rootTask = true) {
-      const taskAction = task.context.action;
+      let taskLabel = task.context.action; // use taskName instead of action, if available
+
+      if (task.context.extra && task.context.extra.taskName) {
+        taskLabel = task.context.extra.taskName;
+      }
+
       const taskOrSubtask = rootTask ? "task" : "subtask";
+      let taskPrefix = "";
+
+      if (task.result && task.result.file) {
+        taskPrefix = task.result.file.split("task/")[0];
+      }
+
+      taskLabel = taskPrefix + taskLabel;
 
       switch (task.status) {
         case "aborted":
           return this.$t("task." + taskOrSubtask + "_failed", {
-            action: taskAction
+            task: taskLabel
           });
 
         case "validation-failed":
           return this.$t("task." + taskOrSubtask + "_failed_validation", {
-            action: taskAction
+            task: taskLabel
           });
 
         case "completed":
           return this.$t("task." + taskOrSubtask + "_completed", {
-            action: taskAction
+            task: taskLabel
           });
 
         case "pending":
           return this.$t("task." + taskOrSubtask + "_pending", {
-            action: taskAction
+            task: taskLabel
           });
 
         default:
@@ -9558,7 +9576,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);
     }
 
   }
@@ -9635,7 +9653,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;
     }
   }