From cc2395f9490bea7d4670094a8c40fdc6d583a891 Mon Sep 17 00:00:00 2001
From: maheshgudi
Date: Sat, 28 Jan 2017 01:09:59 +0530
Subject: added info glyphicons for help text in add quiz and demo course.

---
 yaksh/templates/yaksh/add_quiz.html            | 11 +++++------
 yaksh/templates/yaksh/moderator_dashboard.html | 15 ++++++---------
 2 files changed, 11 insertions(+), 15 deletions(-)

(limited to 'yaksh')

diff --git a/yaksh/templates/yaksh/add_quiz.html b/yaksh/templates/yaksh/add_quiz.html
index 38773b5..08bb124 100644
--- a/yaksh/templates/yaksh/add_quiz.html
+++ b/yaksh/templates/yaksh/add_quiz.html
@@ -41,11 +41,11 @@
   	<button class="btn" type="button" name="button" onClick='usermode("{{URL_ROOT}}/exam/manage/usermode/{{quiz_id}}");'>User Mode</button>
     
   	<button class="btn" type="button" name="button" onClick='location.replace("{{URL_ROOT}}/exam/manage/godmode/{{quiz_id}}");'>God Mode</button> 
-    <a href="" onclick="$('#help').show(); return false;">Help </a>
-    </center>
-    <br/>
-   <div style="display: none;" id="help">
-   <ol>
+    <a data-toggle="collapse" data-target="#help">
+    <span class="glyphicon glyphicon-info-sign">Help</span></a>
+   <div id="help" class="collapse">
+   <br/>
+   <ul>
    <li><b>User Mode:</b> Attempt quiz the way normal users will attempt i.e. -
    <ul>
    <li><i>Quiz will have the same duration as that of the original quiz.</li>
@@ -54,7 +54,6 @@
    </ul>
    </p>
    <li> <b>God Mode:</b> Attempt quiz without any time or eligibilty constraints.</p>
-   <a href="" onclick="$('#help').hide(); return false"> Close </a>
    </div>
  {% endif %}
  <style type="text/css">
diff --git a/yaksh/templates/yaksh/moderator_dashboard.html b/yaksh/templates/yaksh/moderator_dashboard.html
index 3f3c123..aeeb772 100644
--- a/yaksh/templates/yaksh/moderator_dashboard.html
+++ b/yaksh/templates/yaksh/moderator_dashboard.html
@@ -30,22 +30,19 @@
 <center>
     <h5>Click on the button given below to add a new course.</h5>
     <button class="btn" type="button" onClick='location.replace("{{URL_ROOT}}/exam/manage/add_course");'>Add New Course</button>
-    <h5>Click on the button to Create a Demo course.
-    <a href="" onclick="$('#help').show(); return false;">Help </a></h5>
+    <h5>Click on the button to Create a Demo course.</h5>
     <button class="btn" type="button" onClick='location.replace("{{URL_ROOT}}/exam/manage/create_demo_course");'>Create Demo Course</button>
-    <div style="display: none;" id="help">
-    <ol>
+     <a data-toggle="collapse" data-target="#help">
+    <span class="glyphicon glyphicon-info-sign">Help</span></a>
+    <div id="help" class="collapse">
     <ul>
     <li>A Demo Course and Demo Quiz will be created (Click Courses link on nav bar to view courses).</li>
     <li>Some Demo Questions are also created for you (Click Questions link on nav bar to view questions).</li>
     <li>In Courses you can view Demo Quiz.</li>
-    <li>Click on the Demo Quiz and Click on User Mode or God Mode to take the quiz.
-    </li>
-    <li>You can also edit the Demo quiz.
-    </li>
+    <li>Click on the Demo Quiz and Click on User Mode or God Mode to take the quiz.</li>
+    <li>You can also edit the Demo quiz.</li>
     </ul>
     </p>
-    <a href="" onclick="$('#help').hide(); return false"> Close </a>
     </div>
     {% if msg %}
     <h4>{{ msg }}</h4>
-- 
cgit