summaryrefslogtreecommitdiffstats
path: root/client/components/lists/listBody.js
diff options
context:
space:
mode:
authorKenton Hamaluik <kenton@hamaluik.com>2015-10-08 13:10:46 -0600
committerKenton Hamaluik <kenton@hamaluik.com>2015-10-08 13:10:46 -0600
commitfde2a39ee3dbbdfd5a6b648dbe17541343ac3b2a (patch)
treeef6d0090fc4a7d57bd7a043770ac69560aed5a95 /client/components/lists/listBody.js
parentf5be121cf368415652ec3bb14aeaccecab6f663e (diff)
downloadwekan-fde2a39ee3dbbdfd5a6b648dbe17541343ac3b2a.tar.gz
wekan-fde2a39ee3dbbdfd5a6b648dbe17541343ac3b2a.tar.bz2
wekan-fde2a39ee3dbbdfd5a6b648dbe17541343ac3b2a.zip
Added coloured label badges in autocomplete list
Diffstat (limited to 'client/components/lists/listBody.js')
-rw-r--r--client/components/lists/listBody.js19
1 files changed, 14 insertions, 5 deletions
diff --git a/client/components/lists/listBody.js b/client/components/lists/listBody.js
index e311ac76..e248f203 100644
--- a/client/components/lists/listBody.js
+++ b/client/components/lists/listBody.js
@@ -34,7 +34,7 @@ BlazeComponent.extendComponent({
} else if (position === 'bottom') {
sortIndex = Utils.calculateIndex(lastCardDom, null).base;
}
-
+
// Parse for @user and #label mentions, stripping them from the title
// and applying the appropriate users and labels to the card instead.
const currentBoard = Boards.findOne(Session.get('currentBoard'));
@@ -182,12 +182,12 @@ BlazeComponent.extendComponent({
onRendered() {
const $textarea = this.$('textarea');
+ const currentBoard = Boards.findOne(Session.get('currentBoard'));
$textarea.textcomplete([
// User mentions
{
match: /\B@(\w*)$/,
search(term, callback) {
- const currentBoard = Boards.findOne(Session.get('currentBoard'));
callback($.map(currentBoard.members, (member) => {
const username = Users.findOne(member.userId).username;
return username.indexOf(term) === 0 ? username : null;
@@ -206,14 +206,23 @@ BlazeComponent.extendComponent({
{
match: /\B#(\w*)$/,
search(term, callback) {
- const currentBoard = Boards.findOne(Session.get('currentBoard'));
callback($.map(currentBoard.labels, (label) => {
- const labelName = (!label.name || label.name === '') ? label.color : label.name;
+ const labelName = (!label.name || label.name === '')
+ ? label.color
+ : label.name;
return labelName.indexOf(term) === 0 ? labelName : null;
}));
},
template(value) {
- return value;
+ // add a "colour badge" in front of the label name
+ // but first, get the colour's name from its value
+ const colorName = currentBoard.labels.find((label) => {
+ return value === label.name || value === label.color;
+ }).color;
+ return (colorName && colorName !== '')
+ ? `<div class="minicard-label card-label-${colorName}"
+ title="${value}"></div> ${value}`
+ : value;
},
replace(label) {
return `#${label} `;