nodebb/public/src/modules/components.js

'use strict';

define('components', function () {
	var components = {};

	components.core = {
		'topic/teaser': function (tid) {
			if (tid) {
				return $('[component="category/topic"][data-tid="' + tid + '"] [component="topic/teaser"]');
			} else {
				return $('[component="topic/teaser"]');
			}
		},
		topic: function (name, value) {
			return $('[component="topic"][data-' + name + '="' + value + '"]');
		},
		post: function (name, value) {
			return $('[component="post"][data-' + name + '="' + value + '"]');
		},
		'post/content': function (pid) {
			return components.core.post('pid', pid).find('[component="post/content"]');
		},
		'post/header': function (pid) {
			return components.core.post('pid', pid).find('[component="post/header"]');
		},
		'post/anchor': function (index) {
			return components.core.post('index', index).find('[component="post/anchor"]');
		},
		'post/vote-count': function (pid) {
			return components.core.post('pid', pid).find('[component="post/vote-count"]');
		},
		'post/bookmark-count': function (pid) {
			return components.core.post('pid', pid).find('[component="post/bookmark-count"]');
		},

		'user/postcount': function (uid) {
			return $('[component="user/postcount"][data-uid="' + uid + '"]');
		},
		'user/reputation': function (uid) {
			return $('[component="user/reputation"][data-uid="' + uid + '"]');
		},

		'category/topic': function (name, value) {
			return $('[component="category/topic"][data-' + name + '="' + value + '"]');
		},

		'categories/category': function (name, value) {
			return $('[component="categories/category"][data-' + name + '="' + value + '"]');
		},

		'chat/message': function (messageId) {
			return $('[component="chat/message"][data-mid="' + messageId + '"]');
		},
		'chat/message/body': function (messageId) {
			return $('[component="chat/message"][data-mid="' + messageId + '"] [component="chat/message/body"]');
		},
	};

	components.get = function () {
		var args = Array.prototype.slice.call(arguments, 1);

		if (components.core[arguments[0]] && args.length) {
			return components.core[arguments[0]].apply(this, args);
		} else {
			return $('[component="' + arguments[0] + '"]');
		}
	};

	return components;
});