diff --git a/js/quick-reply.js b/js/quick-reply.js index 28e24d3d..0e5954f6 100644 --- a/js/quick-reply.js +++ b/js/quick-reply.js @@ -31,7 +31,7 @@ var do_css = function() { float: right;\ display: block;\ padding: 0 0 0 0;\ - width: 350px;\ + width: 300px;\ }\ #quick-reply table {\ border-collapse: collapse;\ @@ -61,9 +61,7 @@ var do_css = function() { }\ #quick-reply th .handle {\ float: left;\ - position: absolute;\ - left: 0;\ - right: 30px;\ + width: 100%;\ display: inline-block;\ }\ #quick-reply th .close-btn {\ @@ -98,6 +96,20 @@ var do_css = function() { #quick-reply td.submit {\ width: 1%;\ }\ + #quick-reply td.recaptcha {\ + text-align: center;\ + padding: 0 0 1px 0;\ + }\ + #quick-reply td.recaptcha span {\ + display: inline-block;\ + width: 100%;\ + background: white;\ + border: 1px solid #ccc;\ + cursor: pointer;\ + }\ + #quick-reply td.recaptcha-response {\ + padding: 0 0 1px 0;\ + }\ @media screen and (max-width: 800px) {\ #quick-reply {\ display: none !important;\ @@ -151,12 +163,58 @@ var show_quick_reply = function(){ $('').append($td.find('input[type="submit"]')).insertAfter($td); } + // reCAPTCHA + if ($td.find('#recaptcha_widget_div').length) { + // Just show the image, and have it interact with the real form. + var $captchaimg = $td.find('#recaptcha_image img'); + + $captchaimg + .removeAttr('id') + .removeAttr('style') + .addClass('recaptcha_image') + .click(function() { + $('#recaptcha_reload').click(); + }); + + // When we get a new captcha... + $('#recaptcha_response_field').focus(function() { + if ($captchaimg.attr('src') != $('#recaptcha_image img').attr('src')) { + $captchaimg.attr('src', $('#recaptcha_image img').attr('src')); + $postForm.find('input[name="recaptcha_challenge_field"]').val($('#recaptcha_challenge_field').val()); + $postForm.find('input[name="recaptcha_response_field"]').val('').focus(); + } + }); + + $postForm.submit(function() { + setTimeout(function() { + $('#recaptcha_reload').click(); + }, 200); + }); + + // Make a new row for the response text + var $newRow = $(''); + $newRow.children().first().append( + $td.find('input').removeAttr('style') + ); + $newRow.find('#recaptcha_response_field') + .removeAttr('id') + .addClass('recaptcha_response_field') + .attr('placeholder', $('#recaptcha_response_field').attr('placeholder')); + + $('#recaptcha_response_field').addClass('recaptcha_response_field') + + $td.replaceWith($('').append($('').append($captchaimg))); + + $newRow.insertAfter(this); + } + + // Upload section if ($td.find('input[type="file"]').length) { if ($td.find('input[name="file_url"]').length) { $file_url = $td.find('input[name="file_url"]'); // Make a new row for it - $newRow = $(''); + var $newRow = $(''); $file_url.clone().attr('placeholder', _('Upload URL')).appendTo($newRow.find('td')); $file_url.parent().remove(); @@ -195,12 +253,14 @@ var show_quick_reply = function(){ $postForm.find('textarea[name="body"]').removeAttr('id').removeAttr('cols').attr('placeholder', _('Comment')); - $postForm.find('textarea:not([name="body"]),input[type="hidden"]').appendTo($dummyStuff); + $postForm.find('textarea:not([name="body"]),input[type="hidden"]').removeAttr('id').appendTo($dummyStuff); $postForm.find('br').remove(); $postForm.find('table').prepend('\ - ' + _('Quick Reply') + '\ - X\ + \ + X\ + ' + _('Quick Reply') + '\ + \ '); $postForm.attr('id', 'quick-reply'); @@ -262,8 +322,12 @@ var show_quick_reply = function(){ $origPostForm.find('textarea[name="body"]').attr('id', 'body'); $postForm.remove(); }); - - // $postForm.show(); + + // Fix bug when table gets too big for form. Shouldn't exist, but crappy CSS etc. + $postForm.show(); + $postForm.width($postForm.find('table').width()); + $postForm.hide(); + $(window).trigger('quick-reply'); $(window).ready(function() {