UI added to select stream settings. Beginning work on #9

This commit is contained in:
Aidan Campbell 2016-02-18 13:43:26 -05:00
parent 5d25874131
commit 61cc902c63
2 changed files with 29 additions and 3 deletions

View File

@ -24,8 +24,26 @@
</header>
<main id="main-content" class="mdl-layout__content">
<div class="log-holder">
<code id="logField">log</code></div>
<div id="streamSettings" style="display:none"></div>
<code id="logField">log</code>
</div>
<div id="streamSettings">
<div class="mdl-select">
<select id="selectResolution">
<option selected="720">Stream Resolution</option>
<option value="720">1280x720</option>
<option value="768">1366x768</option>
<option value="1280">1920x1080</option>
</select>
</div>
<div class="mdl-select">
<select id="selectFramerate">
<option value="30">Framerate</option>
<option value="30">30fps</option>
<option value="60">60fps</option>
</select>
</div>
</div>
<div id="hostSettings">
<p>Enter the IP/hostname of the GFE streaming computer, or select one from the history:</p>
@ -49,7 +67,7 @@
<button id="stopButton" class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">Stop Testing Stuff</button>
</div>
<div id="gameSelection" style="display:none" class="mdl-select">
<div id="gameSelection" class="mdl-select">
<p>Select a game to run</p>
<select id="selectGame">
<option value="game_id_1">Game Name 1</option>

View File

@ -106,3 +106,11 @@ function handleMessage(msg) {
}
}
function onWindowLoad(){
document.getElementById('streamSettings').style.display = 'none';
document.getElementById('gameSelection').style.display = 'none';
}
window.onload = onWindowLoad;