adding lightbox show and lightbox dismiss javascript to course_detail

diff --git a/karmaworld/assets/js/lightboxupload.js b/karmaworld/assets/js/lightboxupload.js
new file mode 100644 (file)
index 0000000..1c54618
--- /dev/null
+++ b/karmaworld/assets/js/lightboxupload.js
@@ -0,0 +1,11 @@
+$(function(){
+  // Show the upload lightbox on upload button click
+  $('#upload_button_container').click(function(){
+    $('#lightbox_upload').show()
+  });
+  // Dismiss all lightboxen on exit x click
+
+  $(".lightbox_close").click(function() {
+    $(".modal_content").hide();
+  });
+});

diff --git a/karmaworld/templates/courses/course_detail.html b/karmaworld/templates/courses/course_detail.html
index a7609c97ab6985a8c7c73e65ec51fb534eacb2f2..c3f571fd53575955591dfaca8ca190983756522b 100644 (file)
--- a/karmaworld/templates/courses/course_detail.html
+++ b/karmaworld/templates/courses/course_detail.html
@@ -4,11 +4,9 @@
 
 {% block pagescripts %}
     <script src="{{ STATIC_URL }}/js/bootstrap-modal.js" ></script>
-    <script src="{{STATIC_URL}}ajaxuploader/js/fileuploader.js" ></script>
+    <script src="{{ STATIC_URL }}ajaxuploader/js/fileuploader.js" ></script>
+    <script src="{{ STATIC_URL }}/js/lightboxupload.js" ></script>
     <script>
-        var course_pk = {{ course.id }};
-        var course_name = "{{ course.name }}";
-
         $(function(){
             var uploader = new qq.FileUploader( {
                 action: "{% url 'ajax_upload' %}",