DjNRO

{% block crumbs %}

<li><a href="{% url manage %}">{% trans "Home" %}</a><span class="divider">/</span></li>

<li class="active">{% trans "Contacts" %}</li>

{% block extrahead %}

<script type="text/javascript" src="{% static 'js/jquery.dataTables.min.js' %}"></script>

<script type="text/javascript" src="{% static 'js/datatables_bootstrap.js' %}"></script>

var oTable = $('#table').dataTable({

	"sPaginationType": "bootstrap",

	"sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",

	"aoColumns": [{

        "bSearchable": true,

        "bSortable": true

    }, {

        "bSearchable": true,

        "bSortable": true

    }, {

        "bSearchable": true,

        "bSortable": true

    }, {

        "bVisible": true,

        "bSearchable": false,

        "bSortable": false

    }],

    "aaSorting": [[0, 'desc']],

    "iDisplayLength": 25,

    "oSearch": {"bSmart": false, "bRegex":true},

    "oLanguage": {

    	"sLengthMenu": '{% trans "Display" %} <select><option value="25">25</option><option value="50">50</option><option value="-1">{% trans "All" %}</option></select> {% trans "contacts" %}',

        "sProcessing":   "Processing...",

        "sZeroRecords": '{% trans "No records to display" %}',

        "sInfo":         "Showing _START_ to _END_ of _TOTAL_ entries",

        "sInfoEmpty":    "{% trans "Showing 0 to 0 of 0 entries" %}",

        "sInfoFiltered": "(filtered from _MAX_ total entries)",

        "sInfoPostFix":  "",

        "sSearch":       '{% trans "Search:" %}',

        "sUrl":          "",

        "oPaginate": {

            "sFirst":    '{% trans "First" %}',

            "sPrevious": '{% trans "Previous" %}',

            "sNext":     '{% trans "Next" %}',

            "sLast":     '{% trans "Last" %}'

        }

    }

});

oTable.fnDraw();

	{% block navbar %}

    		{% endblock %}

    		{% block homeactive %}{% endblock %}

    		{% block contactsactive %}class="active"{% endblock %}

				{% block management_content %}

	              <h4>{% trans "Contacts" %}</h4>

	              <hr>

	              {% if messages %}

                    <table class="table table-condensed">

                        {% for message in messages %}

                        <tr {% if message.tags %} class="{{ message.tags }}"{% endif %}><td>{{ message }}<td></tr>

                        {% endfor %}

                    </table>

                {% endif %}

	              <div><a href="{% url edit-contacts %}" class="btn btn-primary">{% trans "Add new contact" %}</a></div>

	              <div class="span10"></div>

	              {% if contacts %}

	              <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" width="100%" id="table">

					<thead>

					<tr>

						<th>{% trans "Name" %}</th>

						<th>{% trans "Email" %}</th>

						<th>{% trans "Phone" %}</th>

						<th style="text-align: center;">{% trans "Action" %}</th>

					</tr>

					</thead>

					<tbody>

	                {% for contact in contacts %}

	              	<tr class="GradeC">

	                	<td>{{contact.name}}</td>

	                	<td>{{contact.email}}</td>

	                	<td>{{contact.phone}}</td>

	                	<td style="text-align: center;"><a href="{% url edit-contacts contact.pk %}" class="btn btn-small">{% trans "edit" %}</a> <a href="#" id="del_contact_{{contact.pk}}" data-contactname="{{contact.name}}" class="btn btn-small btn-warning">{% trans "delete" %}</a></td>

	                </tr>

	              	{% endfor %}

	              	</tbody>

	              </table>

	              {% endif %}

<div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

<h3 id="myModalLabel">{% trans "Delete contact" %}</h3>

</div>

<div class="modal-body" id="mymodalbody">

</div>

<div class="modal-footer">

<button class="btn" data-dismiss="modal" aria-hidden="true">{% trans "Cancel" %}</button>

<a class="btn btn-warning" id="delcontactSubmit" href="#">{% trans "Delete" %}</a>

</div>

</div>

            {% endblock %}