ajung/plone.app.discussion
ajung/plone.app.discussion
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix inline validation for reply-to-comment form.

Browse Source 
svn path=/plone.app.discussion/trunk/; revision=28923
This commit is contained in:
Timo Stollenwerk 2009-08-15 16:36:49 +00:00
parent dbff6b4f67
commit 987805c927
1 changed files with 82 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
plone/app/discussion/browser/javascripts/comments.js
View File

@ -1,24 +1,43 @@
jq(document).ready(function() { jq(document).ready(function() {
/* Hide the reply and the cancel button for the regular add comment /*****************************************************************
* form. * Hide the reply and the cancel button for the regular add
*/ * comment form.
*****************************************************************/
jq(".reply").find("input[name='form.buttons.reply']").css("display", "none"); jq(".reply").find("input[name='form.buttons.reply']").css("display", "none");
jq(".reply").find("input[name='form.buttons.cancel']").css("display", "none"); jq(".reply").find("input[name='form.buttons.cancel']").css("display", "none");
/*****************************************************************
* Show the reply button only when Javascript is enabled.
* Otherwise hide it, since the reply functions relies on jQuery.
*****************************************************************/
jq(".reply-to-comment-button").css("display" , "inline");
/***************************************************************** /*****************************************************************
* Create reply to comment form. * If a reply-to-comment form was submitted (in_reply_to field was
* set in the request), create a reply-to-comment form right under
* the comment.
*****************************************************************/ *****************************************************************/
jq(".reply-to-comment-button").bind("click", function(e){ var post_comment_div = jq("#commenting");
var in_reply_to_field = post_comment_div.find("input[name='form.widgets.in_reply_to']");
if (in_reply_to_field.val() != "") {
var current_reply_id = "#" + in_reply_to_field.val();
var current_reply_to_div = jq(".discussion").find(current_reply_id);
createReplyForm(current_reply_to_div);
clearForm(post_comment_div);
}
/*****************************************************************
* Remove the z3c.form error messages and all input values from a
* form.
*****************************************************************/
function clearForm(form_div) {
form_div.find(".error").removeClass("error");
form_div.find(".fieldErrorBox").remove();
form_div.find("input[type='text']").attr("value", "")
form_div.find("textarea").attr("value", "")
}
/*****************************************************************
* Create a reply-to-comment form right under the comment_div.
*****************************************************************/
function createReplyForm(comment_div){
var comment_div = jq(this).parents().filter(".comment");
var comment_id = comment_div.attr("id"); var comment_id = comment_div.attr("id");
var reply_button = comment_div.find(".reply-to-comment-button"); var reply_button = comment_div.find(".reply-to-comment-button");
@ -42,10 +61,6 @@ jq(document).ready(function() {
/* Fetch the reply form inside the reply div */ /* Fetch the reply form inside the reply div */
var reply_form = reply_div.find("form"); var reply_form = reply_div.find("form");
/* Remove already typed in text from the reply form. */
reply_form.find(".field").find("input").attr("value", "")
reply_form.find(".field").find("textarea").attr("value", "")
/* Populate the hidden 'in_reply_to' field with the correct comment id */ /* Populate the hidden 'in_reply_to' field with the correct comment id */
reply_form.find("input[name='form.widgets.in_reply_to']").val(comment_id); reply_form.find("input[name='form.widgets.in_reply_to']").val(comment_id);
@ -65,10 +80,24 @@ jq(document).ready(function() {
/* Show the cancel button in the reply-to-comment form */ /* Show the cancel button in the reply-to-comment form */
cancel_reply_button.css("display", "inline"); cancel_reply_button.css("display", "inline");
}
/*****************************************************************
* Show the reply button only when Javascript is enabled.
* Otherwise hide it, since the reply functions relies on jQuery.
*****************************************************************/
jq(".reply-to-comment-button").css("display" , "inline");
/*****************************************************************
* Create reply to comment form.
*****************************************************************/
jq(".reply-to-comment-button").bind("click", function(e){
var comment_div = jq(this).parents().filter(".comment");
createReplyForm(comment_div);
clearForm(comment_div);
}); });
/***************************************************************** /*****************************************************************
* Remove reply to comment form. * Remove reply to comment form.
*****************************************************************/ *****************************************************************/