Reposition icons within the command buttons

This commit is contained in:
mmcwilliams 2018-02-01 14:54:12 -05:00
parent 62eb54ce49
commit 7636e6b913
1 changed files with 42 additions and 9 deletions

View File

@ -66,6 +66,11 @@
</div>
<div id="script" class="screen">
<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">
<textarea>> </textarea>
</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);" />
</div>
</div>
<div id="buttons">
<div id="buttons" class="clearfix">
<div>
<div>
<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-step-forward"></i> CAM FORWARD</button>
CAMERA +1
<i class="fa fa-step-forward"></i>
</button>
</div>
<div>
<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-step-backward"></i> CAM BACKWARD</button>
CAMERA -1
<i class="fa fa-step-backward"></i>
</button>
</div>
<div>
<button id="cmd_black_forward" onclick="cmd.black_forward();" class="cmd fwd">
<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>
<button id="cmd_black_backward" onclick="cmd.black_backward();" class="cmd bwd">
<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>
<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-step-forward"></i>PROJ FORWARD</button>
PROJECTOR +1
<i class="fa fa-step-forward"></i>
</button>
</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-step-backward"></i>PROJ BACKWARD</button>
PROJECTOR -1
<i class="fa fa-step-backward"></i>
</button>
</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>
<div id="log"></div>
</footer>
@ -244,6 +271,12 @@
<option>Not Set</option>
</select>
</div>
<div>
<h4>Profile</h4>
<select id="profile">
<option>Not Set</option>
</select>
</div>
</div>
</div>
</div>