forked from ScoDoc/ScoDoc
104 lines
4.6 KiB
HTML
104 lines
4.6 KiB
HTML
{# -*- mode: jinja-html -*- #}
|
|
{% extends 'base.html' %}
|
|
|
|
{% block styles %}
|
|
{{super()}}
|
|
<script src="/ScoDoc/static/jQuery/jquery-1.12.4.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/ScoDoc/static/DataTables/datatables.min.css">
|
|
<script type="text/javascript" charset="utf8" src="/ScoDoc/static/DataTables/datatables.min.js"></script>
|
|
{% endblock %}
|
|
|
|
{% block app_content %}
|
|
<div class="container">
|
|
<ul class="breadcrumbs">
|
|
<li class="breadcrumbs_item">
|
|
<a href="{{ url_for('entreprises.index') }}" class="breadcrumbs_link">Entreprises</a>
|
|
</li>
|
|
<li class="breadcrumbs_item">
|
|
<a href="{{ url_for('entreprises.fiche_entreprise', entreprise_id=entreprise.id) }}" class="breadcrumbs_link">Fiche entreprise</a>
|
|
</li>
|
|
<li class="breadcrumbs_item">
|
|
<a href="" class="breadcrumbs_link breadcrumbs_link-active">Contacts</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="container" style="margin-bottom: 10px;">
|
|
<h1>Liste des contacts</h1>
|
|
{% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
|
|
<a class="btn btn-primary" style="margin-bottom:10px;" href="{{ url_for('entreprises.add_contact', entreprise_id=entreprise.id) }}">Ajouter contact</a>
|
|
{% endif %}
|
|
<table id="table-contacts">
|
|
<thead>
|
|
<tr>
|
|
<td data-priority="">Date</td>
|
|
<td data-priority="">Utilisateur</td>
|
|
<td data-priority="">Notes</td>
|
|
{% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
|
|
<td data-priority="">Action</td>
|
|
{% endif %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for contact in contacts %}
|
|
<tr>
|
|
<td>{{ contact.date.strftime('%d/%m/%Y %Hh%M') }}</td>
|
|
<td>{{ contact.user|get_nomcomplet_by_id }}</td>
|
|
<td>{{ contact.notes }}</td>
|
|
{% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
|
|
<td>
|
|
<div class="btn-group">
|
|
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">Action
|
|
<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu pull-left">
|
|
<li><a href="{{ url_for('entreprises.edit_contact', entreprise_id=entreprise.id, contact_id=contact.id) }}">Modifier</a></li>
|
|
<li><a href="{{ url_for('entreprises.delete_contact', entreprise_id=entreprise.id, contact_id=contact.id) }}" style="color:red">Supprimer</a></li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td>Date</td>
|
|
<td>Utilisateur</td>
|
|
<td>Notes</td>
|
|
{% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
|
|
<td>Action</td>
|
|
{% endif %}
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
let table = new DataTable('#table-contacts',
|
|
{
|
|
"autoWidth": false,
|
|
"responsive": {
|
|
"details": true
|
|
},
|
|
"pageLength": 10,
|
|
"language": {
|
|
"emptyTable": "Aucune donnée disponible dans le tableau",
|
|
"info": "Affichage de _START_ à _END_ sur _TOTAL_ entrées",
|
|
"infoEmpty": "Affichage de 0 à 0 sur 0 entrées",
|
|
"infoFiltered": "(filtrées depuis un total de _MAX_ entrées)",
|
|
"lengthMenu": "Afficher _MENU_ entrées",
|
|
"loadingRecords": "Chargement...",
|
|
"processing": "Traitement...",
|
|
"search": "Rechercher:",
|
|
"zeroRecords": "Aucune entrée correspondante trouvée",
|
|
"paginate": {
|
|
"next": "Suivante",
|
|
"previous": "Précédente"
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %} |