@nethserver/ns8-ui-lib 1.2.10 → 1.3.1

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

@@ -8431,7 +8431,7 @@ var script$h = {
       required: true
     },
     status: {
-      type: Array,
+      type: Object,
       required: true
     },
     repositoryLabel: {
@@ -8468,7 +8468,7 @@ var __vue_render__$p = function __vue_render__() {
 
   return _c('div', {
     staticClass: "ns-backup-card-details"
-  }, [_vm._ssrNode("<div class=\"tr\" data-v-5c5848fc><div class=\"td label\" data-v-5c5848fc>" + _vm._ssrEscape(_vm._s(_vm.repositoryLabel)) + "</div> <div class=\"td\" data-v-5c5848fc>" + _vm._ssrEscape("\n      " + _vm._s(_vm.backup.repoName) + "\n    ") + "</div></div> "), _vm._ssrNode("<div class=\"tr\" data-v-5c5848fc>", "</div>", [_vm._ssrNode("<div class=\"td label\" data-v-5c5848fc>" + _vm._ssrEscape(_vm._s(_vm.completedLabel)) + "</div> "), _vm._ssrNode("<div class=\"td\" data-v-5c5848fc>", "</div>", [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end ? _vm._ssrNode("<span data-v-5c5848fc>", "</span>", [_c('cv-interactive-tooltip', {
+  }, [_vm._ssrNode("<div class=\"tr\" data-v-b3150a14><div class=\"td label\" data-v-b3150a14>" + _vm._ssrEscape(_vm._s(_vm.repositoryLabel)) + "</div> <div class=\"td\" data-v-b3150a14>" + _vm._ssrEscape("\n      " + _vm._s(_vm.backup.repoName) + "\n    ") + "</div></div> "), _vm._ssrNode("<div class=\"tr\" data-v-b3150a14>", "</div>", [_vm._ssrNode("<div class=\"td label\" data-v-b3150a14>" + _vm._ssrEscape(_vm._s(_vm.completedLabel)) + "</div> "), _vm._ssrNode("<div class=\"td\" data-v-b3150a14>", "</div>", [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end ? _vm._ssrNode("<span data-v-b3150a14>", "</span>", [_c('cv-interactive-tooltip', {
     staticClass: "info tooltip-with-text-trigger",
     attrs: {
       "alignment": "center",
@@ -8480,7 +8480,7 @@ var __vue_render__$p = 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-5c5848fc>-</span>")])], 2), _vm._ssrNode(" <div class=\"tr\" data-v-5c5848fc><div class=\"td label\" data-v-5c5848fc>" + _vm._ssrEscape(_vm._s(_vm.durationLabel)) + "</div> <div class=\"td\" data-v-5c5848fc>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end && _vm.status[_vm.backup.id].start ? "<span data-v-5c5848fc>" + _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-5c5848fc>-</span>") + "</div></div> <div class=\"tr\" data-v-5c5848fc><div class=\"td label\" data-v-5c5848fc>" + _vm._ssrEscape(_vm._s(_vm.totalSizeLabel)) + "</div> <div class=\"td\" data-v-5c5848fc>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_size ? "<span data-v-5c5848fc>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("byteFormat")(_vm.status[_vm.backup.id].total_size)) + "\n      ") + "</span>" : "<span data-v-5c5848fc>-</span>") + "</div></div> <div class=\"tr\" data-v-5c5848fc><div class=\"td label\" data-v-5c5848fc>" + _vm._ssrEscape(_vm._s(_vm.totalFileCountLabel)) + "</div> <div class=\"td\" data-v-5c5848fc>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? "<span data-v-5c5848fc>" + _vm._ssrEscape("\n        " + _vm._s(_vm.status[_vm.backup.id].total_file_count) + "\n      ") + "</span>" : "<span data-v-5c5848fc>-</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-b3150a14>-</span>")])], 2), _vm._ssrNode(" <div class=\"tr\" data-v-b3150a14><div class=\"td label\" data-v-b3150a14>" + _vm._ssrEscape(_vm._s(_vm.durationLabel)) + "</div> <div class=\"td\" data-v-b3150a14>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end && _vm.status[_vm.backup.id].start ? "<span data-v-b3150a14>" + _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-b3150a14>-</span>") + "</div></div> <div class=\"tr\" data-v-b3150a14><div class=\"td label\" data-v-b3150a14>" + _vm._ssrEscape(_vm._s(_vm.totalSizeLabel)) + "</div> <div class=\"td\" data-v-b3150a14>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_size ? "<span data-v-b3150a14>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("byteFormat")(_vm.status[_vm.backup.id].total_size)) + "\n      ") + "</span>" : "<span data-v-b3150a14>-</span>") + "</div></div> <div class=\"tr\" data-v-b3150a14><div class=\"td label\" data-v-b3150a14>" + _vm._ssrEscape(_vm._s(_vm.totalFileCountLabel)) + "</div> <div class=\"td\" data-v-b3150a14>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? "<span data-v-b3150a14>" + _vm._ssrEscape("\n        " + _vm._s(_vm.status[_vm.backup.id].total_file_count) + "\n      ") + "</span>" : "<span data-v-b3150a14>-</span>") + "</div></div>")], 2);
 };
 
 var __vue_staticRenderFns__$p = [];
@@ -8488,8 +8488,8 @@ var __vue_staticRenderFns__$p = [];
 
 var __vue_inject_styles__$r = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-5c5848fc_0", {
-    source: ".ns-backup-card-details[data-v-5c5848fc]{display:contents}.tr[data-v-5c5848fc]{display:table-row}.td[data-v-5c5848fc]{display:table-cell}.label[data-v-5c5848fc]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
+  inject("data-v-b3150a14_0", {
+    source: ".ns-backup-card-details[data-v-b3150a14]{display:contents}.tr[data-v-b3150a14]{display:table-row}.td[data-v-b3150a14]{display:table-cell}.label[data-v-b3150a14]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -8497,10 +8497,10 @@ var __vue_inject_styles__$r = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$r = "data-v-5c5848fc";
+var __vue_scope_id__$r = "data-v-b3150a14";
 /* module identifier */
 
-var __vue_module_identifier__$r = "data-v-5c5848fc";
+var __vue_module_identifier__$r = "data-v-b3150a14";
 /* functional template */
 
 var __vue_is_functional_template__$r = false;
@@ -8574,6 +8574,10 @@ var NsBackupCardDetails = __vue_component__$Q;var script$g = {
       type: String,
       default: "Show more"
     },
+    multipleUncertainStatusLabel: {
+      type: String,
+      default: "Some backups failed or are pending"
+    },
     moduleId: {
       type: String,
       required: true
@@ -8603,9 +8607,15 @@ var NsBackupCardDetails = __vue_component__$Q;var script$g = {
   data: function data() {
     return {
       backupsContainingInstance: [],
-      status: []
+      status: {},
+      summaryStatus: undefined
     };
   },
+  computed: {
+    singleBackup: function singleBackup() {
+      return this.backupsContainingInstance.length === 1 ? this.backupsContainingInstance[0] : null;
+    }
+  },
   watch: {
     repositories: function repositories() {
       this.updateData();
@@ -8666,8 +8676,15 @@ var NsBackupCardDetails = __vue_component__$Q;var script$g = {
             return i.module_id == _this.moduleId;
           });
 
-          var status = _instance.status;
-          this.status[_backup.id] = status;
+          var instanceStatus = _instance.status;
+          this.status[_backup.id] = instanceStatus; // overwrite summary status if:
+          // - it is undefined (first time loading)
+          // - the status is not successful
+          // - the status is null (not run yet) and the previous status was true (successful)
+
+          if (this.summaryStatus === undefined || instanceStatus && instanceStatus.success === false || instanceStatus && instanceStatus.success === null && this.summaryStatus === true) {
+            this.summaryStatus = instanceStatus;
+          }
         }
       } catch (err) {
         _iterator2.e(err);
@@ -8725,69 +8742,53 @@ var __vue_render__$o = function __vue_render__() {
     }
   }), _vm._v(" "), _c('span', [_vm._v("\n        " + _vm._s(_vm.noBackupMessage) + "\n      ")])], 1)] : [_c('div', {
     staticClass: "backups"
-  }, _vm._l(_vm.backupsContainingInstance, function (backup) {
-    return _c('div', {
-      key: backup.id,
-      staticClass: "backup"
-    }, [_vm.backupsContainingInstance.length > 1 ? _c('div', {
-      staticClass: "row"
-    }, [_c('h5', {
-      staticClass: "title"
-    }, [_vm._v("\n            " + _vm._s(backup.name) + "\n          ")])]) : _vm._e(), _vm._v(" "), _c('div', {
-      staticClass: "table-wrapper"
-    }, [_c('div', {
-      staticClass: "table"
-    }, [_c('div', {
-      staticClass: "tr"
-    }, [_c('div', {
-      staticClass: "td label"
-    }, [_vm._v(_vm._s(_vm.statusLabel))]), _vm._v(" "), _c('div', {
-      staticClass: "td status"
-    }, [!backup.enabled ? _c('span', {
-      staticClass: "ns-warning"
-    }, [_vm._v("\n                  " + _vm._s(_vm.backupDisabledLabel) + "\n                ")]) : _vm.status[backup.id] && _vm.status[backup.id].success == true ? _c('span', {
-      staticClass: "ns-success"
-    }, [_c('span', [_vm._v(_vm._s(_vm.statusSuccessLabel))])]) : _vm.status[backup.id] && _vm.status[backup.id].success == false ? _c('span', {
-      staticClass: "ns-error"
-    }, [_vm._v("\n                  " + _vm._s(_vm.statusErrorLabel) + "\n                ")]) : _c('span', {
-      staticClass: "ns-warning"
-    }, [_vm._v("\n                  " + _vm._s(_vm.statusNotRunLabel) + "\n                ")])])]), _vm._v(" "), _vm.backupsContainingInstance.length == 1 ? _c('NsBackupCardDetails', {
-      attrs: {
-        "backup": backup,
-        "status": _vm.status,
-        "repositoryLabel": _vm.repositoryLabel,
-        "completedLabel": _vm.completedLabel,
-        "durationLabel": _vm.durationLabel,
-        "totalSizeLabel": _vm.totalSizeLabel,
-        "totalFileCountLabel": _vm.totalFileCountLabel
-      }
-    }) : _vm._e()], 1)]), _vm._v(" "), _vm.backupsContainingInstance.length > 1 ? _c('div', {
-      staticClass: "table-wrapper"
-    }, [_c('div', {
-      staticClass: "table"
-    }, [_c('cv-accordion', {
-      ref: "accordion",
-      refInFor: true
-    }, [_c('cv-accordion-item', {
-      attrs: {
-        "open": _vm.toggleAccordion[0]
-      }
-    }, [_c('template', {
-      slot: "title"
-    }, [_vm._v(_vm._s(_vm.showMoreLabel))]), _vm._v(" "), _c('template', {
-      slot: "content"
-    }, [_c('NsBackupCardDetails', {
-      attrs: {
-        "backup": backup,
-        "status": _vm.status,
-        "repositoryLabel": _vm.repositoryLabel,
-        "completedLabel": _vm.completedLabel,
-        "durationLabel": _vm.durationLabel,
-        "totalSizeLabel": _vm.totalSizeLabel,
-        "totalFileCountLabel": _vm.totalFileCountLabel
-      }
-    })], 1)], 2)], 1)], 1)]) : _vm._e()]);
-  }), 0)], _vm._v(" "), _c('div', [_c('div', {
+  }, [_vm.backupsContainingInstance.length == 1 ? _c('div', {
+    staticClass: "backup"
+  }, [_c('div', {
+    staticClass: "table-wrapper"
+  }, [_c('div', {
+    staticClass: "table"
+  }, [_c('div', {
+    staticClass: "tr"
+  }, [_c('div', {
+    staticClass: "td label"
+  }, [_vm._v(_vm._s(_vm.statusLabel))]), _vm._v(" "), _c('div', {
+    staticClass: "td status"
+  }, [!_vm.singleBackup.enabled ? _c('span', {
+    staticClass: "ns-warning"
+  }, [_vm._v("\n                  " + _vm._s(_vm.backupDisabledLabel) + "\n                ")]) : _vm.status[_vm.singleBackup.id] && _vm.status[_vm.singleBackup.id].success == true ? _c('span', {
+    staticClass: "ns-success"
+  }, [_c('span', [_vm._v(_vm._s(_vm.statusSuccessLabel))])]) : _vm.status[_vm.singleBackup.id] && _vm.status[_vm.singleBackup.id].success == false ? _c('span', {
+    staticClass: "ns-error"
+  }, [_vm._v("\n                  " + _vm._s(_vm.statusErrorLabel) + "\n                ")]) : _c('span', {
+    staticClass: "ns-warning"
+  }, [_vm._v("\n                  " + _vm._s(_vm.statusNotRunLabel) + "\n                ")])])]), _vm._v(" "), _c('NsBackupCardDetails', {
+    attrs: {
+      "backup": _vm.singleBackup,
+      "status": _vm.status,
+      "repositoryLabel": _vm.repositoryLabel,
+      "completedLabel": _vm.completedLabel,
+      "durationLabel": _vm.durationLabel,
+      "totalSizeLabel": _vm.totalSizeLabel,
+      "totalFileCountLabel": _vm.totalFileCountLabel
+    }
+  })], 1)])]) : _c('div', [_c('div', {
+    staticClass: "table-wrapper"
+  }, [_c('div', {
+    staticClass: "table"
+  }, [_c('div', {
+    staticClass: "tr"
+  }, [_c('div', {
+    staticClass: "td label"
+  }, [_vm._v(_vm._s(_vm.statusLabel))]), _vm._v(" "), _c('div', {
+    staticClass: "td status"
+  }, [_vm.summaryStatus && _vm.summaryStatus.success == true ? _c('span', {
+    staticClass: "ns-success"
+  }, [_c('span', [_vm._v(_vm._s(_vm.statusSuccessLabel))])]) : _vm.summaryStatus && _vm.summaryStatus.success == false ? _c('span', {
+    staticClass: "ns-error"
+  }, [_vm._v("\n                  " + _vm._s(_vm.statusErrorLabel) + "\n                ")]) : _c('span', {
+    staticClass: "ns-warning"
+  }, [_vm._v("\n                  " + _vm._s(_vm.multipleUncertainStatusLabel) + "\n                ")])])])])])])])], _vm._v(" "), _c('div', [_c('div', {
     staticClass: "row mg-top-sm"
   }, [_c('NsButton', {
     attrs: {
@@ -8806,11 +8807,11 @@ var __vue_staticRenderFns__$o = [];
 
 var __vue_inject_styles__$q = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-6f55bf84_0", {
-    source: ".ns-backup-card[data-v-6f55bf84]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-6f55bf84]{margin-bottom:1rem}.backup[data-v-6f55bf84]:last-child{margin-bottom:0}.row[data-v-6f55bf84]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-6f55bf84]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-6f55bf84]{display:flex;justify-content:center;margin-bottom:.5rem}.table[data-v-6f55bf84]{display:table}.tr[data-v-6f55bf84]{display:table-row}.td[data-v-6f55bf84]{display:table-cell}.label[data-v-6f55bf84]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-6f55bf84]{font-weight:700}.backup-status-icon[data-v-6f55bf84]{margin-right:.25rem}",
+  inject("data-v-d65141fe_0", {
+    source: ".ns-backup-card[data-v-d65141fe]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-d65141fe]{margin-bottom:1rem}.backup[data-v-d65141fe]:last-child{margin-bottom:0}.row[data-v-d65141fe]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-d65141fe]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-d65141fe]{display:flex;justify-content:center;margin-bottom:.5rem}.table[data-v-d65141fe]{display:table}.tr[data-v-d65141fe]{display:table-row}.td[data-v-d65141fe]{display:table-cell}.label[data-v-d65141fe]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-d65141fe]{font-weight:700}.backup-status-icon[data-v-d65141fe]{margin-right:.25rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-6f55bf84_1", {
+  }), inject("data-v-d65141fe_1", {
     source: ".ns-backup-card .bx--accordion--start .bx--accordion__content{margin-left:0}",
     map: undefined,
     media: undefined
@@ -8819,10 +8820,10 @@ var __vue_inject_styles__$q = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$q = "data-v-6f55bf84";
+var __vue_scope_id__$q = "data-v-d65141fe";
 /* module identifier */
 
-var __vue_module_identifier__$q = "data-v-6f55bf84";
+var __vue_module_identifier__$q = "data-v-d65141fe";
 /* functional template */
 
 var __vue_is_functional_template__$q = false;
@@ -20356,9 +20357,16 @@ var script$5 = {
     Close16: Close16__default["default"]
   },
   props: {
-    autoFilter: Boolean,
-    autoHighlight: Boolean,
+    autoFilter: {
+      type: Boolean,
+      default: true
+    },
+    autoHighlight: {
+      type: Boolean,
+      default: true
+    },
     disabled: Boolean,
+    readonly: Boolean,
     invalidMessage: {
       type: String,
       default: undefined
@@ -20549,7 +20557,7 @@ var script$5 = {
       this.isWarn = !!(this.$slots["warn-text"] || this.warnText && this.warnText.length);
     },
     clearFilter: function clearFilter() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.internalUpdateValue("");
       this.filter = "";
       this.$refs.input.focus();
@@ -20644,7 +20652,7 @@ var script$5 = {
       }
     },
     onInput: function onInput() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(true);
       this.updateOptions();
       this.updateHighlight();
@@ -20658,7 +20666,7 @@ var script$5 = {
       this.open = newVal;
     },
     onDown: function onDown() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (!this.open) {
         this.doOpen(true);
@@ -20667,19 +20675,19 @@ var script$5 = {
       }
     },
     onUp: function onUp() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (this.open) {
         this.doMove(true);
       }
     },
     onEsc: function onEsc() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(false);
       this.$el.focus();
     },
     onEnter: function onEnter() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(!this.open);
 
       if (!this.open) {
@@ -20688,7 +20696,7 @@ var script$5 = {
       }
     },
     onClick: function onClick() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(!this.open);
 
       if (this.open) {
@@ -20745,14 +20753,14 @@ var script$5 = {
       this.$emit("change", this.dataValue);
     },
     inputClick: function inputClick() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (!this.open) {
         this.doOpen(true);
       }
     },
     inputFocus: function inputFocus() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(true);
     },
     getItemLabel: function getItemLabel(item) {
@@ -20789,7 +20797,7 @@ var __vue_render__$e = function __vue_render__() {
     on: {
       "focusout": _vm.onFocusOut
     }
-  }, [_vm.title ? _vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)]) + " data-v-610245c0>", "</label>", [_vm._ssrNode("<div class=\"label-with-tooltip\" data-v-610245c0>", "</div>", [_vm._ssrNode("<span data-v-610245c0>" + _vm._ssrEscape("\n        " + _vm._s(_vm.title) + "\n      ") + "</span> "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
+  }, [_vm.title ? _vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)]) + " data-v-001e5b15>", "</label>", [_vm._ssrNode("<div class=\"label-with-tooltip\" data-v-001e5b15>", "</div>", [_vm._ssrNode("<span data-v-001e5b15>" + _vm._ssrEscape("\n        " + _vm._s(_vm.title) + "\n      ") + "</span> "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
     staticClass: "info",
     attrs: {
       "alignment": _vm.tooltipAlignment,
@@ -20797,25 +20805,29 @@ var __vue_render__$e = function __vue_render__() {
     }
   }, [_c('template', {
     slot: "content"
-  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 2)]) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"listbox\" tabindex=\"-1\"" + _vm._ssrAttr("data-invalid", _vm.isInvalid) + _vm._ssrAttrs(_vm.$attrs) + _vm._ssrClass(null, [_vm.carbonPrefix + "--combo-box " + _vm.carbonPrefix + "--list-box", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$2[_vm.carbonPrefix + "--combo-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--combo-box--disabled " + _vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$2)]) + " data-v-610245c0>", "</div>", [_vm.isInvalid ? _c('WarningFilled16', {
+  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 2)]) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"listbox\" tabindex=\"-1\"" + _vm._ssrAttr("data-invalid", _vm.isInvalid) + _vm._ssrAttrs(_vm.$attrs) + _vm._ssrClass(null, [_vm.carbonPrefix + "--combo-box " + _vm.carbonPrefix + "--list-box", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$2[_vm.carbonPrefix + "--combo-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--combo-box--disabled " + _vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$2)]) + " data-v-001e5b15>", "</div>", [_vm.isInvalid ? _c('WarningFilled16', {
     class: [_vm.carbonPrefix + "--list-box__invalid-icon invalid-icon"]
   }) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn && !_vm.isInvalid ? _c('WarningAltFilled16', {
     class: _vm.carbonPrefix + "--list-box__invalid-icon " + _vm.carbonPrefix + "--list-box__invalid-icon--warning warn-icon"
-  }) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\" aria-haspopup=\"true\"" + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + _vm._ssrAttr("aria-owns", _vm.uid) + _vm._ssrAttr("aria-controls", _vm.uid) + " tabindex=\"-1\" type=\"button\"" + _vm._ssrAttr("aria-label", _vm.open ? 'close menu' : 'open menu') + " data-toggle=\"true\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__field"]) + " data-v-610245c0>", "</div>", [_vm._ssrNode("<input" + _vm._ssrAttr("aria-controls", _vm.uid) + " aria-autocomplete=\"list\" role=\"combobox\"" + _vm._ssrAttr("aria-disabled", _vm.disabled) + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + " autocomplete=\"off\"" + _vm._ssrAttr("disabled", _vm.disabled) + _vm._ssrAttr("placeholder", _vm.label) + _vm._ssrAttr("value", _vm.filter) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$3)]) + " data-v-610245c0> "), _vm.filter ? _vm._ssrNode("<div role=\"button\" tabindex=\"0\"" + _vm._ssrAttr("title", _vm.clearFilterLabel) + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__selection"]) + " data-v-610245c0>", "</div>", [_c('Close16')], 1) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$4)]) + " data-v-610245c0>", "</div>", [_c('chevron-down-16', {
+  }) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\" aria-haspopup=\"true\"" + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + _vm._ssrAttr("aria-owns", _vm.uid) + _vm._ssrAttr("aria-controls", _vm.uid) + " tabindex=\"-1\" type=\"button\"" + _vm._ssrAttr("aria-label", _vm.open ? 'close menu' : 'open menu') + " data-toggle=\"true\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__field"]) + " data-v-001e5b15>", "</div>", [_vm._ssrNode("<input" + _vm._ssrAttr("aria-controls", _vm.uid) + " aria-autocomplete=\"list\" role=\"combobox\"" + _vm._ssrAttr("aria-disabled", _vm.disabled) + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + " autocomplete=\"off\"" + _vm._ssrAttr("disabled", _vm.disabled) + _vm._ssrAttr("readonly", _vm.readonly) + _vm._ssrAttr("placeholder", _vm.label) + _vm._ssrAttr("value", _vm.filter) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$3)]) + " data-v-001e5b15> "), _vm.filter ? _vm._ssrNode("<div role=\"button\" tabindex=\"0\"" + _vm._ssrAttr("title", _vm.clearFilterLabel) + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__selection", {
+    'cursor-not-allowed': _vm.readonly
+  }]) + " data-v-001e5b15>", "</div>", [_c('Close16')], 1) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$4), {
+    'cursor-not-allowed': _vm.readonly
+  }]) + " data-v-001e5b15>", "</div>", [_c('chevron-down-16', {
     attrs: {
       "aria-label": _vm.open ? 'Close menu' : 'Open menu'
     }
   })], 1)], 2), _vm._ssrNode(" <div" + _vm._ssrAttr("id", _vm.uid) + " role=\"listbox\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu"]) + _vm._ssrStyle(null, null, {
     display: _vm.open ? '' : 'none'
-  }) + " data-v-610245c0>" + _vm._ssrList(_vm.limitedDataOptions, function (item, index) {
+  }) + " data-v-001e5b15>" + _vm._ssrList(_vm.limitedDataOptions, function (item, index) {
     var _obj;
 
-    return "<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item", (_obj = {}, _obj[_vm.carbonPrefix + "--list-box__menu-item--highlighted"] = _vm.highlighted === item.value, _obj)]) + " data-v-610245c0><div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item__option"]) + " data-v-610245c0>" + _vm._ssrEscape("\n          " + _vm._s(_vm.getItemLabel(item)) + "\n        ") + "</div></div>";
-  }) + "</div>")], 2), _vm._ssrNode(" "), _vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form-requirement"]) + " data-v-610245c0>", "</div>", [_vm._t("invalid-message", function () {
+    return "<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item", (_obj = {}, _obj[_vm.carbonPrefix + "--list-box__menu-item--highlighted"] = _vm.highlighted === item.value, _obj)]) + " data-v-001e5b15><div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item__option"]) + " data-v-001e5b15>" + _vm._ssrEscape("\n          " + _vm._s(_vm.getItemLabel(item)) + "\n        ") + "</div></div>";
+  }) + "</div>")], 2), _vm._ssrNode(" "), _vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form-requirement"]) + " data-v-001e5b15>", "</div>", [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
-  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn && !_vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form__requirement warn-text") + " data-v-610245c0>", "</div>", [_vm._t("warn-text", function () {
+  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn && !_vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form__requirement warn-text") + " data-v-001e5b15>", "</div>", [_vm._t("warn-text", function () {
     return [_vm._v(_vm._s(_vm.warnText))];
-  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isHelper && !_vm.isInvalid && !_vm.isWarn ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$5)]) + " data-v-610245c0>", "</div>", [_vm._t("helper-text", function () {
+  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isHelper && !_vm.isInvalid && !_vm.isWarn ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$5)]) + " data-v-001e5b15>", "</div>", [_vm._t("helper-text", function () {
     return [_vm._v(_vm._s(_vm.helperText))];
   })], 2) : _vm._e()], 2);
 };
@@ -20825,11 +20837,11 @@ var __vue_staticRenderFns__$e = [];
 
 var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-610245c0_0", {
-    source: ".margin-bottom-on-open[data-v-610245c0]{margin-bottom:14rem}.label-with-tooltip[data-v-610245c0]{display:flex;align-items:baseline}.ns-combo-box .warn-text[data-v-610245c0]{margin-top:.25rem}.invalid-icon[data-v-610245c0],.warn-icon[data-v-610245c0]{right:3rem}",
+  inject("data-v-001e5b15_0", {
+    source: ".margin-bottom-on-open[data-v-001e5b15]{margin-bottom:14rem}.label-with-tooltip[data-v-001e5b15]{display:flex;align-items:baseline}.ns-combo-box .warn-text[data-v-001e5b15]{margin-top:.25rem}.invalid-icon[data-v-001e5b15],.warn-icon[data-v-001e5b15]{right:3rem}.cursor-not-allowed[data-v-001e5b15]{cursor:not-allowed}",
     map: undefined,
     media: undefined
-  }), inject("data-v-610245c0_1", {
+  }), inject("data-v-001e5b15_1", {
     source: ".ns-combo-box .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}.ns-combo-box .bx--list-box__invalid-icon--warning{position:absolute;top:50%;right:3rem;fill:#f1c21b;transform:translateY(-50%)}.ns-combo-box .bx--list-box__invalid-icon--warning+.bx--list-box__field .bx--list-box__selection{right:4rem!important}",
     map: undefined,
     media: undefined
@@ -20838,10 +20850,10 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$f = "data-v-610245c0";
+var __vue_scope_id__$f = "data-v-001e5b15";
 /* module identifier */
 
-var __vue_module_identifier__$f = "data-v-610245c0";
+var __vue_module_identifier__$f = "data-v-001e5b15";
 /* functional template */
 
 var __vue_is_functional_template__$f = false;

package/package.json

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

package/src/lib-components/NsBackupCard.vue

@@ -29,28 +29,20 @@
     </template>
     <template v-else>
       <div class="backups">
-        <div
-          v-for="backup in backupsContainingInstance"
-          :key="backup.id"
-          class="backup"
-        >
-          <div v-if="backupsContainingInstance.length > 1" class="row">
-            <h5 class="title">
-              {{ backup.name }}
-            </h5>
-          </div>
+        <div v-if="backupsContainingInstance.length == 1" class="backup">
           <div class="table-wrapper">
             <div class="table">
               <!-- status -->
               <div class="tr">
                 <div class="td label">{{ statusLabel }}</div>
                 <div class="td status">
-                  <span v-if="!backup.enabled" class="ns-warning">
+                  <span v-if="!singleBackup.enabled" class="ns-warning">
                     {{ backupDisabledLabel }}
                   </span>
                   <span
                     v-else-if="
-                      status[backup.id] && status[backup.id].success == true
+                      status[singleBackup.id] &&
+                      status[singleBackup.id].success == true
                     "
                     class="ns-success"
                   >
@@ -58,7 +50,8 @@
                   </span>
                   <span
                     v-else-if="
-                      status[backup.id] && status[backup.id].success == false
+                      status[singleBackup.id] &&
+                      status[singleBackup.id].success == false
                     "
                     class="ns-error"
                   >
@@ -70,8 +63,7 @@
                 </div>
               </div>
               <NsBackupCardDetails
-                v-if="backupsContainingInstance.length == 1"
-                :backup="backup"
+                :backup="singleBackup"
                 :status="status"
                 :repositoryLabel="repositoryLabel"
                 :completedLabel="completedLabel"
@@ -81,27 +73,32 @@
               />
             </div>
           </div>
-          <div
-            v-if="backupsContainingInstance.length > 1"
-            class="table-wrapper"
-          >
+        </div>
+        <div v-else>
+          <!-- multiple backups for this instance -->
+          <div class="table-wrapper">
             <div class="table">
-              <cv-accordion ref="accordion">
-                <cv-accordion-item :open="toggleAccordion[0]">
-                  <template slot="title">{{ showMoreLabel }}</template>
-                  <template slot="content">
-                    <NsBackupCardDetails
-                      :backup="backup"
-                      :status="status"
-                      :repositoryLabel="repositoryLabel"
-                      :completedLabel="completedLabel"
-                      :durationLabel="durationLabel"
-                      :totalSizeLabel="totalSizeLabel"
-                      :totalFileCountLabel="totalFileCountLabel"
-                    />
-                  </template>
-                </cv-accordion-item>
-              </cv-accordion>
+              <!-- status -->
+              <div class="tr">
+                <div class="td label">{{ statusLabel }}</div>
+                <div class="td status">
+                  <span
+                    v-if="summaryStatus && summaryStatus.success == true"
+                    class="ns-success"
+                  >
+                    <span>{{ statusSuccessLabel }}</span>
+                  </span>
+                  <span
+                    v-else-if="summaryStatus && summaryStatus.success == false"
+                    class="ns-error"
+                  >
+                    {{ statusErrorLabel }}
+                  </span>
+                  <span v-else class="ns-warning">
+                    {{ multipleUncertainStatusLabel }}
+                  </span>
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -186,6 +183,10 @@ export default {
       type: String,
       default: "Show more",
     },
+    multipleUncertainStatusLabel: {
+      type: String,
+      default: "Some backups failed or are pending",
+    },
     moduleId: {
       type: String,
       required: true,
@@ -215,9 +216,17 @@ export default {
   data() {
     return {
       backupsContainingInstance: [],
-      status: [],
+      status: {},
+      summaryStatus: undefined,
     };
   },
+  computed: {
+    singleBackup() {
+      return this.backupsContainingInstance.length === 1
+        ? this.backupsContainingInstance[0]
+        : null;
+    },
+  },
   watch: {
     repositories: function () {
       this.updateData();
@@ -247,8 +256,22 @@ export default {
         const instance = backup.instances.find(
           (i) => i.module_id == this.moduleId
         );
-        const status = instance.status;
-        this.status[backup.id] = status;
+        const instanceStatus = instance.status;
+        this.status[backup.id] = instanceStatus;
+
+        // overwrite summary status if:
+        // - it is undefined (first time loading)
+        // - the status is not successful
+        // - the status is null (not run yet) and the previous status was true (successful)
+        if (
+          this.summaryStatus === undefined ||
+          (instanceStatus && instanceStatus.success === false) ||
+          (instanceStatus &&
+            instanceStatus.success === null &&
+            this.summaryStatus === true)
+        ) {
+          this.summaryStatus = instanceStatus;
+        }
       }
     },
     goToBackup() {
@@ -332,4 +355,4 @@ export default {
 .ns-backup-card .bx--accordion--start .bx--accordion__content {
   margin-left: 0;
 }
-</style>
+</style>

package/src/lib-components/NsBackupCardDetails.vue

@@ -89,7 +89,7 @@ export default {
       required: true,
     },
     status: {
-      type: Array,
+      type: Object,
       required: true,
     },
     repositoryLabel: {