Implemented post uploads (closed #11)

public_html/js/Auth.js

@@ -22,6 +22,7 @@ App.Auth = function(_, jQuery, util, api, appState, promise) {
 		listSketchyPosts: 'listSketchyPosts',
 		listUnsafePosts: 'listUnsafePosts',
 		uploadPosts: 'uploadPosts',
+		uploadPostsAnonymously: 'uploadPostsAnonymously',
 
 		listTags: 'listTags',
 	};

public_html/js/Controls/TagInput.js

@@ -11,6 +11,7 @@ App.Controls.TagInput = function(
 	var KEY_RETURN = 13;
 	var KEY_SPACE = 32;
 	var KEY_BACKSPACE = 8;
+	var tagConfirmKeys = [KEY_RETURN, KEY_SPACE];
 
 	var tags = [];
 	var options = {
@@ -54,7 +55,7 @@ App.Controls.TagInput = function(
 	});
 
 	$input.unbind('keydown').bind('keydown', function(e) {
-		if (e.which === KEY_RETURN || e.which === KEY_SPACE) {
+		if (_.contains(tagConfirmKeys, e.which)) {
 			e.preventDefault();
 			var tag = $input.val();
 			addTag(tag);
@@ -128,11 +129,16 @@ App.Controls.TagInput = function(
 		return tags;
 	}
 
+	function focus() {
+		$input.focus();
+	}
+
 	_.extend(options, {
 		setTags: setTags,
 		getTags: getTags,
 		removeTag: removeTag,
 		addTag: addTag,
+		focus: focus,
 	});
 	return options;
 };

public_html/js/Presenters/PostUploadPresenter.js

@@ -7,6 +7,7 @@ App.Presenters.PostUploadPresenter = function(
 	mousetrap,
 	promise,
 	util,
+	auth,
 	api,
 	router,
 	topNavigationPresenter,
@@ -30,7 +31,9 @@ App.Presenters.PostUploadPresenter = function(
 	}
 
 	function render() {
-		$el.html(template());
+		$el.html(template({
+			canUploadPostsAnonymously: auth.hasPrivilege(auth.privileges.uploadPostsAnonymously)
+		}));
 		$messages = $el.find('.messages');
 
 		tagInput = new App.Controls.TagInput($el.find('form [name=tags]'), _, jQuery);
@@ -61,10 +64,10 @@ App.Presenters.PostUploadPresenter = function(
 		return {
 			safety: 'safe',
 			source: null,
-			fileName: null,
 			anonymous: false,
 			tags: [],
 
+			fileName: null,
 			content: null,
 			url: null,
 			thumbnail: null,
@@ -273,7 +276,9 @@ App.Presenters.PostUploadPresenter = function(
 			hidePostEditForm();
 		} else {
 			showPostEditForm(selectedPosts);
+			tagInput.focus();
 		}
+		$el.find('.post-table-op').prop('disabled', selectedPosts.length === 0);
 	}
 
 	function hidePostEditForm() {
@@ -292,7 +297,7 @@ App.Presenters.PostUploadPresenter = function(
 		} else {
 			var post = selectedPosts[0];
 			$postEditForm.parent('.form-slider').find('.thumbnail').slideDown();
-			$postEditForm.find('.file-name strong').text(post.fileName);
+			$postEditForm.find('.file-name strong').text(post.fileName || post.url);
 			updatePostThumbnailInForm(post);
 		}
 
@@ -488,6 +493,7 @@ App.Presenters.PostUploadPresenter = function(
 
 	function uploadNextPost() {
 		messagePresenter.hideMessages($messages);
+		messagePresenter.showInfo($messages, 'Uploading in progress…');
 
 		var posts = getAllPosts();
 		if (posts.length === 0) {
@@ -503,14 +509,16 @@ App.Presenters.PostUploadPresenter = function(
 		if (post.url) {
 			formData.url = post.url;
 		} else {
-			formData.file = post.content;
+			formData.content = post.content;
+			formData.contentFileName = post.fileName;
 		}
 		formData.source = post.source;
 		formData.safety = post.safety;
-		formData.anonymous = post.anonymous;
-		formData.tags = post.tags.join(', ');
+		formData.anonymous = (post.anonymous | 0);
+		formData.tags = post.tags.join(' ');
 
 		if (post.tags.length === 0) {
+			messagePresenter.hideMessages($messages);
 			messagePresenter.showError($messages, 'No tags set.');
 			interactionEnabled = true;
 			return;
@@ -519,9 +527,12 @@ App.Presenters.PostUploadPresenter = function(
 		promise.wait(api.post('/posts', formData)).then(function(response) {
 			$row.slideUp(function(response) {
 				$row.remove();
+				posts.shift();
+				setAllPosts(posts);
 				uploadNextPost();
 			});
 		}).fail(function(response) {
+			messagePresenter.hideMessages($messages);
 			messagePresenter.showError($messages, response.json && response.json.error || response);
 			interactionEnabled = true;
 		});
@@ -536,7 +547,6 @@ App.Presenters.PostUploadPresenter = function(
 		$el.find('tbody input[type=checkbox]').prop('checked', false);
 		postTableCheckboxesChanged();
 
-		messagePresenter.showInfo($messages, 'Uploading in progress…');
 		interactionEnabled = false;
 		uploadNextPost();
 
@@ -549,4 +559,4 @@ App.Presenters.PostUploadPresenter = function(
 
 };
 
-App.DI.register('postUploadPresenter', ['_', 'jQuery', 'mousetrap', 'promise', 'util', 'api', 'router', 'topNavigationPresenter', 'messagePresenter'], App.Presenters.PostUploadPresenter);
+App.DI.register('postUploadPresenter', ['_', 'jQuery', 'mousetrap', 'promise', 'util', 'auth', 'api', 'router', 'topNavigationPresenter', 'messagePresenter'], App.Presenters.PostUploadPresenter);