js/ajax.js: post with ajax

2 files changed, 101 insertions, 1 deletions

diff --git a/js/ajax.js b/js/ajax.js
new file mode 100644
index 00000000..d29f8fc7
--- /dev/null
+++ b/js/ajax.js
@@ -0,0 +1,93 @@
+/*
+ * ajax.js
+ * https://github.com/savetheinternet/Tinyboard/blob/master/js/ajax.js
+ *
+ * Released under the MIT license
+ * Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
+ *
+ * Usage:
+ *   $config['additional_javascript'][] = 'js/jquery.min.js';
+ *   $config['additional_javascript'][] = 'js/ajax.js';
+ *
+ */
+
+$(window).ready(function() {
+	var setup_form = function($form) {
+		$form.submit(function() {
+			var form = this;
+			var submit_txt = $(this).find('input[type="submit"]').val();
+			if (typeof FormData == 'undefined')
+				return true;
+			
+			var formData = new FormData(this);
+			formData.append('json_response', '1');
+
+			var updateProgress = function(e) {
+				$(form).find('input[type="submit"]').val(_('Posting... (#%)').replace('#', Math.round(e.position / e.total * 100)));
+			};
+
+			$.ajax({
+				url: this.action,
+				type: 'POST',
+				xhr: function() {
+					var xhr = $.ajaxSettings.xhr();
+					if(xhr.upload) {
+						xhr.upload.addEventListener('progress', updateProgress, false);
+					}
+					return xhr;
+				},
+				success: function(post_response) {
+					if (post_response.error) {
+						alert(post_response.error);
+						$(form).find('input[type="submit"]').val(submit_txt);
+						$(form).find('input[type="submit"]').removeAttr('disabled');
+					} else if (post_response.redirect && post_response.id) {
+						$.ajax({
+							url: post_response.redirect,
+							success: function(data) {
+								console.log(data);
+								$(data).find('div.post.reply').each(function() {
+									var id = $(this).attr('id');
+									if($('#' + id).length == 0) {
+										$(this).insertAfter($('div.post:last').next()).after('<br class="clear">');
+										$(document).trigger('new_post', this);
+									}
+								});
+								highlightReply(post_response.id);
+								document.location = '#' + post_response.id;
+								
+								$(form).find('input[type="submit"]').val(submit_txt);
+								$(form).find('input[type="submit"]').removeAttr('disabled');
+							}
+						}, 'html');
+						
+						$(form).find('input[type="submit"]').val('Posted...');
+					} else {
+						alert(_('An unknown error occured when posting!'));
+						$(form).find('input[type="submit"]').val(submit_txt);
+						$(form).find('input[type="submit"]').removeAttr('disabled');
+					}
+				},
+				error: function(xhr, status, er) {
+					// An error occured
+					// TODO
+					console.log('Error');
+				},
+				// Form data
+				data: formData,
+				cache: false,
+				contentType: false,
+				processData: false
+			}, 'html');
+			
+			$(form).find('input[type="submit"]').val(_('Posting...'));
+			$(form).find('input[type="submit"]').attr('disabled', true);
+			
+			return false;
+		});
+	};
+	setup_form($('form[name="post"]'));
+	$(window).on('quick-reply', function(e, quickForm) {
+		setup_form($('form#quick-reply'));
+	});
+});
diff --git a/js/quick-reply.js b/js/quick-reply.js
index 824286f6..5f81f51e 100644
--- a/js/quick-reply.js
+++ b/js/quick-reply.js
@@ -123,6 +123,9 @@ var show_quick_reply = function(){
 			}
 
 			// Move anti-spam nonsense and remove <th>
+			$th.contents().filter(function() {
+				return this.nodeType == 3; // Node.TEXT_NODE
+			}).remove();
 			$th.contents().appendTo($dummyStuff);
 			$th.remove();
 
@@ -180,7 +183,9 @@ 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('br').remove();
 	$postForm.find('table').prepend('<tr><th colspan="2">' + _('Quick Reply') + '</th></tr>');
 	
@@ -232,6 +237,8 @@ var show_quick_reply = function(){
 	}
 
 	$postForm.show();
+	$(window).trigger('quick-reply');
+	
 	$origPostForm = $('form[name="post"]');
 
 	$(window).ready(function() {