Commit 5fc2cbcd authored by amandaghassaei's avatar amandaghassaei

ui

parent 89f7b4a6
......@@ -319,6 +319,11 @@ svg{
line-height: 28px;
}
#aboutUserInteraction{
margin-top: 10px!important;
line-height: 21px!important;
}
#start, #stepForwardOptions{
display: none;
}
......
......@@ -1052,7 +1052,8 @@
<!--&lt;!&ndash;</label>&ndash;&gt;-->
<!--</div><br/>-->
<div class="inlineBlock fullWidth">
<label class="checkbox floatRight" for="userInteractionEnabled">
<a class="about" href="#" id="aboutUserInteraction"><span class="fui-question-circle"></span></a>
<label style="margin-right:40px" class="checkbox floatRight" for="userInteractionEnabled">
<input id="userInteractionEnabled" data-toggle="checkbox" class="custom-checkbox layersSelector" type="checkbox"><span class="icons"><span class="icon-unchecked"></span><span class="icon-checked"></span></span>
Allow User Interaction
</label>
......@@ -1573,6 +1574,24 @@
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade" id="aboutUserInteractionModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<p><b>USER INTERACTION</b><br/><br/>
Toggle this control to enable/disable mouse interaction with the origami model. When enabled,
mousing over the model will display a highlighter; clicking and dragging allows you to
interact with the model in real time. Very vigorous interactions with the model may cause it
to pop into a strange configuration that it can't escape - use the <b>Reset</b> button to start
the simulation again from a flat state.
</p>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade" id="changeRotationSpeedModal" tabindex="-1" role="dialog">
<div class="modal-dialog sm">
<div class="modal-content">
......
......@@ -632,6 +632,10 @@ function initControls(globals){
globals.numSteps = val;
}, 1);
setLink("#aboutUserInteraction", function(){
$('#aboutUserInteractionModal').modal('show');
});
function setButtonGroup(id, callback){
$(id+" a").click(function(e){
e.preventDefault();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment