ui: add support for enabling/disabling the toggle (#35471)

add support for enabling/disabling the toggle

system/ui/lib/toggle.py

@@ -3,6 +3,9 @@ import pyray as rl
 ON_COLOR = rl.Color(51, 171, 76, 255)
 OFF_COLOR = rl.Color(0x39, 0x39, 0x39, 255)
 KNOB_COLOR = rl.WHITE
+DISABLED_ON_COLOR = rl.Color(0x22, 0x77, 0x22, 255)  # Dark green when disabled + on
+DISABLED_OFF_COLOR = rl.Color(0x39, 0x39, 0x39, 255)
+DISABLED_KNOB_COLOR = rl.Color(0x88, 0x88, 0x88, 255)
 WIDTH, HEIGHT = 160, 80
 BG_HEIGHT = 60
 ANIMATION_SPEED = 8.0
@@ -11,11 +14,15 @@ ANIMATION_SPEED = 8.0
 class Toggle:
   def __init__(self, initial_state=False):
     self._state = initial_state
+    self._enabled = True
     self._rect = rl.Rectangle(0, 0, WIDTH, HEIGHT)
     self._progress = 1.0 if initial_state else 0.0
     self._target = self._progress
 
   def handle_input(self):
+    if not self._enabled:
+      return 0
+
     if rl.is_mouse_button_pressed(rl.MOUSE_LEFT_BUTTON):
       if rl.check_collision_point_rec(rl.get_mouse_position(), self._rect):
         self._state = not self._state
@@ -28,6 +35,13 @@ class Toggle:
 
   def set_state(self, state: bool):
     self._state = state
+    self._target = 1.0 if state else 0.0
+
+  def set_enabled(self, enabled: bool):
+    self._enabled = enabled
+
+  def is_enabled(self):
+    return self._enabled
 
   def update(self):
     if abs(self._progress - self._target) > 0.01:
@@ -38,15 +52,22 @@ class Toggle:
   def render(self, rect: rl.Rectangle):
     self._rect.x, self._rect.y = rect.x, rect.y
     self.update()
+
+    if self._enabled:
+      bg_color = self._blend_color(OFF_COLOR, ON_COLOR, self._progress)
+      knob_color = KNOB_COLOR
+    else:
+      bg_color = self._blend_color(DISABLED_OFF_COLOR, DISABLED_ON_COLOR, self._progress)
+      knob_color = DISABLED_KNOB_COLOR
+
     # Draw background
     bg_rect = rl.Rectangle(self._rect.x + 5, self._rect.y + 10, WIDTH - 10, BG_HEIGHT)
-    bg_color = self._blend_color(OFF_COLOR, ON_COLOR, self._progress)
     rl.draw_rectangle_rounded(bg_rect, 1.0, 10, bg_color)
 
     # Draw knob
     knob_x = self._rect.x + HEIGHT / 2 + (WIDTH - HEIGHT) * self._progress
     knob_y = self._rect.y + HEIGHT / 2
-    rl.draw_circle(int(knob_x), int(knob_y), HEIGHT / 2, KNOB_COLOR)
+    rl.draw_circle(int(knob_x), int(knob_y), HEIGHT / 2, knob_color)
 
     return self.handle_input()