intval3/app/www/index.html

210 lines
6.3 KiB
HTML
Raw Permalink Normal View History

2017-08-22 02:49:35 +00:00
<!doctype html>
<html>
<head>
<title>INTVAL3</title>
2019-06-19 23:32:36 +00:00
<link rel="shortcut icon" type="image/x-icon" href="/static/img/favicon.ico" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width = 320, initial-scale = 1.0, user-scalable = no, minimal-ui, viewport-fit=cover">
2018-02-02 18:02:15 +00:00
<!--<link rel="stylesheet" href="static/css/codemirror.css" />
<link rel="stylesheet" href="static/css/monokai.css" />-->
2017-11-22 19:26:43 +00:00
<link rel="stylesheet" href="static/css/index.css" />
2017-08-22 02:49:35 +00:00
</head>
2018-02-06 22:34:58 +00:00
<body>
<div id="overlay">
<div id="spinner"></div>
<div id="msg"></div>
<div id="tap">Tap to Connect</div>
</div>
<div id="app" class="page selected">
<h2>INTVAL3</h2>
<div>
<div class="label">Counter</div>
<input type="number" id="counter" onclick="setCounter();" value="0" step="1" readonly />
</div>
<div>
2017-10-22 02:13:38 +00:00
<div class="label">Direction</div>
2017-10-22 02:17:32 +00:00
<span id="bwdLabel">BACKWARD</span>
2017-10-22 02:13:38 +00:00
<span id="fwdLabel" class="selected">FORWARD</span>
<label class="switch">
<input type="checkbox" id="dir" onclick="setDir();">
<span class="slider round"></span>
</label>
</div>
<div>
<div class="label">Exposure <span id="str">1/5</span></div>
<input type="number" id="exposure" value="630" min="0" onchange="setExposure();" />
<select id="scale" onchange="setExposureScale();">
<option value="ms" selected>ms</option>
<option value="sec">sec</option>
<option value="min">min</option>
<option value="hour">hour</option>
</select>
</div>
<div>
<div class="label">Delay</div>
<input type="number" id="delay" value="0" min="0" step="1" onchange="setDelay();" />
<select id="delayScale" onchange="setDelayScale();">
<option value="ms" selected>ms</option>
<option value="sec">sec</option>
<option value="min">min</option>
<option value="hour">hour</option>
</select>
</div>
<div>
<button id="seq" onclick="sequence();">START SEQUENCE</button>
</div>
<div>
<button id="frame" onclick="frame();">+1 FRAME</button>
</div>
2017-10-22 01:44:07 +00:00
</div>
<div id="settings" class="page">
<div class="ble">
<h2>BLUETOOTH</h2>
<select id="bluetooth">
<option>N/A</option>
</select>
<button id="disconnect" onclick="mobile.ble.disconnect();">DISCONNECT</button>
<button id="scan" class="active" onclick="mobile.ble.scan();">SCAN FOR DEVICE</button>
</div>
<div class="ble">
<h2>WIFI</h2>
<div id="ip">
Local IP: null
</div>
<div>
<select id="available" class="" onchange="editWifi();">
<option>N/A</option>
</select>
</div>
<div>
<input type="password" id="password" class="" placeholder="Wifi Password" />
</div>
<button id="wifi" class="" onclick="setWifi();">CONNECT</button>
<button id="wifiRefresh" class="" onclick="getWifi();">REFRESH WIFI</button>
</div>
<div>
<button id="reset" onclick="reset();">RESET</button>
<button id="restart" onclick="restart();">RESTART</button>
<button id="update" onclick="update();">UPDATE</button>
</div>
2020-05-20 03:28:31 +00:00
<div id="version">v1.0.7 build a90cc072</div>
</div>
2018-02-02 18:02:15 +00:00
<!--<div id="mscript" class="page">
2017-11-23 00:48:45 +00:00
<h2>MSCRIPT</h2>
<textarea id="mscript_editor"></textarea>
<button id="compile">COMPILE</button>
<button id="mscript_seq">START SEQUENCE</button>
2018-02-02 18:02:15 +00:00
</div>-->
<div id="camera" class="page">
<h2>CAMERA</h2>
<div class="clearfix">
<div class="setting">
<div class="label">ISO</div>
<input type="number" class="iso" placeholder="100" value="100" onchange="mobile.refreshExposure();">
</div>
<div class="setting">
<div class="label">F-stop</div>
<input type="number" class="fstop" placeholder="5.6" value="5.6" onchange="mobile.refreshExposure();" />
</div>
<div class="setting">
<div class="label">Variable Shutter</div>
<select class="angle">
<option value="133" selected>0 (Normal)</option>
<option value="66">1 Stop</option>
<option value="33">2 Stop</option>
</select>
</div>
</div>
<button id="cameraBtn" class="ble" onclick="mobile.getCamera();">
<i class="cameraIcon"></i>
</button>
<div class="clearfix ble">
<div id="camera_exposure">
<h3>PHONE</h3>
<div>
<label for="cam_exp">EXP</label>
<input readonly id="cam_exp" type="text" />
</div>
<div>
<label for="cam_f">F</label>
<input readonly id="cam_f" type="text" />
</div>
<div>
<label for="cam_iso">ISO</label>
<input readonly id="cam_iso" type="text" />
</div>
<div>
<label>COMP</label>
</div>
</div>
<div id="bolex_exposure">
<h3>BOLEX</h3>
<div>
<label id="bol_exp_diff"></label>
<input readonly id="bol_exp" type="text" />
</div>
<div>
<label id="bol_f_diff"></label>
<input readonly id="bol_f" type="text" />
</div>
<div>
<label id="bol_iso_diff"></label>
<input readonly id="bol_iso" type="text" />
</div>
<div>
2018-02-06 22:34:58 +00:00
<label><span class="pos">+0.8</span></label>
</div>
</div>
</div>
</div>
<div id="advanced" class="page">
<h2>ADVANCED</h2>
<div>
<div class="label">Loops</div>
<input type="number" id="len" value="1" step="1" min="1" />
</div>
<div>
<div class="label">Frame Multiplier</div>
<input type="number" id="multiple" value="1" step="1" min="1" />
</div>
<div>
<div id="stats">
<div><label>Real time</label> <span id="realTime">0 s</span></div>
<div><label>Film time</label> <span id="filmTime">0 s</span></div>
<div><label>Frame end</label> <span id="frameEnd">0</span></div>
</div>
</div>
<div>
<button id="run" onclick="advanced();">RUN</button>
</div>
<div id="progress">
<div id="progressVal" style="width:0%;"></div>
<div id="progressText">0%</div>
</div>
</div>
2017-11-21 18:50:01 +00:00
<footer>
2017-11-23 00:48:45 +00:00
<div id="settingsIcon" onclick="settingsPage();" class="icon">
<div> </div>
</div>
2017-11-23 00:48:45 +00:00
<div id="appIcon" onclick="appPage();" class="icon selected">
<div></div>
</div>
<div id="advancedIcon" onclick="advancedPage();" class="icon">
2017-11-23 00:48:45 +00:00
<div></div>
</div>
<div id="cameraIcon" onclick="cameraPage();" class="icon">
<div class="cameraIcon"></div>
</div>
2017-11-21 18:50:01 +00:00
</footer>
<script src="cordova.js"></script>
<script src="static/js/spin.min.js"></script>
2018-02-02 18:02:15 +00:00
<!--<script src="static/js/codemirror.js"></script>-->
<script src="static/js/intval.core.js"></script>
<script src="static/js/intval.web.js"></script>
<script src="static/js/intval.mobile.js"></script>
<script src="static/js/intval.pwa.js"></script>
2018-02-02 18:02:15 +00:00
<!--<script src="static/js/intval.mscript.js"></script>-->
<script src="static/js/index.js"></script>
2017-08-22 02:49:35 +00:00
</body>
</html>