From 967d8ca786f57d1cad86dc1c7d1f2dc99b9ae7f7 Mon Sep 17 00:00:00 2001
From: Timotej Lazar <timotej.lazar@fri.uni-lj.si>
Date: Wed, 21 Oct 2015 16:00:39 +0200
Subject: Show a spinner on hint/test buttons when clicked

---
 index.html | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'index.html')

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>
-- 
cgit v1.2.1