Fully functional audio settings, add sprite_src for <Button>

This commit is contained in:
Aleksander
2025-12-06 12:08:25 +01:00
parent e83997bc08
commit bc5075a732
14 changed files with 457 additions and 28 deletions

View File

@@ -1,7 +1,7 @@
<layout>
<include src="../t_group_box.xml" />
<!-- device_name, device_icon, id_checkbox -->
<!-- device_name, device_icon -->
<template name="DeviceSlider">
<rectangle macro="group_box">
<div width="100%" align_items="center" justify_content="center" gap="8">
@@ -10,34 +10,55 @@
</div>
<div width="100%" align_items="center">
<CheckBox id="checkbox" />
<Button id="btn_mute">
<sprite src="${volume_icon}" width="20" height="20" margin="4" margin_left="8" margin_right="8" />
</Button>
<Button sprite_src="${volume_icon}" id="btn_mute" width="32" />
<Slider id="slider" flex_grow="1" height="16" min_value="0" max_value="150" margin_left="8" />
</div>
</rectangle>
</template>
<!-- card_name, profile_name -->
<template name="Card">
<rectangle macro="group_box">
<div width="100%" align_items="center" justify_content="center">
<label text="${card_name}" size="12" weight="bold" />
</div>
<Button id="btn_card" text="${profile_name}" width="100%" height="32" />
</rectangle>
</template>
<template name="SelectAudioProfileText">
<div align_items="center" gap="8">
<Button width="48" height="32" id="btn_back">
<sprite src="dashboard/back.svg" width="24" height="24" />
</Button>
<label translation="AUDIO.SELECT_AUDIO_CARD_PROFILE" size="14" weight="bold" />
</div>
</template>
<!-- id (Button), src, translation -->
<template name="BottomButton">
<Button flex_grow="1" id="${id}">
<sprite src="${src}"
min_width="24" min_height="24" width="24" height="24" margin="4" margin_left="16" />
<label translation="${translation}" weight="bold" margin_right="16" />
<Button
flex_grow="1"
id="${id}"
translation="${translation}"
sprite_src="${src}">
</Button>
</template>
<elements>
<div id="devices" flex_direction="column" gap="8">
<div id="devices" flex_direction="column" gap="4">
</div>
<!-- bottom buttons -->
<div flex_direction="row" gap="4">
<Button tooltip="AUDIO.AUTO_SWITCH_TO_VR_AUDIO" color="#00CCFF" tooltip_side="right">
<sprite src="dashboard/magic_wand.svg"
min_width="24" width="24" height="24" margin="4" />
</Button>
<Button
id="btn_auto"
sprite_src="dashboard/magic_wand.svg"
min_width="32"
tooltip="AUDIO.AUTO_SWITCH_TO_VR_AUDIO"
color="~color_accent"
tooltip_side="right" />
<BottomButton id="btn_sinks" src="dashboard/volume.svg" translation="AUDIO.SPEAKERS" />
<BottomButton id="btn_sources" src="dashboard/microphone.svg" translation="AUDIO.MICROPHONES" />