feat(transactions): update cuelume; bring back improved volume user setting

app/apps/users/forms.py

@@ -2,7 +2,9 @@ from datetime import timedelta
 
 from apps.common.middleware.thread_local import get_current_user
 from apps.users.models import APIToken
+from apps.common.widgets.crispy.daisyui import Range
 from apps.common.widgets.crispy.submit import NoClassSubmit
+from apps.common.widgets.range import RangeInput
 from apps.common.widgets.tom_select import TomSelect
 from apps.users.models import UserSettings
 from apps.accounts.models import Account
@@ -131,6 +133,20 @@ class UserSettingsForm(forms.ModelForm):
         required=False,
     )
 
+    volume = forms.IntegerField(
+        min_value=0,
+        max_value=10,
+        label=_("Volume"),
+        help_text=_("Set to 0 to mute all sounds"),
+        widget=RangeInput(
+            attrs={
+                "step": 1,
+                # Preview the selected volume
+                "_": "on change call playSound('sparkle', my valueAsNumber)",
+            }
+        ),
+    )
+
     class Meta:
         model = UserSettings
         fields = [
@@ -141,6 +157,7 @@ class UserSettingsForm(forms.ModelForm):
             "datetime_format",
             "number_format",
             "default_account",
+            "volume",
         ]
         widgets = {
             "default_account": TomSelect(clear_button=False, group_by="group"),
@@ -167,7 +184,7 @@ class UserSettingsForm(forms.ModelForm):
             "start_page",
             "default_account",
             HTML('<hr class="hr my-3" />'),
-            "volume",
+            Range("volume"),
             FormActions(
                 NoClassSubmit("submit", _("Save"), css_class="btn btn-primary"),
             ),