Zelda64Recomp/assets/config_menu/sound.rml

69 lines
3.5 KiB
Text
Raw Normal View History

<template name="config-menu__sound">
<head>
</head>
<body>
<form class="config__form">
2024-04-01 17:55:34 +00:00
<div class="config__hz-wrapper">
<!-- Options -->
<div class="config__wrapper" data-event-mouseout="set_cur_config_index(-1)">
2024-04-04 13:32:22 +00:00
<div class="config-option" data-event-mouseover="set_cur_config_index(0)">
2024-04-01 17:55:34 +00:00
<label class="config-option__title">Background Music Volume</label>
<div class="config-option__range-wrapper config-option__list">
<label class="config-option__range-label">{{bgm_volume}}%</label>
2024-04-01 17:55:34 +00:00
<input
2024-04-04 13:32:22 +00:00
data-event-blur="set_cur_config_index(-1)"
data-event-focus="set_cur_config_index(0)"
2024-04-01 17:55:34 +00:00
class="nav-vert"
id="bgm_volume_input"
type="range"
min="0"
max="100"
2024-04-04 13:32:22 +00:00
style="flex: 1; margin: 0dp; nav-up: #tab_sound; nav-down: #lhb_on;"
2024-04-01 17:55:34 +00:00
data-value="bgm_volume"
/>
</div>
</div>
2024-04-01 17:55:34 +00:00
2024-04-04 13:32:22 +00:00
<div class="config-option" data-event-mouseover="set_cur_config_index(1)">
2024-04-01 17:55:34 +00:00
<label class="config-option__title">Low Health Beeps</label>
<div class="config-option__list">
<input
type="radio"
2024-04-04 13:32:22 +00:00
data-event-blur="set_cur_config_index(-1)"
data-event-focus="set_cur_config_index(1)"
2024-04-01 17:55:34 +00:00
name="lhb"
data-checked="low_health_beeps_enabled"
value="1"
id="lhb_on"
2024-04-04 13:32:22 +00:00
style="nav-up: #bgm_volume_input"
2024-04-01 17:55:34 +00:00
/>
<label class="config-option__tab-label" for="lhb_on">On</label>
<input
type="radio"
2024-04-04 13:32:22 +00:00
data-event-blur="set_cur_config_index(-1)"
data-event-focus="set_cur_config_index(1)"
2024-04-01 17:55:34 +00:00
name="lhb"
data-checked="low_health_beeps_enabled"
value="0"
id="lhb_off"
2024-04-04 13:32:22 +00:00
style="nav-up: #bgm_volume_input"
2024-04-01 17:55:34 +00:00
/>
<label class="config-option__tab-label" for="lhb_off">Off</label>
</div>
</div>
</div>
2024-04-01 17:55:34 +00:00
<!-- Descriptions -->
<div class="config__wrapper">
2024-04-04 13:32:22 +00:00
<p data-if="cur_config_index == 0">
2024-04-07 01:27:42 +00:00
Controls the overall volume of background music.
2024-04-01 17:55:34 +00:00
</p>
2024-04-04 13:32:22 +00:00
<p data-if="cur_config_index == 1">
Toggles whether or not the low-health beeping sound plays.
2024-04-01 17:55:34 +00:00
</p>
</div>
</div>
</form>
</body>
</template>