source: spip-zone/_plugins_/clil/trunk/formulaires/configurer_clil.html @ 91377

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

ajout d’un moteur de recherche pour faciliter la sélection de thèmes

File size: 2.6 KB
Line 
1<div class="formulaire_spip formulaire_configurer formulaire_clil">
2
3        <h3 class="titrem"><:clil:cfg_titre_parametrages:></h3>
4
5        [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
6        [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
7
8        <form method="post" action="#ENV{action}">
9                <div>
10                        #ACTION_FORMULAIRE{#ENV{action}}
11                        [(#ENV{recherche}|is_null|non) <div id="recherche_en_cours"></div>]
12                        <p class='explication'>Cocher les thèmes CLIL qui seront affichés dans le selecteur <i>Thème CLIL</i> de vos articles.</p>
13                        <ul class='hierarchie'>
14                        <BOUCLE_themes_clil(CLIL_THEMES){par libelle}{racine}>
15                                <li class='li_long [(#VAL{#ID_CLIL_THEME}|clil_themes_nombre_sous_themes{#ENV{recherche}}|?{'casier', 'casier_vide'})]'>
16                                        <div class='choix secteur [(#VAL{#ID_SECTEUR}|clil_themes_checked|oui)checked]'>
17                                                <input type='checkbox' name='themes[#ID_CLIL_THEME]' value='oui' id='#ID_CLIL_THEME' [(#TAG|=={oui}|oui)checked='checked'] />
18                                                <label for='#ID_CLIL_THEME'>#LIBELLE</label><span class='infos'>[ ([ <b>(#VAL{#ID_SECTEUR}|clil_themes_checked|singulier_ou_pluriel{clil_theme:info_1_selection, clil_theme:info_nb_selections})</b> / ] (#VAL{#ID_SECTEUR}|clil_themes_nombre_sous_themes) sous-thèmes   )]</span>
19                                        </div>
20                                        <B_enfants><ul style='display:none;'>
21                                                <BOUCLE_enfants(CLIL_THEMES){id_parent}{par libelle}{recherche?}>
22                                                <li class='li_long[(#VAL{#ID_CLIL_THEME}|clil_themes_nombre_sous_themes|oui)casier]'>
23                                                        <div class='choix'>
24                                                                <input type='checkbox' name='themes[#ID_CLIL_THEME]' value='oui' id='#ID_CLIL_THEME' [(#TAG|=={oui}|oui)checked='checked'] />
25                                                                <label for='#ID_CLIL_THEME'>#LIBELLE</label>
26                                                        </div><BOUCLE_rec(BOUCLE_enfants)/>
27                                                </li>
28                                                </BOUCLE_enfants>
29                                        </ul></B_enfants>
30                                </li>
31                        </BOUCLE_themes_clil>
32                        </ul>
33                        <p class="boutons"><span class="image_loading">&nbsp;</span><input type="submit" class="submit" value="<:bouton_enregistrer:>" /></p>
34                </div>
35        </form>
36</div>
37
38<script type="text/javascript">/*<![CDATA[*/
39jQuery(".li_long.casier").on('click', function(event) {
40        if (event.target == this) {
41                jQuery(this).toggleClass('open').find('ul').first().toggle('fast');
42        }
43});
44// traitement spécial si une recherche est faite
45if (jQuery('div#recherche_en_cours').length > 0) {
46        jQuery(".li_long.casier_vide").hide(); // spécial : on cache les thèmes n'ayant pas de sous-thèmes
47        jQuery(".li_long.casier").each(function(event){
48                 if ( !$(this).find('ul').length > 0 ) {
49                        $(this).hide();
50                 }
51                 else $(this).find('ul').show();
52        });
53}
54/*]]>*/</script>
Note: See TracBrowser for help on using the repository browser.