Changeset 94763 in spip-zone for _plugins_/lim


Ignore:
Timestamp:
Jan 27, 2016, 8:32:04 AM (5 years ago)
Author:
peetdu@…
Message:

peaufinage des styles dans la restriction par rubrique

Location:
_plugins_/lim/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/lim/trunk/formulaires/inc-choisir-rubriques.html

    r94578 r94763  
    44<BOUCLE_objets_selectionnes(DATA){liste #CONFIG{lim_objets}}>#SET{objets,#GET{objets}|push{#VALEUR}} #SET{nbre_col,#TOTAL_BOUCLE|moins{1}}</BOUCLE_objets_selectionnes>
    55#SET{objets,#GET{objets}|array_flip}
     6
     7[(#GET{nbre_col}|in_array{#ARRAY{0,1,1,2,2,3}}|oui)
     8        #SET{width_rub,450}
     9        #SET{width_obj,448}
     10]
     11
     12[(#GET{nbre_col}|>{3}|oui)
     13        #SET{width_rub,320}
     14        #SET{width_obj,580}
     15]
    616
    717[(#REM) multilinguisme : pour les objets sélectionnés, récupérer le nom traduit et les afficher dans l'ordre alphabétique ]
     
    1626
    1727<style>
    18 input[type=checkbox].lim_hidden {display:none; }
    19         span.entete { font-weight: bold; }
    20         span.center { text-align: center; }
    21         span.tab.rubrique {display:inline-block; width:320px; font-weight:bold; }
    22         .sousrub span.tab.rubrique { margin-left:10px; width:310px; font-weight:normal; }
    23         .sousrub .sousrub span.tab.rubrique { margin-left:20px; width:300px;}
    24         .sousrub .sousrub .sousrub span.tab.rubrique { margin-left:30px; width:320px;}
    25         span.check {display:inline-block; width:[(#VAL{62}|div{#GET{nbre_col}})%]; text-align: center;}
    26 
    27         #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
    28         #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
    29 
    30         .formulaire_spip.formulaire_configurer_lim_logos,
    31         .formulaire_spip.formulaire_configurer_lim_rubriques .choix label { vertical-align:middle; }
    32         .formulaire_spip.formulaire_configurer_lim_rubriques div.secteur        { margin:0; padding:0; padding:5px 10px; border:1px solid #ddd; border-radius:5px; background-color:#fff; }
    33         .formulaire_spip.formulaire_configurer_lim_rubriques div div            { margin-bottom:5px; border-#ENV{left}:1px solid #ddd; }
    34         .formulaire_spip.formulaire_configurer_lim_rubriques div div div        { margin-bottom:0; border-#ENV{left}:1px solid #ddd; }
    35         .formulaire_spip.formulaire_configurer_lim_rubriques div div            { border:0; border-radius:0;}
    36         .formulaire_spip.formulaire_configurer_lim_rubriques div.secteur        { margin-bottom:10px; }
    37         .formulaire_spip.formulaire_configurer_lim_rubriques div.choix                          { padding: 4px 10px; border:0; border-radius:0;}
    38         .formulaire_spip.formulaire_configurer_lim_rubriques div.choix input[type='checkbox'] { margin:1px 0.3ex; vertical-align:middle; border:0;}
    39         img.info_logo_site, img.forbidden       { vertical-align:middle; }
     28        .tab.rubrique {display:inline-block; width:#GET{width_rub}px; font-weight:bold; }
     29        .sousrub .tab.rubrique { width:[(#GET{width_rub}|moins{15})px]; font-weight:normal; }
     30        .sousrub .sousrub .tab.rubrique { width:[(#GET{width_rub}|moins{30})px]; }
     31        .sousrub .sousrub .sousrub .tab.rubrique { width:[(#GET{width_rub}|moins{45})px]; }
     32        .sousrub .sousrub .sousrub .sousrub .tab.rubrique { width:[(#GET{width_rub}|moins{60})px]; }
     33        .check { display:inline-block; width:[(#GET{width_obj}|div{#GET{nbre_col}})px]; text-align: center;}
    4034</style>
    4135
    42 <div>
    43         <div>
    44                 <span class="tab rubrique entete"></span>
    45                 <BOUCLE_entete(DATA){source tableau,#GET{traductions}}{par valeur}>
    46                         <span class="check entete center">#VALEUR</span>
    47                 </BOUCLE_entete>
    48         </div>
    49         <div>
    50                 <BOUCLE_titre_rubrique(RUBRIQUES){racine}{par num titre,titre}{tout}>
    51                         <div class='secteur'>
    52                                 <span class="tab rubrique">#TITRE</span>
    53                                 <BOUCLE_par_traduction1(DATA){source tableau,#GET{type}}{par valeur}>
    54                                         [(#INCLURE{fond=formulaires/inc-input-rub,env,name=#VALEUR}{#VALEUR=#ENV{#VALEUR}}{id_rubrique=#ID_RUBRIQUE})]
    55                                 </BOUCLE_par_traduction1>
    56                         <B_enfants_rubriques>
     36<div class="tab rubrique"></div>
     37<BOUCLE_entete(DATA){source tableau,#GET{traductions}}{par valeur}>
     38        <div class="check entete center"><img src='#CHEMIN_IMAGE{#VALEUR-16.png}'><br>#VALEUR</div>
     39</BOUCLE_entete>
     40
     41<BOUCLE_titre_rubrique(RUBRIQUES){racine}{par num titre,titre}{tout}>
     42        <div class='pin'><img src='#CHEMIN_IMAGE{rubrique-16.png}'></div>
     43        <div class='secteur'>
     44                <div class="tab rubrique">#TITRE</div>
     45                <BOUCLE_par_traduction1(DATA){source tableau,#GET{type}}{par valeur}>
     46                        [(#INCLURE{fond=formulaires/inc-input-rub,env,name=#VALEUR}{#VALEUR=#ENV{#VALEUR}}{id_rubrique=#ID_RUBRIQUE})]
     47                </BOUCLE_par_traduction1>
     48                <B_enfants_rubriques>
    5749                        <div class='sousrub'>
    5850                        <BOUCLE_enfants_rubriques(RUBRIQUES){id_parent}{par num titre,titre}{tout}{si #JUSTE_SECTEUR|!={oui}}>
    59                         <div class=''>
    60                                 <span class="tab rubrique">#TITRE</span><BOUCLE_par_traduction2(DATA){source tableau,#GET{type}}{par valeur}>
    61                                 [(#INCLURE{fond=formulaires/inc-input-rub,env,name=#VALEUR}{#VALEUR=#ENV{#VALEUR}}{id_rubrique=#ID_RUBRIQUE})]
    62                                 </BOUCLE_par_traduction2><BOUCLE_rec(BOUCLE_enfants_rubriques)/>
    63                         </div>
     51                                <div class=''>
     52                                        <div class="tab rubrique">#TITRE</div><BOUCLE_par_traduction2(DATA){source tableau,#GET{type}}{par valeur}>
     53                                        [(#INCLURE{fond=formulaires/inc-input-rub,env,name=#VALEUR}{#VALEUR=#ENV{#VALEUR}}{id_rubrique=#ID_RUBRIQUE})]
     54                                        </BOUCLE_par_traduction2><BOUCLE_rec(BOUCLE_enfants_rubriques)/>
     55                                </div>
    6456                        </BOUCLE_enfants_rubriques>
    6557                        </div>
    66                         </B_enfants_rubriques>
    67                 </div>
    68                 </BOUCLE_titre_rubrique>
     58                </B_enfants_rubriques>
     59        </div>
     60</BOUCLE_titre_rubrique>
    6961
    70         </div>
    71 </div>
    7262
    7363
    7464<script type="text/javascript">/*<![CDATA[*/
    75 // jQuery("span.icon-on").on('click', function(){
    76 //      jQuery(this).removeClass('icon-on').addClass('icon-off');
    77 // });
    78 // jQuery("span.icon-off").on('click',function(){
    79 //      jQuery(this).removeClass('icon-off').addClass('icon-on');
    80 // });
    81 
    8265jQuery("span.lim_icon").on('click', function(){
    8366        if (jQuery(this).hasClass('icon-on')) {
  • _plugins_/lim/trunk/formulaires/inc-input-rub.html

    r93319 r94763  
    1 <span class="check">
    2         <label for="[(#NAME|concat{_rub#ID_RUBRIQUE})]">
    3         [(#ID_RUBRIQUE|in_any{#ENV{#NAME}}?{<span class="lim_icon icon-off"></span>,<span class="lim_icon icon-on"></span>})]
    4         </label>
    5                
    6         <input type="checkbox" name="#NAME\[\]" class='lim_hidden' value="#ID_RUBRIQUE" id='[(#NAME|concat{_rub#ID_RUBRIQUE})]' [(#ID_RUBRIQUE|in_any{#ENV{#NAME}}) checked='checked']></span>
     1<div class="check">
     2        <label for="[(#NAME|concat{_rub#ID_RUBRIQUE})]">[(#ID_RUBRIQUE|in_any{#ENV{#NAME}}?{<span class="lim_icon icon-off"></span>,<span class="lim_icon icon-on"></span>})]</label>
     3        <input type="checkbox" name="#NAME\[\]" class='lim_hidden' value="#ID_RUBRIQUE" id='[(#NAME|concat{_rub#ID_RUBRIQUE})]' [(#ID_RUBRIQUE|in_any{#ENV{#NAME}}) checked='checked']>
     4</div>
  • _plugins_/lim/trunk/prive/style_prive_plugin_lim.html

    r94703 r94763  
    2727.lim_icon { transition: color 0.5s ease; }
    2828.icon-on { color:[(#ENV{foncee})]; }
    29 .formulaire_spip.formulaire_configurer_lim_logos,
    30 .formulaire_spip.formulaire_configurer_lim_rubriques .choix label { vertical-align:middle; }
    31 .formulaire_spip.formulaire_configurer_lim_rubriques ul { margin:0;padding:0; }
    32 .formulaire_spip.formulaire_configurer_lim_rubriques ul.creneaux                        { margin:0;padding:0; }
    33 .formulaire_spip.formulaire_configurer_lim_rubriques ul.creneaux li             { margin:0; padding:0; padding:0; border:1px solid #ddd; border-radius:5px; background-color:#fff; }
    34 .formulaire_spip.formulaire_configurer_lim_rubriques ul.creneaux li ul          { margin-bottom:5px; margin-#ENV{left}:20px; border-#ENV{left}:1px solid #ddd; }
    35 .formulaire_spip.formulaire_configurer_lim_rubriques ul.creneaux li ul ul       { margin-bottom:0; margin-#ENV{left}:20px; border-#ENV{left}:1px solid #ddd; }
    36 .formulaire_spip.formulaire_configurer_lim_rubriques ul.creneaux li li          { border:0; border-radius:0;}
    37 .formulaire_spip.formulaire_configurer_lim_rubriques ul.creneaux li.secteur { margin-bottom:10px; [(#SPIP_VERSION|match{3.0}|oui) padding:5px;]}
    38 .formulaire_spip.formulaire_configurer_lim_rubriques ul.creneaux .checked       { background:[#(#ENV{claire}|couleur_eclaircir{0.7})];}
    39 .formulaire_spip.formulaire_configurer_lim_rubriques div.choix                          { padding: 4px 10px; border:0; border-radius:0;}
    40 .formulaire_spip.formulaire_configurer_lim_rubriques div.choix input[type='checkbox'] { margin:1px 0.3ex; vertical-align:middle; border:0;}
     29.formulaire_configurer_lim_logos .choix label { vertical-align:middle; }
     30.center { text-align:center; }
     31input[type=checkbox].lim_hidden {display:none; }
     32.formulaire_configurer_lim_logos,
     33.formulaire_configurer_lim_rubriques .pin                               { position:relative; top:10px; left:10px ;}
     34.formulaire_configurer_lim_rubriques .secteur                   { margin:0px 0 10px 0; padding:10px 5px 5px 5px; border:1px solid #ddd; border-radius:5px; }
     35.formulaire_configurer_lim_rubriques .sousrub                   { padding-left:15px; margin-bottom:15px; }
     36.formulaire_configurer_lim_rubriques .sousrub .sousrub  { border-left:1px dotted #aaa; }
     37
    4138img.info_logo_site, img.forbidden       { vertical-align:middle; }
Note: See TracChangeset for help on using the changeset viewer.