2013-08-12 23:31:23 +02:00
<div class="row-fluid">
<div class="span12">
2014-01-27 21:48:23 +01:00
<div class="administration">
2013-11-22 01:12:53 +01:00
<div class="alert" id="administration-status"></div>
2015-11-17 05:58:13 +01:00
<h1><i class="icon-vector-bolt administration-icon"></i>Administration</h1>
2016-01-12 13:23:02 +01:00
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#organization" aria-controls="organization" role="tab" data-toggle="tab"><i class="icon-vector-gear settings-section-icon"></i> Organization settings</a>
</li>
<li role="presentation">
<a href="#users" aria-controls="users" role="tab" data-toggle="tab"><i class="icon-vector-user settings-section-icon"></i> Users</a>
</li>
<li role="presentation">
<a href="#deactivated-users" aria-controls="deactivated-users" role="tab" data-toggle="tab"><i class="icon-vector-trash settings-section-icon"></i> Deactivated Users</a>
</li>
<li role="presentation">
<a href="#bots" aria-controls="bots" role="tab" data-toggle="tab"><i class="icon-vector-github settings-section-icon"></i> Bots</a>
</li>
<li role="presentation">
<a href="#streams" aria-controls="streams" role="tab" data-toggle="tab"><i class="icon-vector-exchange settings-section-icon"></i> Streams Deletion</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="organization">
<div id="organization-settings" class="settings-section">
<div class="settings-section-title"><i class="icon-vector-gear settings-section-icon"></i>
Organization settings</div>
<form class="form-horizontal admin-realm-form">
<div class="control-group admin-realm">
<div class="alert" id="admin-realm-name-status"></div>
<div class="alert" id="admin-realm-restricted-to-domain-status"></div>
<div class="alert" id="admin-realm-invite-required-status"></div>
<div class="alert" id="admin-realm-invite-by-admins-only-status"></div>
<label for="realm_name" class="control-label">Your organization's name</label>
<div class="controls">
<input type="text" id="id_realm_name" name="realm_name" class="admin-realm-name"
value=" {{ realm_name }} " />
</div>
</div>
<div class="control-group">
<label for="realm_restricted_to_domain" title="If checked, only users with an @ {{ domain }} e-mail address will be able to join the organization." class="control-label">Users restricted to {{ domain }} </label>
<div class="controls">
<input type="checkbox" id="id_realm_restricted_to_domain" name="realm_restricted_to_domain" {{ # if realm_restricted_to_domain }} checked="checked" {{ / if }} />
</div>
</div>
<div class="control-group">
<label for="realm_invite_required" title="If checked, users must be invited in order to join your organization." class="control-label">E-mail invitation required</label>
<div class="controls">
<input type="checkbox" id="id_realm_invite_required" name="realm_invite_required" {{ # if realm_invite_required }} checked="checked" {{ / if }} />
</div>
</div>
<div class="control-group">
<label for="realm_invite_by_admins_only" id="id_realm_invite_by_admins_only_label" title="If checked, only administrators may invite new users." class="control-label {{ # unless realm_invite_required }} control-label-disabled {{ / unless }} ">Only admins may invite</label>
<div class="controls">
<input type="checkbox" id="id_realm_invite_by_admins_only" name="realm_invite_by_admins_only" {{ # unless realm_invite_required }} disabled="disabled" {{ / unless }} {{ # if realm_invite_by_admins_only }} checked="checked" {{ / if }} />
</div>
</div>
<div class="controls organization-submission">
<input type="submit" class="btn btn-big btn-primary" value="Save changes" />
</div>
</form>
2014-02-03 20:14:18 +01:00
</div>
</div>
2016-01-12 13:23:02 +01:00
<div role="tabpanel" class="tab-pane" id="users">
<div id="admin-user-list" class="settings-section">
<div class="settings-section-title"><i class="icon-vector-user settings-section-icon"></i>
Users</div>
<table class="table table-condensed table-striped">
<tbody id="admin_users_table" class="admin_user_table">
<th>Name</th>
<th>Email</th>
<th>Actions</th>
</tbody>
</table>
<div id="admin_page_users_loading_indicator"></div>
2015-08-20 02:38:32 +02:00
</div>
</div>
2016-01-12 13:23:02 +01:00
<div role="tabpanel" class="tab-pane" id="deactivated-users">
<div id="admin-deactivated-users-list" class="settings-section">
<div class="settings-section-title"><i class="icon-vector-trash settings-section-icon"></i>
Deactivated Users</div>
<table class="table table-condensed table-striped">
<tbody id="admin_deactivated_users_table" class="admin_user_table">
<th>Name</th>
<th>Email</th>
<th>Actions</th>
</tbody>
</table>
<div id="admin_page_deactivated_users_loading_indicator"></div>
2015-08-20 02:38:32 +02:00
</div>
</div>
2016-01-12 13:23:02 +01:00
<div role="tabpanel" class="tab-pane" id="bots">
<div id="admin-user-list" class="settings-section">
<div class="settings-section-title"><i class="icon-vector-github settings-section-icon"></i>
Bots</div>
<table class="table table-condensed table-striped">
<tbody id="admin_bots_table" class="admin_bot_table">
<th>Name</th>
<th>Email</th>
<th>Owner</th>
<th>Actions</th>
</tbody>
</table>
<div id="admin_page_bots_loading_indicator"></div>
2015-08-20 21:25:30 +02:00
</div>
</div>
2016-01-12 13:23:02 +01:00
<div role="tabpanel" class="tab-pane" id="streams">
<div id="admin-streams-list" class="settings-section">
<div class="settings-section-title"><i class="icon-vector-exchange settings-section-icon"></i>
Streams Deletion</div>
<p class="admin-streams-note">Most stream administration is done on the <a href="/#subscriptions">subscriptions page</a>.</p>
2015-11-17 05:58:13 +01:00
2016-01-12 13:23:02 +01:00
<table class="table table-condensed table-striped">
<tbody id="admin_streams_table" class="admin_stream_table">
<th>Name</th>
<th>Actions</th>
</tbody>
</table>
<div id="admin_page_streams_loading_indicator"></div>
</div>
</div>
2015-11-17 05:58:13 +01:00
</div>
2013-11-22 01:12:53 +01:00
<div id="deactivation_user_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="deactivation_user_modal_label" aria-hidden="true">
2013-08-12 23:31:23 +02:00
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">× </button>
2013-11-22 01:12:53 +01:00
<h3 id="deactivation_user_modal_label">Deactivate <span class="email"></span></h3>
2013-08-12 23:31:23 +02:00
</div>
<div class="modal-body">
2014-07-16 22:43:14 +02:00
<p>By deactivating <strong><span class="user_name"></span></strong> <<span class="email"></span>>, they will be logged out immediately.</p>
2013-08-12 23:31:23 +02:00
<p>Their password will be cleared from our systems, and any bots they maintain will be disabled.</p>
</div>
<div class="modal-footer">
2014-03-06 23:19:05 +01:00
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
2013-11-22 01:12:53 +01:00
<button class="btn btn-danger" id="do_deactivate_user_button">Deactivate now</button>
</div>
</div>
<div id="deactivation_stream_modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="deactivation_stream_modal_label" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">× </button>
2014-01-27 21:08:02 +01:00
<h3 id="deactivation_stream_modal_label">Delete stream <span class="stream_name"></span></h3>
2013-11-22 01:12:53 +01:00
</div>
<div class="modal-body">
2014-01-27 21:08:02 +01:00
<p>Deleting this stream will immediately unsubscribe everyone, and the stream's content will not be recoverable. <strong>Are you sure you want to do this?</strong></p>
2013-11-22 01:12:53 +01:00
</div>
<div class="modal-footer">
2014-03-06 23:19:05 +01:00
<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
2014-01-27 21:08:02 +01:00
<button class="btn btn-danger" id="do_deactivate_stream_button">Yes, delete this stream</button>
2013-08-12 23:31:23 +02:00
</div>
</div>
</div>
</div>
</div>