Changeset 49777 in spip-zone


Ignore:
Timestamp:
Jul 19, 2011, 9:40:58 PM (8 years ago)
Author:
marcimat@…
Message:

Gérer les déplacements entre fieldset, correction de la fonction deplacer qui n'acceptait pas l'identifiant sur les conteneurs.

Code CSS pour tester :
#deplacable .ui-state-highlight { height: 5em; line-height: 1.2em; }
#deplacable .ui-sortable {min-height:3em;}

Location:
_plugins_/saisies
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/saisies/action/deplacer_saisie.php

    r49774 r49777  
    2121        }
    2222
    23         if ($ou and !isset($saisies_actuelles[$ou])) {
     23        // tester @id et [@id] (fieldset)
     24        if ($ou and !isset($saisies_actuelles[$ou]) and !isset($saisies_actuelles[ substr($ou,1,-1) ])) {
    2425                return "";
    2526        }
  • _plugins_/saisies/css/formulaires_constructeur.css

    r37029 r49777  
    44        background:transparent;
    55}
    6 
     6#deplacable .ui-state-highlight { height: 5em; line-height: 1.2em; }
     7#deplacable .ui-sortable {min-height:3em;}
     8/*
    79.formulaire_construire_formulaire{
    810        padding:1em;
     
    1921        width:auto;
    2022}
    21 
     23*/
    2224.formulaire_construire_formulaire li.actions_formulaire{
    2325        margin:0;
     
    2931        vertical-align:middle;
    3032}
    31 
     33/*
    3234.formulaire_construire_formulaire li.configurable{
    3335        position:relative;
     
    4345        border-color:#999;
    4446}
     47*/
    4548.formulaire_construire_formulaire li.en_configuration{
    46         padding-bottom:0;
    4749        border:5px solid #999;
     50        border-radius:5px;
     51        margin:.5em;
    4852}
     53.formulaire_construire_formulaire li.fieldset.configurable>fieldset>ul {margin-left:30px;}
     54/*
    4955.formulaire_construire_formulaire li.fieldset.configurable{
    5056        padding:0;
     
    6066        padding:0 1em;
    6167}
     68*/
    6269.formulaire_construire_formulaire .formulaire_configurer{
    63         margin:1em -1em 0 -1em;
    64         border-top:1px dashed #999;
     70        border-top:3px dashed #999;
     71        margin: 1em -8px 0 -138px;
     72    padding: 0.5em;
     73    background:white;
    6574}
     75.formulaire_construire_formulaire .fieldset > .formulaire_configurer{
     76        margin: 1em -8px 0;
     77}
     78
     79/*
    6680.formulaire_construire_formulaire li.fieldset.configurable > .formulaire_configurer{
    6781        margin:1em 0 0 0;
     
    8397        -webkit-border-radius:0 0 5px 5px;
    8498}
     99*/
    85100.formulaire_construire_formulaire .formulaire_configurer .formulaire_configurer-onglets li{
    86101        float:left;
     
    89104        margin-bottom:-1px;
    90105        padding:0;
    91         background:#eee;
     106        /*background:#eee;*/
    92107        border:0;
    93108        border-bottom:1px solid #ddd;
     
    108123        padding:1em;
    109124}
     125.formulaire_construire_formulaire .formulaire_configurer .boutons { margin-bottom: -20px; }
     126
     127.formulaire_construire_formulaire li.editer,
     128.formulaire_construire_formulaire li.fieldset {padding-top:30px; position:relative;}
     129.formulaire_construire_formulaire .formulaire_configurer li.fieldset {padding-top:0px;}
     130.formulaire_construire_formulaire .formulaire_configurer fieldset fieldset>ul>li.editer:first-child {padding-top:0px;}
     131
     132.formulaire_construire_formulaire li.hover {background-color:transparent;}
    110133
    111134.formulaire_construire_formulaire .actions{
     
    124147        opacity:1;
    125148}
     149.formulaire_construire_formulaire .actions .move {
     150        cursor:move;
     151}
    126152
    127 .formulaire_construire_formulaire li.saisies_disponibles{
    128         padding:1em;
     153
     154
     155.formulaire_construire_formulaire li.saisies_disponibles {
     156        /*padding:1em;*/
    129157}
     158
    130159.formulaire_construire_formulaire .ajouter_saisie{
    131         width:40%;
     160        width:45%;
    132161        margin:5px;
    133162        padding:0.5em 8px 0.5em 36px;
     
    143172        vertical-align:middle;
    144173}
     174
  • _plugins_/saisies/formulaires/construire_formulaire.html

    r49775 r49777  
    115115                        [(#ENV{erreurs}|non|et{#GET{sortable}})
    116116                                if ($.fn.sortable) {
    117                                         $( "#deplacable" ).sortable({
     117                                        $( "#deplacable, #deplacable ul" ).sortable({
     118                                                containment: 'parent',
     119                                                connectWith: "#deplacable, #deplacable ul",
    118120                                                placeholder: "ui-state-highlight",
    119121                                                handle: '>.actions .deplacer_saisie',
     
    126128                                                        id = ui.item.data('id');
    127129                                                        ou = ui.item.next().data('id');
     130                                                        // avant le suivant
     131                                                        if (!ou) {
     132                                                                // sinon dans le parent
     133                                                                ou = ui.item.closest('.fieldset').data('id');
     134                                                                if (ou) {
     135                                                                        ou = '[(#VAL{91}|chr)]' + ou + '[(#VAL{93}|chr)]';
     136                                                                }
     137                                                                console.log(ou);
     138                                                        }
    128139                                                        url = "#URL_ECRIRE";
    129140                                                        $.get(url, {
  • _plugins_/saisies/inc/saisies_manipuler.php

    r49757 r49777  
    111111        // On récupère le contenu de la saisie à déplacer
    112112        $saisie = saisies_chercher($saisies, $id_ou_nom_ou_chemin);
    113        
     113
    114114        // Si on l'a bien trouvé
    115115        if ($saisie){
     
    121121                }
    122122                // Si l'endroit est entre crochet, c'est un conteneur
    123                 elseif (preg_match('/^\[([\w]*)\]$/', $ou, $match)){
     123                elseif (preg_match('/^\[([@\w]*)\]$/', $ou, $match)){
    124124                        $parent = $match[1];
    125125                        // Si dans les crochets il n'y a rien, on met à la fin du formulaire
Note: See TracChangeset for help on using the changeset viewer.