Fully functional audio settings, add sprite_src for <Button>

dash-frontend/assets/gui/view/audio_settings.xml

@@ -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" />

dash-frontend/assets/lang/de.json

@@ -34,7 +34,8 @@
     "AUTO_SWITCH_TO_VR_AUDIO": "Automatisch auf VR-Audio umschalten",
     "SPEAKERS": "Lautsprecher",
     "MICROPHONES": "Mikrofone",
-    "CARDS": "Karten"
+    "CARDS": "Karten",
+    "SELECT_AUDIO_CARD_PROFILE": "Wählen Sie das Audio-Kartenprofil"
   },
   "ACTIONS": {
     "RECENTER_PLAYSPACE": "Playspace neu zentrieren"

dash-frontend/assets/lang/en.json

@@ -29,6 +29,7 @@
 		}
 	},
 	"AUDIO": {
+		"SELECT_AUDIO_CARD_PROFILE": "Select audio card profile",
 		"SETTINGS": "Audio settings",
 		"VOLUME": "Volume",
 		"AUTO_SWITCH_TO_VR_AUDIO": "Auto-switch to VR audio",

dash-frontend/assets/lang/es.json

@@ -34,7 +34,8 @@
     "AUTO_SWITCH_TO_VR_AUDIO": "Conmutar automáticamente al audio VR",
     "SPEAKERS": "Altavoces",
     "MICROPHONES": "Micrófonos",
-    "CARDS": "Tarjetas"
+    "CARDS": "Tarjetas",
+    "SELECT_AUDIO_CARD_PROFILE": "Seleccionar perfil de tarjeta de audio"
   },
   "ACTIONS": {
     "RECENTER_PLAYSPACE": "Re-centrar espacio de juego"

dash-frontend/assets/lang/ja.json

@@ -34,7 +34,8 @@
     "AUTO_SWITCH_TO_VR_AUDIO": "VRオーディオに自動切り替え",
     "SPEAKERS": "スピーカー",
     "MICROPHONES": "マイク",
-    "CARDS": "カード"
+    "CARDS": "カード",
+    "SELECT_AUDIO_CARD_PROFILE": "オーディオカードプロファイルを選択"
   },
   "ACTIONS": {
     "RECENTER_PLAYSPACE": "プレイスペースを再中央"

dash-frontend/assets/lang/pl.json

@@ -34,7 +34,8 @@
     "AUTO_SWITCH_TO_VR_AUDIO": "Automatyczne przełączanie na dźwięk VR",
     "SPEAKERS": "Głośniki",
     "MICROPHONES": "Mikrofony",
-    "CARDS": "Karty"
+    "CARDS": "Karty",
+    "SELECT_AUDIO_CARD_PROFILE": "Wybierz profil karty dźwiękowej"
   },
   "ACTIONS": {
     "RECENTER_PLAYSPACE": "Wycentruj przestrzeń"