mirror of https://github.com/vector-im/riot-web
Merge remote-tracking branch 'origin/develop' into develop
commit
16771cac4f
|
@ -61,9 +61,9 @@ export default withMatrixClient(React.createClass({
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<EntityTile presenceState="online"
|
<EntityTile name={name} avatarJsx={av} onClick={this.onClick}
|
||||||
avatarJsx={av} onClick={this.onClick}
|
suppressOnHover={true} presenceState="online"
|
||||||
name={name} powerLevel={0} suppressOnHover={true}
|
powerStatus={this.props.member.isAdmin ? EntityTile.POWER_STATUS_ADMIN : null}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
|
@ -47,7 +47,7 @@ function presenceClassForMember(presenceState, lastActiveAgo) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
module.exports = React.createClass({
|
const EntityTile = React.createClass({
|
||||||
displayName: 'EntityTile',
|
displayName: 'EntityTile',
|
||||||
|
|
||||||
propTypes: {
|
propTypes: {
|
||||||
|
@ -140,16 +140,19 @@ module.exports = React.createClass({
|
||||||
}
|
}
|
||||||
|
|
||||||
let power;
|
let power;
|
||||||
const powerLevel = this.props.powerLevel;
|
const powerStatus = this.props.powerStatus;
|
||||||
if (powerLevel >= 50 && powerLevel < 99) {
|
if (powerStatus) {
|
||||||
power = <img src="img/mod.svg" className="mx_EntityTile_power" width="16" height="17" alt={_t("Moderator")} />;
|
const src = {
|
||||||
}
|
[EntityTile.POWER_STATUS_MODERATOR]: "img/mod.svg",
|
||||||
if (powerLevel >= 99) {
|
[EntityTile.POWER_STATUS_ADMIN]: "img/admin.svg",
|
||||||
power = <img src="img/admin.svg" className="mx_EntityTile_power" width="16" height="17" alt={_t("Admin")} />;
|
}[powerStatus];
|
||||||
|
const alt = {
|
||||||
|
[EntityTile.POWER_STATUS_MODERATOR]: _t("Moderator"),
|
||||||
|
[EntityTile.POWER_STATUS_ADMIN]: _t("Admin"),
|
||||||
|
}[powerStatus];
|
||||||
|
power = <img src={src} className="mx_EntityTile_power" width="16" height="17" alt={alt} />;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
const MemberAvatar = sdk.getComponent('avatars.MemberAvatar');
|
|
||||||
const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
|
const BaseAvatar = sdk.getComponent('avatars.BaseAvatar');
|
||||||
|
|
||||||
const av = this.props.avatarJsx || <BaseAvatar name={this.props.name} width={36} height={36} />;
|
const av = this.props.avatarJsx || <BaseAvatar name={this.props.name} width={36} height={36} />;
|
||||||
|
@ -168,3 +171,9 @@ module.exports = React.createClass({
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
EntityTile.POWER_STATUS_MODERATOR = "moderator";
|
||||||
|
EntityTile.POWER_STATUS_ADMIN = "admin";
|
||||||
|
|
||||||
|
|
||||||
|
export default EntityTile;
|
||||||
|
|
|
@ -86,13 +86,19 @@ module.exports = React.createClass({
|
||||||
}
|
}
|
||||||
this.member_last_modified_time = member.getLastModifiedTime();
|
this.member_last_modified_time = member.getLastModifiedTime();
|
||||||
|
|
||||||
|
// We deliberately leave power levels that are not 100 or 50 undefined
|
||||||
|
const powerStatus = {
|
||||||
|
100: EntityTile.POWER_STATUS_ADMIN,
|
||||||
|
50: EntityTile.POWER_STATUS_MODERATOR,
|
||||||
|
}[this.props.member.powerLevel];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<EntityTile {...this.props} presenceState={presenceState}
|
<EntityTile {...this.props} presenceState={presenceState}
|
||||||
presenceLastActiveAgo={member.user ? member.user.lastActiveAgo : 0}
|
presenceLastActiveAgo={member.user ? member.user.lastActiveAgo : 0}
|
||||||
presenceLastTs={member.user ? member.user.lastPresenceTs : 0}
|
presenceLastTs={member.user ? member.user.lastPresenceTs : 0}
|
||||||
presenceCurrentlyActive={member.user ? member.user.currentlyActive : false}
|
presenceCurrentlyActive={member.user ? member.user.currentlyActive : false}
|
||||||
avatarJsx={av} title={this.getPowerLabel()} onClick={this.onClick}
|
avatarJsx={av} title={this.getPowerLabel()} onClick={this.onClick}
|
||||||
name={name} powerLevel={this.props.member.powerLevel} />
|
name={name} powerStatus={powerStatus} />
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
|
@ -36,6 +36,7 @@ export function groupMemberFromApiObject(apiObject) {
|
||||||
userId: apiObject.user_id,
|
userId: apiObject.user_id,
|
||||||
displayname: apiObject.displayname,
|
displayname: apiObject.displayname,
|
||||||
avatarUrl: apiObject.avatar_url,
|
avatarUrl: apiObject.avatar_url,
|
||||||
|
isAdmin: apiObject.is_admin,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue