16mm
/
filmout_manager
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

All template work

This commit is contained in:
Matt McWilliams 2024-08-19 15:01:25 -04:00
parent bc44bf4f5d
commit 641ad70732
2 changed files with 61 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/css/style.css
View File

@ -43,11 +43,25 @@ html, body{
max-height: 50vh; max-height: 50vh;
} }
#screen .field-row{ .half{
box-sizing: border-box;
width: 50%;
}
.third{
box-sizing: border-box;
width: 33.3%;
}
fieldset.inline {
display: flex;
}
fieldset.inline .field-row{
display: inline-block; display: inline-block;
margin-left: 10px; margin-left: 10px;
} }
#screen .field-row input { fieldset.inline .field-row input {
max-width: 50px; max-width: 50px;
} }

70
views/index.hbs
View File

@ -21,7 +21,7 @@
<div> <div>
<ul class="tree-view" id="display"><canvas></canvas></ul> <ul class="tree-view" id="display"><canvas></canvas></ul>
<div> <div>
<fieldset id="screenResolution"> <fieldset id="screenResolution" class="inline third">
<legend>Screen</legend> <legend>Screen</legend>
<span class="field-row"> <span class="field-row">
<label for="width">Width</label> <label for="width">Width</label>
@ -32,7 +32,18 @@
<input id="height" type="text" value="{{height}}" readonly /> <input id="height" type="text" value="{{height}}" readonly />
</span> </span>
</fieldset> </fieldset>
<fieldset id="displayResolution"> <fieldset id="sourceResolution" class="inline third">
<legend>Source</legend>
<span class="field-row">
<label for="sourceWidth">Width</label>
<input id="sourceWidth" type="text" value="0" readonly />
</span>
<span class="field-row">
<label for="sourceHeight">Height</label>
<input id="sourceHeight" type="text" value="0" readonly />
</span>
</fieldset>
<fieldset id="displayResolution" class="inline third">
<legend>Display</legend> <legend>Display</legend>
<span class="field-row"> <span class="field-row">
<label for="displayWidth">Width</label> <label for="displayWidth">Width</label>
@ -54,33 +65,42 @@
</select> </select>
--> -->
<div> <div>
<form id="sequenceForm" onsubmit="return false;"> <fieldset id="sequenceSelect">
<select name="sequence" id="sequence"> <legend>Sequence</legend>
<option> - Select Image Sequence - </option> <form id="sequenceForm" onsubmit="return false;">
{{#each sequences}} <select name="sequence" id="sequence">
<option value="{{this.hash}}">{{this.name}}</option> <option> - Select Image Sequence - </option>
{{/each}} {{#each sequences}}
</select> <option value="{{this.hash}}">{{this.name}}</option>
<button id="select" onclick="client.sendSelect();">Select</button> {{/each}}
</form> </select>
<button id="select" onclick="client.sendSelect();">Select</button>
</form>
</fieldset>
</div> </div>
<div> <div>
<form id="sequenceCtrlForm" onsubmit="return false;"> <fieldset id="sequenceCtrl">
<button id="start" class="sequenceCtrl" disabled>Start</button> <legend>Sequence Controls</legend>
<button id="stop" class="sequenceCtrl" disabled>Stop</button> <form id="sequenceCtrlForm" onsubmit="return false;">
<button id="pause" class="sequenceCtrl" disabled>Pause</button> <button id="start" class="sequenceCtrl" disabled>Start</button>
<button id="rewind" class="sequenceCtrl" disabled><<</button> <button id="stop" class="sequenceCtrl" disabled>Stop</button>
<input id="frame" value="00000" class="sequenceCtrl" disabled /> <button id="pause" class="sequenceCtrl" disabled>Pause</button>
<button id="forward" class="sequenceCtrl" disabled>>></button> <button id="rewind" class="sequenceCtrl" disabled><<</button>
</form> <input id="frame" value="00000" class="sequenceCtrl" disabled />
<button id="forward" class="sequenceCtrl" disabled>>></button>
</form>
</fieldset>
</div> </div>
<div> <div>
<form id="manualCtrlForm" onsubmit="return false;" > <fieldset id="manualCtrl">
<button id="open" class="manualCtrl" onclick="client.sendCameraOpen()">Open Gate</button> <legend>Manual Controls</legend>
<button id="close" class="manualCtrl" onclick="client.sendCameraClose()">Close Gate</button> <form id="manualCtrlForm" onsubmit="return false;" >
<button id="focus" class="manualCtrl" onclick="">Focus</button> <button id="open" class="manualCtrl" onclick="client.sendCameraOpen()">Open Gate</button>
<button id="framing" class="manualCtrl" onclick="">Framing</button> <button id="close" class="manualCtrl" onclick="client.sendCameraClose()">Close Gate</button>
</form> <button id="focus" class="manualCtrl" onclick="">Focus</button>
<button id="framing" class="manualCtrl" onclick="">Framing</button>
</form>
</fieldset>
</div> </div>
<div> <div>
<progress id="progress"></progress> <progress id="progress"></progress>