2024-05-08 21:08:47 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Filmout Manager</title>
|
2024-07-31 19:07:09 +00:00
|
|
|
<link rel="stylesheet" href="/static/css/98.min.css" />
|
|
|
|
|
<link rel="stylesheet" href="/static/css/style.css" />
|
2024-05-08 21:08:47 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-07-31 19:07:09 +00:00
|
|
|
<div class="window" id="main">
|
2024-08-01 15:57:49 +00:00
|
|
|
<div class="title-bar">
|
|
|
|
|
<div class="title-bar-text">
|
|
|
|
|
Filmout Manager
|
|
|
|
|
</div>
|
|
|
|
|
<div class="title-bar-controls">
|
|
|
|
|
<button aria-label="Minimize"></button>
|
|
|
|
|
<button aria-label="Maximize" onclick="client.fullscreen();"></button>
|
|
|
|
|
<button aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="window-body">
|
2024-08-16 04:52:46 +00:00
|
|
|
<div>
|
|
|
|
|
<ul class="tree-view" id="display"><canvas></canvas></ul>
|
|
|
|
|
<div id="screen">Screen Resolution :
|
|
|
|
|
<span class="field-row">
|
|
|
|
|
<label for="width">Width</label>
|
|
|
|
|
<input id="width" type="text" value="{{width}}" readonly />
|
|
|
|
|
</span>
|
|
|
|
|
<span class="field-row">
|
|
|
|
|
<label for="height">Height</label>
|
|
|
|
|
<input id="height" type="text" value="{{height}}" readonly />
|
|
|
|
|
</span>
|
2024-08-01 15:57:49 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!--
|
|
|
|
|
<select name="video" id="video">
|
|
|
|
|
<option> - Select Video - </option>
|
|
|
|
|
{{#each videos}}
|
|
|
|
|
<option value="{{this.hash}}">{{this.name}}</option>
|
|
|
|
|
{{/each}}
|
|
|
|
|
</select>
|
|
|
|
|
-->
|
|
|
|
|
<div>
|
2024-08-16 04:52:46 +00:00
|
|
|
<form id="sequenceForm" onsubmit="return false;">
|
|
|
|
|
<select name="sequence" id="sequence">
|
|
|
|
|
<option> - Select Image Sequence - </option>
|
|
|
|
|
{{#each sequences}}
|
|
|
|
|
<option value="{{this.hash}}">{{this.name}}</option>
|
|
|
|
|
{{/each}}
|
|
|
|
|
</select>
|
|
|
|
|
<button id="select" onclick="client.sendSelect();">Select</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<form id="sequenceCtrlForm" onsubmit="return false;">
|
|
|
|
|
<button id="start" class="sequenceCtrl" disabled>Start</button>
|
|
|
|
|
<button id="stop" class="sequenceCtrl" disabled>Stop</button>
|
|
|
|
|
<button id="pause" class="sequenceCtrl" disabled>Pause</button>
|
|
|
|
|
<button id="rewind" class="sequenceCtrl" disabled><< Frame</button>
|
|
|
|
|
<input id="frame" value="0" class="sequenceCtrl" readonly />
|
|
|
|
|
<button id="forward" class="sequenceCtrl" disabled>Frame >></button>
|
|
|
|
|
</form>
|
2024-08-01 15:57:49 +00:00
|
|
|
</div>
|
|
|
|
|
<div>
|
2024-08-16 04:52:46 +00:00
|
|
|
<form id="manualCtrlForm" onsubmit="return false;" >
|
|
|
|
|
<button id="open" class="manualCtrl" onclick="client.sendCameraOpen()">Open Gate</button>
|
|
|
|
|
<button id="close" class="manualCtrl" onclick="client.sendCameraClose()">Close Gate</button>
|
|
|
|
|
<button id="focus" class="manualCtrl" onclick="">Focus</button>
|
|
|
|
|
<button id="framing" class="manualCtrl" onclick="">Framing</button>
|
|
|
|
|
</form>
|
2024-08-09 20:20:07 +00:00
|
|
|
</div>
|
|
|
|
|
<div>
|
2024-08-16 04:52:46 +00:00
|
|
|
<progress id="progress"></progress>
|
2024-08-01 15:57:49 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="status-bar" id="status">
|
2024-08-16 04:52:46 +00:00
|
|
|
<p class="status-bar-field" id="sequenceStatus">Idle</p>
|
|
|
|
|
<p class="status-bar-field" id="sequenceName">Not Set</p>
|
|
|
|
|
<p class="status-bar-field" id="sequenceProgress">Progress: 0%</p>
|
|
|
|
|
<p class="status-bar-field" id="sequenceLength">Sequence Length: 0</p>
|
2024-08-01 15:57:49 +00:00
|
|
|
</div>
|
2024-07-31 19:07:09 +00:00
|
|
|
</div>
|
2024-08-15 02:43:02 +00:00
|
|
|
</div>
|
|
|
|
|
<div id="overlay"></div>
|
2024-05-15 21:29:59 +00:00
|
|
|
<script src="/static/js/index.js"></script>
|
2024-05-08 21:08:47 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
