You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

127 lines
5.0 KiB
HTML

4 years ago
{% extends "layout.html" %}
{% block body_header_additional %}
<script src="{{url_for('static', filename='js/libs/jquery-1.12.4.min.js')}}"></script>
4 years ago
{% endblock body_header_additional %}
{% block body_content %}
4 years ago
<!-- Typing Modal -->
<div class="modal fade" id="typingModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h3>Typing</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
4 years ago
</div>
4 years ago
<div class="modal-body">
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<input type="text" id="sendKeysField" class="form-control"
value="" placeholder="Send keys..." />
<ul class="navbar-nav justify-content-center text-center">
<li class="list-group-item" style="width: 100%;">
<button id="sendKeysBtn" class="btn btn-success btn-lg">Send</button>
</li>
<li class="list-group-item" style="width: 100%;">
<button id="pressEnterBtn" class="btn btn-success btn-lg">Enter</button>
</li>
<li class="list-group-item" style="width: 100%;">
<button id="pressBackBtn" class="btn btn-success btn-lg">Backspace</button>
</li>
4 years ago
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button id="closeTypingModalBtn" type="button" data-dismiss="modal" class="btn btn-danger btn-lg">Close</button>
</div>
<div id="bg-alert-zone" class="col">
4 years ago
</div>
</div>
</div>
</div>
4 years ago
<!-- Controls Modal -->
<div class="modal fade" id="controlsModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h3>Controls</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col">
<ul class="navbar-nav">
<li class="list-group-item">
<a href="/sound-manager">
<button class="btn btn-success btn-lg">Sound Manager</button>
</a>
</li>
4 years ago
<li id="hideHandler" class="list-group-item">
<button id="scrollToggle" class="btn btn-success btn-lg">Scroll Mode: Inactive</button>
</li>
<li class="list-group-item">
<button id="mouseHoldToggle" class="btn btn-success btn-lg">Mouse Hold: Inactive</button>
</li>
<li id="hideHandler" class="list-group-item">
<button id="rightClickBtn" class="btn btn-success btn-lg">
Right-Click
</button>
</li>
</ul>
</div>
</div>
</div>
<div class="modal-footer">
<button id="closeControlsModalBtn" type="button" data-dismiss="modal" class="btn btn-danger btn-lg">Close</button>
</div>
<div id="bg-alert-zone" class="col">
</div>
</div>
4 years ago
</div>
</div>
4 years ago
<audio id="clickSound" src="{{url_for('static', filename='click.mp3')}}"></audio>
<div class="container-auto">
4 years ago
<div class="row">
<div id="canvas" class="col justify-content-center text-center">
4 years ago
</div>
</div>
</div>
{% endblock body_content %}
{% block body_footer_additional %}
{% endblock body_footer_additional %}
{% block body_scripts_additional %}
<script src="{{url_for('static', filename='js/libs/socket.io.js')}}"></script>
<script src="{{url_for('static', filename='js/libs/jquery.mousedirection.js')}}"></script>
4 years ago
<script src="{{url_for('static', filename='js/ajax.js')}}"></script>
<script src="{{url_for('static', filename='js/events.js')}}"></script>
{% endblock body_scripts_additional %}