www/plugins/saisies/formulaires/construire_formulaire.html

   1 [(#ENV{erreurs/positionner}|oui)
   2         <a name="ajax_ancre" href="[(#ENV{erreurs/positionner})]"></a>
   3 ]
   4 <div class="formulaire_spip formulaire_editer formulaire_#ENV{form}[ (#ENV{formulaire_modifie}|oui) modifie]">
   5         [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
   6         <p id="message_attention" class="message_reinitialiser reponse_formulaire reponse_formulaire_ok">#ENV*{_message_attention}</p>
   7         [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
   8
   9         <BOUCLE_editable(CONDITION){si #ENV{editable}|oui}>
  10         <form method='post' action='#ENV{action}' enctype='multipart/form-data'><div>
  11                 [(#REM) declarer les hidden qui declencheront le service du formulaire
  12                 parametre : url d'action ]
  13                 #ACTION_FORMULAIRE{#ENV{action}}
  14                 <input style="display:none;" type="submit" class="submit" name="enregistrer" value="<:bouton_enregistrer:>" />
  15
  16                 <[(#VAL{ul}|saisie_balise_structure_formulaire)] class="editer-groupe" id="deplacable">
  17
  18                         <[(#VAL{li}|saisie_balise_structure_formulaire)] id="reinitialiser" class="actions_formulaire">
  19                                 <button type="submit" class="submit" name="reinitialiser" value="oui" onclick="return confirm('<:saisies:construire_reinitialiser_confirmer:>')">
  20                                         <img src="#CHEMIN{images/formulaire-reinitialiser-24.png}" alt="" />
  21                                         <:saisies:construire_reinitialiser:>
  22                                 </button>
  23                         </[(#VAL{li}|saisie_balise_structure_formulaire)]>
  24
  25                         [(#REM)<!-- les choix de saisies -->]
  26                         <BOUCLE_contenu(DATA){source tableau, #ENV{_contenu}}>
  27                         [(#VAL{saisie}|array_key_exists{#VALEUR}|oui)
  28                                 [(#VALEUR**|formidable_generer_saisie_configurable{#ENV**|unserialize})]
  29                         ]
  30                         </BOUCLE_contenu>
  31                         <[(#VAL{li}|saisie_balise_structure_formulaire)] class="aucun"><em class="attention"><:saisies:construire_aucun_champs:></em></[(#VAL{li}|saisie_balise_structure_formulaire)]>
  32                         <//B_contenu>
  33
  34                         <B_saisies_disponibles>
  35                         <[(#VAL{li}|saisie_balise_structure_formulaire)] class="editer haut saisies_disponibles" id="attrapable">
  36                                 <label><:saisies:construire_ajouter_champ:></label>
  37                                 <BOUCLE_saisies_disponibles(DATA){source tableau, #ENV{_saisies_disponibles}}{par cle}>
  38                                 <button type="submit" name="ajouter_saisie" value="#CLE" class="submit ajouter_saisie"[ title="(#DESCRIPTION)"] [style="background-image:url((#ICONE|sinon{#CHEMIN{images/formulaire-saisie-defaut.png}}))"]>
  39                                         <span>#TITRE</span>
  40                                 </button>
  41                                 </BOUCLE_saisies_disponibles>
  42                         </[(#VAL{li}|saisie_balise_structure_formulaire)]>
  43                         </B_saisies_disponibles>
  44
  45                         <B_saisies_groupes_disponibles>
  46                         <[(#VAL{li}|saisie_balise_structure_formulaire)] class="editer haut saisies_groupes_disponibles" id="attrapable_bis">
  47                                 <label><:saisies:construire_ajouter_groupe:></label>
  48                                 <BOUCLE_saisies_groupes_disponibles(DATA){source tableau, #ENV{_saisies_groupes_disponibles}}{par cle}>
  49                                 <button type="submit" name="ajouter_groupe_saisie" value="#CLE" class="submit ajouter_saisie"[ title="(#DESCRIPTION)"] [style="background-image:url((#ICONE|sinon{#CHEMIN{images/formulaire-saisie-defaut.png}}))"]>
  50                                         <span>#TITRE</span>
  51                                 </button>
  52                                 </BOUCLE_saisies_groupes_disponibles>
  53                         </[(#VAL{li}|saisie_balise_structure_formulaire)]>
  54                         </B_saisies_groupes_disponibles>
  55
  56                 </[(#VAL{ul}|saisie_balise_structure_formulaire)]>
  57
  58
  59                 [(#REM) ajouter les saisies supplementaires : extra et autre, a cet endroit ]
  60                 <!--extra-->
  61
  62                 <span class='image_loading'></span>
  63         </div></form>
  64
  65         <style>
  66                 .message_reinitialiser,#reinitialiser {display: none}
  67                 .modifie .message_reinitialiser,.modifie #reinitialiser {display: block}
  68         </style>
  69         <script type="text/javascript">
  70         (function($){
  71
  72                 function formulaire_configurer_onglets() {
  73                         var $formulaire_configurer = $('.formulaire_configurer');
  74                         var $onglets = $('<ul class="formulaire_configurer-onglets"></ul>');
  75                         var $contenus = $formulaire_configurer.find('> .editer-groupe > .fieldset');
  76
  77                         // On ajoute le conteneur des onglets
  78                         $formulaire_configurer.prepend($onglets);
  79
  80                         // On parcourt les contenus pour générer les onglets
  81                         $contenus.each(function(i){
  82                                 // On ajoute un identifiant et une classe
  83                                 $(this)
  84                                         .attr('id', 'formulaire_configurer-contenu-'+i)
  85                                         .addClass('formulaire_configurer-contenu');
  86                                 // On récupère le titre (en le cachant au passage)
  87                                 var titre = $(this).find('[(#VAL{"{{{ titre }}}"}|propre|replace{"<(\S*).*>",$1,i})]').eq(0).hide().text();
  88
  89                                 // On crée un onglet
  90                                 var $onglet = $('<li><a href="#formulaire_configurer-contenu-'+i+'">'+titre+'</a></li>');
  91                                 $onglet
  92                                         .click(function(){
  93                                                 $contenus.hide();
  94                                                 $(
  95                                                         $(this)
  96                                                                 .siblings()
  97                                                                         .removeClass('actif')
  98                                                                 .end()
  99                                                                 .addClass('actif')
 100                                                                 .find('a')
 101                                                                         .attr('href')
 102                                                 ).show();
 103                                                 return false;
 104                                         });
 105
 106                                 // On active le premier onglet au démarrage
 107                                 if (i == 0) {
 108                                         $onglet.addClass('actif');
 109                                 }
 110
 111                                 // S'il y a des erreurs dans cette partie du contenu, on met une classe "erreurs" à l'onglet aussi
 112                                 if ($(this).find('.editer.erreur').length > 0) {
 113                                         $onglet.addClass('erreur');
 114                                 }
 115
 116                                 // On ajoute l'onglet
 117                                 $onglets.append($onglet);
 118                         })
 119                         .hide()
 120                         .eq(0)
 121                                 .show();
 122                 }
 123
 124                 /* enlever les required */
 125                 $('.formulaire_#FORM .editer.obligatoire').find('input, textarea, select').each(function(){
 126                         if ($(this).prop('required')) {
 127                                 $(this).prop('required', false);
 128                         }
 129                 });
 130
 131                 $('.formulaire_#FORM .configurable')
 132                         .hover(
 133                                 function(){
 134                                         $(this)
 135                                                 .addClass('hover')
 136                                                 .find('> .actions')
 137                                                         .show()
 138                                                 .end()
 139                                                 .parents('li.configurable:not(.en_configuration)')
 140                                                         .mouseout();
 141                                 },
 142                                 function(){
 143                                         if (!$(this).is('.en_configuration'))
 144                                                 $(this)
 145                                                         .removeClass('hover')
 146                                                         .find('> .actions')
 147                                                                 .hide()
 148                                                         .end()
 149                                                         .parents('.configurable').eq('0')
 150                                                                 .mouseover();
 151                                 }
 152                         )
 153                         .filter(':not(.en_configuration)')
 154                                 .find('> .actions')
 155                                         .hide()
 156                                 .end()
 157                         .end();
 158
 159                 // On lance la création des onglets
 160                 formulaire_configurer_onglets();
 161
 162                 // Gérer la liste des vérifications
 163                 $('.liste_verifications').each(function(){
 164                         var $options = $(this).siblings('.options_verifier').hide();
 165                         var $select  = $(this).find('select');
 166
 167                         $select
 168                                 .change(function(){
 169                                         var montrer = $(this).val() ? $(this).val() : 'soigfeg';
 170                                         $options.hide().filter('.'+montrer).show();
 171                                 })
 172                                 .change();
 173                 });
 174
 175                 // On déplie toujours les fieldsets plés par défaut
 176                 $('.fieldset.plie').each(function(){
 177                         $(this)
 178                                 .removeClass('plie')
 179                                 .find('> fieldset > .editer-groupe').show();
 180                 });
 181
 182                 [(#ENV{erreurs}|non|et{#ENV{_chemin_ui}})
 183                         $.getScript("#CHEMIN{#ENV{_chemin_ui}core.js}", function(){
 184                         $.getScript("#CHEMIN{#ENV{_chemin_ui}widget.js}", function(){
 185                         $.getScript("#CHEMIN{#ENV{_chemin_ui}mouse.js}", function(){
 186                                 $.getScript("#CHEMIN{#ENV{_chemin_ui}sortable.js}", function(){
 187                                         if ($.fn.sortable) {
 188                                                 $( "#deplacable, #deplacable .editer-groupe" ).sortable({
 189                                                         revert: true,
 190                                                         containment: '#deplacable',
 191                                                         connectWith: "#deplacable, #deplacable .editer-groupe",
 192                                                         placeholder: "ui-state-highlight",
 193                                                         handle: '>.actions .deplacer_saisie',
 194                                                         start: function(event, ui) {
 195                                                                 $('.ui-state-highlight')
 196                                                                         .css('height', ui.item.css('height'))
 197                                                                         .css('height', '+=20px');
 198                                                         },
 199                                                         update: function(event, ui) {
 200                                                                 id = ui.item.data('id');
 201                                                                 ou = ui.item.next().data('id');
 202                                                                 // avant le suivant
 203                                                                 if (!ou) {
 204                                                                         // sinon dans le parent
 205                                                                         ou = ui.item.closest('.fieldset').data('id');
 206                                                                         if (ou) {
 207                                                                                 ou = '\[' + ou + '\]';
 208                                                                         }
 209                                                                 }
 210                                                                 url = "#URL_ECRIRE";
 211                                                                 $.get(url, {
 212                                                                         session: '#ENV{_identifiant_session}',
 213                                                                         action: 'deplacer_saisie',
 214                                                                         saisie: id,
 215                                                                         ou: ou
 216                                                                 }, function() {
 217                                                                         //$('input.vide').submit();
 218                                                                         $('.formulaire_#ENV{form}').addClass('modifie').trigger('modifsaisies');
 219                                                                 });
 220                                                         }
 221                                                 });
 222                                         }
 223                                 });
 224                                 /*
 225                                 $.getScript("#CHEMIN{#ENV{_chemin_ui}draggable.js}", function(){
 226                                         if ($.fn.draggable) {
 227                                                 $( "#attrapable" ).draggable({
 228                                                         connectToSortable: "#deplacable, #deplacable ul",
 229                                                         helper: "clone"
 230                                                 });
 231                                         }
 232                                 });
 233                                 */
 234                         });});});
 235                 ]
 236
 237         })(jQuery);
 238         </script>
 239         </BOUCLE_editable>
 240 </div>