// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import React from 'react';
import SuggestionStore from 'stores/suggestion_store.jsx';
import ChannelStore from 'stores/channel_store.jsx';
import UserStore from 'stores/user_store.jsx';
import * as Utils from 'utils/utils.jsx';
import Client from 'utils/web_client.jsx';
import {FormattedMessage} from 'react-intl';
import Suggestion from './suggestion.jsx';
const MaxUserSuggestions = 40;
class AtMentionSuggestion extends Suggestion {
render() {
const isSelection = this.props.isSelection;
const user = this.props.item;
let username;
let description;
let icon;
if (user.username === 'all') {
username = 'all';
description = (
);
icon = ;
} else if (user.username === 'channel') {
username = 'channel';
description = (
);
icon = ;
} else {
username = user.username;
if ((user.first_name || user.last_name) && user.nickname) {
description = ` - ${Utils.getFullName(user)} (${user.nickname})`;
} else if (user.nickname) {
description = ` - (${user.nickname})`;
} else if (user.first_name || user.last_name) {
description = ` - ${Utils.getFullName(user)}`;
}
icon = (
);
}
let className = 'mentions__name';
if (isSelection) {
className += ' suggestion--selected';
}
return (
{icon}
{'@' + username}
{description}
);
}
}
export default class AtMentionProvider {
handlePretextChanged(suggestionId, pretext) {
const captured = (/@([a-z0-9\-\._]*)$/i).exec(pretext.toLowerCase());
if (captured) {
const prefix = captured[1];
const users = UserStore.getActiveOnlyProfiles(true);
const filtered = [];
for (const id of Object.keys(users)) {
const user = users[id];
if (user.delete_at > 0) {
continue;
}
if (user.username.startsWith(prefix) ||
(user.first_name && user.first_name.toLowerCase().startsWith(prefix)) ||
(user.last_name && user.last_name.toLowerCase().startsWith(prefix)) ||
(user.nickname && user.nickname.toLowerCase().startsWith(prefix))) {
filtered.push(user);
}
if (filtered.length >= MaxUserSuggestions) {
break;
}
}
if (!pretext.startsWith('/msg')) {
// add dummy users to represent the @channel and @all special mentions when not using the /msg command
if ('channel'.startsWith(prefix)) {
filtered.push({username: 'channel'});
}
if ('all'.startsWith(prefix)) {
filtered.push({username: 'all'});
}
}
filtered.sort((a, b) => {
const aPrefix = a.username.startsWith(prefix);
const bPrefix = b.username.startsWith(prefix);
if (aPrefix === bPrefix) {
return a.username.localeCompare(b.username);
} else if (aPrefix) {
return -1;
}
return 1;
});
const mentions = filtered.map((user) => '@' + user.username);
SuggestionStore.addSuggestions(suggestionId, mentions, filtered, AtMentionSuggestion, captured[0]);
}
}
}