1 files changed, 61 insertions, 29 deletions
diff --git a/yaksh/templates/manage.html b/yaksh/templates/manage.html
index 2889905..a7eb187 100644
--- a/yaksh/templates/manage.html
+++ b/yaksh/templates/manage.html
@@ -1,36 +1,44 @@
 {% extends "base.html" %}
 {% block nav %}
-<nav class="navbar navbar-fixed-top navbar-inverse">
-      <div class="container">
-        <div class="navbar-header">
-              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-                <span class="icon-bar"></span>
-              </button>
-            <a class="navbar-brand navbar-left" href="{{ URL_ROOT }}/exam/manage/">
-            <img src="{{ URL_ROOT }}/static/yaksh/images/yaksh_banner.png" alt="YAKSH" style="margin-top: -3px; margin-left:-15px"></img>
-            </a>
-        </div>
-        <div id="navbar" class="collapse navbar-collapse">
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="{{ URL_ROOT }}/exam/manage/questions">Questions</a></li>
-            <li><a href="{{ URL_ROOT }}/exam/manage/courses">Courses</a></li>
-            <li><a href="{{ URL_ROOT }}/exam/manage/monitor">Monitor</a></li>
-            <li><a href="{{ URL_ROOT }}/exam/manage/gradeuser">Grade User</a></li>
-            <li><a href="{{ url_root }}/exam/manage/grader"> Regrade </a></li>
-            <li><a href="{{ URL_ROOT }}/exam/reset/changepassword">Change Password</a></li>
-            <li><a href="{{ URL_ROOT }}/exam/viewprofile"> {{ user.get_full_name.title }} </a></li>
-            <li><a href="{{URL_ROOT}}/exam/logout/" id="logout">Logout</a></li>
-          </ul>
-        </div><!-- /.navbar -->
-      </div><!-- /.container -->
-    </nav><!-- /.navbar -->
+<div class="container-fluid yakshnav">
+<nav class="navbar fixed-top navbar-expand-lg yakshheading yakshnav">
+  <div class="container">
+    <button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#myNavbar" aria-controls="myNavbar" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon" style="color: white"></span>
+    </button>
+    <a class="navbar-brand" href="{{ URL_ROOT }}/exam/">
+    <img src="{{ URL_ROOT }}/static/yaksh/images/yaksh_banner.png" alt="YAKSH" style="margin-top: -3px; margin-left:-15px">
+    </img>
+    </a>    
+    <div class="collapse navbar-collapse" id="myNavbar">
+        <ul class="nav nav-pills ml-auto">
+            <li class="nav-item"><a class="nav-link" href="{{ URL_ROOT }}/exam/manage/questions">Questions</a></li>
+            <li class="nav-item"><a class="nav-link" href="{{ URL_ROOT }}/exam/manage/courses">Courses</a></li>
+            <li class="nav-item"><a class="nav-link" href="{{ URL_ROOT }}/exam/manage/monitor">Monitor</a></li>
+            <li class="nav-item"><a class="nav-link" href="{{ URL_ROOT }}/exam/manage/gradeuser">Grade User</a></li>
+            <li class="nav-item"><a class="nav-link" href="{{ url_root }}/exam/manage/grader"> Regrade </a></li>
+            <li class="nav-item dropdown">
+              <a class="dropdown-toggle nav-link" data-toggle="dropdown" href="#"> {{user.get_full_name|title}}</a>
+              <div class="dropdown-menu">
+                <a class="dropdown-item" href="{{ URL_ROOT }}/exam/viewprofile/"><i class="fa fa-user"></i>  My Profile</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item" href="{{ URL_ROOT }}/exam/reset/changepassword/"><i class="fa fa-key"></i> Change Password</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item" href="{{URL_ROOT}}/exam/logout/"><i class="fa fa-sign-out"></i> Logout</a>
+            </div>
+        </ul>
+    </div>
+  </div>
+</nav>
+</div>
+
+
+
 
     <!-- iframe div for video embed -->
     <div id="iframe_div" style="display: none;">
-      <div style="width: 640px; height: 480px; position: relative;">
-        <iframe id="video_frame" width="640" height="480" frameborder="0" allowfullscreen>
+      <div class="embed-responsive embed-responsive-16by9" style=" position: relative;">
+        <iframe class="embed-responsive-item" id="video_frame" width="800" height="500"  allowfullscreen>
         </iframe>
         <div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">&nbsp;
         </div>
@@ -40,7 +48,7 @@
 
     <!-- Dialog to video embed -->
     <div id="dialog_iframe" title="Embed Video URL" style="display: none;">
-      <label>Enter Url:</label>
+      <label>Enter embed url:</label>
       <input id="url" name="url" type="text" required="true">
       <input type="button" id="submit_info" name="submit_info" class="btn" value="Submit" />
       <div id="error_div" style="display: none;">
@@ -60,6 +68,30 @@
 
 {% endblock %}
 {% block content %}
+<div class="container">
     {% block main %}
     {% endblock %}
+</div>
+{% endblock %}
+
+{% block footer %}
+  <!--footer-->   
+  <footer class="container-fluid yakshfooter text-center ">
+    <div class="row justify-content-center">
+    <div class="col-sm-5 ">
+      {% if user %}
+         {% block info %}
+         <b>{{user.get_full_name|title}}</b> with Roll no. <b>{{user.profile.roll_number}}</b> is logged in as <b>{{user.username}}</b>
+         {% endblock %}
+         {% endif %}
+    </div>
+    <div class="col-sm-2">
+      |
+    </div>
+    <div class="col-sm-4 text-left">
+     <b>Any Queries?</b> Email : info@fossee.in
+    </div>
+  </div>
+  </footer>
+  <!--footer end-->
 {% endblock %}