Merge pull request #401 from FOSSEE/yaksh_video_lessons

Yaksh Learning Module

1 files changed, 32 insertions, 0 deletions

diff --git a/yaksh/templates/manage.html b/yaksh/templates/manage.html
index ac9b26d..17ce23e 100644
--- a/yaksh/templates/manage.html
+++ b/yaksh/templates/manage.html
@@ -26,6 +26,38 @@
         </div><!-- /.navbar -->
       </div><!-- /.container -->
     </nav><!-- /.navbar -->
+
+    <!-- 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="800" height="500" frameborder="0" 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 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>
+    </div>
+    <!-- end dialog -->
+
 {% endblock %}
 {% block content %}
     {% block main %}