1 files changed, 89 insertions, 2 deletions

diff --git a/static/website/js/thread-user.js b/static/website/js/thread-user.js
index 502f0ce..189d126 100644
--- a/static/website/js/thread-user.js
+++ b/static/website/js/thread-user.js
@@ -1,5 +1,4 @@
 bkLib.onDomLoaded(function() {
-
     var questionNicEditor = new nicEditor({
         buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image', 'link'],
         iconsPath: "/static/website/js/nicEditorIcons.gif",
@@ -13,12 +12,19 @@ $(document).ready(function() {
      * question edit section
      * set the jquery variables 
     */
+    $saving = $(".saving");
+    $saved= $(".saved");
     $question = $(".question");
     $question_modify = $(".question .modify");
     $question_edit = $(".question .modify .edit");
     $question_save = $(".question .modify .save");
+    $question_title = $(".title");
+    $question_title_editable = $(".title-editable");
+    $question_title_edit = $("#title-edit");
+    $question_title_edit_input = $("#title-edit input");
     $questionNicPanel = $("#questionNicPanel");
     $questionInstance = $("#questionInstance");
+    $question_details_edit = $("#question-details-edit");
 
     /* make the question editable and show modify */
     //$question.addClass("editable");
@@ -28,9 +34,20 @@ $(document).ready(function() {
     function modify(thisObj){
         thisObj.hide();
         thisObj.next().css("display", "block");
+
+        $question_title.hide();
+        $question_title_edit_input.val($.trim($($question_title).text()));
+        $question_title_edit.show();
+        $question_edit.hide();
+        $question_save.show();
+
         $questionNicPanel.show();
         $questionInstance.focus();
+        $question_details_edit.show();
     }
+    $question_title_editable.click(function(){
+        modify($question_edit);
+    });
     $question_edit.click(function () {
         modify($question_edit);
     });
@@ -38,30 +55,96 @@ $(document).ready(function() {
         modify($question_edit);
     });
     $question_save.click(function () {
+        $saving.show();
         $(this).hide();
+        $question_title.text($question_title_edit_input.val());
+        $question_title_edit.hide();
+        $question_title.show();
         $questionNicPanel.hide();
+        $question_details_edit.hide();
         $(this).prev().css("display", "block");
 
         /* make the ajax call */
         //var id_length = $question_save.attr("id").length;
         //var question_id = parseInt($question_save.attr("id").substr(id_length-1));
         var question_id = parseInt($question_save.data("qid"));
-        console.log(question_id);
+        var question_title = $question_title.text();
         var question_body = $questionInstance.html();
         $.ajax({
             url: "/ajax-question-update/",
             data:{
                 question_id: question_id,
+                question_title: question_title,
                 question_body: question_body,
             },
             type: "POST",
             dataType: "html",
             success: function(data){
                 console.log(data);
+                $saving.hide();
+                $saved.show();
+                $saved.fadeOut("slow");
             }
         });
     });
+    
+    /*
+     * question details edit section
+     * handle everything in the popup
+    */
+    $question_details_edit = $("#question-details-edit");
+    $question_details_ok = $("#question-details-ok");
+    $question_category = $('#id_category');
+    $question_tutorial = $('#id_tutorial');
+    $question_minute_range = $('#id_minute_range');
+    $question_second_range = $('#id_second_range');
+    
+    $question_details_ok.click(function() {
+        console.log($(this).data("qid"));
+        var category = $question_category.val();
+        var tutorial = $question_tutorial.val();
+        var minute_range = $question_minute_range.val();
+        var second_range = $question_second_range.val();
 
+        $.ajax({
+            url: "/ajax-details-update/",
+            data: {
+                qid: $(this).data("qid"),
+                category: category,
+                tutorial: tutorial,
+                minute_range: minute_range,
+                second_range: second_range
+            },
+            type: "POST",
+            success: function(data){
+                if(category != 'None') {
+                    $(".category small a").html(category);
+                    $(".category").show()
+                } else {
+                    $(".category").hide()
+                }
+                if(tutorial!= 'None') {
+                    $(".tutorial small a").html(tutorial);
+                    $(".tutorial").show()
+                } else {
+                    $(".tutorial").hide()
+                }
+                if(minute_range!= 'None') {
+                    $(".minute_range small a").html(minute_range);
+                    $(".minute_range").show()
+                } else {
+                    $(".minute_range").hide()
+                }
+                if(second_range != 'None') {
+                    $(".second_range small a").html(second_range);
+                    $(".second_range").show()
+                } else {
+                    $(".second_range").hide()
+                }
+                console.log(data);
+            }
+        });
+    });
     /*
      * reply edit section
      * set the dom variables
@@ -89,6 +172,7 @@ $(document).ready(function() {
     });
 
     $reply_save.click(function() {
+        $saving.show();
         var target = $(this).data("target");
         replyNicEditor.removeInstance(target);
         $replyPanelWrapper.hide();
@@ -108,6 +192,9 @@ $(document).ready(function() {
             },
             success: function(data) {
                 console.log(data);
+                $saving.hide();
+                $saved.show();
+                $saved.fadeOut("slow");
             }
         });
     });