@nethserver/ns8-ui-lib 0.0.48 → 0.0.52

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

@@ -553,14 +553,14 @@ const __vue_component__$R = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$s
 }, __vue_inject_styles__$t, {}, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
 
-var ExclamationMark = __vue_component__$R;
+var ExclamationMarkPictogram = __vue_component__$R;
 
 //
 var script$m = {
   name: "NsEmptyState",
   components: {
     NsPictogram,
-    ExclamationMark,
+    ExclamationMarkPictogram,
     NsLottieAnimation
   },
   props: {
@@ -614,7 +614,7 @@ var __vue_render__$r = function () {
     attrs: {
       "title": "empty state"
     }
-  }, [_vm.hasPictogramSlot ? [_vm._t("pictogram")] : [_c('ExclamationMark')]], 2), _vm._v(" "), _c('h5', {
+  }, [_vm.hasPictogramSlot ? [_vm._t("pictogram")] : [_c('ExclamationMarkPictogram')]], 2), _vm._v(" "), _c('h5', {
     staticClass: "title"
   }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _vm.hasDescriptionSlot ? [_c('div', {
     staticClass: "description"
@@ -626,8 +626,8 @@ var __vue_staticRenderFns__$r = [];
 
 const __vue_inject_styles__$s = function (inject) {
   if (!inject) return;
-  inject("data-v-d5a46c1c_0", {
-    source: ".empty-state[data-v-d5a46c1c]{text-align:center;padding:2rem}.empty-state .image[data-v-d5a46c1c]{margin-bottom:1rem}.empty-state .description[data-v-d5a46c1c]{margin-top:1rem}.animation[data-v-d5a46c1c]{display:inline-block;width:64px;height:64px}",
+  inject("data-v-2d5d3a58_0", {
+    source: ".empty-state[data-v-2d5d3a58]{text-align:center;padding:2rem}.empty-state .image[data-v-2d5d3a58]{margin-bottom:1rem}.empty-state .description[data-v-2d5d3a58]{margin-top:1rem}.animation[data-v-2d5d3a58]{display:inline-block;width:64px;height:64px}",
     map: undefined,
     media: undefined
   });
@@ -635,7 +635,7 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = "data-v-d5a46c1c";
+const __vue_scope_id__$s = "data-v-2d5d3a58";
 /* module identifier */
 
 const __vue_module_identifier__$s = undefined;
@@ -6270,17 +6270,19 @@ var __vue_component__$G = __vue_component__$F;
 //
 var script$e = {
   name: "NsInfoCard",
-  //components added for storybook to work
   components: {
     NsSvg,
-    CvTile
+    NsInlineNotification
   },
   props: {
     title: {
       type: String,
-      required: true
+      required: false
+    },
+    description: {
+      type: String,
+      required: false
     },
-    description: String,
     icon: {
       type: [String, Object],
       default: undefined,
@@ -6294,11 +6296,21 @@ var script$e = {
       }
 
     },
-    showOverflowMenu: {
-      type: Boolean,
-      default: false
-    },
+    loading: Boolean,
+    isErrorShown: false,
+    errorTitle: String,
+    errorDescription: String,
     light: Boolean
+  },
+  computed: {
+    hasMenuSlot() {
+      return !!this.$slots.menu;
+    },
+
+    hasContentSlot() {
+      return !!this.$slots.content;
+    }
+
   }
 };
 
@@ -6319,23 +6331,40 @@ var __vue_render__$k = function () {
       "kind": "standard",
       "light": _vm.light
     }
-  }, [_vm.showOverflowMenu ? _vm._t("menu") : _vm._e(), _vm._v(" "), _vm.icon ? _c('div', {
+  }, [_vm.hasMenuSlot ? _vm._t("menu") : _vm._e(), _vm._v(" "), _vm.icon ? _c('div', {
     staticClass: "row"
   }, [_c('NsSvg', {
     attrs: {
       "svg": _vm.icon
     }
-  })], 1) : _vm._e(), _vm._v(" "), _c('div', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.isErrorShown ? _c('div', {
+    staticClass: "row"
+  }, [_c('NsInlineNotification', {
+    attrs: {
+      "kind": "error",
+      "title": _vm.errorTitle,
+      "description": _vm.errorDescription,
+      "showCloseButton": false
+    }
+  })], 1) : _vm.loading ? _c('div', {
+    staticClass: "row"
+  }, [_c('cv-skeleton-text', {
+    staticClass: "skeleton",
+    attrs: {
+      "paragraph": true,
+      "line-count": 3
+    }
+  })], 1) : [_vm.title ? _c('div', {
     staticClass: "row"
   }, [_c('h3', {
     staticClass: "title"
-  }, [_vm._v(_vm._s(_vm.title))])]), _vm._v(" "), _vm.description ? _c('div', {
+  }, [_vm._v(_vm._s(_vm.title))])]) : _vm._e(), _vm._v(" "), _vm.description ? _c('div', {
     staticClass: "row"
   }, [_c('div', {
     staticClass: "description"
-  }, [_vm._v(_vm._s(_vm.description))])]) : _vm._e(), _vm._v(" "), _c('div', {
+  }, [_vm._v(_vm._s(_vm.description))])]) : _vm._e()], _vm._v(" "), _c('div', {
     staticClass: "row slot"
-  }, [_vm._t("content")], 2)], 2);
+  }, [_vm.hasContentSlot ? _vm._t("content") : _vm._e()], 2)], 2);
 };
 
 var __vue_staticRenderFns__$k = [];
@@ -6343,8 +6372,8 @@ var __vue_staticRenderFns__$k = [];
 
 const __vue_inject_styles__$k = function (inject) {
   if (!inject) return;
-  inject("data-v-5f0f76db_0", {
-    source: ".info-card[data-v-5f0f76db]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.row[data-v-5f0f76db]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-5f0f76db]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-5f0f76db]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-5f0f76db]{margin-top:.5rem}",
+  inject("data-v-34e69a80_0", {
+    source: ".info-card[data-v-34e69a80]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-34e69a80]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-34e69a80]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-34e69a80]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-34e69a80]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-34e69a80]{margin-top:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6352,7 +6381,7 @@ const __vue_inject_styles__$k = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$k = "data-v-5f0f76db";
+const __vue_scope_id__$k = "data-v-34e69a80";
 /* module identifier */
 
 const __vue_module_identifier__$k = undefined;
@@ -6831,6 +6860,58 @@ var UtilService = {
      */
     toggleAccordion(ev) {
       this.$refs.accordion.state.map((item, index) => index === ev.changedIndex);
+    },
+
+    /**
+     * Used in Backup section
+     * */
+    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 "-";
+      }
     }
 
   }
@@ -9399,8 +9480,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 "";
       }
@@ -9441,28 +9522,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:
@@ -16750,13 +16843,13 @@ var components = /*#__PURE__*/Object.freeze({
   NsWizard: __vue_component__$h,
   NsMenuItem: __vue_component__$f,
   NsMenuDivider: __vue_component__$d,
-  ExclamationMark: ExclamationMark,
-  Gear: __vue_component__$b,
-  Love: __vue_component__$9,
-  Warning: __vue_component__$7,
-  Bulldozer: __vue_component__$5,
-  Group: __vue_component__$3,
-  HardDrive: __vue_component__$1,
+  ExclamationMarkPictogram: ExclamationMarkPictogram,
+  GearPictogram: __vue_component__$b,
+  LovePictogram: __vue_component__$9,
+  WarningPictogram: __vue_component__$7,
+  BulldozerPictogram: __vue_component__$5,
+  GroupPictogram: __vue_component__$3,
+  HardDrivePictogram: __vue_component__$1,
   UtilService: UtilService,
   QueryParamService: queryParam,
   TaskService: task,
@@ -16777,4 +16870,4 @@ const install = function installNs8UiLib(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { __vue_component__$5 as Bulldozer, dataTable as DataTableService, DateTimeService, ExclamationMark, filters as Filters, __vue_component__$b as Gear, __vue_component__$3 as Group, __vue_component__$1 as HardDrive, IconService, lottie as LottieService, __vue_component__$9 as Love, __vue_component__$j as NsBackupCard, __vue_component__$V as NsButton, NsCircleTimer, __vue_component__$O as NsCodeSnippet, __vue_component__$q as NsDangerDeleteModal, __vue_component__$o as NsDropdownAction, __vue_component__$Q as NsEmptyState, __vue_component__$w as NsIconMenu, __vue_component__$E as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$d as NsMenuDivider, __vue_component__$f as NsMenuItem, __vue_component__$u as NsMeterChart, __vue_component__$y as NsPasswordInput, NsPictogram, __vue_component__$s as NsPieChart, NsProgressBar, __vue_component__$C as NsStatusCard, NsSvg, __vue_component__$A as NsSystemdServiceCard, __vue_component__$m as NsTextInput, __vue_component__$I as NsTile, __vue_component__$G as NsToastNotification, __vue_component__$h as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$7 as Warning, install as default };
+export { __vue_component__$5 as BulldozerPictogram, dataTable as DataTableService, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$b as GearPictogram, __vue_component__$3 as GroupPictogram, __vue_component__$1 as HardDrivePictogram, IconService, lottie as LottieService, __vue_component__$9 as LovePictogram, __vue_component__$j as NsBackupCard, __vue_component__$V as NsButton, NsCircleTimer, __vue_component__$O as NsCodeSnippet, __vue_component__$q as NsDangerDeleteModal, __vue_component__$o as NsDropdownAction, __vue_component__$Q as NsEmptyState, __vue_component__$w as NsIconMenu, __vue_component__$E as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$d as NsMenuDivider, __vue_component__$f as NsMenuItem, __vue_component__$u as NsMeterChart, __vue_component__$y as NsPasswordInput, NsPictogram, __vue_component__$s as NsPieChart, NsProgressBar, __vue_component__$C as NsStatusCard, NsSvg, __vue_component__$A as NsSystemdServiceCard, __vue_component__$m as NsTextInput, __vue_component__$I as NsTile, __vue_component__$G as NsToastNotification, __vue_component__$h as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$7 as WarningPictogram, install as default };