ponytracker/templates/accounts/user_details.html
2014-09-06 00:51:27 -07:00

132 lines
5.1 KiB
HTML

{% extends 'base_admin.html' %}
{% load staticfiles %}
{% load humanize %}
{% load bootstrap3 %}
{% block css %}
<link rel="stylesheet" href="{% static 'css/autocomplete.css' %}">
{% endblock %}
{% block usertab %} class="active"{% endblock %}
{% block moretabs %}
<a href="{% url 'add-user' %}" class="pull-right btn btn-success">Add user</a>
{% endblock %}
{% block tabcontent %}
<div class="page-header">
<h1>
User {{ user }}
&#160;
<small>
<span id="groups-counter">{{ user.groups.count }}</span> groups
<span id="teams-counter">{{ user.teams.count }}</span> teams
</small>
<div class="pull-right">
{% if user.is_active %}
<a href="{% url 'disable-user' user.id %}" class="btn btn-default"><span class="glyphicon glyphicon-ban-circle"></span> disable</a>
{% else %}
<a href="{% url 'activate-user' user.id %}" class="btn btn-default"><span class="glyphicon glyphicon-check"></span> activate</a>
{% endif %}
{% if not external_auth %}
<a href="{% url 'edit-user-password' user.id %}" class="btn btn-info"><span class="glyphicon glyphicon-cog"></span> change password</a>
{% endif %}
<a href="{% url 'edit-user' user.id %}" class="btn btn-primary"><span class="glyphicon glyphicon-edit"></span> edit</a>
<a href="javascript:void(0);" data-item="delete" data-action="{% url 'delete-user' user.id %}" data-toggle="modal" data-target="#confirm-delete" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span> delete</a>
</div>
</h1>
</div>
<ul class="nav nav-tabs" role="tablist">
<li{% if tab == 'group' %} class="active"{% endif %}><a href="#group-pane" role="tab" data-toggle="tab" data-showtab="group" data-hidetab="team">Groups</a></li>
<li{% if tab == 'team' %} class="active"{% endif %}><a href="#team-pane" role="tab" data-toggle="tab" data-showtab="team" data-hidetab="group">Teams</a></li>
{% if group_managment %}
<form class="form-inline pull-right{% if tab == 'team' %} hidden{% endif %}" method="post" action="{% url 'add-group-to-user' user.id %}" role="form" id="add-group-form">
{% csrf_token %}
<div class="form-group">
<div class="input-group ui-widget">
<input type="text" class="form-control" name="group" placeholder="add user to groups" value="">
<div class="input-group-addon">
<a href="javascript:void(0);" onclick="$('#add-group-form').submit();"><span class="glyphicon glyphicon-plus"></span></a>
</div>
</div>
</div>
</form>
{% endif %}
<form class="form-inline pull-right{% if tab == 'group' %} hidden{% endif %}" method="post" action="{% url 'add-team-to-user' user.id %}" role="form" id="add-team-form">
{% csrf_token %}
<div class="form-group">
<div class="input-group ui-widget">
<input type="text" class="form-control" name="team" placeholder="add user to teams" value="">
<div class="input-group-addon">
<a href="javascript:void(0);" onclick="$('#add-team-form').submit();"><span class="glyphicon glyphicon-plus"></span></a>
</div>
</div>
</div>
</form>
</ul>
<br />
<div class="tab-content">
<div class="tab-pane{% if tab == 'group' %} active{% endif %}" id="group-pane">
<ul class="list-group">
<li class="list-group-item{% if user.groups.exists %} hidden{% endif %}" id="groups-empty">
<em>This user belong to no groups.</em>
</li>
{% for group in user.groups.all %}
<li class="list-group-item">
{{ group }}
{% if group_managment %}
<a href="javascript:void(0);" data-href="{% url 'remove-group-from-user' user.id group.id %}" data-type="groups" class="pull-right btn btn-danger btn-xs" role="remove">remove</a>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
<div class="tab-pane{% if tab == 'team' %} active{% endif %}" id="team-pane">
<ul class="list-group">
<li class="list-group-item{% if user.teams.exists %} hidden{% endif %}" id="teams-empty">
<em>This user belong to no teams.</em>
</li>
{% for team in user.teams.all %}
<li class="list-group-item">
{{ team }}
<span class="pull-right">
{% if team in directteams %}
<a href="javascript:void(0);" data-href="{% url 'remove-team-from-user' user.id team.id %}" data-type="teams" class="btn btn-danger btn-xs" role="remove">remove</a>
{% else %}
<em>member throught group</em>
{% endif %}
</span>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}
{% block js_end %}
{{ block.super }}
<script src="{% static 'js/jquery.autocomplete.min.js' %}"></script>
<script type="text/javascript">
$('input[name="group"]').autocomplete({
serviceUrl: "{% url 'add-group-to-user' user.id %}",
onSelect: function (data) {
$('input[name="group"]').val(data.data);
}
});
$('input[name="team"]').autocomplete({
serviceUrl: "{% url 'add-team-to-user' user.id %}",
onSelect: function (data) {
$('input[name="team"]').val(data.data);
}
});
</script>
<script src="{% static 'js/accounts.js' %}"></script>
<script src="{% static 'js/tabswitch.js' %}"></script>
{% endblock %}