121 lines
8.1 KiB
Plaintext
121 lines
8.1 KiB
Plaintext
<template name="config-menu__graphics">
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<form class="config__form">
|
|
<div class="config__wrapper">
|
|
<div class="config__row">
|
|
<div class="config-option">
|
|
<label class="config-option__title">Resolution</label>
|
|
<div class="config-option__list">
|
|
<input type="radio" name="resolution" data-checked="res_option" value="Original" id="res_original" style="nav-left:none;nav-up:#tab_graphics"/>
|
|
<label class="config-option__tab-label" for="res_original">Original</label>
|
|
<input type="radio" name="resolution" data-checked="res_option" value="Original2x" id="res_2x" style="nav-up:#tab_graphics"/>
|
|
<label class="config-option__tab-label" for="res_2x">Original 2x</label>
|
|
<input type="radio" name="resolution" data-checked="res_option" value="Auto" id="res_auto" style="nav-down:#ar_expand;nav-up:#tab_graphics"/>
|
|
<label class="config-option__tab-label" for="res_auto">Auto</label>
|
|
</div>
|
|
</div>
|
|
<div class="config-option">
|
|
<label class="config-option__title">Downsampling Quality</label>
|
|
<div class="config-option__list">
|
|
<input type="radio" name="downsampling" data-checked="ds_option" value="1" id="ds_windowed" style="nav-up:#tab_graphics"/>
|
|
<label class="config-option__tab-label" for="ds_windowed">Off</label>
|
|
<input type="radio" name="downsampling" data-checked="ds_option" value="2" id="ds_2x" style="nav-up:#tab_graphics"/>
|
|
<label class="config-option__tab-label" for="ds_2x">2x</label>
|
|
<input type="radio" name="downsampling" data-checked="ds_option" value="4" id="ds_4x" style="nav-right:none;nav-up:#tab_graphics"/>
|
|
<label class="config-option__tab-label" for="ds_4x">4x</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="config__row">
|
|
<div class="config-option">
|
|
<label class="config-option__title">Aspect Ratio</label>
|
|
<div class="config-option__list">
|
|
<input type="radio" name="aspectratio" data-checked="ar_option" value="Original" id="ar_original" style="nav-left:none"/>
|
|
<label class="config-option__tab-label" for="ar_original">Original</label>
|
|
<input type="radio" name="aspectratio" data-checked="ar_option" value="Expand" id="ar_expand" style="nav-up:#res_2x"/>
|
|
<label class="config-option__tab-label" for="ar_expand">Expand</label>
|
|
</div>
|
|
</div>
|
|
<div class="config-option">
|
|
<label class="config-option__title">Window Mode</label>
|
|
<div class="config-option__list">
|
|
<input type="radio" name="windowmode" data-checked="wm_option" value="Windowed" id="wm_windowed" />
|
|
<label class="config-option__tab-label" for="wm_windowed">Windowed</label>
|
|
<input type="radio" name="windowmode" data-checked="wm_option" value="Fullscreen" id="wm_fullscreen" style="nav-right:none"/>
|
|
<label class="config-option__tab-label" for="wm_fullscreen">Fullscreen</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="config__row">
|
|
<div class="config-option">
|
|
<label class="config-option__title">Framerate</label>
|
|
<div class="config-option__list">
|
|
<input type="radio"
|
|
name="refreshrate"
|
|
data-checked="rr_option"
|
|
value="Original"
|
|
id="rr_original"
|
|
data-attr-style="rr_option=='Manual' ? 'nav-left:none;nav-down:#rr_manual_input' : 'nav-left:none;nav-down:#apply_button'"
|
|
/>
|
|
<label class="config-option__tab-label" for="rr_original">Original</label>
|
|
<input type="radio"
|
|
name="refreshrate"
|
|
data-checked="rr_option"
|
|
value="Display"
|
|
id="rr_display"
|
|
data-attr-style="rr_option=='Manual' ? 'nav-down:#rr_manual_input' : 'nav-down:#apply_button'"
|
|
/>
|
|
<label class="config-option__tab-label" for="rr_display">Display</label>
|
|
<input type="radio"
|
|
name="refreshrate"
|
|
data-checked="rr_option"
|
|
value="Manual"
|
|
id="rr_manual"
|
|
data-attr-style="rr_option=='Manual' ? 'nav-up:#ar_expand;nav-down:#rr_manual_input' : 'nav-up:#ar_expand;nav-down:#apply_button'"
|
|
/>
|
|
<label class="config-option__tab-label" for="rr_manual">Manual</label>
|
|
</div>
|
|
<div data-if="rr_option=='Manual'" class="config-option__range-wrapper config-option__list">
|
|
<label class="config-option__range-label">{{rr_manual_value}}</label>
|
|
<input id="rr_manual_input" type="range" min="20" max="360" style="flex:1;margin: 0dp;nav-up:auto;nav-down:auto;" data-value="rr_manual_value"/>
|
|
</div>
|
|
</div>
|
|
<div class="config-option">
|
|
<label class="config-option__title">MS Anti-Aliasing</label>
|
|
<div class="config-option__list">
|
|
<input type="radio" name="antialiasing" data-checked="msaa_option" value="None" id="msaa_none" style="nav-down:#apply_button"/>
|
|
<label class="config-option__tab-label" for="msaa_none">None</label>
|
|
<input type="radio" name="antialiasing" data-checked="msaa_option" value="MSAA2X" id="msaa_2x" style="nav-down:#apply_button"/>
|
|
<label class="config-option__tab-label" for="msaa_2x">2x</label>
|
|
<input type="radio" name="antialiasing" data-checked="msaa_option" value="MSAA4X" id="msaa_4x" style="nav-down:#apply_button"/>
|
|
<label class="config-option__tab-label" for="msaa_4x">4x</label>
|
|
<!-- <input type="radio" name="antialiasing" data-checked="msaa_option" value="MSAA8X" id="msaa_8x" style="nav-right:none;nav-down:#apply_button"/>
|
|
<label class="config-option__tab-label" for="msaa_8x">8x</label> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="config__footer">
|
|
<!-- this empty div makes sure Apply button gets right aligned -->
|
|
<div />
|
|
<div>
|
|
<button
|
|
class="button button--secondary"
|
|
nav-return="rr_manual"
|
|
data-attrif-disabled="!options_changed"
|
|
onclick="apply_options"
|
|
id="apply_button"
|
|
style="nav-up:#rr_original"
|
|
data-attr-style="rr_option=='Manual' ? 'nav-up:#rr_manual_input' : 'nav-up:#rr_original'"
|
|
>
|
|
<div class="button__label">Apply</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</template>
|
|
|