Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity
032d019029
xmpp.chapril.org-conversejs/src/templates/moderator_tools_modal.html

171 lines
12 KiB
HTML
Raw Normal View History

Add a new command `/modtools` in which you can set user affiliations and roles. Also, let getAffiliationList return an Error instead of `null` if you're not allowed to fetch a particular affiliation list.
2019-07-04 14:12:12 +02:00
<div class="modal" id="list-chatrooms-modal" tabindex="-1" role="dialog" aria-labelledby="list-chatrooms-modal-label" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"
id="list-chatrooms-modal-label">{{{o.__('Moderator Tools')}}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body d-flex flex-column">
<ul class="nav nav-pills justify-content-center">
<li role="presentation" class="nav-item">
<a class="nav-link active" id="roles-tab" href="#roles-tabpanel" aria-controls="roles-tabpanel" role="tab" data-toggle="tab">Roles</a>
</li>
<li role="presentation" class="nav-item">
<a class="nav-link" id="affiliations-tab" href="#affiliations-tabpanel" aria-controls="affiliations-tabpanel" role="tab" data-toggle="tab">Affiliations</a>
</li>
</ul>
<div class="tab-content">
modtools: Test that error renders when not allowed to fetch affiliation list Also fix scrolling bug
2019-08-12 12:45:12 +02:00
<div class="tab-pane tab-pane--columns active" id="roles-tabpanel" role="tabpanel" aria-labelledby="roles-tab">
Add a new command `/modtools` in which you can set user affiliations and roles. Also, let getAffiliationList return an Error instead of `null` if you're not allowed to fetch a particular affiliation list.
2019-07-04 14:12:12 +02:00
<form class="converse-form query-role">
<div class="form-group">
<label for="role">
<strong>{{{o.__('Role')}}}:</strong>
</label>
<div class="row">
<div class="col">
<select class="custom-select select-role" name="role">
{[ o.roles.forEach(function (role) { ]}
<option value="{{{role}}}" {[ if (role === o.role) { ]} selected="selected" {[ } ]}>{{{role}}}</option>
{[ }); ]}
</select>
</div>
<div class="col">
<input type="submit" class="btn btn-primary" name="users_with_role" value="{{{o.__('Show users')}}}"/>
</div>
</div>
</div>
</form>
<div class="scrollable-container">
<ul class="list-group list-group--users">
{[ if (o.loading_users_with_role) { ]}
<li class="list-group-item"> <span class="spinner fa fa-spinner centered"/> </li>
{[ } ]}
{[ if (o.users_with_role && o.users_with_role.length === 0) { ]}
<li class="list-group-item">{{{o.__('No users with that role found.')}}}</li>
{[ } ]}
{[ (o.users_with_role || []).forEach(function (item) { ]}
<li class="list-group-item">
<ul class="list-group">
<li class="list-group-item active">
<div><strong>JID:</strong> {{{item.jid}}}</div>
</li>
<li class="list-group-item">
<div><strong>Nickname:</strong> {{{item.nick}}}</div>
</li>
<li class="list-group-item">
<div><strong>Role:</strong> {{{item.role}}}<a href="#" data-form="role-form" class="toggle-form right fa fa-wrench"></a></div>
<form class="role-form hidden">
<div class="form-group">
<input type="hidden" name="jid" value="{{{item.jid}}}"/>
<input type="hidden" name="nick" value="{{{item.nick}}}"/>
<div class="row">
<div class="col">
<label><strong>{{{o.__('New Role')}}}:</strong></label>
<select class="custom-select select-role" name="role">
{[ o.allowed_roles.forEach(function (role) { ]}
<option value="{{{role}}}" {[ if (role === item.role) { ]} selected="selected" {[ } ]}>{{{role}}}</option>
{[ }); ]}
</select>
</div>
<div class="col">
<label><strong>{{{o.__('Reason')}}}:</strong></label>
<input class="form-control" type="text" name="reason"/>
</div>
</div>
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary" value="{{{o.__('Change role')}}}"/>
</div>
</form>
</li>
</ul>
</li>
{[ }); ]}
</ul>
</div>
</div>
modtools: Test that error renders when not allowed to fetch affiliation list Also fix scrolling bug
2019-08-12 12:45:12 +02:00
<div class="tab-pane tab-pane--columns" id="affiliations-tabpanel" role="tabpanel" aria-labelledby="affiliations-tab">
Add a new command `/modtools` in which you can set user affiliations and roles. Also, let getAffiliationList return an Error instead of `null` if you're not allowed to fetch a particular affiliation list.
2019-07-04 14:12:12 +02:00
<form class="converse-form query-affiliation">
<div class="form-group">
<label for="affiliation">
<strong>{{{o.__('Affiliation')}}}:</strong>
</label>
<div class="row">
<div class="col">
<select class="custom-select select-affiliation" name="affiliation">
{[ o.affiliations.forEach(function (aff) { ]}
<option value="{{{aff}}}" {[ if (aff === o.affiliation) { ]} selected="selected" {[ } ]}>{{{aff}}}</option>
{[ }); ]}
</select>
</div>
<div class="col">
<input type="submit" class="btn btn-primary" name="users_with_affiliation" value="{{{o.__('Show users')}}}"/>
</div>
</div>
</div>
</form>
modtools: Test that error renders when not allowed to fetch affiliation list Also fix scrolling bug
2019-08-12 12:45:12 +02:00
<div class="scrollable-container">
Add a new command `/modtools` in which you can set user affiliations and roles. Also, let getAffiliationList return an Error instead of `null` if you're not allowed to fetch a particular affiliation list.
2019-07-04 14:12:12 +02:00
<ul class="list-group list-group--users">
{[ if (o.loading_users_with_affiliation) { ]}
<li class="list-group-item"> <span class="spinner fa fa-spinner centered"/> </li>
{[ } else { ]}
{[ if (o.users_with_affiliation && o.users_with_affiliation.length === 0) { ]}
<li class="list-group-item">{{{o.__('No users with that affiliation found.')}}}</li>
modtools: Test that error renders when not allowed to fetch affiliation list Also fix scrolling bug
2019-08-12 12:45:12 +02:00
{[ } else if (o.users_with_affiliation instanceof Error) { ]}
Add a new command `/modtools` in which you can set user affiliations and roles. Also, let getAffiliationList return an Error instead of `null` if you're not allowed to fetch a particular affiliation list.
2019-07-04 14:12:12 +02:00
<li class="list-group-item">{{{o.users_with_affiliation.message}}}</li>
modtools: Test that error renders when not allowed to fetch affiliation list Also fix scrolling bug
2019-08-12 12:45:12 +02:00
{[ } else { ]}
{[ (o.users_with_affiliation || []).forEach(function (item) { ]}
<li class="list-group-item">
<ul class="list-group">
<li class="list-group-item active">
<div><strong>JID:</strong> {{{item.jid}}}</div>
</li>
<li class="list-group-item">
<div><strong>Nickname:</strong> {{{item.nick}}}</div>
</li>
<li class="list-group-item">
<div><strong>Affiliation:</strong> {{{item.affiliation}}} <a href="#" data-form="affiliation-form" class="toggle-form right fa fa-wrench"></a></div>
<form class="affiliation-form hidden">
<div class="form-group">
<input type="hidden" name="jid" value="{{{item.jid}}}"/>
<input type="hidden" name="nick" value="{{{item.nick}}}"/>
<div class="row">
<div class="col">
<label><strong>{{{o.__('New affiliation')}}}:</strong></label>
<select class="custom-select select-affiliation" name="affiliation">
{[ o.allowed_affiliations.forEach(function (aff) { ]}
<option value="{{{aff}}}" {[ if (aff === item.affiliation) { ]} selected="selected" {[ } ]}>{{{aff}}}</option>
{[ }); ]}
</select>
</div>
<div class="col">
<label><strong>{{{o.__('Reason')}}}:</strong></label>
<input class="form-control" type="text" name="reason"/>
</div>
Add a new command `/modtools` in which you can set user affiliations and roles. Also, let getAffiliationList return an Error instead of `null` if you're not allowed to fetch a particular affiliation list.
2019-07-04 14:12:12 +02:00
</div>
</div>
modtools: Test that error renders when not allowed to fetch affiliation list Also fix scrolling bug
2019-08-12 12:45:12 +02:00
<div class="form-group">
<input type="submit" class="btn btn-primary" name="change" value="{{{o.__('Change affiliation')}}}"/>
</div>
</form>
</li>
</ul>
</li>
{[ }); ]}
{[ } ]}
Add a new command `/modtools` in which you can set user affiliations and roles. Also, let getAffiliationList return an Error instead of `null` if you're not allowed to fetch a particular affiliation list.
2019-07-04 14:12:12 +02:00
{[ } ]}
</ul>
modtools: Test that error renders when not allowed to fetch affiliation list Also fix scrolling bug
2019-08-12 12:45:12 +02:00
</div>
Add a new command `/modtools` in which you can set user affiliations and roles. Also, let getAffiliationList return an Error instead of `null` if you're not allowed to fetch a particular affiliation list.
2019-07-04 14:12:12 +02:00
</div>
</div>
</div>
</div>
</div>
</div>
Reference in New Issue Copy Permalink