Improve long fs name in WebUI

nicolargo · Dec 21, 2023 · 380888a · 380888a
1 parent 56a7622
commit 380888a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/glances/outputs/static/js/components/plugin-fs.vue b/glances/outputs/static/js/components/plugin-fs.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="table-row" v-for="(fs, fsId) in fileSystems" :key="fsId">
             <div class="table-cell text-left">
-                {{ $filters.minSize(fs.alias ? fs.alias : fs.mountPoint, 36) }}
+                {{ $filters.minSize(fs.alias ? fs.alias : fs.mountPoint, 36, begin=false) }}
                 <span v-if="(fs.alias ? fs.alias : fs.mountPoint).length + fs.name.length <= 34" class="visible-lg-inline">
                     ({{ fs.name }})
                 </span>

diff --git a/glances/outputs/static/js/filters.js b/glances/outputs/static/js/filters.js
@@ -74,10 +74,14 @@ export function limitTo(value, limit) {
     return value.slice(0, limit);
 }
 
-export function minSize(input, max) {
+export function minSize(input, max, begin = true) {
     max = max || 8;
     if (input.length > max) {
-        return '_' + input.substring(input.length - max + 1);
+        if (begin) {
+            return input.substring(0, max - 1) + '_';
+        } else {
+            return '_' + input.substring(input.length - max + 1);
+        }
     }
     return input;
 }

diff --git a/glances/outputs/static/public/glances.js b/glances/outputs/static/public/glances.js