www/prive/formulaires/configurer_preferences.html

   1 <div class="formulaire_spip formulaire_configurer formulaire_#FORM formulaire_#FORM-#ENV{id,nouveau}">
   2 <h3 class='titrem'><:titre_configurer_preferences:></h3>
   3         [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
   4         [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
   5
   6         <form method='post' action='#ENV{action}'><div>
   7                 [(#REM) declarer les hidden qui declencheront le service du formulaire
   8                 parametre : url d'action ]
   9                 #ACTION_FORMULAIRE{#ENV{action}}
  10                 <ul>
  11                         #SET{name,spip_ecran}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}#SET{obli,''}
  12                         <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
  13                                 <label><:label_taille_ecran:></label>[
  14                                 <span class='erreur_message'>(#GET{erreurs})</span>
  15                                 ]<div class="choix">
  16                                         <input type='radio' class='radio' name='#GET{name}' id='[(#GET{name})]_etroit'[(#ENV{#GET{name}}|=={large}|non)checked="checked" ]value="etroit"
  17                                         onchange="if (this.checked) jQuery('body').addClass('etroit').removeClass('large'); else jQuery('body').removeClass('etroit').addClass('large');"/>
  18                                         <label for="[(#GET{name})]_etroit"><:info_petit_ecran:></label>
  19                                 </div>
  20                                 <div class="choix">
  21                                         <input type='radio' class='radio' name='#GET{name}' id='[(#GET{name})]_large'[(#ENV{#GET{name}}|=={large}|oui)checked="checked" ]value="large"
  22                                         onchange="if (this.checked) jQuery('body').addClass('large').removeClass('etroit'); else jQuery('body').removeClass('large').addClass('etroit');"/>
  23                                         <label for="[(#GET{name})]_large"><:info_grand_ecran:></label>
  24                                 </div>
  25                         </li>
  26                         #SET{name,display_navigation}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}#SET{obli,''}
  27                         <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
  28                                 <label><:label_texte_et_icones_navigation:></label>[
  29                                 <span class='erreur_message'>(#GET{erreurs})</span>
  30                                 ]<div class="choix">
  31                                         <input type='radio' class='radio' name='#GET{name}' id='[(#GET{name})]_1'[(#ENV{#GET{name}}|=={navigation_sans_icone}|oui)checked="checked" ]value="navigation_sans_icone"
  32                                         onchange="if (this.checked) jQuery('body').addClass('navigation_sans_icone').removeClass('navigation_avec_icones'); else jQuery('body').removeClass('navigation_sans_icone').addClass('navigation_avec_icones');"/>
  33                                         <label for="[(#GET{name})]_1"><:lien_afficher_texte_seul:></label>
  34                                 </div>
  35                                 <div class="choix">
  36                                         <input type='radio' class='radio' name='#GET{name}' id='[(#GET{name})]_2'[(#ENV{#GET{name}}|=={navigation_sans_icone}|non)checked="checked" ]value="navigation_avec_icones"
  37                                         onchange="if (!this.checked) jQuery('body').addClass('navigation_sans_icone').removeClass('navigation_avec_icones'); else jQuery('body').removeClass('navigation_sans_icone').addClass('navigation_avec_icones');"/>
  38                                         <label for="[(#GET{name})]_2"><:lien_afficher_texte_icones:></label>
  39                                 </div>
  40                         </li>
  41                         #SET{name,display}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}#SET{obli,''}
  42                         <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
  43                                 <label><:label_texte_et_icones_page:></label>[
  44                                 <span class='erreur_message'>(#GET{erreurs})</span>
  45                                 ]<div class="choix">
  46                                         <input type='radio' class='radio' name='#GET{name}' id='[(#GET{name})]_1'[(#ENV{#GET{name}}|=={1}|oui)checked="checked" ]value="1"
  47                                         onchange="jQuery('body').removeClass('icones_texte').removeClass('icones_img_texte').removeClass('icones_img');
  48                                         if (jQuery('#[(#GET{name})]_1').prop('checked')) jQuery('body').addClass('icones_texte')
  49                                         else if (jQuery('#[(#GET{name})]_2').prop('checked')) jQuery('body').addClass('icones_img_texte')
  50                                         else jQuery('body').addClass('icones_img');"
  51                                         />
  52                                         <label for="[(#GET{name})]_1"><:lien_afficher_texte_seul:></label>
  53                                 </div>
  54                                 <div class="choix">
  55                                         <input type='radio' class='radio' name='#GET{name}' id='[(#GET{name})]_2'[(#ENV{#GET{name}}|=={2}|oui)checked="checked" ]value="2"
  56                                         onchange="jQuery('body').removeClass('icones_texte').removeClass('icones_img_texte').removeClass('icones_img');
  57                                         if (jQuery('#[(#GET{name})]_1').prop('checked')) jQuery('body').addClass('icones_texte')
  58                                         else if (jQuery('#[(#GET{name})]_2').prop('checked')) jQuery('body').addClass('icones_img_texte')
  59                                         else jQuery('body').addClass('icones_img');"
  60                                         />
  61                                         <label for="[(#GET{name})]_2"><:lien_afficher_texte_icones:></label>
  62                                 </div>
  63                                 <div class="choix">
  64                                         <input type='radio' class='radio' name='#GET{name}' id='[(#GET{name})]_3'[(#ENV{#GET{name}}|=={3}|oui)checked="checked" ]value="3"
  65                                         onchange="jQuery('body').removeClass('icones_texte').removeClass('icones_img_texte').removeClass('icones_img');
  66                                         if (jQuery('#[(#GET{name})]_1').prop('checked')) jQuery('body').addClass('icones_texte')
  67                                         else if (jQuery('#[(#GET{name})]_2').prop('checked')) jQuery('body').addClass('icones_img_texte')
  68                                         else jQuery('body').addClass('icones_img');"
  69                                         />
  70                                         <label for="[(#GET{name})]_3"><:lien_afficher_icones_seuls:></label>
  71                                 </div>
  72                         </li>
  73                         #SET{name,couleur}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}#SET{obli,''}
  74                         <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
  75                                 <label><:titre_changer_couleur_interface:></label>[
  76                                 <span class='erreur_message'>(#GET{erreurs})</span>
  77                                 ]<BOUCLE_couleurs(POUR){tableau #ENV{couleurs}}>
  78                                 <div class="choix">
  79                                         <input type='radio' class='radio' name='#GET{name}' id='[(#GET{name})]_#CLE'[(#ENV{#GET{name}}|=={#CLE}|oui)checked="checked" ]value="#CLE"
  80                                         onchange="if (this.checked) jQuery('head>link#csspriveedef').clone().removeAttr('id').attr('href', '[(#ENV{_couleurs_url/#CLE})]').appendTo(jQuery('head'));" />
  81                                         <label for="[(#GET{name})]_#CLE">
  82                                                 <img src="#CHEMIN{rien.gif}" alt="" width="16" height="16" style="background-color:[#(#VALEUR{couleur_foncee}|couleur_foncer)];" />
  83                                                 <img src="#CHEMIN{rien.gif}" alt="<:choix_couleur_interface|attribut_html:> 1" width="16" height="16" style="background-color:[(#VALEUR{couleur_foncee})];" />
  84                                                 <img src="#CHEMIN{rien.gif}" alt="" width="16" height="16" style="background-color:[(#VALEUR{couleur_claire})];" />
  85                                                 <img src="#CHEMIN{rien.gif}" alt="" width="16" height="16" style="background-color:[#(#VALEUR{couleur_claire}|couleur_eclaircir)];" />
  86                                                 <img src="#CHEMIN{rien.gif}" alt="" width="16" height="16" style="background-color:[#(#VALEUR{couleur_claire}|couleur_eclaircir{0.75})];" />
  87                                         </label>
  88                                 </div>
  89                                 </BOUCLE_couleurs>
  90                         </li>
  91                         <li class="editer editer_imessage">
  92                                 <label><:info_liste_redacteurs_connectes:></label>
  93                                 <p class='explication'><:texte_auteur_messagerie:></p>
  94                                 <div class="choix">
  95                                         <input type='radio' class='radio' name='imessage' value='oui' [(#ENV{imessage}|!={non}|oui) checked='checked'] id='perso_activer_imessage_on' #GET{disable}/>
  96                                         <label for='perso_activer_imessage_on'><:bouton_radio_apparaitre_liste_redacteurs_connectes:></label>
  97                                 </div>
  98                                 <div class="choix">
  99                                         <input type='radio' class='radio' name='imessage' value='non' [(#ENV{imessage}|=={non}|oui) checked='checked'] id='perso_activer_imessage_off' #GET{disable}/>
 100                                         <label for='perso_activer_imessage_off'><:bouton_radio_non_apparaitre_liste_redacteurs_connectes:></label>
 101                                 </div>
 102                         </li>
 103                 </ul>
 104                 [(#REM) ajouter les saisies supplementaires : extra et autre, a cet endroit ]
 105                 <!--extra-->
 106                 <p class='boutons'><span class='image_loading'>&nbsp;</span><input type='submit' class='submit' value='<:bouton_enregistrer:>' /></p>
 107         </div></form>
 108         <script type="text/javascript">
 109                 jQuery(document).ready(function(){
 110                         jQuery('div.formulaire_#FORM form input.radio').bind('change',function(){jQuery(this).parents('form').submit();});
 111                         jQuery('div.formulaire_#FORM .boutons').hide();
 112                 });
 113         </script>
 114
 115 </div>