OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

improve banned users layout

pull/21833/head
Matthew Hodgson 2016-01-20 22:47:42 +00:00
parent 41da05f36a
commit 6f6db75ea1
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/views/rooms/RoomSettings.js
View File

@ -599,15 +599,18 @@ module.exports = React.createClass({
var user_levels_section; var user_levels_section;
if (Object.keys(user_levels).length) { if (Object.keys(user_levels).length) {
user_levels_section = user_levels_section =
<ul> <div>
{Object.keys(user_levels).map(function(user, i) { <h3>Privileged Users</h3>
return ( <ul className="mx_RoomSettings_userLevels">
<li className="mx_RoomSettings_userLevel" key={user}> {Object.keys(user_levels).map(function(user, i) {
{ user } is a <PowerSelector value={ user_levels[user] } disabled={true}/> return (
</li> <li className="mx_RoomSettings_userLevel" key={user}>
); { user } is a <PowerSelector value={ user_levels[user] } disabled={true}/>
})} </li>
</ul>; );
})}
</ul>
</div>;
} }
else { else {
user_levels_section = <div>No users have specific privileges in this room.</div> user_levels_section = <div>No users have specific privileges in this room.</div>
@ -619,15 +622,15 @@ module.exports = React.createClass({
banned_users_section = banned_users_section =
<div> <div>
<h3>Banned users</h3> <h3>Banned users</h3>
<div className="mx_RoomSettings_banned"> <ul className="mx_RoomSettings_banned">
{banned.map(function(member, i) { {banned.map(function(member, i) {
return ( return (
<div key={i}> <li key={i}>
{member.userId} {member.userId}
</div> </li>
); );
})} })}
</div> </ul>
</div>; </div>;
} }
@ -730,10 +733,7 @@ module.exports = React.createClass({
{ unfederatable_section } { unfederatable_section }
</div> </div>
<h3>Privileged Users</h3> { user_levels_section }
<div className="mx_RoomSettings_userLevels mx_RoomSettings_settings">
{ user_levels_section }
</div>
{ banned_users_section } { banned_users_section }