Changeset 110391 in spip-zone


Ignore:
Timestamp:
May 26, 2018, 3:16:24 PM (15 months ago)
Author:
tcharlss@…
Message:

Plan complet des chapitres : ajout d'un bouton pour replier la liste. pas de JS, tout en CSS.

Location:
_plugins_/chapitres/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/chapitres/trunk/lang/chapitre_fr.php

    r110363 r110391  
    1111        // A
    1212        'ajouter_lien_chapitre' => 'Ajouter ce chapitre',
     13
     14        // B
     15        'bouton_plier' => 'Plier',
     16        'bouton_deplier' => 'Déplier',
    1317
    1418        // C
  • _plugins_/chapitres/trunk/paquet.xml

    r110363 r110391  
    22        prefix="chapitres"
    33        categorie="edition"
    4         version="1.0.8"
     4        version="1.0.9"
    55        etat="dev"
    66        compatibilite="[3.2.0;3.2.*]"
  • _plugins_/chapitres/trunk/prive/objets/liste/chapitres.html

    r110363 r110391  
    55        points,-1
    66}})]
    7 #SET{enfant,#ENV{id_parent}|ou{#ENV{objet}|=={chapitre}}}
    8 
     7#SET{is_enfant,#ENV{id_parent}|ou{#ENV{objet}|=={chapitre}}}
     8#SET{is_plan,#ENV{arbo}|=={oui}|et{#ENV{id_parent}|intval|=={0}}}
     9#SET{is_plie,#ENV{chapitres_vue}|=={plie}}
    910#SET{compteur,0}
    1011<B_liste_chapitres>
    1112#ANCRE_PAGINATION
    12 <div class="liste-objets chapitres">
     13<div class="liste-objets chapitres[ (#GET{is_plan}|oui)plan][ (#GET{is_plie}|oui)plie]">
    1314<table class="spip liste">
    1415        #SET{total, #GRAND_TOTAL}
     
    1617        #SET{total, #TOTAL_BOUCLE}
    1718        </BOUCLE_total_chapitres>
    18         [<caption><strong class="caption">(#ENV*{titre,#GET{total}|singulier_ou_pluriel{#GET{enfant}|?{chapitre:info_1_chapitre_enfant,chapitre:info_1_chapitre},#GET{enfant}|?{chapitre:info_nb_chapitres_enfants,chapitre:info_nb_chapitres}}})</strong></caption>]
     19        [<caption>
     20                <a href="[(#SELF|parametre_url{chapitres_vue,#GET{is_plie}|?{'',plie}})]" class="ajax">
     21                        <strong class="caption">
     22                                (#ENV*{titre,#GET{total}|singulier_ou_pluriel{#GET{is_enfant}|?{chapitre:info_1_chapitre_enfant,chapitre:info_1_chapitre},#GET{is_enfant}|?{chapitre:info_nb_chapitres_enfants,chapitre:info_nb_chapitres}}})
     23                                [<span class="label-pliage">(#GET{is_plie}|?{<:chapitre:bouton_deplier:>,<:chapitre:bouton_plier:>})</:chapitre:bouton_plier:></span>]
     24                        </strong>
     25                </a>
     26        </caption>]
    1927        <thead>
    2028                <tr class="first_row">
     
    3038        <BOUCLE_liste_chapitres (CHAPITRES) {id_parent?}{objet?}{id_objet?}{id_mot?}{id_auteur?}{where?}{statut?}{recherche?}{tri #ENV{par,num titre},#GET{defaut_tri}}{par titre}{pagination #ENV{nb,10}}>
    3139                #SET{compteur,#GET{compteur}|plus{1}}
    32                 <tr class="[(#GET{compteur}|alterner{row_odd,row_even})][ (#EXPOSE{expose})]">
     40                <tr
     41                        class="[(#GET{compteur}|alterner{row_odd,row_even})][ (#EXPOSE{expose})]"
     42                        data-profondeur="0"
     43                >
    3344                        <td class="statut">[(#STATUT|puce_statut{chapitre,#ID_CHAPITRE})]</td>
    3445                        <td
     
    5970                <BOUCLE_liste_chapitres_enfants (CHAPITRES) {si #ENV{arbo}|=={oui}}{id_parent=#ID_CHAPITRE}{objet?}{id_objet?}{id_mot?}{id_auteur?}{where?}{statut==.*}{recherche?}{tri #ENV{par,num titre},#GET{defaut_tri}}{par titre}>
    6071                #SET{compteur,#GET{compteur}|plus{1}}
    61                 <tr class="[(#GET{compteur}|alterner{row_odd,row_even})][ (#EXPOSE{expose})]">
     72                <tr
     73                        class="[(#GET{compteur}|alterner{row_odd,row_even})][ (#EXPOSE{expose})]"
     74                        data-profondeur="#GET{profondeur}"
     75                        [(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|oui)data-impasse="true"]
     76                >
    6277                        <td class="statut">[(#STATUT|puce_statut{chapitre,#ID_CHAPITRE})]</td>
    63                         <td
    64                                 class="titre principale"
    65                                 data-profondeur="#GET{profondeur}"
    66                                 [(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|oui)data-impasse="true"]
    67                         >
     78                        <td class="titre principale">
    6879                                [(#LOGO_CHAPITRE|image_reduire{20,26})]
    6980                                <a href="[(#ID_CHAPITRE|generer_url_entite{chapitre})]" title="<:info_numero_abbreviation|attribut_html:> #ID_CHAPITRE">
  • _plugins_/chapitres/trunk/prive/style_prive_plugin_chapitres.html

    r110363 r110391  
    99  border-style: dotted;
    1010}
    11 .liste-objets.chapitres td[data-profondeur="0"] {
     11.liste-objets.chapitres tr[data-profondeur="0"] td.titre {
    1212  padding-left: 0;
    1313  font-weight: bold;
    1414}
    1515<BOUCLE_profondeurs(DATA){enum 1,6}>
    16 .liste-objets.chapitres td[data-profondeur="#VALEUR"] {
     16.liste-objets.chapitres tr[data-profondeur="#VALEUR"] td.titre {
    1717  padding-left: [(#VALEUR|plus{1})]em;
    1818  background-repeat: no-repeat;
     
    2121  background-position: [(#VALEUR)]em center;
    2222}
    23 .liste-objets.chapitres td[data-profondeur="#VALEUR"][data-impasse] {
     23.liste-objets.chapitres tr[data-profondeur="#VALEUR"][data-impasse] td.titre {
    2424  background-image: url("#CHEMIN{prive/themes/spip/images/arbo-corner.svg}");
    2525  background-position: [(#VALEUR)]em center;
     
    3232  background-color: [#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];
    3333}
     34/* pliage */
     35.liste-objets.chapitres.plie tbody tr:not([data-profondeur="0"]) {
     36  display: none;
     37}
     38.liste-objets.chapitres .label-pliage {
     39  font-weight: normal;
     40  float: #ENV{right};
     41}
     42.liste-objets.chapitres caption a:hover {
     43  cursor: n-resize;
     44  text-decoration: none;
     45}
     46.liste-objets.chapitres caption a:hover .label-pliage {
     47  color: #GET{foncee};
     48}
     49.liste-objets.chapitres.plie caption a:hover {
     50  cursor: s-resize;
     51}
Note: See TracChangeset for help on using the changeset viewer.