closes #1556
added tag input box to composer when creating a topic added new routes for viewing tags 'tags' and 'tags/:tagname' respectively post_bar.tpl shows the tags of the topic can edit the main post to remove or add new tags added a new menu item to header to go to the tags pagev1.18.x
barisusakli
11 years ago
parent
1d7c293197
commit
df73ceaeb7
@ -0,0 +1,5 @@
|
||||
{
|
||||
"no_tag_topics": "There are no topics with this tag.",
|
||||
"tags": "Tags",
|
||||
"enter_tags_here": "Enter tags here..."
|
||||
}
|
||||
@ -0,0 +1,41 @@
|
||||
'use strict';
|
||||
|
||||
/* globals define, app, socket */
|
||||
|
||||
define(['forum/recent', 'forum/infinitescroll'], function(recent, infinitescroll) {
|
||||
var Tag = {};
|
||||
|
||||
Tag.init = function() {
|
||||
app.enterRoom('tags');
|
||||
|
||||
if ($('body').height() <= $(window).height() && $('#topics-container').children().length >= 20) {
|
||||
$('#load-more-btn').show();
|
||||
}
|
||||
|
||||
$('#load-more-btn').on('click', function() {
|
||||
loadMoreTopics();
|
||||
});
|
||||
|
||||
infinitescroll.init(loadMoreTopics);
|
||||
|
||||
function loadMoreTopics(direction) {
|
||||
if(direction < 0 || !$('#topics-container').length) {
|
||||
return;
|
||||
}
|
||||
|
||||
infinitescroll.loadMore('topics.loadMoreFromSet', {
|
||||
set: 'tag:' + ajaxify.variables.get('tag') + ':topics',
|
||||
after: $('#topics-container').attr('data-nextstart')
|
||||
}, function(data) {
|
||||
if (data.topics && data.topics.length) {
|
||||
recent.onTopicsLoaded('tag', data.topics, false);
|
||||
$('#topics-container').attr('data-nextstart', data.nextStart);
|
||||
} else {
|
||||
$('#load-more-btn').hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
return Tag;
|
||||
});
|
||||
@ -0,0 +1,60 @@
|
||||
|
||||
'use strict';
|
||||
|
||||
/*globals define*/
|
||||
|
||||
define(function() {
|
||||
var tags = {};
|
||||
|
||||
tags.init = function(postContainer, postData) {
|
||||
var tagEl = postContainer.find('.tags');
|
||||
if (!tagEl.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
tagEl.tagsinput();
|
||||
addTags(postData.tags, tagEl);
|
||||
|
||||
var input = postContainer.find('.bootstrap-tagsinput input');
|
||||
input.autocomplete({
|
||||
delay: 100,
|
||||
source: function(request, response) {
|
||||
socket.emit('topics.searchTags', request.term, function(err, tags) {
|
||||
if (err) {
|
||||
return app.alertError(err.message)
|
||||
}
|
||||
if (tags) {
|
||||
response(tags);
|
||||
$('.ui-autocomplete a').attr('href', '#');
|
||||
}
|
||||
});
|
||||
},
|
||||
select: function(event, ui) {
|
||||
// when autocomplete is selected from the dropdown simulate a enter key down to turn it into a tag
|
||||
// http://stackoverflow.com/a/3276819/583363
|
||||
var e = jQuery.Event('keydown');
|
||||
e.which = 13;
|
||||
e.keyCode = 13;
|
||||
setTimeout(function() {
|
||||
input.trigger(e);
|
||||
}, 100);
|
||||
}
|
||||
});
|
||||
|
||||
input.attr('tabIndex', tagEl.attr('tabIndex'));
|
||||
};
|
||||
|
||||
function addTags(tags, tagEl) {
|
||||
if (tags && tags.length) {
|
||||
for(var i=0; i<tags.length; ++i) {
|
||||
tagEl.tagsinput('add', tags[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tags.getTags = function(post_uuid) {
|
||||
return $('#cmp-uuid-' + post_uuid + ' .tags').tagsinput('items');
|
||||
};
|
||||
|
||||
return tags;
|
||||
});
|
||||
@ -0,0 +1,45 @@
|
||||
.bootstrap-tagsinput {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
display: inline-block;
|
||||
padding: 4px 6px;
|
||||
margin-bottom: 10px;
|
||||
color: #555;
|
||||
vertical-align: middle;
|
||||
border-radius: 4px;
|
||||
max-width: 100%;
|
||||
line-height: 22px;
|
||||
}
|
||||
.bootstrap-tagsinput input {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: auto !important;
|
||||
max-width: inherit;
|
||||
}
|
||||
.bootstrap-tagsinput input:focus {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.bootstrap-tagsinput .tag {
|
||||
margin-right: 2px;
|
||||
color: white;
|
||||
}
|
||||
.bootstrap-tagsinput .tag [data-role="remove"] {
|
||||
margin-left: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.bootstrap-tagsinput .tag [data-role="remove"]:after {
|
||||
content: "x";
|
||||
padding: 0px 2px;
|
||||
}
|
||||
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,53 @@
|
||||
"use strict";
|
||||
|
||||
var tagsController = {},
|
||||
async = require('async'),
|
||||
topics = require('./../topics');
|
||||
|
||||
tagsController.getTag = function(req, res, next) {
|
||||
var tag = req.params.tag;
|
||||
var uid = req.user ? req.user.uid : 0;
|
||||
|
||||
topics.getTagTids(tag, 0, 19, function(err, tids) {
|
||||
if (err) {
|
||||
return next(err);
|
||||
}
|
||||
|
||||
topics.getTopics('tag:' + tag + ':topics', uid, tids, function(err, data) {
|
||||
if (err) {
|
||||
return next(err);
|
||||
}
|
||||
data.tag = tag;
|
||||
res.render('tag', data);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
tagsController.getTags = function(req, res, next) {
|
||||
topics.getTagsObjects(function(err, tags) {
|
||||
if (err) {
|
||||
return next(err);
|
||||
}
|
||||
|
||||
async.map(tags, function(tag, next) {
|
||||
topics.getTagTopicCount(tag.name, function(err, count) {
|
||||
if (err) {
|
||||
return next(err);
|
||||
}
|
||||
tag.topicCount = count;
|
||||
next(null, tag);
|
||||
});
|
||||
}, function(err, tags) {
|
||||
if (err) {
|
||||
return next(err);
|
||||
}
|
||||
tags = tags.sort(function(a, b) {
|
||||
return parseInt(b.topicCount, 10) - parseInt(a.topicCount, 10);
|
||||
});
|
||||
res.render('tags', {tags: tags});
|
||||
});
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
module.exports = tagsController;
|
||||
@ -0,0 +1,115 @@
|
||||
|
||||
'use strict';
|
||||
|
||||
var async = require('async'),
|
||||
db = require('../database');
|
||||
|
||||
module.exports = function(Topics) {
|
||||
|
||||
Topics.createTags = function(tags, tid, timestamp) {
|
||||
if(Array.isArray(tags)) {
|
||||
for (var i=0; i<tags.length; ++i) {
|
||||
tags[i] = tags[i].trim().toLowerCase();
|
||||
db.sortedSetAdd('tag:' + tags[i] + ':topics', timestamp, tid);
|
||||
db.setAdd('topic:' + tid + ':tags', tags[i]);
|
||||
db.setAdd('tags', tags[i]);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Topics.getTagTids = function(tag, start, end, callback) {
|
||||
db.getSortedSetRevRange('tag:' + tag + ':topics', start, end, callback);
|
||||
};
|
||||
|
||||
Topics.getTagTopicCount = function(tag, callback) {
|
||||
db.sortedSetCard('tag:' + tag + ':topics', callback);
|
||||
};
|
||||
|
||||
Topics.getTags = function(callback) {
|
||||
db.getSetMembers('tags', callback);
|
||||
};
|
||||
|
||||
//returns tags as objects cuz templates.js cant do arrays yet >_>
|
||||
Topics.getTagsObjects = function(callback) {
|
||||
Topics.getTags(function(err, tags) {
|
||||
callback(err, mapToObject(tags));
|
||||
});
|
||||
};
|
||||
|
||||
Topics.getTopicTags = function(tid, callback) {
|
||||
db.getSetMembers('topic:' + tid + ':tags', callback);
|
||||
};
|
||||
|
||||
//returns tags as objects cuz templates.js cant do arrays yet >_>
|
||||
Topics.getTopicTagsObjects = function(tid, callback) {
|
||||
Topics.getTopicTags(tid, function(err, tags) {
|
||||
callback(err, mapToObject(tags));
|
||||
});
|
||||
};
|
||||
|
||||
function mapToObject(tags) {
|
||||
if (!tags) {
|
||||
return tags;
|
||||
}
|
||||
return tags.map(function(tag) {
|
||||
return {name: tag};
|
||||
});
|
||||
}
|
||||
|
||||
Topics.updateTags = function(tid, tags) {
|
||||
async.parallel({
|
||||
timestamp: function(next) {
|
||||
Topics.getTopicField(tid, 'timestamp', next);
|
||||
},
|
||||
currentTags: function(next) {
|
||||
Topics.getTopicTags(tid, next);
|
||||
}
|
||||
}, function(err, results) {
|
||||
removeTopicTags(tid, results.currentTags, function(err) {
|
||||
if (!err) {
|
||||
Topics.createTags(tags, tid, results.timestamp);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
function removeTopicTags(tid, tags, callback) {
|
||||
async.parallel([
|
||||
function(next) {
|
||||
db.delete('topic:' + tid + ':tags', next);
|
||||
},
|
||||
function(next) {
|
||||
async.each(tags, function(tag, next) {
|
||||
db.sortedSetRemove('tag:' + tag + ':topics', tid, next);
|
||||
}, next);
|
||||
}
|
||||
], callback);
|
||||
}
|
||||
|
||||
Topics.searchTags = function(query, callback) {
|
||||
if (!query || query.length === 0) {
|
||||
return callback(null, []);
|
||||
}
|
||||
|
||||
db.getSetMembers('tags', function(err, tags) {
|
||||
if (err) {
|
||||
return callback(null, []);
|
||||
}
|
||||
|
||||
query = query.toLowerCase();
|
||||
var matches = [];
|
||||
for(var i=0; i<tags.length; ++i) {
|
||||
if (tags[i].toLowerCase().indexOf(query) === 0) {
|
||||
matches.push(tags[i]);
|
||||
}
|
||||
}
|
||||
|
||||
matches = matches.slice(0, 10).sort(function(a, b) {
|
||||
return a > b;
|
||||
});
|
||||
|
||||
callback(null, matches);
|
||||
});
|
||||
};
|
||||
|
||||
};
|
||||
Loading…
Reference in New Issue