fix: disable led controls if klippy not ready

Signed-off-by: Pedro Lamas <[email protected]>
fluidd-core · Oct 17, 2024 · ff2e4a1 · ff2e4a1
1 parent b728bc5
commit ff2e4a1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/ui/AppColorPicker.vue b/src/components/ui/AppColorPicker.vue
@@ -4,12 +4,14 @@
     left
     max-width="260"
     :close-on-content-click="false"
+    :disabled="disabled"
   >
     <template #activator="{ on, attrs }">
       <v-btn
         v-if="!dot"
         v-bind="attrs"
         :color="controlColor"
+        :disabled="disabled"
         outlined
         small
         v-on="on"
@@ -21,6 +23,7 @@
         v-else
         v-bind="attrs"
         :color="controlColor"
+        :disabled="disabled"
         v-on="on"
       >
         $circle
@@ -193,6 +196,9 @@ export default class AppColorPicker extends Vue {
   @Prop({ type: String, default: 'RGB' })
   readonly supportedChannels!: string
 
+  @Prop({ type: Boolean })
+  readonly disabled?: boolean
+
   @Ref('card')
   readonly card!: Vue
 

diff --git a/src/components/widgets/outputs/OutputLed.vue b/src/components/widgets/outputs/OutputLed.vue
@@ -7,6 +7,7 @@
       align-self="center"
       cols="5"
       class="text-body-1 py-0"
+      :class="{ 'text--disabled': !klippyReady }"
     >
       {{ led.prettyName }}
     </v-col>
@@ -16,6 +17,7 @@
         :white.sync="whiteValue"
         :title="led.prettyName"
         :supported-channels="supportedChannels"
+        :disabled="!klippyReady"
         dot
       />
     </v-col>