From 62fe1564faec39370ca7713855dd4d1507c0321b Mon Sep 17 00:00:00 2001
From: Pedro Lamas <pedrolamas@gmail.com>
Date: Sun, 8 Sep 2024 16:06:56 +0100
Subject: [PATCH] feat: show Minimum Cruise Ratio as percentage

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
---
 src/components/widgets/limits/PrinterLimits.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/widgets/limits/PrinterLimits.vue b/src/components/widgets/limits/PrinterLimits.vue
index 7c56d1222a..fd184a9607 100644
--- a/src/components/widgets/limits/PrinterLimits.vue
+++ b/src/components/widgets/limits/PrinterLimits.vue
@@ -79,12 +79,12 @@
             :value="minimumCruiseRatio"
             :reset-value="defaultMinimumCruiseRatio"
             :min="0"
-            :max="0.99"
-            :step="0.01"
+            :max="100"
             :disabled="!klippyReady"
             overridable
             :locked="isMobileViewport"
             :loading="hasWait($waits.onSetMinimumCruiseRatio)"
+            suffix="%"
             @submit="setMinimumCruiseRatio"
           />
 
@@ -144,11 +144,15 @@ export default class PrinterLimits extends Mixins(StateMixin, BrowserMixin) {
   get defaultMinimumCruiseRatio (): number {
     const defaultMinimumCruiseRatio = this.$store.getters['printer/getPrinterSettings']('printer.minimum_cruise_ratio') as number | undefined
 
-    return defaultMinimumCruiseRatio ?? 0.5
+    return Math.round((defaultMinimumCruiseRatio ?? 0.5) * 100)
   }
 
   get minimumCruiseRatio (): number | undefined {
-    return this.$store.state.printer.printer.toolhead.minimum_cruise_ratio as number | undefined
+    const minimumCruiseRatio = this.$store.state.printer.printer.toolhead.minimum_cruise_ratio as number | undefined
+
+    return minimumCruiseRatio != null
+      ? Math.round(minimumCruiseRatio * 100)
+      : undefined
   }
 
   get defaultSquareCornerVelocity (): number {
@@ -172,7 +176,7 @@ export default class PrinterLimits extends Mixins(StateMixin, BrowserMixin) {
   }
 
   setMinimumCruiseRatio (val: number) {
-    this.sendGcode(`SET_VELOCITY_LIMIT MINIMUM_CRUISE_RATIO=${val}`, this.$waits.onSetMinimumCruiseRatio)
+    this.sendGcode(`SET_VELOCITY_LIMIT MINIMUM_CRUISE_RATIO=${val / 100}`, this.$waits.onSetMinimumCruiseRatio)
   }
 
   setSquareCornerVelocity (val: number) {