Committing front-end implementing 1

LecturerApp/templates/LecturerApp/index.html

@@ -111,7 +111,16 @@
                 $('#audio_summary_details').attr('hidden', false);
             }
 
+            $('#summary_btn').click(function () {
+                //open the modal
+                $('#audio_summary_modal').modal();
+            })
+
         });
+
+
+
+
     </script>
 
 <!-- Page Wrapper -->
@@ -133,7 +142,7 @@
 
         <!-- Nav Item - Dashboard -->
         <li class="nav-item active">
-            <a class="nav-link" href="index.html">
+            <a class="nav-link" href="/">
                 <i class="fas fa-fw fa-tachometer-alt"></i>
                 <span>Dashboard</span></a>
         </li>
@@ -156,8 +165,9 @@
             <div id="collapsePages" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
                 <div class="bg-white py-2 collapse-inner rounded">
 <!--                    <h6 class="collapse-header">Login Screens:</h6>-->
-                    <a class="collapse-item" href="index.html">Dashboard</a>
+                    <a class="collapse-item" href="/">Dashboard</a>
                     <a class="collapse-item" href="/lecture-video">Video Page</a>
+                    <a class="collapse-item" href="/lecture-front-end">Front-End</a>
 
                 </div>
             </div>
@@ -313,17 +323,15 @@
                                     <!-- table body-->
                                     <tbody>
                                         <tr>
-                                            <td>No of Total words</td>
+                                            <td>No of Total words spoken</td>
                                             <td id="num_of_words"></td>
                                         </tr>
                                         <tr>
-                                            <td>No of extraneous words</td>
-                                            <td id="lexical_count"></td>
-                                        </tr>
-                                        <tr>
-                                            <td>No of Non-lexical words</td>
-                                            <td id="non_lexical_count"></td>
+                                            <td>No of words expected to be spoken</td>
+                                            <td>5K - 10K</td>
+
                                         </tr>
+
                                     </tbody>
                                 </table>
                                 <!--button -->
@@ -419,6 +427,38 @@
     </div>
 </div>
 
+<!-- audio summary Modal-->
+<div class="modal fade" id="audio_summary_modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Audio summary</h5>
+                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">×</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <table class="table table-borderless">
+                    <tbody>
+                        <tr>
+                            <td>No. of extraneous words</td>
+                            <td id="lexical_count"></td>
+                        </tr>
+                        <tr>
+                            <td>No. of non-lexical words</td>
+                            <td id="non_lexical_count"></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-danger" type="button" data-dismiss="modal">Done</button>
+<!--                <a class="btn btn-primary" href="login.html">Logout</a>-->
+            </div>
+        </div>
+    </div>
+</div>
+
 {% load static  %}