feat: formats weight as human readable (fluidd-core#628)

Signed-off-by: Pedro Lamas <[email protected]>
matmen · Jun 27, 2022 · 4959206 · 4959206
1 parent eaaeb2d
commit 4959206
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/widgets/filesystem/FileSystemBrowser.vue b/src/components/widgets/filesystem/FileSystemBrowser.vue
@@ -123,7 +123,7 @@
             item-value="filament_weight_total"
           >
             <span v-if="item.filament_weight_total !== undefined">
-              {{ item.filament_weight_total }} g
+              {{ $filters.getReadableWeightString(item.filament_weight_total) }}
             </span>
           </file-row-item>
 

diff --git a/src/plugins/filters.ts b/src/plugins/filters.ts
@@ -141,6 +141,14 @@ export const Filters = {
     return lengthInMm.toFixed(1) + ' mm'
   },
 
+  /**
+   * Formats a number representing g to human readable weight.
+   */
+  getReadableWeightString (weightInG: number) {
+    if (weightInG >= 1000) return (weightInG / 1000).toFixed(2) + ' kg'
+    return weightInG.toFixed(2) + ' g'
+  },
+
   /**
    * The filesystem sorter. This is copied from vuetify, and modified to ensure our directories
    * are always sorted to the top.