source: spip-zone/_plugins_/orr/trunk/formulaires/reserv.html @ 79114

Last change on this file since 79114 was 79114, checked in by cy_altern@…, 6 years ago

cosmétique pour le formulaire de reservation et l'affichage des details

  • Property svn:executable set to *
File size: 3.4 KB
Line 
1<div class="formulaire_spip formulaire_#FORM">
2    [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
3    [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
4
5    <form name="formulaire_#FORM" action="#ENV{action}" method="post"><div>
6                [(#ACTION_FORMULAIRE{#ENV{action}})]
7                <ul>
8            [(#SAISIE{input,nom_reservation,obligatoire}
9                {label=<:orr:nom_de_la_reservation:>})]
10           
11            [(#REM) pour les ressources on n'affiche que celles autorisées donc pas de SAISIE ]
12            <B_ressources>
13                        <li class="editer editer_liste_ressources saisie_selection_multiple">
14                                <label for="champ_liste_ressources"><:orr:liste_ressources:></label>
15                                <span id="ctrl_clic">(<:orr:ctrl_clic:>)</span>
16                                <select size="4" multiple="multiple" id="champ_liste_ressources" name="liste_ressources[]">
17            <BOUCLE_ressources(ORR_RESSOURCES){par orr_ressource_nom}{si !#ENV{id_reservation}}>
18                                [(#AUTORISER{creer,orr_reservation,#ID_ORR_RESSOURCE}|oui)
19                                <option value="#ID_ORR_RESSOURCE"[ (#ID_ORR_RESSOURCE|=={#ENV{id_ressource}}|oui)selected="selected"]>#ORR_RESSOURCE_NOM</option>]
20            </BOUCLE_ressources>
21                                </select>
22            </li>
23            </B_ressources>
24           
25            [(#SAISIE{input,date_debut,obligatoire}
26                {label=<:orr:date_de_debut:>}
27                {class=datepicker})]
28
29            [(#SAISIE{input,date_fin,obligatoire}
30                {label=<:orr:date_de_fin:>}
31                {class=datepicker})]
32
33                        [(#CONFIG*{champs_extras_spip_orr_reservations}|oui)
34                                <INCLURE{fond=inc/formulaire_reservation_champs_extra}{env}>]
35                </ul>
36                <p class="boutons"> <input type="submit" id="envoyer" class="submit" value="<:bouton_enregistrer:>" /></p>
37    </div></form>
38</div>
39
40<script type="text/javascript">
41    jQuery(function(){
42                jQuery('#champ_date_debut').datetimepicker({
43                        timeFormat: 'hh:mm:ss',
44                        stepHour: 1,
45                        stepMinute: 15,
46                        minuteGrid:15,
47                        hourGrid:4,
48                        addSliderAccess: true,
49                        sliderAccessArgs: { touchonly: false },
50                        onClose: function(dateText, inst) {
51                                if (jQuery('#champ_date_fin').val() != '') {
52                                        var date_debut = new Date(jQuery.datepicker.parseDateTime("dd/mm/yy", "HH:mm:ss", dateText));
53                                        var date_fin = jQuery('#champ_date_fin').val();
54                                        date_fin = new Date(jQuery.datepicker.parseDateTime("dd/mm/yy", "HH:mm:ss", date_fin));
55                                        if (date_debut > date_fin)
56                                                jQuery('#champ_date_fin').val(dateText);
57                                }
58                                else {
59                                        jQuery('#champ_date_fin').val(dateText);
60                                }
61                                jQuery('#champ_date_fin').datetimepicker('option', 'minDate', date_debut);
62                        }
63                });
64        jQuery('#champ_date_fin').datetimepicker({
65                        timeFormat: 'hh:mm:ss',
66                        stepHour: 1,
67                        stepMinute: 15,
68                        minuteGrid:15,
69                        hourGrid:4,
70                        addSliderAccess: true,
71                        sliderAccessArgs: { touchonly: false },
72                        onClose: function(dateText, inst) {
73                                if (jQuery('#champ_date_debut').val() != '') {
74                                        var date_debut =jQuery('#champ_date_debut').val();
75                                        date_debut =  new Date(jQuery.datepicker.parseDateTime("dd/mm/yy", "HH:mm:ss", date_debut));
76                                        var date_fin = new Date(jQuery.datepicker.parseDateTime("dd/mm/yy", "HH:mm:ss", dateText));
77                                        if (date_debut > date_fin)
78                                                jQuery('#champ_date_debut').val(dateText);
79                                }
80                                else {
81                                        jQuery('#champ_date_debut').val(dateText);
82                                }
83                                jQuery('#champ_date_debut').datetimepicker('option', 'maxDate', date_fin);
84                        }
85        });
86
87    });
88</script>
Note: See TracBrowser for help on using the repository browser.