list_users.html 2.61 KB
{% extends 'base.html' %}

{% load i18n pagination %}

{% block breadcrumbs %}
    <div class="row">
      	<div class="col-md-12">
        	<ul class="breadcrumb" style="margin-bottom: 5px;">
          		<li><a href="{% url 'app:index' %}">{% trans 'Home' %}</a></li>
              	<li class="active">{% trans 'Manage Users' %}</li>
            </ul>
      	</div>
    </div>
{% endblock %}

{% block sidebar %}
    <div class="panel panel-primary navigation">
        <div class="panel-heading">
            <h5>Menu</h5>
        </div>
        <div class="panel-body">
            <ul class="nav nav-pills nav-stacked">
                <li><a href="{% url 'users:create' %}">{% trans 'Add user' %}</a></li>
                <li><a href="javascript:void(0)">{% trans 'Send email' %}</a></li>
            </ul>
        </div>
    </div>
{% endblock %}

{% block content %}
    <form action="" method="GET" class="form-horizontal">
        <div class="form-group">
            <div class="col-md-9 col-sm-9 col-xs-9">
                <input type="text" class="form-control" name="search" placeholder="{% trans 'Search...' %}" />
            </div>
            <div class="col-md-3 col-sm-3 col-xs-3">
                <input type="submit" class="btn btn-primary" value="{% trans 'Search' %}" />
            </div>
        </div>
    </form>

    {% if users|length > 0 %}
        {% for acc in users %}
            <div class="row panel panel-default">
                <div class="panel-body">
                    <div class="col-md-4">
                        <img src="{{ acc.image.url }}" alt="photoUser" class="img-circle img-responsive">
                    </div>
                    <div class="col-md-8">
                        <p>{% trans 'Name' %}: {{ acc.name }}</p>
                        <p>{% trans 'Profile' %}: {{ acc.get_type_profile_display }}</p>
                        <p>{% trans 'Email' %}: {{ acc.email }}</p>
                        <p>{% trans 'Contact' %}: {{ acc.phone }}</p>
                        <div align="right">
                            <a href="javascript:void(0)" class="btn btn-raised btn-success">{% trans 'Edit' %}</a>
                            <a href="javascript:void(0)" class="btn btn-raised btn-primary">{% trans 'Delete' %}</a>
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}
        {% pagination request paginator page_obj %}
    {% else %}
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <p>{% trans 'No users found' %}</p>
            </div>
        </div>
    {% endif %}
{% endblock %}