Changeset 90254 in spip-zone


Ignore:
Timestamp:
Jun 15, 2015, 9:33:05 AM (5 years ago)
Author:
cedric@…
Message:

Bugfix utilisation des div au lieu de ul/li dans les formulaires, ajustement des regles CSS, correction des JS

Location:
_plugins_/saisies/trunk
Files:
8 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/saisies/trunk/css/formulaires_constructeur.css

    r65607 r90254  
    2222}
    2323*/
    24 .formulaire_construire_formulaire li.actions_formulaire{
     24.formulaire_construire_formulaire .actions_formulaire{
    2525        margin:0;
    2626        padding:1em;
     
    2828        border:0;
    2929}
    30 .formulaire_construire_formulaire li.actions_formulaire img{
     30.formulaire_construire_formulaire .actions_formulaire img{
    3131        vertical-align:middle;
    3232}
     
    4646}
    4747*/
    48 .formulaire_construire_formulaire li.en_configuration{
     48.formulaire_construire_formulaire .en_configuration{
    4949        border:5px solid #999;
    5050        border-radius:5px;
    5151        margin:.5em;
    5252}
    53 .formulaire_construire_formulaire li.fieldset.configurable>fieldset>ul {margin-left:30px;}
     53.formulaire_construire_formulaire .fieldset.configurable>fieldset>.editer-groupe {margin-left:30px;}
    5454/*
    5555.formulaire_construire_formulaire li.fieldset.configurable{
     
    128128
    129129.formulaire_configurer-contenus > .fieldset > fieldset:first-child {border-top:0;}
     130.formulaire_configurer-contenus > .fieldset > fieldset {padding: 0}
    130131
    131 .formulaire_construire_formulaire li.editer,
    132 .formulaire_construire_formulaire li.explication,
    133 .formulaire_construire_formulaire li.fieldset {padding-top:30px; position:relative;}
    134 .formulaire_construire_formulaire li.explication { padding-left:140px; background:transparent; }
    135 .formulaire_construire_formulaire li.explication > p { margin-left:-130px; }
    136 .formulaire_construire_formulaire .formulaire_configurer li.fieldset {padding-top:0px;}
    137 .formulaire_construire_formulaire .formulaire_configurer fieldset fieldset>ul>li.editer:first-child {padding-top:0px;}
     132.formulaire_construire_formulaire .editer-groupe>.configurable {padding-top:30px; position:relative;}
     133.formulaire_construire_formulaire .editer.explication { padding-left:140px; background:transparent; }
     134.formulaire_construire_formulaire .editer.explication > p { margin-left:-130px; }
     135.formulaire_construire_formulaire .formulaire_configurer .fieldset {padding-top:0px;}
     136.formulaire_construire_formulaire .formulaire_configurer fieldset fieldset>.editer-groupe>.editer:first-child {padding-top:0px;}
    138137
    139 .formulaire_construire_formulaire li.hover {background-color:transparent;}
     138.formulaire_construire_formulaire .editer.hover {background-color:transparent;}
    140139
    141140.formulaire_construire_formulaire .actions{
     
    160159
    161160
    162 .formulaire_construire_formulaire li.saisies_disponibles {
     161.formulaire_construire_formulaire .saisies_disponibles {
    163162        /*padding:1em;*/
    164163}
  • _plugins_/saisies/trunk/formulaires/construire_formulaire.html

    r90189 r90254  
    1414                <input style="display:none;" type="submit" class="submit" name="enregistrer" value="<:bouton_enregistrer:>" />
    1515
    16                 <ul class="editer-groupe" id="deplacable">
    17                        
    18                         <li id="reinitialiser" class="actions_formulaire">
     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">
    1919                                <button type="submit" class="submit" name="reinitialiser" value="oui" onclick="return confirm('<:saisies:construire_reinitialiser_confirmer:>')">
    2020                                        <img src="#CHEMIN{images/formulaire-reinitialiser-24.png}" alt="" />
    2121                                        <:saisies:construire_reinitialiser:>
    2222                                </button>
    23                         </li>
     23                        </[(#VAL{li}|saisie_balise_structure_formulaire)]>
    2424
    2525                        <BOUCLE_contenu(DATA){source tableau, #ENV{_contenu}}>
     
    2828                        ]
    2929                        </BOUCLE_contenu>
    30                         <li class="aucun"><em class="attention"><:saisies:construire_aucun_champs:></em></li>
     30                        <[(#VAL{li}|saisie_balise_structure_formulaire)] class="aucun"><em class="attention"><:saisies:construire_aucun_champs:></em></[(#VAL{li}|saisie_balise_structure_formulaire)]>
    3131                        <//B_contenu>
    3232                       
    3333                        <B_saisies_disponibles>
    34                         <li class="editer haut saisies_disponibles" id="attrapable">
     34                        <[(#VAL{li}|saisie_balise_structure_formulaire)] class="editer haut saisies_disponibles" id="attrapable">
    3535                                <label><:saisies:construire_ajouter_champ:></label>
    3636                                <BOUCLE_saisies_disponibles(DATA){source tableau, #ENV{_saisies_disponibles}}{par cle}>
     
    3939                                </button>
    4040                                </BOUCLE_saisies_disponibles>
    41                         </li>
     41                        </[(#VAL{li}|saisie_balise_structure_formulaire)]>
    4242                        </B_saisies_disponibles>
    43                 </ul>
     43                </[(#VAL{ul}|saisie_balise_structure_formulaire)]>
    4444
    4545               
     
    5656        <script type="text/javascript">
    5757                jQuery(function(){
    58                         jQuery('.formulaire_construire_formulaire li.configurable')
     58                        jQuery('.formulaire_construire_formulaire .configurable')
    5959                                .hover(
    6060                                        function(){
     
    7474                                                                        .hide()
    7575                                                                .end()
    76                                                                 .parents('li.configurable').eq('0')
     76                                                                .parents('.configurable').eq('0')
    7777                                                                        .mouseover();
    7878                                        }
     
    102102                       
    103103                        // On déplie toujours les fieldsets plés par défaut
    104                         jQuery('li.fieldset.plie')
     104                        jQuery('.fieldset.plie')
    105105                                .each(function(){
    106106                                        jQuery(this)
    107107                                                .removeClass('plie')
    108                                                 .find('> fieldset > ul').show();
     108                                                .find('> fieldset > .editer-groupe').show();
    109109                                });
    110110                               
     
    115115                                        $.getScript("#CHEMIN{#ENV{_chemin_ui}sortable.js}", function(){
    116116                                                if ($.fn.sortable) {
    117                                                         jQuery( "#deplacable, #deplacable ul" ).sortable({
     117                                                        jQuery( "#deplacable, #deplacable .editer-groupe" ).sortable({
    118118                                                                revert: true,
    119119                                                                containment: '#deplacable',
    120                                                                 connectWith: "#deplacable, #deplacable ul",
     120                                                                connectWith: "#deplacable, #deplacable .editer-groupe",
    121121                                                                placeholder: "ui-state-highlight",
    122122                                                                handle: '>.actions .deplacer_saisie',
     
    168168                        var formulaire_configurer = jQuery('.formulaire_configurer');
    169169                        var onglets = jQuery('<ul class="formulaire_configurer-onglets"></ul>');
    170                         var contenus = formulaire_configurer.find('> ul > li.fieldset');
     170                        var contenus = formulaire_configurer.find('> .editer-groupe > .fieldset');
    171171                       
    172172                        // On ajoute le conteneur des onglets
     
    204204                                       
    205205                                        // S'il y a des erreurs dans cette partie du contenu, on met une classe "erreurs" à l'onglet aussi
    206                                         if (jQuery(this).find('li.erreur').length > 0)
     206                                        if (jQuery(this).find('.editer.erreur').length > 0)
    207207                                                onglet.addClass('erreur');
    208208                                       
  • _plugins_/saisies/trunk/formulaires/construire_formulaire.php

    r90108 r90254  
    497497                $saisie = saisies_inserer_html(
    498498                        $saisie,
    499                         '<div class="formulaire_configurer"><ul class="formulaire_configurer-contenus">'
     499                        '<div class="formulaire_configurer"><'.saisie_balise_structure_formulaire('ul').' class="editer-groupe formulaire_configurer-contenus">'
    500500                        .recuperer_fond(
    501501                                'inclure/generer_saisies',
    502502                                $env2
    503503                        )
    504                         .'<li class="boutons">
     504                        .'<'.saisie_balise_structure_formulaire('li').' class="boutons">
    505505                                <input type="hidden" name="enregistrer_saisie" value="'.$nom.'" />
    506506                                <button type="submit" class="submit link" name="enregistrer_saisie" value="">'._T('bouton_annuler').'</button>
    507507                                <input type="submit" class="submit" name="enregistrer" value="'._T('bouton_valider').'" />
    508                         </li>'
    509                         .'</ul></div>',
     508                        </'.saisie_balise_structure_formulaire('li').'>'
     509                        .'</'.saisie_balise_structure_formulaire('ul').'></div>',
    510510                        'fin'
    511511                );
  • _plugins_/saisies/trunk/paquet.xml

    r90191 r90254  
    22        prefix="saisies"
    33        categorie="outil"
    4         version="2.2.3"
     4        version="2.3.0"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.1.*]"
  • _plugins_/saisies/trunk/saisies.css.html

    r69908 r90254  
    1111#wysiwyg .afficher .label{ display:block; }
    1212
    13 li.fieldset.pliable > fieldset > .legend{
     13.fieldset.pliable > fieldset > .legend{
    1414        cursor:pointer;
    1515}
    1616
    17 li.fieldset.pliable > fieldset > .legend span{
     17.fieldset.pliable > fieldset > .legend span{
    1818        padding-#GET{left}:15px;
    1919        background:transparent url(#CHEMIN{images/deplierbas.gif}) [(#GET{left}) ]center no-repeat;
    2020}
    2121
    22 li.fieldset.plie > fieldset > .legend span{
     22.fieldset.plie > fieldset > .legend span{
    2323        background-image:url(#GET{fleche});
    2424}
  • _plugins_/saisies/trunk/saisies/explication.html

    r49774 r90254  
    1 <li class="explication[ explication_(#ENV{nom})][ (#ENV{li_class})][ saisie_(#ENV{type_saisie})]"[ data-id="(#ENV{id_saisie})"]>
     1<[(#ENV{saisies_base_conteneur,[(#VAL{li}|saisie_balise_structure_formulaire)]})] class="editer explication[ explication_(#ENV{nom})][ (#ENV{li_class})][ saisie_(#ENV{type_saisie})]"[ data-id="(#ENV{id_saisie})"]>
    22        #ENV*{inserer_debut}
    33        [(#ENV*{texte}|propre)]
    44        #ENV*{inserer_fin}
    5 </li>
     5</[(#ENV{saisies_base_conteneur,[(#VAL{li}|saisie_balise_structure_formulaire)]})]>
  • _plugins_/saisies/trunk/saisies/fieldset.html

    r90192 r90254  
    2626                [<p class='explication'>(#ENV*{explication})</p>]
    2727                [(#ENV{saisies}|is_array|oui)
    28                 <ul>
     28                <[(#VAL{ul}|saisie_balise_structure_formulaire)] class="editer-groupe">
    2929                        #INCLURE{fond=#ENV{fond_generer,"inclure/generer_saisies"}, env, saisies=#ENV{saisies}, from_fieldset='on'}
    30                 </ul>
     30                </[(#VAL{ul}|saisie_balise_structure_formulaire)]>
    3131                ]
    3232        </fieldset>
  • _plugins_/saisies/trunk/saisies_fonctions.php

    r90191 r90254  
    2626        static $is_div=null;
    2727        if (is_null($is_div)){
    28                 $version = explode(".",$spip_version_branche);
     28                $version = explode(".",$GLOBALS['spip_version_branche']);
    2929                if ($version[0]>3 OR ($version[0]==3 AND $version[1]>0))
    3030                        $is_div = true;
Note: See TracChangeset for help on using the changeset viewer.