summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorTimotej Lazar <timotej.lazar@fri.uni-lj.si>2015-10-21 16:00:39 +0200
committerTimotej Lazar <timotej.lazar@fri.uni-lj.si>2015-10-21 16:00:39 +0200
commit967d8ca786f57d1cad86dc1c7d1f2dc99b9ae7f7 (patch)
tree844c9c57bebdc43f7008e845493a84ffac450388 /index.html
parentfbcca83fc33f3a622364ae90c5d82bbbdc9a9dc6 (diff)
Show a spinner on hint/test buttons when clicked
Diffstat (limited to 'index.html')
-rw-r--r--index.html14
1 files changed, 9 insertions, 5 deletions
diff --git a/index.html b/index.html
index 68b2212..b5e8e89 100644
--- a/index.html
+++ b/index.html
@@ -34,6 +34,7 @@
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
+ <link rel="stylesheet" href="css/ladda-themeless.min.css">
<!-- App -->
<link rel="stylesheet" href="css/codeq.css" type="text/css">
<link rel="stylesheet" href="css/codeq/console.css" type="text/css">
@@ -278,8 +279,8 @@
<nav class="navbar navbar-default block-toolbar">
<div class="container-fluid">
<button type="button" class="btn btn-default navbar-btn btn-plan" data-tkey="btn_plan">Plan</button>
- <button type="button" class="btn btn-default navbar-btn btn-hint" data-tkey="btn_hint">Hint</button>
- <button type="button" class="btn btn-default navbar-btn btn-test" data-tkey="btn_test">Test</button>
+ <button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
+ <button type="button" class="btn btn-default navbar-btn ladda-button btn-test" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_test">Test</span></button>
</div>
</nav>
<div class="code_editor"></div>
@@ -319,8 +320,8 @@
<nav class="navbar navbar-default block-toolbar">
<div class="container-fluid">
<button type="button" class="btn btn-default navbar-btn btn-plan" data-tkey="btn_plan">Plan</button>
- <button type="button" class="btn btn-default navbar-btn btn-hint" data-tkey="btn_hint">Hint</button>
- <button type="button" class="btn btn-default navbar-btn btn-test" data-tkey="btn_test">Test</button>
+ <button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
+ <button type="button" class="btn btn-default navbar-btn ladda-button btn-test" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_test">Test</span></button>
<button type="button" class="btn btn-default navbar-btn btn-run" data-tkey="btn_run">Run</button>
<button type="button" class="btn btn-default navbar-btn btn-stop" data-tkey="btn_stop">Stop</button>
</div>
@@ -351,7 +352,7 @@
<nav class="navbar navbar-default block-toolbar">
<div class="container-fluid">
<button type="button" class="btn btn-default navbar-btn btn-plan">Plan</button>
- <button type="button" class="btn btn-default navbar-btn btn-hint">Hint</button>
+ <button type="button" class="btn btn-default navbar-btn ladda-button btn-hint" data-style="slide-up" data-spinner-color="blue"><span class="ladda-label" data-tkey="btn_hint">Hint</span></button>
<button type="button" class="btn btn-default navbar-btn btn-run">Run</button>
<button type="button" class="btn btn-default navbar-btn btn-stop">Stop</button>
</div>
@@ -461,6 +462,9 @@
<script src="js/q.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap/bootstrap.min.js"></script>
+ <script src="js/ladda/spin.js"></script>
+ <script src="js/ladda/ladda.js"></script>
+ <script src="js/ladda/ladda.jquery.js"></script>
<!-- CodeMirror stuff -->
<script src="js/codemirror/codemirror.js"></script>
<script src="js/codemirror/matchbrackets.js"></script>