closes #1948

public/src/modules/composer.js

@@ -9,11 +9,12 @@ var dependencies = [
 	'composer/formatting',
 	'composer/drafts',
 	'composer/tags',
+	'composer/categoryList',
 	'composer/preview',
 	'composer/resize'
 ];
 
-define('composer', dependencies, function(taskbar, controls, uploads, formatting, drafts, tags, preview, resize) {
+define('composer', dependencies, function(taskbar, controls, uploads, formatting, drafts, tags, categoryList, preview, resize) {
 	var composer = {
 		active: undefined,
 		posts: {},
@@ -200,8 +201,14 @@ define('composer', dependencies, function(taskbar, controls, uploads, formatting
 
 		var template = (composer.bsEnvironment === 'xs' || composer.bsEnvironment === 'sm') ? 'composer-mobile' : 'composer';
 
-		templates.parse(template, {allowTopicsThumbnail: allowTopicsThumbnail, showTags: isTopic || isMain}, function(composerTemplate) {
-			translator.translate(composerTemplate, function(composerTemplate) {
+		var data = {
+			allowTopicsThumbnail: allowTopicsThumbnail,
+			showTags: isTopic || isMain,
+			isTopic: isTopic
+		};
+
+		parseAndTranslate(template, data, function(composerTemplate) {
+
 			composerTemplate = $(composerTemplate);
 
 			composerTemplate.attr('id', 'cmp-uuid-' + post_uuid);
@@ -214,6 +221,7 @@ define('composer', dependencies, function(taskbar, controls, uploads, formatting
 				draft = drafts.getDraft(postData.save_id);
 
 			tags.init(postContainer, composer.posts[post_uuid]);
+			categoryList.init(postContainer, composer.posts[post_uuid]);
 			updateTitle(postData, postContainer);
 
 			activate(post_uuid);
@@ -278,6 +286,11 @@ define('composer', dependencies, function(taskbar, controls, uploads, formatting
 			formatting.addComposerButtons();
 			focusElements(postContainer);
 		});
+	}
+
+	function parseAndTranslate(template, data, callback) {
+		templates.parse(template, data, function(composerTemplate) {
+			translator.translate(composerTemplate, callback);
 		});
 	}
 

public/src/modules/composer/categoryList.js

@@ -0,0 +1,37 @@
+
+'use strict';
+
+/*globals define, config, socket, app*/
+
+define('composer/categoryList', function() {
+	var categoryList = {};
+
+	categoryList.init = function(postContainer, postData) {
+		var listEl = postContainer.find('.category-list');
+		if (!listEl.length) {
+			return;
+		}
+
+		socket.emit('categories.getCategoriesByPrivilege', 'topics:create', function(err, categories) {
+			if (err) {
+				return app.alertError(err.message);
+			}
+
+			categories.forEach(function(category) {
+				$('<option value="' + category.cid + '">' + category.name + '</option>').appendTo(listEl);
+			});
+
+			if (postData.cid) {
+				listEl.find('option[value="' + postData.cid + '"]').prop('selected', true);
+			}
+		});
+
+		listEl.on('change', function() {
+			if (postData.cid) {
+				postData.cid = this.value;
+			}
+		});
+	};
+
+	return categoryList;
+});

public/src/modules/composer/resize.js

@@ -137,8 +137,8 @@ define('composer/resize', function() {
 
 
 	function resizeWritePreview(postContainer) {
-		var h1 = postContainer.find('.title').outerHeight(true);
-		var h2 = postContainer.find('.tags-container').outerHeight(true);
+		var h1 = postContainer.find('.title-container').outerHeight(true);
+		var h2 = postContainer.find('.category-tag-row').outerHeight(true);
 		var h3 = postContainer.find('.formatting-bar').outerHeight(true);
 		var h4 = postContainer.find('.topic-thumb-container').outerHeight(true);
 		var h5 = $('.taskbar').height();

src/categories.js

@@ -188,7 +188,7 @@ var db = require('./database'),
 		});
 	};
 
-	Categories.getVisibleCategories = function(uid, callback) {
+	Categories.getCategoriesByPrivilege = function(uid, privilege, callback) {
 		db.getSortedSetRange('categories:cid', 0, -1, function(err, cids) {
 			if (err) {
 				return callback(err);
@@ -198,7 +198,7 @@ var db = require('./database'),
 				return callback(null, []);
 			}
 
-			privileges.categories.filter('find', cids, uid, function(err, cids) {
+			privileges.categories.filter(privilege, cids, uid, function(err, cids) {
 				if (err) {
 					return callback(err);
 				}

src/controllers/index.js

@@ -64,7 +64,7 @@ Controllers.home = function(req, res, next) {
 		},
 		categories: function (next) {
 			var uid = req.user ? req.user.uid : 0;
-			categories.getVisibleCategories(uid, function (err, categoryData) {
+			categories.getCategoriesByPrivilege(uid, 'find', function (err, categoryData) {
 				if (err) {
 					return next(err);
 				}

src/sitemap.js

@@ -31,7 +31,7 @@ var path = require('path'),
 			async.parallel([
 				function(next) {
 					var categoryUrls = [];
-					categories.getVisibleCategories(0, function(err, categoriesData) {
+					categories.getCategoriesByPrivilege(0, 'find', function(err, categoriesData) {
 						if (err) {
 							return next(err);
 						}

src/socket.io/categories.js

@@ -79,4 +79,8 @@ SocketCategories.getUsersInCategory = function(socket, cid, callback) {
 	user.getMultipleUserFields(uids, ['uid', 'userslug', 'username', 'picture'], callback);
 };
 
+SocketCategories.getCategoriesByPrivilege = function(socket, privilege, callback) {
+	categories.getCategoriesByPrivilege(socket.uid, privilege, callback);
+};
+
 module.exports = SocketCategories;