PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

CSS classes to colour offline users differently

Browse source 
So we can use the same 66% opacity as idle tiles for offline-with-last-active-time to reduce the visual jarring
This commit is contained in:
David Baker 2016-07-14 17:41:07 +01:00
parent a5272542ef
commit a49a545161
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/views/rooms/EntityTile.js
View file

@ -29,6 +29,23 @@ var PRESENCE_CLASS = {
"unavailable": "mx_EntityTile_unavailable"
};
function presence_class_for_member(presence_state, last_active_ago) {
// offline is split into two categories depending on whether we have
// a last_active_ago for them.
if (presence_state == 'offline') {
if (last_active_ago) {
return PRESENCE_CLASS['offline'] + '_beenactive';
} else {
return PRESENCE_CLASS['offline'] + '_neveractive';
}
} else if (presence_state) {
return PRESENCE_CLASS[presence_state];
} else {
return PRESENCE_CLASS['offline'];
}
}
module.exports = React.createClass({
displayName: 'EntityTile',
@ -79,7 +96,10 @@ module.exports = React.createClass({
},
render: function() {
var presenceClass = PRESENCE_CLASS[this.props.presenceState] || "mx_EntityTile_offline";
const presenceClass = presence_class_for_member(
this.props.presenceState, this.props.presenceLastActiveAgo
);
var mainClassName = "mx_EntityTile ";
mainClassName += presenceClass + (this.props.className ? (" " + this.props.className) : "");
var nameEl;