1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
// See License.txt for license information.
var utils = require('../utils/utils.jsx');
var UserStore = require('../stores/user_store.jsx');
function getStateFromStores(userId) {
var profile = UserStore.getProfile(userId);
if (profile == null) {
return { profile: { id: "0", username: "..."} };
} else {
return { profile: profile };
}
}
var id = 0;
function nextId() {
id = id + 1;
return id;
}
module.exports = React.createClass({
uniqueId: null,
componentDidMount: function() {
UserStore.addChangeListener(this._onChange);
$("#profile_" + this.uniqueId).popover({placement : 'right', container: 'body', trigger: 'hover', html: true, delay: { "show": 200, "hide": 100 }});
$('body').tooltip( {selector: '[data-toggle=tooltip]', trigger: 'hover click'} );
},
componentWillUnmount: function() {
UserStore.removeChangeListener(this._onChange);
},
_onChange: function(id) {
if (id == this.props.userId) {
var newState = getStateFromStores(this.props.userId);
if (!utils.areStatesEqual(newState, this.state)) {
this.setState(newState);
}
}
},
componentWillReceiveProps: function(nextProps) {
if (this.props.userId != nextProps.userId) {
this.setState(getStateFromStores(nextProps.userId));
}
},
getInitialState: function() {
this.uniqueId = nextId();
return getStateFromStores(this.props.userId);
},
render: function() {
var name = this.props.overwriteName ? this.props.overwriteName : this.state.profile.username;
var data_content = "<img class='user-popover__image' src='/api/v1/users/" + this.state.profile.id + "/image?time=" + this.state.profile.update_at + "' height='128' width='128' />";
if (!config.ShowEmail) {
data_content += "<div class='text-nowrap'>Email not shared</div>";
} else {
data_content += "<div data-toggle='tooltip' title= '" + this.state.profile.email + "'><a href='mailto:" + this.state.profile.email + "' class='text-nowrap text-lowercase user-popover__email'>" + this.state.profile.email + "</a></div>";
}
return (
<div className="user-popover" id={"profile_" + this.uniqueId} data-toggle="popover" data-content={data_content} data-original-title={this.state.profile.username} >
{ name }
</div>
);
}
});
|
