Change js and templates

- Show selected files in the file input in lesson.js
- Show lesson content properly in students page
- Remove unnecessary div for video embed iframe

1 files changed, 27 insertions, 30 deletions

diff --git a/yaksh/templates/manage.html b/yaksh/templates/manage.html
index 9557582..8e74494 100644
--- a/yaksh/templates/manage.html
+++ b/yaksh/templates/manage.html
@@ -46,38 +46,35 @@
     </div>
 </nav>
 
+<!-- iframe div for video embed -->
+<div id="iframe_div" style="display: none;">
+  <iframe class="embed-responsive-item" id="video_frame" width="640" height="480" allowfullscreen>
+  </iframe>
+</div>
+<!-- end iframe div -->
 
-
-    <!-- iframe div for video embed -->
-    <div id="iframe_div" style="display: none;">
-      <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>
-      </div>
-    </div>
-    <!-- end iframe div -->
-
-    <!-- Dialog to video embed -->
-    <div id="dialog_iframe" title="Embed Video URL" style="display: none;">
-      <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;">
-          <b> Please enter URL</b>
-      </div>
-      <div id="copy_div">
-          <br>
-          <label>Paste HTML to embed in website:</label>
-          <textarea rows="5" cols="35" id="html_text"></textarea>
-          <br>
-          <a class="btn btn-default" id="copy" data-toggle="tooltip" title="Copy to Clipboard">
-              <i class="fa fa-clipboard" aria-hidden="true"></i>
-          </a>
-      </div>
+<!-- Dialog to video embed -->
+<div id="dialog_iframe" title="Embed Video URL" style="display: none;">
+  <div class="input-group mb-3">
+    <input id="url" name="url" type="text" required="true" class="form-control" placeholder="Enter video link">
+    <div class="input-group-append">
+        <input type="button" id="submit_info" name="submit_info" class="btn btn-primary" value="Submit" />
     </div>
-    <!-- end dialog -->
+  </div>
+  <div id="error_div" style="display: none;">
+      <b> Please enter URL</b>
+  </div>
+  <div id="copy_div">
+      <br>
+      <label>Paste HTML to embed in website:</label>
+      <textarea id="html_text" class="form-control" rows="5" cols="100"></textarea>
+      <br>
+      <a class="btn btn-secondary" id="copy" data-toggle="tooltip" title="Copy to Clipboard">
+          <i class="fa fa-clipboard" aria-hidden="true"></i>
+      </a>
+  </div>
+</div>
+<!-- end dialog -->
 
 {% endblock %}
 {% block content %}