@nethserver/ns8-ui-lib 1.2.10 → 1.3.1

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

@@ -9095,7 +9095,7 @@ var script$h = {
       required: true
     },
     status: {
-      type: Array,
+      type: Object,
       required: true
     },
     repositoryLabel: {
@@ -9184,8 +9184,8 @@ var __vue_staticRenderFns__$p = [];
 
 const __vue_inject_styles__$r = function (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
   });
@@ -9193,7 +9193,7 @@ const __vue_inject_styles__$r = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$r = "data-v-5c5848fc";
+const __vue_scope_id__$r = "data-v-b3150a14";
 /* module identifier */
 
 const __vue_module_identifier__$r = undefined;
@@ -9275,6 +9275,10 @@ var script$g = {
       type: String,
       default: "Show more"
     },
+    multipleUncertainStatusLabel: {
+      type: String,
+      default: "Some backups failed or are pending"
+    },
     moduleId: {
       type: String,
       required: true
@@ -9305,10 +9309,17 @@ var script$g = {
   data() {
     return {
       backupsContainingInstance: [],
-      status: []
+      status: {},
+      summaryStatus: undefined
     };
   },
 
+  computed: {
+    singleBackup() {
+      return this.backupsContainingInstance.length === 1 ? this.backupsContainingInstance[0] : null;
+    }
+
+  },
   watch: {
     repositories: function () {
       this.updateData();
@@ -9338,8 +9349,15 @@ var script$g = {
 
       for (const backup of this.backupsContainingInstance) {
         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;
+        }
       }
     },
 
@@ -9396,69 +9414,53 @@ var __vue_render__$o = function () {
     }
   }), _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: {
@@ -9477,11 +9479,11 @@ var __vue_staticRenderFns__$o = [];
 
 const __vue_inject_styles__$q = function (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
@@ -9490,7 +9492,7 @@ const __vue_inject_styles__$q = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$q = "data-v-6f55bf84";
+const __vue_scope_id__$q = "data-v-d65141fe";
 /* module identifier */
 
 const __vue_module_identifier__$q = undefined;
@@ -21604,9 +21606,16 @@ var script$5 = {
     Close16
   },
   props: {
-    autoFilter: Boolean,
-    autoHighlight: Boolean,
+    autoFilter: {
+      type: Boolean,
+      default: true
+    },
+    autoHighlight: {
+      type: Boolean,
+      default: true
+    },
     disabled: Boolean,
+    readonly: Boolean,
     invalidMessage: {
       type: String,
       default: undefined
@@ -21805,7 +21814,7 @@ var script$5 = {
     },
 
     clearFilter() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.internalUpdateValue("");
       this.filter = "";
       this.$refs.input.focus();
@@ -21895,7 +21904,7 @@ var script$5 = {
     },
 
     onInput() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(true);
       this.updateOptions();
       this.updateHighlight();
@@ -21911,7 +21920,7 @@ var script$5 = {
     },
 
     onDown() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (!this.open) {
         this.doOpen(true);
@@ -21921,7 +21930,7 @@ var script$5 = {
     },
 
     onUp() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (this.open) {
         this.doMove(true);
@@ -21929,13 +21938,13 @@ var script$5 = {
     },
 
     onEsc() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(false);
       this.$el.focus();
     },
 
     onEnter() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(!this.open);
 
       if (!this.open) {
@@ -21945,7 +21954,7 @@ var script$5 = {
     },
 
     onClick() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(!this.open);
 
       if (this.open) {
@@ -22004,7 +22013,7 @@ var script$5 = {
     },
 
     inputClick() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
 
       if (!this.open) {
         this.doOpen(true);
@@ -22012,7 +22021,7 @@ var script$5 = {
     },
 
     inputFocus() {
-      if (this.disabled) return;
+      if (this.disabled || this.readonly) return;
       this.doOpen(true);
     },
 
@@ -22143,6 +22152,7 @@ var __vue_render__$e = function () {
       "aria-expanded": _vm.open ? 'true' : 'false',
       "autocomplete": "off",
       "disabled": _vm.disabled,
+      "readonly": _vm.readonly,
       "placeholder": _vm.label
     },
     domProps: {
@@ -22164,7 +22174,9 @@ var __vue_render__$e = function () {
       }
     }
   }), _vm._v(" "), _vm.filter ? _c('div', {
-    class: [_vm.carbonPrefix + "--list-box__selection"],
+    class: [_vm.carbonPrefix + "--list-box__selection", {
+      'cursor-not-allowed': _vm.readonly
+    }],
     attrs: {
       "role": "button",
       "tabindex": "0",
@@ -22202,7 +22214,9 @@ var __vue_render__$e = function () {
       }
     }
   }, [_c('Close16')], 1) : _vm._e(), _vm._v(" "), _c('div', {
-    class: [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$4)],
+    class: [_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
+    }],
     attrs: {
       "role": "button"
     }
@@ -22267,11 +22281,11 @@ var __vue_staticRenderFns__$e = [];
 
 const __vue_inject_styles__$f = function (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
@@ -22280,7 +22294,7 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-610245c0";
+const __vue_scope_id__$f = "data-v-001e5b15";
 /* module identifier */
 
 const __vue_module_identifier__$f = undefined;