69 lines
3.5 KiB
Plaintext
69 lines
3.5 KiB
Plaintext
<template name="config-menu__sound">
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<form class="config__form">
|
|
<div class="config__hz-wrapper">
|
|
<!-- Options -->
|
|
<div class="config__wrapper" data-event-mouseout="set_cur_config_index(-1)">
|
|
<div class="config-option" data-event-mouseover="set_cur_config_index(0)">
|
|
<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>
|
|
<input
|
|
data-event-blur="set_cur_config_index(-1)"
|
|
data-event-focus="set_cur_config_index(0)"
|
|
class="nav-vert"
|
|
id="bgm_volume_input"
|
|
type="range"
|
|
min="0"
|
|
max="100"
|
|
style="flex: 1; margin: 0dp; nav-up: #tab_sound; nav-down: #lhb_on;"
|
|
data-value="bgm_volume"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="config-option" data-event-mouseover="set_cur_config_index(1)">
|
|
<label class="config-option__title">Low Health Beeps</label>
|
|
<div class="config-option__list">
|
|
<input
|
|
type="radio"
|
|
data-event-blur="set_cur_config_index(-1)"
|
|
data-event-focus="set_cur_config_index(1)"
|
|
name="lhb"
|
|
data-checked="low_health_beeps_enabled"
|
|
value="1"
|
|
id="lhb_on"
|
|
style="nav-up: #bgm_volume_input"
|
|
/>
|
|
<label class="config-option__tab-label" for="lhb_on">On</label>
|
|
|
|
<input
|
|
type="radio"
|
|
data-event-blur="set_cur_config_index(-1)"
|
|
data-event-focus="set_cur_config_index(1)"
|
|
name="lhb"
|
|
data-checked="low_health_beeps_enabled"
|
|
value="0"
|
|
id="lhb_off"
|
|
style="nav-up: #bgm_volume_input"
|
|
/>
|
|
<label class="config-option__tab-label" for="lhb_off">Off</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Descriptions -->
|
|
<div class="config__wrapper">
|
|
<p data-if="cur_config_index == 0">
|
|
Controls the overall volume of background music
|
|
</p>
|
|
<p data-if="cur_config_index == 1">
|
|
Toggles whether or not the low-health beeping sound plays.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</template>
|
|
|