Reposition icons within the command buttons
This commit is contained in:
parent
62eb54ce49
commit
7636e6b913
|
|
@ -66,6 +66,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div id="script" class="screen">
|
<div id="script" class="screen">
|
||||||
<textarea id="editor"></textarea>
|
<textarea id="editor"></textarea>
|
||||||
|
<div id="mscript_cmd">
|
||||||
|
<button id="mscript_compile" onclick="">Compile</button>
|
||||||
|
<button id="mscript_run" onclick="">Run</button>
|
||||||
|
<button id="mscript_seq" onclick="">To Sequencer</button>
|
||||||
|
</div>
|
||||||
<footer id="console">
|
<footer id="console">
|
||||||
<textarea>> </textarea>
|
<textarea>> </textarea>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
@ -81,42 +86,64 @@
|
||||||
<input type="number" id="seq_proj_count_2" class="count" value="00000" onchange="gui.counterFormat(this, mcopy.state.projector.pos);" onblur="gui.updateProj(this);" />
|
<input type="number" id="seq_proj_count_2" class="count" value="00000" onchange="gui.counterFormat(this, mcopy.state.projector.pos);" onblur="gui.updateProj(this);" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="buttons">
|
<div id="buttons" class="clearfix">
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<button id="cmd_cam_forward" onclick="cmd.cam_forward(light.color);" class="cmd fwd">
|
<button id="cmd_cam_forward" onclick="cmd.cam_forward(light.color);" class="cmd fwd">
|
||||||
<i class="fa fa-video-camera"></i>
|
<i class="fa fa-video-camera"></i>
|
||||||
<i class="fa fa-step-forward"></i> CAM FORWARD</button>
|
CAMERA +1
|
||||||
|
<i class="fa fa-step-forward"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button id="cmd_cam_backward" onclick="cmd.cam_backward(light.color);" class="cmd bwd">
|
<button id="cmd_cam_backward" onclick="cmd.cam_backward(light.color);" class="cmd bwd">
|
||||||
<i class="fa fa-video-camera"></i>
|
<i class="fa fa-video-camera"></i>
|
||||||
<i class="fa fa-step-backward"></i> CAM BACKWARD</button>
|
CAMERA -1
|
||||||
|
<i class="fa fa-step-backward"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button id="cmd_black_forward" onclick="cmd.black_forward();" class="cmd fwd">
|
<button id="cmd_black_forward" onclick="cmd.black_forward();" class="cmd fwd">
|
||||||
<i class="fa fa-times-circle"></i>
|
<i class="fa fa-times-circle"></i>
|
||||||
<i class="fa fa-step-forward"></i> BLACK FORWARD</button>
|
BLACK FRAME +1
|
||||||
|
<i class="fa fa-step-forward"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button id="cmd_black_backward" onclick="cmd.black_backward();" class="cmd bwd">
|
<button id="cmd_black_backward" onclick="cmd.black_backward();" class="cmd bwd">
|
||||||
<i class="fa fa-times-circle"></i>
|
<i class="fa fa-times-circle"></i>
|
||||||
<i class="fa fa-step-backward"></i> BLACK BACKWARD</button>
|
BLACK FRAME -1
|
||||||
|
<i class="fa fa-step-backward"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<button id="proj_forward" onclick="cmd.proj_forward();" class="cmd fwd">
|
<button id="cmd_proj_forward" onclick="cmd.proj_forward();" class="cmd fwd">
|
||||||
<i class="fa fa-film"></i>
|
<i class="fa fa-film"></i>
|
||||||
<i class="fa fa-step-forward"></i>PROJ FORWARD</button>
|
PROJECTOR +1
|
||||||
|
<i class="fa fa-step-forward"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button id="proj_backward" onclick="cmd.proj_backward();" class="cmd bwd">
|
<button id="cmd_proj_backward" onclick="cmd.proj_backward();" class="cmd bwd">
|
||||||
<i class="fa fa-film"></i>
|
<i class="fa fa-film"></i>
|
||||||
<i class="fa fa-step-backward"></i>PROJ BACKWARD</button>
|
PROJECTOR -1
|
||||||
|
<i class="fa fa-step-backward"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="move_to">
|
||||||
|
<div class="cam">
|
||||||
|
<label>MOVE CAMERA TO</label>
|
||||||
|
<input type="number" id="move_cam_to" class="count" value="00000" onchange="gui.counterFormat(this, this.value);" onblur="cmd.cam_to(this)" />
|
||||||
|
</div>
|
||||||
|
<div class="proj">
|
||||||
|
<label>MOVE PROJECTOR TO</label>
|
||||||
|
<input type="number" id="move_cam_to" class="count" value="00000" onchange="gui.counterFormat(this, this.value);" onblur="cmd.proj_to(this);" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<div id="log"></div>
|
<div id="log"></div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
@ -244,6 +271,12 @@
|
||||||
<option>Not Set</option>
|
<option>Not Set</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<h4>Profile</h4>
|
||||||
|
<select id="profile">
|
||||||
|
<option>Not Set</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue