Merge pull request #11 from udacity/make_faq_settings_translatable

[osqa.git] / forum / skins / default / media / js / osqa.main.js

diff --git a/forum/skins/default/media/js/osqa.main.js b/forum/skins/default/media/js/osqa.main.js
index 8fb4d6369347b49a0e36b60f4eb9e17d15eeb259..55a3f1e02611ceba240851212cb4b008ed49167c 100644 (file)
--- a/forum/skins/default/media/js/osqa.main.js
+++ b/forum/skins/default/media/js/osqa.main.js
@@ -104,7 +104,7 @@ var response_commands = {
         alert('ok');\r
     },\r
 \r
         alert('ok');\r
     },\r
 \r

-    insert_comment: function(post_id, comment_id, comment, username, profile_url, delete_url, edit_url, convert_url, can_convert) {\r
+    insert_comment: function(post_id, comment_id, comment, username, profile_url, delete_url, edit_url, convert_url, can_convert, show_latest_comments_first) {\r

         var $container = $('#comments-container-' + post_id);\r
         var skeleton = $('#new-comment-skeleton-' + post_id).html().toString();\r
 \r
         var $container = $('#comments-container-' + post_id);\r
         var skeleton = $('#new-comment-skeleton-' + post_id).html().toString();\r
 \r


@@ -115,8 +115,11 @@ var response_commands = {
                 .replace(new RegExp('%DELETE_URL%', 'g'), delete_url)\r
                 .replace(new RegExp('%EDIT_URL%', 'g'), edit_url)\r
                 .replace(new RegExp('%CONVERT_URL%', 'g'), convert_url);\r
                 .replace(new RegExp('%DELETE_URL%', 'g'), delete_url)\r
                 .replace(new RegExp('%EDIT_URL%', 'g'), edit_url)\r
                 .replace(new RegExp('%CONVERT_URL%', 'g'), convert_url);\r

-\r
-        $container.append(skeleton);\r
+        if (show_latest_comments_first) {\r
+            $container.prepend(skeleton);\r
+        } else {\r
+            $container.append(skeleton);\r
+        }\r

 \r
         // Show the convert comment to answer tool only if the current comment can be converted\r
         if (can_convert == true) {\r
 \r
         // Show the convert comment to answer tool only if the current comment can be converted\r
         if (can_convert == true) {\r


@@ -170,7 +173,7 @@ function show_dialog (extern) {
         $diag.fadeOut('fast', function() {\r
             $diag.remove();\r
         });\r
         $diag.fadeOut('fast', function() {\r
             $diag.remove();\r
         });\r

-    }\r
+    };\r

 \r
     var options = {\r
         extra_class: '',\r
 \r
     var options = {\r
         extra_class: '',\r


@@ -194,11 +197,18 @@ function show_dialog (extern) {
         copy_id = ' id="copy_clip_button"'\r
     }\r
 \r
         copy_id = ' id="copy_clip_button"'\r
     }\r
 \r

-    if (options.event != undefined) {\r
+    if (options.event != undefined && options.event.pageX != undefined && options.event.pageY != undefined) {\r

         options.pos = {x: options.event.pageX, y: options.event.pageY};\r
         options.pos = {x: options.event.pageX, y: options.event.pageY};\r

+    } else if (options.event.currentTarget != undefined) {\r
+        var el = jQuery("#" + options.event.currentTarget.id);\r
+        var position = el.offset();\r
+        options.pos = {\r
+            x: position.left,\r
+            y: position.top\r
+        }\r

     }\r
 \r
     }\r
 \r

-    var html = '<div class="dialog ' + options.extra_class + '" style="display: none;">'\r
+    var html = '<div class="dialog ' + options.extra_class + '" style="display: none; z-index: 999;">'\r

              + '<div class="dialog-content">' + options.html + '</div><div class="dialog-buttons">';\r
 \r
     if (options.show_no) {\r
              + '<div class="dialog-content">' + options.html + '</div><div class="dialog-buttons">';\r
 \r
     if (options.show_no) {\r


@@ -207,7 +217,8 @@ function show_dialog (extern) {
 \r
     html += '<button class="dialog-yes"' + copy_id + '>' + options.yes_text + '</button>' + '</div></div>';\r
 \r
 \r
     html += '<button class="dialog-yes"' + copy_id + '>' + options.yes_text + '</button>' + '</div></div>';\r
 \r

-    $dialog = $(html);\r
+    var $dialog = $(html);\r
+\r

     $('body').append($dialog);\r
     var message = $('.dialog-content')[0];\r
     message.style.visibility = "hidden";\r
     $('body').append($dialog);\r
     var message = $('.dialog-content')[0];\r
     message.style.visibility = "hidden";\r


@@ -260,14 +271,20 @@ function show_dialog (extern) {
         message.style.visibility = "visible";\r
     });\r
 \r
         message.style.visibility = "visible";\r
     });\r
 \r

-    $dialog.find('.dialog-no').click(function() {\r
-        default_close_function($dialog);\r
-    });\r
-\r

     $dialog.find('.dialog-yes').click(function() {\r
         options.yes_callback($dialog);\r
     });\r
 \r
     $dialog.find('.dialog-yes').click(function() {\r
         options.yes_callback($dialog);\r
     });\r
 \r

+    if (options.hasOwnProperty("no_callback")) {\r
+        $dialog.find('.dialog-no:first-child').click(function() {\r
+            options.no_callback($dialog);\r
+        });\r
+    } else {\r
+        $dialog.find('.dialog-no:first-child').click(function() {\r
+            default_close_function($dialog);\r
+        });\r
+    }\r
+\r

     if (options.close_on_clickoutside) {\r
         $dialog.one('clickoutside', function() {\r
             default_close_function($dialog);\r
     if (options.close_on_clickoutside) {\r
         $dialog.one('clickoutside', function() {\r
             default_close_function($dialog);\r


@@ -426,8 +443,14 @@ $(function() {
             var $dialog = show_dialog(doptions);\r
         } else {\r
             start_command();\r
             var $dialog = show_dialog(doptions);\r
         } else {\r
             start_command();\r

-            $.getJSON(ajax_url, function(data) {\r
-                process_ajax_response(data, evt);\r
+            $.ajax({\r
+                url: ajax_url,\r
+                type: "POST",\r
+                dataType: "json",\r
+                contentType: "application/json; charset=utf-8",\r
+                success: function(data) {\r
+                    process_ajax_response(data, evt);\r
+                }\r

             });\r
         }\r
 \r
             });\r
         }\r
 \r


@@ -708,14 +731,15 @@ function pickedTags(){
         var deleteTagLocally = function(){\r
             from_target[tagname].remove();\r
             delete from_target[tagname];\r
         var deleteTagLocally = function(){\r
             from_target[tagname].remove();\r
             delete from_target[tagname];\r

+            $(".tags.interesting").trigger('contentchanged');\r

         };\r
         };\r

+\r

         if (send_ajax){\r
             sendAjax(tagname,reason,'remove',deleteTagLocally);\r
         }\r
         else {\r
             deleteTagLocally();\r
         }\r
         if (send_ajax){\r
             sendAjax(tagname,reason,'remove',deleteTagLocally);\r
         }\r
         else {\r
             deleteTagLocally();\r
         }\r

-\r

     };\r
 \r
     var setupTagDeleteEvents = function(obj,tag_store,tagname,reason,send_ajax){\r
     };\r
 \r
     var setupTagDeleteEvents = function(obj,tag_store,tagname,reason,send_ajax){\r


@@ -772,6 +796,8 @@ function pickedTags(){
                 to_tag_container.append(new_tag);\r
 \r
                 to_target[tagname] = new_tag;\r
                 to_tag_container.append(new_tag);\r
 \r
                 to_target[tagname] = new_tag;\r

+\r
+                to_tag_container.trigger('contentchanged');\r

             });\r
         }\r
     };\r
             });\r
         }\r
     };\r