forked from enviPath/enviPy
Implement basic Group handling (#3)
Co-authored-by: Tim Lorsbach <tim@lorsba.ch> Reviewed-on: enviPath/enviPy#3
This commit is contained in:
@ -0,0 +1,8 @@
|
||||
<li>
|
||||
<a role="button" data-toggle="modal" data-target="#delete_group_modal">
|
||||
<i class="glyphicon glyphicon-trash"></i> Delete Group</a>
|
||||
</li>
|
||||
<li>
|
||||
<a role="button" data-toggle="modal" data-target="#edit_group_member_modal">
|
||||
<i class="glyphicon glyphicon-trash"></i> Add/Remove Member</a>
|
||||
</li>
|
||||
38
templates/modals/objects/delete_group_modal.html
Normal file
38
templates/modals/objects/delete_group_modal.html
Normal file
@ -0,0 +1,38 @@
|
||||
{% load static %}
|
||||
<!-- Delete Group -->
|
||||
<div id="delete_group_modal" class="modal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Delete Group</h3>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="alert alert-danger">
|
||||
Clicking "Delete" will <strong>permanently</strong> delete the Group.
|
||||
This action can't be undone!
|
||||
</div>
|
||||
<form id="delete-group-modal-form" accept-charset="UTF-8" action="" data-remote="true" method="post">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="hidden" value="delete-group">
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-danger" id="delete-group-modal-submit">Delete</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(function() {
|
||||
|
||||
$('#delete-group-modal-submit').click(function(e){
|
||||
e.preventDefault();
|
||||
$('#delete-group-modal-form').submit();
|
||||
});
|
||||
|
||||
})
|
||||
</script>
|
||||
@ -16,7 +16,7 @@
|
||||
</div>
|
||||
<form id="delete-user-modal-form" accept-charset="UTF-8" action="" data-remote="true" method="post">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="hidden" value="delete-model">
|
||||
<input type="hidden" name="hidden" value="delete-user">
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
|
||||
120
templates/modals/objects/edit_group_member_modal.html
Normal file
120
templates/modals/objects/edit_group_member_modal.html
Normal file
@ -0,0 +1,120 @@
|
||||
{% load static %}
|
||||
<!-- Edit Package Permission -->
|
||||
<div id="edit_group_member_modal" class="modal" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Add or Remove Group Member</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>
|
||||
To add member (either User or entire Groups) to this group select the entity you want to add below
|
||||
and click the check mark.
|
||||
<br>
|
||||
To remove member simply click the <code>X</code> next to the member.
|
||||
</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-8">
|
||||
<legend>User or Group</legend>
|
||||
</div>
|
||||
<div class="col-xs-4">
|
||||
<legend>Add/Remove</legend>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<form id="modal-form-group-member" class="form-inline" role="form" accept-charset="UTF-8" action=""
|
||||
data-remote="true" method="post">
|
||||
{% csrf_token %}
|
||||
<div class="col-xs-8">
|
||||
<select id="select_member" name="member" data-actions-box='true'
|
||||
class="selPackages" data-width='100%'>
|
||||
<option disabled selected>User</option>
|
||||
{% for u in users %}
|
||||
<option value="{{ u.url }}">{{ u.username }}</option>
|
||||
{% endfor %}
|
||||
<option disabled>Groups</option>
|
||||
{% for g in groups %}
|
||||
<option value="{{ g.url }}">{{ g.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<input type="hidden" name="action" value="add">
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
<button type="submit" style="width:60%;" class="btn col-xs-2">
|
||||
<span class="glyphicon glyphicon-ok"></span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<p></p>
|
||||
{% for u in group.user_member.all %}
|
||||
<div class="row">
|
||||
<form id="modal-form-group-member_{{ u.uuid }}" class="form-inline" role="form"
|
||||
accept-charset="UTF-8" action="" data-remote="true" method="post">
|
||||
{% csrf_token %}
|
||||
<div class="col-xs-8">
|
||||
{{ u.username }}
|
||||
<input type="hidden" name="member" value="{{ u.url }}"/>
|
||||
<input type="hidden" name="action" value="remove">
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
<button type="submit" style="width:60%;" class="btn col-xs-2">
|
||||
<span class="glyphicon glyphicon-trash"></span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<p></p>
|
||||
{% for g in group.group_member.all %}
|
||||
<div class="row">
|
||||
<form id="modal-form-group-member_{{ g.uuid }}" class="form-inline" role="form"
|
||||
accept-charset="UTF-8" action="" data-remote="true" method="post">
|
||||
{% csrf_token %}
|
||||
<div class="col-xs-8">
|
||||
{{ g.name }}
|
||||
<input type="hidden" name="member" value="{{ g.url }}"/>
|
||||
<input type="hidden" name="action" value="remove">
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
</div>
|
||||
<div class="col-xs-2">
|
||||
<button type="submit" style="width:60%;" class="btn col-xs-2">
|
||||
<span class="glyphicon glyphicon-trash"></span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary" id="edit-package-modal-submit">Update</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
|
||||
$(function() {
|
||||
|
||||
$('#edit-package-modal-submit').click(function(e){
|
||||
e.preventDefault();
|
||||
$('#edit-package-modal-form').submit();
|
||||
});
|
||||
|
||||
$("#select_member").selectpicker();
|
||||
|
||||
})
|
||||
</script>
|
||||
@ -66,7 +66,7 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<p></p>
|
||||
{% for up in user_permissions %}
|
||||
<div class="row">
|
||||
<form id="modal-form-permissions_{{ up.user.uuid }}" class="form-inline" role="form"
|
||||
@ -93,7 +93,7 @@
|
||||
</form>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<p></p>
|
||||
{% for gp in group_permissions %}
|
||||
<div class="row">
|
||||
<form id="modal-form-permissions_{{ gp.user.uuid }}" class="form-inline" role="form"
|
||||
|
||||
@ -4,6 +4,8 @@
|
||||
|
||||
{% block action_modals %}
|
||||
{% include "modals/objects/edit_group_modal.html" %}
|
||||
{% include "modals/objects/edit_group_member_modal.html" %}
|
||||
{% include "modals/objects/delete_group_modal.html" %}
|
||||
{% endblock action_modals %}
|
||||
|
||||
<div class="panel-group" id="package-detail">
|
||||
@ -27,5 +29,36 @@
|
||||
<p> {{ group.description }} </p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p></p>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div id="member-panel" style="font-size:2rem;height: 46px" class="panel-heading">Members</div>
|
||||
<div class="panel-body">
|
||||
<p>List of members of this group</p>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
{% for um in group.user_member.all %}
|
||||
<a class="list-group-item" href="{{ um.url }}">{{ um.username }}</a>
|
||||
{% endfor %}
|
||||
{% for gm in group.group_member.all %}
|
||||
<a class="list-group-item" href="{{ gm.url }}">{{ gm.name }}</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<p></p>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div id="package-panel" style="font-size:2rem;height: 46px" class="panel-heading">Packages</div>
|
||||
<div class="panel-body">
|
||||
<p>Packages where this group has access to</p>
|
||||
</div>
|
||||
<ul class="list-group">
|
||||
{% for p in packages %}
|
||||
<a class="list-group-item" href="{{ p.url }}">{{ p.name }}</a>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock content %}
|
||||
|
||||
Reference in New Issue
Block a user