136 lines
5.2 KiB
HTML
136 lines
5.2 KiB
HTML
{% extends "agenda/base.html" %}
|
||
{% load widget_tweaks %}
|
||
{% load url from future %}
|
||
{% load apptags %}
|
||
|
||
{% block extrascripts %}
|
||
{{ block.super }}
|
||
<script type="text/javascript" src="{{ STATIC_URL }}/js/calebasse.reset-button.js">
|
||
</script>
|
||
<script>
|
||
function add_datepickers(that) {
|
||
$('input#id_date', that).datepicker({dateFormat: 'd/m/yy', showOn: 'button' });
|
||
$('input#id_recurrence_end_date', that).datepicker({dateFormat: 'd/m/yy', showOn: 'button' });
|
||
}
|
||
$(function () {
|
||
var update_periodic_event_url = "{% url 'update-periodic-event' service=service date=date pk=0 %}";
|
||
var update_periodic_appointment_url = "{% url 'update-periodic-rdv' service=service date=date pk=0 %}";
|
||
|
||
$('button.edit-periodic-appointment').on('click', function () {
|
||
var id = $(this).data('event-id');
|
||
var title = $(this).data('title');
|
||
generic_ajaxform_dialog(update_periodic_appointment_url + id,
|
||
title, '#event-dlg', 950, 'Modifier',
|
||
"{% url 'periodic-events' service=service date=date %}", add_datepickers);
|
||
});
|
||
$('button.edit-periodic-event').on('click', function () {
|
||
var id = $(this).data('event-id');
|
||
var title = $(this).data('title');
|
||
generic_ajaxform_dialog(update_periodic_event_url + id,
|
||
title, '#event-dlg', 950, 'Modifier',
|
||
"{% url 'periodic-events' service=service date=date %}", add_datepickers);
|
||
});
|
||
});
|
||
</script>
|
||
{% endblock %}
|
||
|
||
{% block appbar %}
|
||
<h2>Rendez-vous périodiques{% if worker %} de {{ worker }}{% endif %}</h2>
|
||
<a href="{% url 'agenda' service=service date=date %}">Retourner à l'agenda</a>
|
||
{% endblock %}
|
||
{% block content %}
|
||
<div id="sidebar">
|
||
<form id="periodic-events-search-form">
|
||
<div class="field">
|
||
<label for="start_date">Rendez-vous périodiques possédant une occurence dans les trois mois qui suivent le :</label>
|
||
{{ search_form.start_date|add_class:"datepicker-date" }}
|
||
</div>
|
||
<p>OU</p>
|
||
<div class="field">
|
||
<label for="end_date">Rendez-vous périodiques possèdant une occurence avant le :</label>
|
||
{{ search_form.end_date|add_class:"datepicker-date" }}
|
||
</div>
|
||
<div class="field">
|
||
{{ search_form.event_type }}
|
||
<label for="no_end_date">{{ search_form.no_end_date }} Sans date de fin</label>
|
||
</div>
|
||
<div class="field">
|
||
<label for="patient">avec le patient:</label>
|
||
{{ search_form.patient }}
|
||
</div>
|
||
<div class="field">
|
||
<label for="patient">avec le participant:</label>
|
||
{{ search_form.worker }}
|
||
</div>
|
||
{% if request.GET %}
|
||
<div class="search-reset">
|
||
<button id="search">Rechercher</button>
|
||
<button id="reset" class="icon-remove-sign" title="Réinitialiser"></button>
|
||
</div>
|
||
{% else %}
|
||
<button id="search">Rechercher</button>
|
||
{% endif %}
|
||
</form>
|
||
</div>
|
||
<script>
|
||
$('.datepicker-date').datepicker({dateFormat: 'd/m/yy', showOn: 'button'});
|
||
</script>
|
||
<div class="content">
|
||
{% if request.GET %}
|
||
<p>{{ object_list|length }} évènement(s) trouvé(s).</p>
|
||
{% endif %}
|
||
{% for event in object_list %}
|
||
<div id="events">
|
||
<div class="event frame" id="event-frame-{{ event.id }}">
|
||
<h3>
|
||
<span>{% if event.patient %}Rendez-vous patient{% else %}Évènement{% endif %}: {{ event.recurrence_description|lower }}</span>
|
||
—
|
||
<span class="hour">{{ event.start_datetime.time }}</span>
|
||
{% if event.patient %} — {{ event.patient.display_name }} {% else %}{% if event.title %} — {{ event.title }} {% endif %}{% endif %}
|
||
{% if event.patient.paper_id %} — {{ event.patient.paper_id }} {% endif %}
|
||
{% if event.length %} — {{ event.length }} min {% endif %}
|
||
{% if event.workers_initial %} — {{ event.workers_initial }} {% endif %}
|
||
{% if event.ressource %} — {{ event.ressource }} {% endif %}
|
||
<span class="right">
|
||
{% for other_service in event.services.all %}
|
||
{% if other_service.name != service_name %}
|
||
<span class="box {{ other_service.slug }}" title="{{ other_service.name }}"></span>
|
||
{% endif %}
|
||
{% endfor %}
|
||
{% if event.description %}
|
||
<span title="Un commentaire existe" class="icon-comment"></span>
|
||
{% endif %}
|
||
{% if event.event_type_id == 1 %}
|
||
<button title="Éditer un rendez-vous" class="edit-periodic-appointment icon-edit" data-event-id="{{ event.id }}"></button>
|
||
{% else %}
|
||
<button title="Éditer un événement" class="edit-periodic-event icon-edit" data-event-id="{{ event.id }}">
|
||
{% endif %}
|
||
</span>
|
||
</h3>
|
||
{% if event.act_type %}
|
||
<p>Type: {{ event.act_type }}</p>
|
||
{% endif %}
|
||
<p>Avec:
|
||
{% for participant in event.participants.all %}
|
||
{{ participant }}{% if not forloop.last %}, {% endif %}
|
||
{% endfor %}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
{% if not request.GET %}
|
||
<div class="big-msg-info">
|
||
Utilisez le formulaire de recherche sur la gauche de l'écran pour afficher
|
||
les rendez-vous périodiques correspondants.
|
||
</div>
|
||
{% elif not object_list %}
|
||
<div>Pas de résultat pour votre recherche</div>
|
||
{% endif %}
|
||
</div>
|
||
{% endblock %}
|
||
|
||
{% block dialogs %}
|
||
<div id="event-dlg" style="display: none">
|
||
</div>
|
||
{% endblock %}
|