Extracted post edit presenter

public_html/js/Presenters/PostEditPresenter.js

@@ -0,0 +1,156 @@
+var App = App || {};
+App.Presenters = App.Presenters || {};
+
+App.Presenters.PostEditPresenter = function(
+	util,
+	promise,
+	api,
+	auth) {
+
+	var $target;
+	var post;
+	var updateCallback;
+	var privileges = {};
+	var templates = {};
+
+	var tagInput;
+	var postContentFileDropper;
+	var postThumbnailFileDropper;
+	var postContent;
+	var postThumbnail;
+
+	privileges.canChangeSafety = auth.hasPrivilege(auth.privileges.changePostSafety);
+	privileges.canChangeSource = auth.hasPrivilege(auth.privileges.changePostSource);
+	privileges.canChangeTags = auth.hasPrivilege(auth.privileges.changePostTags);
+	privileges.canChangeContent = auth.hasPrivilege(auth.privileges.changePostContent);
+	privileges.canChangeThumbnail = auth.hasPrivilege(auth.privileges.changePostThumbnail);
+	privileges.canChangeRelations = auth.hasPrivilege(auth.privileges.changePostRelations);
+	privileges.canChangeFlags = auth.hasPrivilege(auth.privileges.changePostFlags);
+
+	function init(params, loaded) {
+		post = params.post;
+
+		updateCallback = params.updateCallback;
+		$target = params.$target;
+
+		promise.wait(util.promiseTemplate('post-edit'))
+			.then(function(postEditTemplate) {
+				templates.postEdit = postEditTemplate;
+				render();
+				loaded();
+			}).fail(function() {
+				console.log(arguments);
+				loaded();
+			});
+	}
+
+	function render() {
+		$target.html(templates.postEdit({post: post, privileges: privileges}));
+
+		postContentFileDropper = new App.Controls.FileDropper($target.find('form [name=content]'));
+		postContentFileDropper.onChange = postContentChanged;
+		postContentFileDropper.setNames = true;
+		postThumbnailFileDropper = new App.Controls.FileDropper($target.find('form [name=thumbnail]'));
+		postThumbnailFileDropper.onChange = postThumbnailChanged;
+		postThumbnailFileDropper.setNames = true;
+
+		if (privileges.canChangeTags) {
+			tagInput = new App.Controls.TagInput($target.find('form [name=tags]'));
+			tagInput.inputConfirmed = editPost;
+		}
+
+		$target.find('.post-edit-wrapper form').submit(editFormSubmitted);
+	}
+
+	function focus() {
+		if (tagInput) {
+			tagInput.focus();
+		}
+	}
+
+	function editFormSubmitted(e) {
+		e.preventDefault();
+		editPost();
+	}
+
+	function postContentChanged(files) {
+		postContentFileDropper.readAsDataURL(files[0], function(content) {
+			postContent = content;
+		});
+	}
+
+	function postThumbnailChanged(files) {
+		postThumbnailFileDropper.readAsDataURL(files[0], function(content) {
+			postThumbnail = content;
+		});
+	}
+
+	function getPrivileges() {
+		return privileges;
+	}
+
+	function editPost() {
+		var $form = $target.find('form');
+		var formData = {};
+		formData.seenEditTime = post.lastEditTime;
+		formData.flags = {};
+
+		if (privileges.canChangeContent && postContent) {
+			formData.content = postContent;
+		}
+
+		if (privileges.canChangeThumbnail && postThumbnail) {
+			formData.thumbnail = postThumbnail;
+		}
+
+		if (privileges.canChangeSource) {
+			formData.source = $form.find('[name=source]').val();
+		}
+
+		if (privileges.canChangeSafety) {
+			formData.safety = $form.find('[name=safety]:checked').val();
+		}
+
+		if (privileges.canChangeTags) {
+			formData.tags = tagInput.getTags().join(' ');
+		}
+
+		if (privileges.canChangeRelations) {
+			formData.relations = $form.find('[name=relations]').val();
+		}
+
+		if (privileges.canChangeFlags) {
+			if (post.contentType === 'video') {
+				formData.flags.loop = $form.find('[name=loop]').is(':checked') ? 1 : 0;
+			}
+		}
+
+		if (post.tags.length === 0) {
+			showEditError('No tags set.');
+			return;
+		}
+
+		promise.wait(api.put('/posts/' + post.id, formData))
+			.then(function(response) {
+				if (typeof(updateCallback) !== 'undefined') {
+					updateCallback(post = response.json);
+				}
+			}).fail(function(response) {
+				showEditError(response);
+			});
+	}
+
+	function showEditError(response) {
+		window.alert(response.json && response.json.error || response);
+	}
+
+	return {
+		init: init,
+		render: render,
+		getPrivileges: getPrivileges,
+		focus: focus,
+	};
+
+};
+
+App.DI.register('postEditPresenter', ['util', 'promise', 'api', 'auth'], App.Presenters.PostEditPresenter);