imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor and sort

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2018-05-14 16:09:22 +01:00
parent 49a3770e92
commit 5ef0eece9a
No known key found for this signature in database
GPG key ID: 3F879DA5AD802A5E
1 changed files with 45 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

65
src/components/views/rooms/RoomSettings.js
View file

@ -695,26 +695,51 @@ module.exports = React.createClass({
relatedGroupsEvent={this.props.room.currentState.getStateEvents('m.room.related_groups', '')} relatedGroupsEvent={this.props.room.currentState.getStateEvents('m.room.related_groups', '')}
/>; />;
let userLevelsSection; let privilegedUsersSection = <div>{ _t('No users have specific privileges in this room') }.</div>; // default
let mutedUsersSection;
if (Object.keys(userLevels).length) { if (Object.keys(userLevels).length) {
userLevelsSection = const privilegedUsers = [];
<div> const mutedUsers = [];
<h3>{ _t('Privileged Users') }</h3>
<ul className="mx_RoomSettings_userLevels"> Object.keys(userLevels).forEach(function(user) {
{ Object.keys(userLevels).map(function(user, i) { if (userLevels[user] > defaultUserLevel) { // privileged
return ( privilegedUsers.push(<li className="mx_RoomSettings_userLevel" key={user}>
<li className="mx_RoomSettings_userLevel" key={user}> { _t("%(user)s is a %(userRole)s", {
{ _t("%(user)s is a %(userRole)s", { user: user,
user: user, userRole: <PowerSelector value={userLevels[user]} disabled={true} />,
userRole: <PowerSelector value={userLevels[user]} disabled={true} />,
}) }
</li>
);
}) } }) }
</ul> </li>);
</div>; } else if (userLevels[user] < defaultUserLevel) { // muted
} else { mutedUsers.push(<li className="mx_RoomSettings_userLevel" key={user}>
userLevelsSection = <div>{ _t('No users have specific privileges in this room') }.</div>; { _t("%(user)s is a %(userRole)s", {
user: user,
userRole: <PowerSelector value={userLevels[user]} disabled={true} />,
}) }
</li>);
}
});
privilegedUsers.sort((a, b) => userLevels[b.key] - userLevels[a.key]);
mutedUsers.sort((a, b) => userLevels[a.key] - userLevels[b.key]);
if (privilegedUsers.length) {
privilegedUsersSection =
<div>
<h3>{ _t('Privileged Users') }</h3>
<ul className="mx_RoomSettings_userLevels">
{ privilegedUsers }
</ul>
</div>;
}
if (mutedUsers.length) {
mutedUsersSection =
<div>
<h3>{ _t('Muted Users') }</h3>
<ul className="mx_RoomSettings_userLevels">
{ mutedUsers }
</ul>
</div>;
}
} }
const banned = this.props.room.getMembersWithMembership("ban"); const banned = this.props.room.getMembersWithMembership("ban");
@ -979,8 +1004,8 @@ module.exports = React.createClass({
{ unfederatableSection } { unfederatableSection }
</div> </div>
{ userLevelsSection } { privilegedUsersSection }
{ mutedUsersSection }
{ bannedUsersSection } { bannedUsersSection }
<h3>{ _t('Advanced') }</h3> <h3>{ _t('Advanced') }</h3>