@nethserver/ns8-ui-lib 0.0.66 → 0.0.67

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

@@ -5980,6 +5980,10 @@ var script$f = {
       type: String,
       required: false
     },
+    titleTooltip: {
+      type: String,
+      required: false
+    },
     icon: {
       type: [String, Object],
       default: undefined,
@@ -6047,9 +6051,17 @@ var __vue_render__$l = function __vue_render__() {
     }
   })], 1) : [_vm.title ? _c('div', {
     staticClass: "row"
+  }, [_vm.titleTooltip ? _c('cv-tooltip', {
+    attrs: {
+      "alignment": "center",
+      "direction": "bottom",
+      "tip": _vm.titleTooltip
+    }
   }, [_c('h3', {
     staticClass: "title"
-  }, [_vm._v(_vm._s(_vm.title))])]) : _vm._e(), _vm._v(" "), _vm.description ? _c('div', {
+  }, [_vm._v("\n          " + _vm._s(_vm.title) + "\n        ")])]) : _c('h3', {
+    staticClass: "title"
+  }, [_vm._v(_vm._s(_vm.title))])], 1) : _vm._e(), _vm._v(" "), _vm.description ? _c('div', {
     staticClass: "row"
   }, [_c('div', {
     staticClass: "description"
@@ -6063,8 +6075,8 @@ var __vue_staticRenderFns__$l = [];
 
 var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  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}",
+  inject("data-v-aefc1c3e_0", {
+    source: ".info-card[data-v-aefc1c3e]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-aefc1c3e]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-aefc1c3e]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-aefc1c3e]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-aefc1c3e]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-aefc1c3e]{margin-top:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6072,10 +6084,10 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$l = "data-v-34e69a80";
+var __vue_scope_id__$l = "data-v-aefc1c3e";
 /* module identifier */
 
-var __vue_module_identifier__$l = "data-v-34e69a80";
+var __vue_module_identifier__$l = "data-v-aefc1c3e";
 /* functional template */
 
 var __vue_is_functional_template__$l = false;
@@ -6342,8 +6354,8 @@ var __vue_staticRenderFns__$j = [];
 
 var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  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}",
+  inject("data-v-bf751eca_0", {
+    source: ".service-card[data-v-bf751eca]{display:flex;flex-direction:column;justify-content:center}.row[data-v-bf751eca]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.service-name[data-v-bf751eca]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem}.success-icon[data-v-bf751eca]{margin-right:.25rem}.error-icon[data-v-bf751eca]{margin-right:.25rem}.warning-icon[data-v-bf751eca]{margin-right:.25rem}.stats[data-v-bf751eca]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6351,10 +6363,10 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$j = "data-v-3dfcfe29";
+var __vue_scope_id__$j = "data-v-bf751eca";
 /* module identifier */
 
-var __vue_module_identifier__$j = "data-v-3dfcfe29";
+var __vue_module_identifier__$j = "data-v-bf751eca";
 /* functional template */
 
 var __vue_is_functional_template__$j = false;
@@ -7802,10 +7814,6 @@ var NsBackupCardDetails = __vue_component__$m;var script$4 = {
       type: String,
       default: "No backup configured"
     },
-    scheduleBackupLabel: {
-      type: String,
-      default: "Configure"
-    },
     goToBackupLabel: {
       type: String,
       default: "Go to Backup"
@@ -7997,28 +8005,20 @@ var __vue_render__$a = function __vue_render__() {
       "line-count": 5
     }
   })], 1) : !_vm.backupsContainingInstance.length ? [_c('div', {
-    staticClass: "row"
-  }, [_c('NsInlineNotification', {
-    attrs: {
-      "kind": "warning",
-      "title": _vm.noBackupMessage,
-      "showCloseButton": false,
-      "actionLabel": _vm.scheduleBackupLabel
-    },
-    on: {
-      "action": _vm.goToBackup
-    }
-  })], 1)] : [_c('div', {
+    staticClass: "row no-backup"
+  }, [_c('span', {
+    staticClass: "ns-warning"
+  }, [_vm._v("\n        " + _vm._s(_vm.noBackupMessage) + "\n      ")])])] : [_c('div', {
     staticClass: "backups"
   }, _vm._l(_vm.backupsContainingInstance, function (backup) {
     return _c('div', {
       key: backup.id,
       staticClass: "backup"
-    }, [_c('div', {
+    }, [_vm.backupsContainingInstance.length > 1 ? _c('div', {
       staticClass: "row"
-    }, [_vm.backupsContainingInstance.length > 1 ? _c('h5', {
-      staticClass: "title mg-top-sm"
-    }, [_vm._v("\n            " + _vm._s(backup.name) + "\n          ")]) : _vm._e()]), _vm._v(" "), _c('div', {
+    }, [_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"
@@ -8046,11 +8046,11 @@ var __vue_render__$a = function __vue_render__() {
         "totalSizeLabel": _vm.totalSizeLabel,
         "totalFileCountLabel": _vm.totalFileCountLabel
       }
-    }) : _vm._e()], 1)]), _vm._v(" "), _c('div', {
+    }) : _vm._e()], 1)]), _vm._v(" "), _vm.backupsContainingInstance.length > 1 ? _c('div', {
       staticClass: "table-wrapper"
     }, [_c('div', {
       staticClass: "table"
-    }, [_vm.backupsContainingInstance.length > 1 ? _c('cv-accordion', {
+    }, [_c('cv-accordion', {
       ref: "accordion",
       refInFor: true
     }, [_c('cv-accordion-item', {
@@ -8071,7 +8071,7 @@ var __vue_render__$a = function __vue_render__() {
         "totalSizeLabel": _vm.totalSizeLabel,
         "totalFileCountLabel": _vm.totalFileCountLabel
       }
-    })], 1)], 2)], 1) : _vm._e()], 1)])]);
+    })], 1)], 2)], 1)], 1)]) : _vm._e()]);
   }), 0)], _vm._v(" "), _c('div', [_c('div', {
     staticClass: "row mg-top-sm"
   }, [_c('NsButton', {
@@ -8091,11 +8091,11 @@ var __vue_staticRenderFns__$a = [];
 
 var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-0ada8df8_0", {
-    source: ".ns-backup-card[data-v-0ada8df8]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-0ada8df8]{margin-bottom:1rem}.backup[data-v-0ada8df8]:last-child{margin-bottom:0}.row[data-v-0ada8df8]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-0ada8df8]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-0ada8df8]{display:flex;justify-content:center;margin-top:.5rem}.table[data-v-0ada8df8]{display:table}.tr[data-v-0ada8df8]{display:table-row}.td[data-v-0ada8df8]{display:table-cell}.label[data-v-0ada8df8]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-0ada8df8]{font-weight:700}.backup-status-icon[data-v-0ada8df8]{margin-right:.25rem}",
+  inject("data-v-9ef09a4e_0", {
+    source: ".ns-backup-card[data-v-9ef09a4e]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-9ef09a4e]{margin-bottom:1rem}.backup[data-v-9ef09a4e]:last-child{margin-bottom:0}.row[data-v-9ef09a4e]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-9ef09a4e]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-9ef09a4e]{display:flex;justify-content:center;margin-bottom:.5rem}.table[data-v-9ef09a4e]{display:table}.tr[data-v-9ef09a4e]{display:table-row}.td[data-v-9ef09a4e]{display:table-cell}.label[data-v-9ef09a4e]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-9ef09a4e]{font-weight:700}.backup-status-icon[data-v-9ef09a4e]{margin-right:.25rem}.no-backup[data-v-9ef09a4e]{font-weight:700}",
     map: undefined,
     media: undefined
-  }), inject("data-v-0ada8df8_1", {
+  }), inject("data-v-9ef09a4e_1", {
     source: ".ns-backup-card .bx--accordion--start .bx--accordion__content{margin-left:0}",
     map: undefined,
     media: undefined
@@ -8104,10 +8104,10 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$a = "data-v-0ada8df8";
+var __vue_scope_id__$a = "data-v-9ef09a4e";
 /* module identifier */
 
-var __vue_module_identifier__$a = "data-v-0ada8df8";
+var __vue_module_identifier__$a = "data-v-9ef09a4e";
 /* functional template */
 
 var __vue_is_functional_template__$a = false;
@@ -8388,6 +8388,10 @@ var script = {
       type: String,
       default: "Go to System logs"
     },
+    router: {
+      type: Object,
+      default: null
+    },
     context: {
       type: String,
       default: "cluster",
@@ -8479,8 +8483,8 @@ var script = {
   },
   methods: {
     goToLogs: function goToLogs() {
-      if (this.$router) {
-        this.$router.push(this.logsUrl);
+      if (this.router) {
+        this.router.push(this.logsUrl);
       }
     }
   }
@@ -8521,10 +8525,10 @@ var __vue_staticRenderFns__$6 = [];
 var __vue_inject_styles__$6 = undefined;
 /* scoped */
 
-var __vue_scope_id__$6 = "data-v-01132c29";
+var __vue_scope_id__$6 = "data-v-aec74b8e";
 /* module identifier */
 
-var __vue_module_identifier__$6 = "data-v-01132c29";
+var __vue_module_identifier__$6 = "data-v-aec74b8e";
 /* functional template */
 
 var __vue_is_functional_template__$6 = false;

package/package.json

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

package/src/lib-components/NsBackupCard.vue

@@ -15,15 +15,11 @@
       ></cv-skeleton-text>
     </div>
     <template v-else-if="!backupsContainingInstance.length">
-      <div class="row">
+      <div class="row no-backup">
         <!-- no backup -->
-        <NsInlineNotification
-          kind="warning"
-          :title="noBackupMessage"
-          :showCloseButton="false"
-          :actionLabel="scheduleBackupLabel"
-          @action="goToBackup"
-        />
+        <span class="ns-warning">
+          {{ noBackupMessage }}
+        </span>
       </div>
     </template>
     <template v-else>
@@ -33,11 +29,8 @@
           :key="backup.id"
           class="backup"
         >
-          <div class="row">
-            <h5
-              v-if="backupsContainingInstance.length > 1"
-              class="title mg-top-sm"
-            >
+          <div v-if="backupsContainingInstance.length > 1" class="row">
+            <h5 class="title">
               {{ backup.name }}
             </h5>
           </div>
@@ -83,12 +76,12 @@
               />
             </div>
           </div>
-          <div class="table-wrapper">
+          <div
+            v-if="backupsContainingInstance.length > 1"
+            class="table-wrapper"
+          >
             <div class="table">
-              <cv-accordion
-                v-if="backupsContainingInstance.length > 1"
-                ref="accordion"
-              >
+              <cv-accordion ref="accordion">
                 <cv-accordion-item :open="toggleAccordion[0]">
                   <template slot="title">{{ showMoreLabel }}</template>
                   <template slot="content">
@@ -140,10 +133,6 @@ export default {
       type: String,
       default: "No backup configured",
     },
-    scheduleBackupLabel: {
-      type: String,
-      default: "Configure",
-    },
     goToBackupLabel: {
       type: String,
       default: "Go to Backup",
@@ -292,6 +281,7 @@ export default {
 .title {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
+  margin-bottom: 0.5rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -300,7 +290,7 @@ export default {
 .table-wrapper {
   display: flex;
   justify-content: center;
-  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
 .table {
@@ -329,6 +319,10 @@ export default {
 .backup-status-icon {
   margin-right: 0.25rem;
 }
+
+.no-backup {
+  font-weight: bold;
+}
 </style>
 
 <style lang="scss">

package/src/lib-components/NsInfoCard.vue

@@ -23,7 +23,19 @@
     </div>
     <template v-else>
       <div v-if="title" class="row">
-        <h3 class="title">{{ title }}</h3>
+        <!-- title tooltip -->
+        <cv-tooltip
+          v-if="titleTooltip"
+          alignment="center"
+          direction="bottom"
+          :tip="titleTooltip"
+        >
+          <h3 class="title">
+            {{ title }}
+          </h3>
+        </cv-tooltip>
+        <!-- no title tooltip -->
+        <h3 v-else class="title">{{ title }}</h3>
       </div>
       <div v-if="description" class="row">
         <div class="description">{{ description }}</div>
@@ -52,6 +64,10 @@ export default {
       type: String,
       required: false,
     },
+    titleTooltip: {
+      type: String,
+      required: false,
+    },
     icon: {
       type: [String, Object],
       default: undefined,
@@ -105,6 +121,7 @@ export default {
 .title {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
+  margin-bottom: 0.5rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/src/lib-components/NsSystemLogsCard.vue

@@ -33,6 +33,10 @@ export default {
       type: String,
       default: "Go to System logs",
     },
+    router: {
+      type: Object,
+      default: null,
+    },
     context: {
       type: String,
       default: "cluster",
@@ -121,8 +125,8 @@ export default {
   },
   methods: {
     goToLogs() {
-      if (this.$router) {
-        this.$router.push(this.logsUrl);
+      if (this.router) {
+        this.router.push(this.logsUrl);
       }
     },
   },

package/src/lib-components/NsSystemdServiceCard.vue

@@ -87,6 +87,7 @@ export default {
 .service-name {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
+  margin-bottom: 0.5rem;
 }
 
 .success-icon {