var response_commands = {\r
+ refresh_page: function() {\r
+ window.location.reload(true)\r
+ },\r
+ \r
update_post_score: function(id, inc) {\r
var $score_board = $('#post-' + id + '-score');\r
var current = parseInt($score_board.html())\r
});\r
},\r
\r
- insert_comment: function(post_id, comment_id, comment, username, profile_url, delete_url) {\r
+ insert_comment: function(post_id, comment_id, comment, username, profile_url, delete_url, edit_url) {\r
var $container = $('#comments-container-' + post_id);\r
var skeleton = $('#new-comment-skeleton-' + post_id).html().toString();\r
\r
.replace(new RegExp('%COMMENT%', 'g'), comment)\r
.replace(new RegExp('%USERNAME%', 'g'), username)\r
.replace(new RegExp('%PROFILE_URL%', 'g'), profile_url)\r
- .replace(new RegExp('%DELETE_URL%', 'g'), delete_url);\r
+ .replace(new RegExp('%DELETE_URL%', 'g'), delete_url)\r
+ .replace(new RegExp('%EDIT_URL%', 'g'), edit_url);\r
\r
$container.append(skeleton);\r
\r
}\r
},\r
\r
+ unmark_deleted: function(post_type, post_id) {\r
+ if (post_type == 'answer') {\r
+ var $answer = $('#answer-container-' + post_id);\r
+ $answer.removeClass('deleted');\r
+ } else {\r
+ var $container = $('#question-table');\r
+ $container.removeClass('deleted');\r
+ }\r
+ },\r
+\r
set_subscription_button: function(text) {\r
$('.subscription_switch').html(text);\r
},\r
}\r
}\r
\r
-function show_message(object, msg) {\r
- var div = $('<div class="vote-notification"><h3>' + msg + '</h3>(' +\r
- 'click to close' + ')</div>');\r
+function show_dialog (extern) {\r
+ var default_close_function = function($diag) {\r
+ $diag.fadeOut('fast', function() {\r
+ $diag.remove();\r
+ });\r
+ }\r
+\r
+ var options = {\r
+ extra_class: '',\r
+ pos: {\r
+ x: ($(window).width() / 2) + $(window).scrollLeft(),\r
+ y: ($(window).height() / 2) + $(window).scrollTop()\r
+ },\r
+ dim: false, \r
+ yes_text: messages.ok,\r
+ yes_callback: default_close_function,\r
+ no_text: messages.cancel,\r
+ show_no: false,\r
+ close_on_clickoutside: false\r
+ }\r
+\r
+ $.extend(options, extern);\r
+\r
+ if (options.event != undefined) {\r
+ options.pos = {x: options.event.pageX, y: options.event.pageY};\r
+ }\r
+\r
+ var html = '<div class="dialog ' + options.extra_class + '" style="display: none;">'\r
+ + '<div class="dialog-content">' + options.html + '</div><div class="dialog-buttons">';\r
+\r
+ if (options.show_no) {\r
+ html += '<button class="dialog-no">' + options.no_text + '</button>';\r
+ }\r
+\r
+ html += '<button class="dialog-yes">' + options.yes_text + '</button>'\r
+ + '</div></div>';\r
+\r
+ $dialog = $(html);\r
+ $('body').append($dialog);\r
+\r
+ if (options.dim === false) {\r
+ $dialog.css({\r
+ visibility: 'hidden',\r
+ display: 'block'\r
+ });\r
+\r
+ options.dim = {w: $dialog.width(), h: $dialog.height()};\r
+\r
+ $dialog.css({\r
+ width: 1,\r
+ height: 1,\r
+ visibility: 'visible'\r
+ });\r
+ }\r
\r
- div.click(function(event) {\r
- $(".vote-notification").fadeOut("fast", function() { $(this).remove(); });\r
+ $dialog.css({\r
+ top: options.pos.y,\r
+ left: options.pos.x\r
});\r
\r
- object.parent().append(div);\r
- div.fadeIn("fast");\r
+ $dialog.animate({\r
+ top: "-=" + (options.dim.h / 2),\r
+ left: "-=" + (options.dim.w / 2),\r
+ width: options.dim.w,\r
+ height: options.dim.h\r
+ }, 200);\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
+ if (options.close_on_clickoutside) {\r
+ $dialog.one('clickoutside', function() {\r
+ default_close_function($dialog);\r
+ });\r
+ }\r
+\r
+ return $dialog;\r
+}\r
+\r
+function show_message(evt, msg, callback) {\r
+ var $dialog = show_dialog({\r
+ html: msg,\r
+ extra_class: 'warning',\r
+ event: evt,\r
+ yes_callback: function() {\r
+ $dialog.fadeOut('fast', function() {\r
+ $dialog.remove();\r
+ });\r
+ if (callback) {\r
+ callback();\r
+ }\r
+ },\r
+ close_on_clickoutside: true\r
+ });\r
}\r
\r
-function process_ajax_response(data, el) {\r
+function load_prompt(evt, url) {\r
+ $.get(url, function(data) {\r
+ var $dialog = show_dialog({\r
+ html: data,\r
+ extra_class: 'prompt',\r
+ event: evt,\r
+ yes_callback: function() {\r
+ var postvars = {};\r
+ $dialog.find('input, textarea, select').each(function() {\r
+ postvars[$(this).attr('name')] = $(this).val();\r
+ });\r
+ $.post(url, postvars, function(data) {\r
+ $dialog.fadeOut('fast', function() {\r
+ $dialog.remove();\r
+ });\r
+ process_ajax_response(data, evt);\r
+ }, 'json');\r
+ },\r
+ show_no: true\r
+ });\r
+ });\r
+}\r
+\r
+function process_ajax_response(data, evt, callback) {\r
if (!data.success && data['error_message'] != undefined) {\r
- show_message(el, data.error_message)\r
+ show_message(evt, data.error_message, function() {if (callback) callback(true);});\r
+ end_command(false);\r
} else if (typeof data['commands'] != undefined){\r
for (var command in data.commands) {\r
response_commands[command].apply(null, data.commands[command])\r
}\r
\r
if (data['message'] != undefined) {\r
- show_message(el, data.message)\r
+ show_message(evt, data.message, function() {if (callback) callback(false);})\r
+ } else {\r
+ if (callback) callback(false);\r
}\r
+ end_command(true);\r
+ }\r
+}\r
+\r
+var running = false;\r
+\r
+function start_command() {\r
+ $('body').append($('<div id="command-loader"></div>'));\r
+ running = true;\r
+}\r
+\r
+function end_command(success) {\r
+ if (success) {\r
+ $('#command-loader').addClass('success');\r
+ $('#command-loader').fadeOut("slow", function() {\r
+ $('#command-loader').remove();\r
+ running = false;\r
+ });\r
+ } else {\r
+ $('#command-loader').remove();\r
+ running = false;\r
}\r
}\r
\r
$(function() {\r
- $('a.ajax-command').live('click', function() {\r
+ $('a.ajax-command').live('click', function(evt) {\r
+ if (running) return false;\r
+\r
var el = $(this);\r
- $.getJSON(el.attr('href'), function(data) {\r
- process_ajax_response(data, el);\r
- });\r
+\r
+ if (el.is('.withprompt')) {\r
+ load_prompt(evt, el.attr('href'));\r
+ } else if(el.is('.confirm')) {\r
+ $dialog = show_dialog({\r
+ html: messages.confirm,\r
+ extra_class: 'confirm',\r
+ event: evt,\r
+ yes_callback: function() {\r
+ start_command();\r
+ $.getJSON(el.attr('href'), function(data) {\r
+ process_ajax_response(data, evt);\r
+ $dialog.fadeOut('fast', function() {\r
+ $dialog.remove();\r
+ });\r
+ });\r
+ },\r
+ yes_text: messages.yes,\r
+ show_no: true,\r
+ no_text: messages.no\r
+ });\r
+ } else {\r
+ start_command();\r
+ $.getJSON(el.attr('href'), function(data) {\r
+ process_ajax_response(data, evt);\r
+ });\r
+ }\r
\r
return false\r
});\r
\r
+ $('.context-menu').each(function() {\r
+ var $menu = $(this);\r
+ var $trigger = $menu.find('.context-menu-trigger');\r
+ var $dropdown = $menu.find('.context-menu-dropdown');\r
+\r
+ $trigger.click(function() {\r
+ $dropdown.slideToggle('fast', function() {\r
+ if ($dropdown.is(':visible')) {\r
+ $dropdown.one('clickoutside', function() {\r
+ $dropdown.slideUp('fast')\r
+ });\r
+ }\r
+ }); \r
+ });\r
+ });\r
+\r
$('div.comment-form-container').each(function() {\r
var $container = $(this);\r
var $form = $container.find('form');\r
var $textarea = $container.find('textarea');\r
- var $button = $container.find('input[type="submit"]');\r
- var $chars_left_message = $('.comment-chars-left');\r
+ var textarea = $textarea.get(0);\r
+ var $button = $container.find('.comment-submit');\r
+ var $cancel = $container.find('.comment-cancel');\r
+ var $chars_left_message = $container.find('.comments-chars-left-msg');\r
+ var $chars_togo_message = $container.find('.comments-chars-togo-msg');\r
var $chars_counter = $container.find('.comments-char-left-count');\r
\r
var $comment_tools = $container.parent().find('.comment-tools');\r
var $add_comment_link = $comment_tools.find('.add-comment-link');\r
var $comments_container = $container.parent().find('.comments-container');\r
\r
- var max_length = parseInt($chars_counter.html());\r
+ var chars_limits = $chars_counter.html().split('|');\r
+\r
+ var min_length = parseInt(chars_limits[0]);\r
+ var max_length = parseInt(chars_limits[1]);\r
+ \r
+ var warn_length = max_length - 30;\r
+ var current_length = 0;\r
var comment_in_form = false;\r
+ var interval = null;\r
+\r
+ var hcheck = !($.browser.msie || $.browser.opera);\r
+\r
+ $textarea.css("padding-top", 0).css("padding-bottom", 0).css("resize", "none");\r
+ textarea.style.overflow = 'hidden';\r
+ \r
\r
function cleanup_form() {\r
$textarea.val('');\r
+ $textarea.css('height', 80);\r
$chars_counter.html(max_length);\r
$chars_left_message.removeClass('warn');\r
comment_in_form = false;\r
+ current_length = 0;\r
+\r
+ $chars_left_message.hide();\r
+ $chars_togo_message.show();\r
+ \r
+ $chars_counter.removeClass('warn');\r
+ $chars_counter.html(min_length);\r
+ $button.attr("disabled","disabled");\r
+ \r
+ interval = null;\r
}\r
\r
cleanup_form();\r
\r
- function calculate_chars_left() {\r
- var length = $textarea.val().length;\r
- var allow = true;\r
+ function process_form_changes() {\r
+ var length = $textarea.val().replace(/[ ]{2,}/g," ").length;\r
\r
- if (length < max_length) {\r
- if (length < max_length * 0.75) {\r
- $chars_left_message.removeClass('warn');\r
- } else {\r
- $chars_left_message.addClass('warn');\r
- }\r
+ if (current_length == length)\r
+ return;\r
+\r
+ if (length < warn_length && current_length >= warn_length) {\r
+ $chars_counter.removeClass('warn');\r
+ } else if (current_length < warn_length && length >= warn_length){\r
+ $chars_counter.addClass('warn');\r
+ }\r
+\r
+ if (length < min_length) {\r
+ $chars_left_message.hide();\r
+ $chars_togo_message.show();\r
+ $chars_counter.html(min_length - length);\r
+ } else {\r
+ length = $textarea.val().length;\r
+ $chars_togo_message.hide();\r
+ $chars_left_message.show();\r
+ $chars_counter.html(max_length - length);\r
+ }\r
+\r
+ if (length > max_length || length < min_length) {\r
+ $button.attr("disabled","disabled");\r
} else {\r
- allow = false;\r
+ $button.removeAttr("disabled");\r
}\r
\r
- $chars_counter.html(max_length - length);\r
- return allow;\r
+ var current_height = textarea.style.height;\r
+ if (hcheck)\r
+ textarea.style.height = "0px";\r
+\r
+ var h = Math.max(80, textarea.scrollHeight);\r
+ textarea.style.height = current_height;\r
+ $textarea.animate({height: h + 'px'}, 50);\r
+\r
+ current_length = length;\r
}\r
\r
function show_comment_form() {\r
$container.slideDown('slow');\r
$add_comment_link.fadeOut('slow');\r
+ window.setInterval(function() {\r
+ process_form_changes();\r
+ }, 200);\r
}\r
\r
function hide_comment_form() {\r
+ if (interval != null) {\r
+ window.clearInterval(interval);\r
+ interval = null;\r
+ }\r
$container.slideUp('slow');\r
$add_comment_link.fadeIn('slow');\r
}\r
$('#' + $comments_container.attr('id') + ' .comment-edit').live('click', function() {\r
var $link = $(this);\r
var comment_id = /comment-(\d+)-edit/.exec($link.attr('id'))[1];\r
- var $comment = $link.parents('.comment');\r
- var comment_text = $comment.find('.comment-text').text().trim();\r
+ var $comment = $('#comment-' + comment_id);\r
\r
comment_in_form = comment_id;\r
- $textarea.val(comment_text);\r
- calculate_chars_left();\r
+\r
+ $.get($link.attr('href'), function(data) {\r
+ $textarea.val(data);\r
+ });\r
+ \r
$comment.slideUp('slow');\r
show_comment_form();\r
return false;\r
});\r
\r
- $textarea.keyup(calculate_chars_left);\r
-\r
- $button.click(function() {\r
- if ($textarea.val().length > max_length) {\r
- show_message($button, "Your comment exceeds the max number of characters allowed.");\r
- } else {\r
- var post_data = {\r
- comment: $textarea.val()\r
- }\r
+ $button.click(function(evt) {\r
+ if (running) return false;\r
\r
- if (comment_in_form) {\r
- post_data['id'] = comment_in_form;\r
- }\r
+ var post_data = {\r
+ comment: $textarea.val()\r
+ }\r
\r
- $.post($form.attr('action'), post_data, function(data) {\r
- process_ajax_response(data, $button);\r
- cleanup_form();\r
- }, "json")\r
+ if (comment_in_form) {\r
+ post_data['id'] = comment_in_form;\r
}\r
\r
+ start_command();\r
+ $.post($form.attr('action'), post_data, function(data) {\r
+ process_ajax_response(data, evt, function(error) {\r
+ if (!error) {\r
+ cleanup_form();\r
+ hide_comment_form();\r
+ }\r
+ });\r
+\r
+ }, "json");\r
+ \r
+ return false;\r
+ });\r
+\r
+ $cancel.click(function() {\r
+ if (comment_in_form) {\r
+ $comment = $('#comment-' + comment_in_form).slideDown('slow');\r
+ }\r
hide_comment_form();\r
return false;\r
});\r
visible = true;\r
},\r
close: function(doPostback) {\r
- if (doPostback) {\r
- $.post(scriptUrl + $.i18n._("messages/") +\r
- $.i18n._("markread/"), { formdata: "required" });\r
- }\r
$(".notify").fadeOut("fast");\r
$("body").css("margin-top", "0");\r
visible = false;\r
},\r
isVisible: function() { return visible; }\r
};\r
-} ();
\ No newline at end of file
+} ();\r
+\r
+/*\r
+ * jQuery outside events - v1.1 - 3/16/2010\r
+ * http://benalman.com/projects/jquery-outside-events-plugin/\r
+ *\r
+ * Copyright (c) 2010 "Cowboy" Ben Alman\r
+ * Dual licensed under the MIT and GPL licenses.\r
+ * http://benalman.com/about/license/\r
+ */\r
+(function($,c,b){$.map("click dblclick mousemove mousedown mouseup mouseover mouseout change select submit keydown keypress keyup".split(" "),function(d){a(d)});a("focusin","focus"+b);a("focusout","blur"+b);$.addOutsideEvent=a;function a(g,e){e=e||g+b;var d=$(),h=g+"."+e+"-special-event";$.event.special[e]={setup:function(){d=d.add(this);if(d.length===1){$(c).bind(h,f)}},teardown:function(){d=d.not(this);if(d.length===0){$(c).unbind(h)}},add:function(i){var j=i.handler;i.handler=function(l,k){l.target=k;j.apply(this,arguments)}}};function f(i){$(d).each(function(){var j=$(this);if(this!==i.target&&!j.has(i.target).length){j.triggerHandler(e,[i.target])}})}}})(jQuery,document,"outside");
\ No newline at end of file
projects / osqa.git / blobdiff