@nethserver/ns8-ui-lib 0.0.50 → 0.0.54

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

@@ -1130,7 +1130,7 @@ var __vue_render__$n = function __vue_render__() {
 
   return _c('div', {
     staticClass: "progress-bar-container"
-  }, [_vm._ssrNode("<div class=\"slider\" data-v-2bcd6519>" + (_vm.indeterminate ? "<div class=\"indeterminate-line\" data-v-2bcd6519></div> <div class=\"indeterminate-subline inc\" data-v-2bcd6519></div> <div class=\"indeterminate-subline dec\" data-v-2bcd6519></div>" : "<div class=\"line\" data-v-2bcd6519></div> <div class=\"progress-line\"" + _vm._ssrStyle(null, _vm.progressLine, null) + " data-v-2bcd6519></div>") + "</div>")]);
+  }, [_vm._ssrNode("<div class=\"slider\" data-v-57532057>" + (_vm.indeterminate ? "<div class=\"indeterminate-line\" data-v-57532057></div> <div class=\"indeterminate-subline inc\" data-v-57532057></div> <div class=\"indeterminate-subline dec\" data-v-57532057></div>" : "<div class=\"line\" data-v-57532057></div> <div class=\"progress-line\"" + _vm._ssrStyle(null, _vm.progressLine, null) + " data-v-57532057></div>") + "</div>")]);
 };
 
 var __vue_staticRenderFns__$n = [];
@@ -1138,8 +1138,8 @@ var __vue_staticRenderFns__$n = [];
 
 var __vue_inject_styles__$o = function __vue_inject_styles__(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
   });
@@ -1147,10 +1147,10 @@ var __vue_inject_styles__$o = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$o = "data-v-2bcd6519";
+var __vue_scope_id__$o = "data-v-57532057";
 /* module identifier */
 
-var __vue_module_identifier__$o = "data-v-2bcd6519";
+var __vue_module_identifier__$o = "data-v-57532057";
 /* functional template */
 
 var __vue_is_functional_template__$o = false;
@@ -5909,17 +5909,17 @@ var __vue_render__$l = function __vue_render__() {
 
   return _c('div', [_vm._ssrNode("<div data-notification" + _vm._ssrAttr("role", _vm.isAlert ? 'alert' : undefined) + _vm._ssrAttr("aria-live", !_vm.isAlert ? 'polite' : false) + _vm._ssrClass(null, ["cv-notifiation " + _vm.carbonPrefix + "--toast-notification", _vm.carbonPrefix + "--toast-notification--" + _vm.kind.toLowerCase(), (_obj = {}, _obj[_vm.carbonPrefix + "--toast-notification--low-contrast"] = _vm.lowContrast, _obj), "notification", {
     'notification-read': _vm.isRead
-  }]) + " data-v-79bd81d3>", "</div>", [_c(_vm.icon, {
+  }]) + " data-v-7385c86a>", "</div>", [_c(_vm.icon, {
     tag: "component",
     class: _vm.carbonPrefix + "--toast-notification__icon"
-  }), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--toast-notification__details") + " data-v-79bd81d3>", "</div>", [_vm._ssrNode("<h3" + _vm._ssrClass(null, _vm.carbonPrefix + "--toast-notification__title") + " data-v-79bd81d3>" + _vm._ssrEscape("\n        " + _vm._s(_vm.title) + "\n      ") + "</h3> "), _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--toast-notification__subtitle", "notification-description-and-progress", "row", {
+  }), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--toast-notification__details") + " data-v-7385c86a>", "</div>", [_vm._ssrNode("<h3" + _vm._ssrClass(null, _vm.carbonPrefix + "--toast-notification__title") + " data-v-7385c86a>" + _vm._ssrEscape("\n        " + _vm._s(_vm.title) + "\n      ") + "</h3> "), _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--toast-notification__subtitle", "notification-description-and-progress", "row", {
     'fix-margin-bottom': _vm.actionLabel
-  }]) + " data-v-79bd81d3>", "</div>", [_vm._ssrNode("<span data-v-79bd81d3>" + _vm._s(_vm.description) + "</span> "), _vm.isProgressShown ? _vm._ssrNode("<div class=\"progress\" data-v-79bd81d3>", "</div>", [_c('NsProgressBar', {
+  }]) + " data-v-7385c86a>", "</div>", [_vm._ssrNode("<span data-v-7385c86a>" + _vm._s(_vm.description) + "</span> "), _vm.isProgressShown ? _vm._ssrNode("<div class=\"progress\" data-v-7385c86a>", "</div>", [_c('NsProgressBar', {
     attrs: {
       "value": _vm.progress,
       "indeterminate": !_vm.progress
     }
-  }), _vm._ssrNode(" <div class=\"progress-bar-spacer\" data-v-79bd81d3></div> " + (_vm.progress ? "<div class=\"progress-number\" data-v-79bd81d3>" + _vm._ssrEscape(_vm._s(_vm.progress) + " %") + "</div>" : "<!---->"))], 2) : _vm._e()], 2), _vm._ssrNode(" " + (_vm.actionLabel ? "<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--toast-notification__caption", "action", "row"]) + " data-v-79bd81d3><button type=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--inline-notification__action-button", _vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--btn--sm", _vm.carbonPrefix + "--btn--ghost"]) + " data-v-79bd81d3>" + _vm._ssrEscape("\n          " + _vm._s(_vm.actionLabel) + "\n        ") + "</button></div>" : "<!---->") + " "), _vm.timestamp && !_vm.isProgressShown ? _vm._ssrNode("<div class=\"timestamp row\" data-v-79bd81d3>", "</div>", [_c('cv-tooltip', {
+  }), _vm._ssrNode(" <div class=\"progress-bar-spacer\" data-v-7385c86a></div> " + (_vm.progress ? "<div class=\"progress-number\" data-v-7385c86a>" + _vm._ssrEscape(_vm._s(_vm.progress) + " %") + "</div>" : "<!---->"))], 2) : _vm._e()], 2), _vm._ssrNode(" " + (_vm.actionLabel ? "<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--toast-notification__caption", "action", "row"]) + " data-v-7385c86a><button type=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--inline-notification__action-button", _vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--btn--sm", _vm.carbonPrefix + "--btn--ghost"]) + " data-v-7385c86a>" + _vm._ssrEscape("\n          " + _vm._s(_vm.actionLabel) + "\n        ") + "</button></div>" : "<!---->") + " "), _vm.timestamp && !_vm.isProgressShown ? _vm._ssrNode("<div class=\"timestamp row\" data-v-7385c86a>", "</div>", [_c('cv-tooltip', {
     attrs: {
       "alignment": "center",
       "direction": "bottom",
@@ -5927,7 +5927,7 @@ var __vue_render__$l = function __vue_render__() {
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateDistance(_vm.timestamp, new Date(), {
     addSuffix: true
-  })) + "\n        ")])], 1) : _vm._e()], 2), _vm._ssrNode(" "), _vm.showCloseButton ? _vm._ssrNode("<button" + _vm._ssrAttr("aria-label", _vm.closeAriaLabel) + " type=\"button\" data-notification-btn" + _vm._ssrClass(null, _vm.carbonPrefix + "--toast-notification__close-button") + " data-v-79bd81d3>", "</button>", [_c('Close20', {
+  })) + "\n        ")])], 1) : _vm._e()], 2), _vm._ssrNode(" "), _vm.showCloseButton ? _vm._ssrNode("<button" + _vm._ssrAttr("aria-label", _vm.closeAriaLabel) + " type=\"button\" data-notification-btn" + _vm._ssrClass(null, _vm.carbonPrefix + "--toast-notification__close-button") + " data-v-7385c86a>", "</button>", [_c('Close20', {
     class: _vm.carbonPrefix + "--toast-notification__close-icon"
   })], 1) : _vm._e()], 2)]);
 };
@@ -5937,11 +5937,11 @@ var __vue_staticRenderFns__$l = [];
 
 var __vue_inject_styles__$l = function __vue_inject_styles__(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
@@ -5950,10 +5950,10 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$l = "data-v-79bd81d3";
+var __vue_scope_id__$l = "data-v-7385c86a";
 /* module identifier */
 
-var __vue_module_identifier__$l = "data-v-79bd81d3";
+var __vue_module_identifier__$l = "data-v-7385c86a";
 /* functional template */
 
 var __vue_is_functional_template__$l = false;
@@ -6205,8 +6205,8 @@ var __vue_staticRenderFns__$j = [];
 
 var __vue_inject_styles__$j = function __vue_inject_styles__(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
   });
@@ -6214,10 +6214,10 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$j = "data-v-e4a14fb4";
+var __vue_scope_id__$j = "data-v-496044f0";
 /* module identifier */
 
-var __vue_module_identifier__$j = "data-v-e4a14fb4";
+var __vue_module_identifier__$j = "data-v-496044f0";
 /* functional template */
 
 var __vue_is_functional_template__$j = false;
@@ -6342,8 +6342,8 @@ var __vue_staticRenderFns__$i = [];
 
 var __vue_inject_styles__$i = function __vue_inject_styles__(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
   });
@@ -6351,10 +6351,10 @@ var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$i = "data-v-e13a5ce6";
+var __vue_scope_id__$i = "data-v-3dfcfe29";
 /* module identifier */
 
-var __vue_module_identifier__$i = "data-v-e13a5ce6";
+var __vue_module_identifier__$i = "data-v-3dfcfe29";
 /* functional template */
 
 var __vue_is_functional_template__$i = false;
@@ -6493,7 +6493,7 @@ var __vue_component__$A = __vue_component__$z;var UtilService = {
     },
 
     /**
-     * Get app description using the locale of NS8 core context
+     * Get app description using the locale of core context
      */
     getAppDescription: function getAppDescription(app, coreContext) {
       var langCode = coreContext.$root.$i18n.locale;
@@ -6508,7 +6508,7 @@ var __vue_component__$A = __vue_component__$z;var UtilService = {
     },
 
     /**
-     * Get app categories using the locale of NS8 core context
+     * Get app categories using the locale of core context
      */
     getAppCategories: function getAppCategories(app, coreContext) {
       var i18nCategories = [];
@@ -6542,6 +6542,58 @@ var __vue_component__$A = __vue_component__$z;var UtilService = {
       this.$refs.accordion.state.map(function (item, index) {
         return index === ev.changedIndex;
       });
+    },
+
+    /**
+     * Used in Backup section
+     * */
+    getBackupScheduleDescription: function getBackupScheduleDescription(schedule) {
+      if (!schedule) {
+        return "-";
+      }
+
+      switch (schedule.interval) {
+        case "hourly":
+          if (schedule.minute == 0) {
+            return this.$t("backup.every_hour");
+          } else {
+            return this.$tc("backup.minutes_past_the_hour", schedule.minute, {
+              minutes: schedule.minute
+            });
+          }
+
+        case "daily":
+          if (this.time24HourPattern.test(schedule.time)) {
+            return this.$t("backup.every_day_at", {
+              time: schedule.time
+            });
+          } else {
+            return "-";
+          }
+
+        case "weekly":
+          if (this.time24HourPattern.test(schedule.time)) {
+            return this.$t("backup.every_weekday_at_hour", {
+              weekDay: this.$t("calendar." + schedule.weekDay),
+              time: schedule.time
+            });
+          } else {
+            return "-";
+          }
+
+        case "monthly":
+          if (this.time24HourPattern.test(schedule.time)) {
+            return this.$t("backup.every_month_at_time", {
+              dayNum: schedule.monthDay,
+              time: schedule.time
+            });
+          } else {
+            return "-";
+          }
+
+        default:
+          return "-";
+      }
     }
   }
 };//
@@ -6701,7 +6753,7 @@ var __vue_render__$h = function __vue_render__() {
 
   return _c('div', {
     staticClass: "ns-password-input"
-  }, [_vm._ssrNode("<div class=\"new-password-container\" data-v-af9d89fe>", "</div>", [_c('cv-text-input', {
+  }, [_vm._ssrNode("<div class=\"new-password-container\" data-v-6ed70bae>", "</div>", [_c('cv-text-input', {
     ref: "newPassword",
     staticClass: "new-password",
     attrs: {
@@ -6719,27 +6771,27 @@ var __vue_render__$h = function __vue_render__() {
     on: {
       "input": _vm.onInput
     }
-  }), _vm._ssrNode(" <div class=\"password-meter\" data-v-af9d89fe><span" + _vm._ssrClass(null, ['requirement', {
+  }), _vm._ssrNode(" <div class=\"password-meter\" data-v-6ed70bae><span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isLengthOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-af9d89fe>" + _vm._ssrEscape(_vm._s(_vm.lengthLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
+  }]) + " data-v-6ed70bae>" + _vm._ssrEscape(_vm._s(_vm.lengthLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isLowercaseOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-af9d89fe>" + _vm._ssrEscape(_vm._s(_vm.lowercaseLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
+  }]) + " data-v-6ed70bae>" + _vm._ssrEscape(_vm._s(_vm.lowercaseLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isUppercaseOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-af9d89fe>" + _vm._ssrEscape(_vm._s(_vm.uppercaseLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
+  }]) + " data-v-6ed70bae>" + _vm._ssrEscape(_vm._s(_vm.uppercaseLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isNumberOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-af9d89fe>" + _vm._ssrEscape(_vm._s(_vm.numberLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
+  }]) + " data-v-6ed70bae>" + _vm._ssrEscape(_vm._s(_vm.numberLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isSymbolOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-af9d89fe>" + _vm._ssrEscape(_vm._s(_vm.symbolLabel)) + "</span></div>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"confirm-password-container\" data-v-af9d89fe>", "</div>", [_c('cv-text-input', {
+  }]) + " data-v-6ed70bae>" + _vm._ssrEscape(_vm._s(_vm.symbolLabel)) + "</span></div>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"confirm-password-container\" data-v-6ed70bae>", "</div>", [_c('cv-text-input', {
     ref: "confirmPassword",
     staticClass: "confirm-password",
     attrs: {
@@ -6760,11 +6812,11 @@ var __vue_render__$h = function __vue_render__() {
       },
       expression: "confirmPassword"
     }
-  }), _vm._ssrNode(" <div class=\"password-meter\" data-v-af9d89fe><span" + _vm._ssrClass(null, ['requirement', {
+  }), _vm._ssrNode(" <div class=\"password-meter\" data-v-6ed70bae><span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isEqualOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-af9d89fe>" + _vm._ssrEscape(_vm._s(_vm.equalLabel)) + "</span></div>")], 2)], 2);
+  }]) + " data-v-6ed70bae>" + _vm._ssrEscape(_vm._s(_vm.equalLabel)) + "</span></div>")], 2)], 2);
 };
 
 var __vue_staticRenderFns__$h = [];
@@ -6772,8 +6824,8 @@ var __vue_staticRenderFns__$h = [];
 
 var __vue_inject_styles__$h = function __vue_inject_styles__(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
   });
@@ -6781,10 +6833,10 @@ var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$h = "data-v-af9d89fe";
+var __vue_scope_id__$h = "data-v-6ed70bae";
 /* module identifier */
 
-var __vue_module_identifier__$h = "data-v-af9d89fe";
+var __vue_module_identifier__$h = "data-v-6ed70bae";
 /* functional template */
 
 var __vue_is_functional_template__$h = false;
@@ -7601,7 +7653,7 @@ var __vue_render__$a = function __vue_render__() {
 
   return _c('div', {
     staticClass: "ns-backup-card-details"
-  }, [_vm._ssrNode("<div class=\"tr\" data-v-61bac27a><div class=\"td label\" data-v-61bac27a>" + _vm._ssrEscape(_vm._s(_vm.repositoryLabel)) + "</div> <div class=\"td\" data-v-61bac27a>" + _vm._ssrEscape("\n      " + _vm._s(_vm.backup.repoName) + "\n    ") + "</div></div> "), _vm._ssrNode("<div class=\"tr\" data-v-61bac27a>", "</div>", [_vm._ssrNode("<div class=\"td label\" data-v-61bac27a>" + _vm._ssrEscape(_vm._s(_vm.completedLabel)) + "</div> "), _vm._ssrNode("<div class=\"td\" data-v-61bac27a>", "</div>", [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end ? _vm._ssrNode("<span data-v-61bac27a>", "</span>", [_c('cv-interactive-tooltip', {
+  }, [_vm._ssrNode("<div class=\"tr\" data-v-25453d1c><div class=\"td label\" data-v-25453d1c>" + _vm._ssrEscape(_vm._s(_vm.repositoryLabel)) + "</div> <div class=\"td\" data-v-25453d1c>" + _vm._ssrEscape("\n      " + _vm._s(_vm.backup.repoName) + "\n    ") + "</div></div> "), _vm._ssrNode("<div class=\"tr\" data-v-25453d1c>", "</div>", [_vm._ssrNode("<div class=\"td label\" data-v-25453d1c>" + _vm._ssrEscape(_vm._s(_vm.completedLabel)) + "</div> "), _vm._ssrNode("<div class=\"td\" data-v-25453d1c>", "</div>", [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end ? _vm._ssrNode("<span data-v-25453d1c>", "</span>", [_c('cv-interactive-tooltip', {
     staticClass: "info tooltip-with-text-trigger",
     attrs: {
       "alignment": "center",
@@ -7613,7 +7665,7 @@ var __vue_render__$a = function __vue_render__() {
     addSuffix: true
   })) + "\n          ")]), _vm._v(" "), _c('template', {
     slot: "content"
-  }, [_vm._v("\n            " + _vm._s(_vm._f("date")(_vm.status[_vm.backup.id].end * 1000, "yyyy-MM-dd HH:mm:ss")) + "\n          ")])], 2)], 1) : _vm._ssrNode("<span data-v-61bac27a>-</span>")])], 2), _vm._ssrNode(" <div class=\"tr\" data-v-61bac27a><div class=\"td label\" data-v-61bac27a>" + _vm._ssrEscape(_vm._s(_vm.durationLabel)) + "</div> <div class=\"td\" data-v-61bac27a>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end && _vm.status[_vm.backup.id].start ? "<span data-v-61bac27a>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("secondsFormat")(_vm.status[_vm.backup.id].end - _vm.status[_vm.backup.id].start)) + "\n      ") + "</span>" : "<span data-v-61bac27a>-</span>") + "</div></div> <div class=\"tr\" data-v-61bac27a><div class=\"td label\" data-v-61bac27a>" + _vm._ssrEscape(_vm._s(_vm.totalSizeLabel)) + "</div> <div class=\"td\" data-v-61bac27a>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_size ? "<span data-v-61bac27a>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("byteFormat")(_vm.status[_vm.backup.id].total_size)) + "\n      ") + "</span>" : "<span data-v-61bac27a>-</span>") + "</div></div> <div class=\"tr\" data-v-61bac27a><div class=\"td label\" data-v-61bac27a>" + _vm._ssrEscape(_vm._s(_vm.totalFileCountLabel)) + "</div> <div class=\"td\" data-v-61bac27a>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? "<span data-v-61bac27a>" + _vm._ssrEscape("\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      ") + "</span>" : "<span data-v-61bac27a>-</span>") + "</div></div>")], 2);
+  }, [_vm._v("\n            " + _vm._s(_vm._f("date")(_vm.status[_vm.backup.id].end * 1000, "yyyy-MM-dd HH:mm:ss")) + "\n          ")])], 2)], 1) : _vm._ssrNode("<span data-v-25453d1c>-</span>")])], 2), _vm._ssrNode(" <div class=\"tr\" data-v-25453d1c><div class=\"td label\" data-v-25453d1c>" + _vm._ssrEscape(_vm._s(_vm.durationLabel)) + "</div> <div class=\"td\" data-v-25453d1c>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end && _vm.status[_vm.backup.id].start ? "<span data-v-25453d1c>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("secondsFormat")(_vm.status[_vm.backup.id].end - _vm.status[_vm.backup.id].start)) + "\n      ") + "</span>" : "<span data-v-25453d1c>-</span>") + "</div></div> <div class=\"tr\" data-v-25453d1c><div class=\"td label\" data-v-25453d1c>" + _vm._ssrEscape(_vm._s(_vm.totalSizeLabel)) + "</div> <div class=\"td\" data-v-25453d1c>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_size ? "<span data-v-25453d1c>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("byteFormat")(_vm.status[_vm.backup.id].total_size)) + "\n      ") + "</span>" : "<span data-v-25453d1c>-</span>") + "</div></div> <div class=\"tr\" data-v-25453d1c><div class=\"td label\" data-v-25453d1c>" + _vm._ssrEscape(_vm._s(_vm.totalFileCountLabel)) + "</div> <div class=\"td\" data-v-25453d1c>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? "<span data-v-25453d1c>" + _vm._ssrEscape("\n        " + _vm._s(_vm.status[_vm.backup.id].total_file_count) + "\n      ") + "</span>" : "<span data-v-25453d1c>-</span>") + "</div></div>")], 2);
 };
 
 var __vue_staticRenderFns__$a = [];
@@ -7621,8 +7673,8 @@ var __vue_staticRenderFns__$a = [];
 
 var __vue_inject_styles__$a = function __vue_inject_styles__(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
   });
@@ -7630,10 +7682,10 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$a = "data-v-61bac27a";
+var __vue_scope_id__$a = "data-v-25453d1c";
 /* module identifier */
 
-var __vue_module_identifier__$a = "data-v-61bac27a";
+var __vue_module_identifier__$a = "data-v-25453d1c";
 /* functional template */
 
 var __vue_is_functional_template__$a = false;
@@ -8487,7 +8539,7 @@ var __vue_component__ = /*#__PURE__*/normalizeComponent({
 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: function watchQueryData(context) {
       if (context.q) {
         Object.keys(context.q).forEach(function (dataItem) {
@@ -8530,10 +8582,10 @@ var __vue_component__$1 = __vue_component__;var queryParam = {
         queryParams.push(key + "=" + encodeURIComponent(value));
       }
 
-      var urlWithParams = window.parent.ns8.$route.path + "?" + queryParams.join("&");
+      var 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);
       }
     },
     // used only by external apps to sync UI status with URL query parameters
@@ -8602,7 +8654,7 @@ var __vue_component__$1 = __vue_component__;var queryParam = {
         });
       }
     },
-    // used only by NS8 core to extract query parameters from URL
+    // used only by core to extract query parameters from URL
     getQueryParamsForCore: function getQueryParamsForCore() {
       if (!window.location.hash.includes("?") || window.location.hash.split("?").length < 2) {
         return {};
@@ -8684,7 +8736,7 @@ var __vue_component__$1 = __vue_component__;var queryParam = {
     },
     createClusterTaskForApp: function createClusterTaskForApp(taskData) {
       var token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.post("".concat(window.parent.ns8.$root.apiUrl, "/cluster/tasks"), taskData, {
+      return this.axios.post("".concat(window.parent.core.$root.apiUrl, "/cluster/tasks"), taskData, {
         headers: {
           Authorization: "Bearer ".concat(token)
         }
@@ -8692,7 +8744,7 @@ var __vue_component__$1 = __vue_component__;var queryParam = {
     },
     createModuleTaskForApp: function createModuleTaskForApp(moduleId, taskData) {
       var token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.post("".concat(window.parent.ns8.$root.apiUrl, "/module/").concat(moduleId, "/tasks"), taskData, {
+      return this.axios.post("".concat(window.parent.core.$root.apiUrl, "/module/").concat(moduleId, "/tasks"), taskData, {
         headers: {
           Authorization: "Bearer ".concat(token)
         }
@@ -8707,8 +8759,8 @@ var __vue_component__$1 = __vue_component__;var queryParam = {
       });
     },
     getTaskTitle: function 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 "";
       }
@@ -8747,28 +8799,40 @@ var __vue_component__$1 = __vue_component__;var queryParam = {
     },
     getTaskStatusDescription: function getTaskStatusDescription(task) {
       var rootTask = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var taskAction = task.context.action;
+      var taskLabel = task.context.action; // use taskName instead of action, if available
+
+      if (task.context.extra && task.context.extra.taskName) {
+        taskLabel = task.context.extra.taskName;
+      }
+
       var taskOrSubtask = rootTask ? "task" : "subtask";
+      var 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:
@@ -8781,7 +8845,7 @@ var __vue_component__$1 = __vue_component__;var queryParam = {
     },
     createErrorNotificationForApp: function createErrorNotificationForApp(err, message) {
       console.error(err);
-      window.parent.ns8.$root.$emit("createErrorNotification", err, message);
+      window.parent.core.$root.$emit("createErrorNotification", err, message);
     }
   }
 };var dataTable = {
@@ -8844,7 +8908,7 @@ var pageTitle = {
     var 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;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethserver/ns8-ui-lib",
-  "version": "0.0.50",
+  "version": "0.0.54",
   "description": "Vue.js library for NethServer 8 UI",
   "keywords": [
     "nethserver",

package/src/lib-components/NsBackupCardDetails.vue

@@ -65,8 +65,7 @@
       <div class="td label">{{ totalFileCountLabel }}</div>
       <div class="td">
         <span v-if="status[backup.id] && status[backup.id].total_file_count">
-          {{ status[backup.id].total_file_count | humanFormat }}
-          ({{ status[backup.id].total_file_count }})
+          {{ status[backup.id].total_file_count }}
         </span>
         <span v-else>-</span>
       </div>

package/src/lib-components/NsPasswordInput.vue

@@ -259,7 +259,7 @@ export default {
 
 @media (min-width: 672px) {
   .password-meter {
-    // same max-width as _ns8.scss for: // limit form fields width on large devices
+    // same max-width as _core.scss for: // limit form fields width on large devices
     max-width: 38rem;
   }
 }

package/src/lib-components/NsProgressBar.vue

@@ -61,7 +61,7 @@ export default {
 .line {
   position: absolute;
   opacity: 0.4;
-  // following rule uses branding color so it's inside core _ns8.scss
+  // following rule uses branding color so it's inside core _core.scss
   // background: $interactive-01;
   width: 100%;
   height: 5px;
@@ -69,7 +69,7 @@ export default {
 
 .progress-line {
   position: absolute;
-  // following rule uses branding color so it's inside core _ns8.scss
+  // following rule uses branding color so it's inside core _core.scss
   // background: $interactive-01;
   height: 5px;
 }
@@ -77,7 +77,7 @@ export default {
 .indeterminate-line {
   position: absolute;
   opacity: 0.4;
-  // following rule uses branding color so it's inside core _ns8.scss
+  // following rule uses branding color so it's inside core _core.scss
   // background: $interactive-01;
   width: 150%;
   height: 5px;
@@ -85,7 +85,7 @@ export default {
 
 .indeterminate-subline {
   position: absolute;
-  // following rule uses branding color so it's inside core _ns8.scss
+  // following rule uses branding color so it's inside core _core.scss
   // background: $interactive-01;
   height: 5px;
 }

package/src/lib-components/NsStatusCard.vue

@@ -119,19 +119,19 @@ export default {
 }
 
 .success-icon {
-  // following rule uses variable color so it's inside core _ns8.scss
+  // following rule uses variable color so it's inside core _core.scss
   // color: $support-02;
   margin-right: 0.25rem;
 }
 
 .error-icon {
-  // following rule uses variable color so it's inside core _ns8.scss
+  // following rule uses variable color so it's inside core _core.scss
   // color: $danger-01;
   margin-right: 0.25rem;
 }
 
 .warning-icon {
-  // following rule uses variable color so it's inside core _ns8.scss
+  // following rule uses variable color so it's inside core _core.scss
   // color: $support-03;
   margin-right: 0.25rem;
 }

package/src/lib-components/NsSystemdServiceCard.vue

@@ -90,19 +90,19 @@ export default {
 }
 
 .success-icon {
-  // following rule uses variable color so it's inside core _ns8.scss
+  // following rule uses variable color so it's inside core _core.scss
   // color: $support-02;
   margin-right: 0.25rem;
 }
 
 .error-icon {
-  // following rule uses variable color so it's inside core _ns8.scss
+  // following rule uses variable color so it's inside core _core.scss
   // color: $danger-01;
   margin-right: 0.25rem;
 }
 
 .warning-icon {
-  // following rule uses variable color so it's inside core _ns8.scss
+  // following rule uses variable color so it's inside core _core.scss
   // color: $support-03;
   margin-right: 0.25rem;
 }

package/src/lib-components/NsToastNotification.vue

@@ -140,7 +140,7 @@ export default {
 }
 
 .bx--toast-notification .bx--inline-notification__action-button.bx--btn--ghost {
-  // following rule uses branding color so it's inside core _ns8.scss
+  // following rule uses branding color so it's inside core _core.scss
   // color: $inverse-link;
   margin-left: -16px;
 }