external
/
mailinabox
mirror of https://github.com/mail-in-a-box/mailinabox.git
1
0
Fork 0
Code Issues Releases Wiki Activity

admin: simplify the users table a bit

This commit is contained in:
Joshua Tauberer 2014-09-21 17:06:38 +00:00
parent c7c3bd33cf
commit 8dfbb90f3a
1 changed files with 23 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
management/templates/users.html
View File

@ -2,12 +2,12 @@
<style> <style>
#user_table tr.account_inactive td .address { color: #888; text-decoration: line-through; } #user_table tr.account_inactive td .address { color: #888; text-decoration: line-through; }
#user_table .aliases { margin: .25em 0 0 1em; font-size: 95%; } #user_table .aliases { margin-top: .33em; font-size: 95%; }
#user_table .aliases div:before { content: "⇖ "; } #user_table .aliases div:before { content: "⇖ "; }
#user_table .aliases div { } #user_table .aliases div { }
#user_table .actions { margin: .25em 0 0 1em; font-size: 95%; } #user_table .actions { margin-top: .33em; font-size: 95%; }
#user_table .account_inactive .actions a.archive { display: none; } #user_table .account_inactive .if_active { display: none; }
#user_table .account_active .actions .restore { display: none; } #user_table .account_active .if_inactive { display: none; }
</style> </style>
<h3>Add a mail user</h3> <h3>Add a mail user</h3>
@ -38,13 +38,6 @@
<h3>Existing mail users</h3> <h3>Existing mail users</h3>
<table id="user_table" class="table" style="width: auto"> <table id="user_table" class="table" style="width: auto">
<thead>
<tr>
<th></th>
<th>Email Address<br><small style="font-weight: normal">(Also the user&rsquo;s login username.)</small></th>
<th>Privileges</th>
</tr>
</thead>
<tbody> <tbody>
</tbody> </tbody>
</table> </table>
@ -52,19 +45,25 @@
<div style="display: none"> <div style="display: none">
<table> <table>
<tr id="user-template"> <tr id="user-template">
<td class='actions'>
<a href="#" onclick="users_remove(this); return false;" class='archive' title="Archive Account">
<span class="glyphicon glyphicon-trash"></span>
</a>
</td>
<td class='email'> <td class='email'>
<div class='address'> </div> <div class='address'> </div>
<div class='aliases' style='display: none'> </div>
<div class='actions'> <div class='actions'>
<span class='restore' style='color: #888; font-size: 90%'>To restore account, create a new account with this email address.</span> <span class='privs'>
</span>
<span class='add-privs'>
</span>
<a href="#" onclick="users_remove(this); return false;" class='if_active' title="Archive Account">
archive account
</a>
<div class='if_inactive' style='color: #888; font-size: 90%'>To restore account, create a new account with this email address.</div>
</div> </div>
<div class='aliases' style='display: none'> </div>
</td> </td>
<td class='privs'> </td>
</tr> </tr>
</table> </table>
</div> </div>
@ -88,22 +87,22 @@ function show_users() {
n.find('td.email .address').text(r[i].email) n.find('td.email .address').text(r[i].email)
$('#user_table tbody').append(n); $('#user_table tbody').append(n);
if (r[i].status == 'inactive') continue; if (r[i].status == 'inactive') continue;
var add_privs = ["admin"]; var add_privs = ["admin"];
for (var j = 0; j < r[i].privileges.length; j++) { for (var j = 0; j < r[i].privileges.length; j++) {
var p = $("<div><span class='name'></span> <a href='#' onclick='mod_priv(this, \"remove\"); return false;' title='Remove Privilege'><span class=\"glyphicon glyphicon-trash\" style='font-size: 90%'></span></a></div>"); var p = $("<span><b><span class='name'></span></b> (<a href='#' onclick='mod_priv(this, \"remove\"); return false;' title='Remove Privilege'>remove privilege</a>) |</span>");
p.find('span.name').text(r[i].privileges[j]); p.find('span.name').text(r[i].privileges[j]);
n.find('td.privs').append(p); n.find('.privs').append(p);
if (add_privs.indexOf(r[i].privileges[j]) >= 0) if (add_privs.indexOf(r[i].privileges[j]) >= 0)
add_privs.splice(add_privs.indexOf(r[i].privileges[j]), 1); add_privs.splice(add_privs.indexOf(r[i].privileges[j]), 1);
} }
for (var j = 0; j < add_privs.length; j++) { for (var j = 0; j < add_privs.length; j++) {
var p = $("<div><small><a href='#' onclick='mod_priv(this, \"add\"); return false;' title='Add Privilege'><span class=\"glyphicon glyphicon-plus\" style='font-size: 80%'></span><span class='name' style='padding-left: 3px'></span></a></small></div>"); var p = $("<span><a href='#' onclick='mod_priv(this, \"add\"); return false;' title='Add Privilege'>make <span class='name'></span></a> | </span>");
p.find('span.name').text(add_privs[j]); p.find('span.name').text(add_privs[j]);
n.find('.email .actions').append(p); n.find('.add-privs').append(p);
} }
if (r[i].aliases && r[i].aliases.length > 0) { if (r[i].aliases && r[i].aliases.length > 0) {