Include 'move to...' action in loaded draft posts

Ref T401

static/js/posts.js

@@ -181,6 +181,13 @@ var localPosts = function() {
 		undoDelete: UndoDelete,
 	};
 }();
+var movePostHTML = function(postID) {
+	let $tmpl = document.getElementById('move-tmpl');
+	if ($tmpl === null) {
+		return "";
+	}
+	return $tmpl.innerHTML.replace(/POST_ID/g, postID);
+}
 var createPostEl = function(post, owned) {
 	var $post = document.createElement('div');
 	var title = (post.title || post.id);
@@ -194,7 +201,7 @@ var createPostEl = function(post, owned) {
 		posted = getFormattedDate(new Date(post.created))
 	}
 	var hasDraft = H.exists('draft' + post.id);
-	$post.innerHTML += '<h4><date>' + posted + '</date> <a class="action" href="/pad/' + post.id + '">edit' + (hasDraft ? 'ed' : '') + '</a> <a class="delete action" href="/' + post.id + '" onclick="delPost(event, \'' + post.id + '\'' + (owned === true ? ', true' : '') + ')">delete</a></h4>';
+	$post.innerHTML += '<h4><date>' + posted + '</date> <a class="action" href="/pad/' + post.id + '">edit' + (hasDraft ? 'ed' : '') + '</a> <a class="delete action" href="/' + post.id + '" onclick="delPost(event, \'' + post.id + '\'' + (owned === true ? ', true' : '') + ')">delete</a> '+movePostHTML(post.id)+'</h4>';
 
 	if (post.error) {
 		$post.innerHTML += '<p class="error"><strong>Sync error:</strong> ' + post.error + ' <nav><a href="#" onclick="localPosts.dismissError(event, this)">dismiss</a> <a href="#" onclick="localPosts.deletePost(event, this, \''+post.id+'\')">remove post</a></nav></p>';

templates/user/articles.tmpl

@@ -5,6 +5,9 @@
 		font-style: italic;
 		color: #666;
 	}
+	#move-tmpl {
+		display: none;
+	}
 </style>
 
 <div class="snug content-container">
@@ -61,6 +64,25 @@
 
 </div>
 
+{{ if .Collections }}
+	<div id="move-tmpl">
+		{{if gt (len .Collections) 1}}
+			<div class="action flat-select">
+				<select id="move-POST_ID" onchange="postActions.multiMove(this, 'POST_ID', {{if .SingleUser}}true{{else}}false{{end}})" title="Move this post to one of your blogs">
+					<option style="display:none"></option>
+					{{range .Collections}}<option value="{{.Alias}}">{{.DisplayTitle}}</option>{{end}}
+				</select>
+				<label for="move-POST_ID">move to...</label>
+				<img class="ic-18dp" src="/img/ic_down_arrow_dark@2x.png" />
+			</div>
+		{{else}}
+			{{range .Collections}}
+				<a class="action" href="/POST_ID" title="Publish this post to your blog '{{.DisplayTitle}}'" onclick="postActions.move(this, 'POST_ID', '{{.Alias}}', {{if $.SingleUser}}true{{else}}false{{end}});return false">move to {{.DisplayTitle}}</a>
+			{{end}}
+		{{end}}
+	</div>
+{{ end }}
+
 <script src="/js/h.js"></script>
 <script src="/js/postactions.js"></script>
 <script>