diff options
| author | Corey Hulen <corey@hulen.com> | 2016-01-13 09:03:42 -0600 |
|---|---|---|
| committer | Corey Hulen <corey@hulen.com> | 2016-01-13 09:03:42 -0600 |
| commit | 53b0cd8f2a24798c67505aa447b1d53b9f14197e (patch) | |
| tree | ce915cfe2dfea358f4cf2f520f42d3b26f8b9ba4 /web/react/components/admin_console | |
| parent | 1e1864d78fb1ccb0d93e418f2eaa9f438838bd76 (diff) | |
| parent | fff7143a3175458d5a938cc91973ba475dc45456 (diff) | |
| download | chat-53b0cd8f2a24798c67505aa447b1d53b9f14197e.tar.gz chat-53b0cd8f2a24798c67505aa447b1d53b9f14197e.tar.bz2 chat-53b0cd8f2a24798c67505aa447b1d53b9f14197e.zip | |
Merge pull request #1855 from rgarmsen2295/plt-1006
PLT-1006 Changed team statistics page to show usernames with email shown in a tooltip
Diffstat (limited to 'web/react/components/admin_console')
| -rw-r--r-- | web/react/components/admin_console/team_analytics.jsx | 44 |
1 files changed, 40 insertions, 4 deletions
diff --git a/web/react/components/admin_console/team_analytics.jsx b/web/react/components/admin_console/team_analytics.jsx index e28699d3c..fe7230946 100644 --- a/web/react/components/admin_console/team_analytics.jsx +++ b/web/react/components/admin_console/team_analytics.jsx @@ -3,8 +3,12 @@ import * as Client from '../../utils/client.jsx'; import * as Utils from '../../utils/utils.jsx'; +import Constants from '../../utils/constants.jsx'; import LineChart from './line_chart.jsx'; +var Tooltip = ReactBootstrap.Tooltip; +var OverlayTrigger = ReactBootstrap.OverlayTrigger; + export default class TeamAnalytics extends React.Component { constructor(props) { super(props); @@ -314,9 +318,25 @@ export default class TeamAnalytics extends React.Component { <tbody> { this.state.recent_active_users.map((user) => { + const tooltip = ( + <Tooltip id={'recent-user-email-tooltip-' + user.id}> + {user.email} + </Tooltip> + ); + return ( - <tr key={user.id}> - <td>{user.email}</td> + <tr key={'recent-user-table-entry-' + user.id}> + <td> + <OverlayTrigger + delayShow={Constants.OVERLAY_TIME_DELAY} + placement='top' + overlay={tooltip} + > + <time> + {user.username} + </time> + </OverlayTrigger> + </td> <td>{Utils.displayDateTime(user.last_activity_at)}</td> </tr> ); @@ -347,9 +367,25 @@ export default class TeamAnalytics extends React.Component { <tbody> { this.state.newly_created_users.map((user) => { + const tooltip = ( + <Tooltip id={'new-user-email-tooltip-' + user.id}> + {user.email} + </Tooltip> + ); + return ( - <tr key={user.id}> - <td>{user.email}</td> + <tr key={'new-user-table-entry-' + user.id}> + <td> + <OverlayTrigger + delayShow={Constants.OVERLAY_TIME_DELAY} + placement='top' + overlay={tooltip} + > + <time> + {user.username} + </time> + </OverlayTrigger> + </td> <td>{Utils.displayDateTime(user.create_at)}</td> </tr> ); |