Changeset 24459 in spip-zone


Ignore:
Timestamp:
Nov 19, 2008, 3:16:40 PM (11 years ago)
Author:
cam.lafit@…
Message:

De la mise en forme Spipienne

  • On structure la lecture du html pour meilleure lisibilité
  • On se cale sur la mise en page de presenter_liste_dist()
    • Toutefois on garde la structure en liste
    • On ne passe que par css

Remarque : le comportement ajax a peut etre sauté

Location:
_plugins_/_dev_/_ze_laboratoire_/mot_associer_objets
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/_dev_/_ze_laboratoire_/mot_associer_objets/formulaires/mot_associer_objets.html

    r20458 r24459  
    11<style>
    2 h3.article {background:url(#CHEMIN{images/article-24.gif}) no-repeat center left;padding:5px 0 5px 30px;}
    3 ul.items {list-style:none;padding:0;margin:0.25em 0;border-bottom:1px solid #F8F7F3;}
    4 ul.items li.item {clear:both;border-top:1px solid #F8F7F3;padding:0.2em 0;}
    5 ul.items li.item:hover {background:#F8F7F3;}
    6 ul.items li.item .action {display:block;float:right;}
    7 ul.items li.item .statut {float:left;width:15px;}
    8 ul.items li.item .titre {float:left;width:260px;}
    9 ul.items li.item .logo {float:right;width:40px;}
    10 ul.items li.item .auteurs {float:left;width:80px;font-size:0.9em;}
    11 ul.items li.item .date {float:left;width:60px;font-size:0.9em;}
    12 ul.items li.item .numero {float:right;width:50px;font-size:0.9em;font-weight:bold;}
    13 .pagination {background:#EEEEEE;text-align:right;padding:2px 0;}
    14 .pagination .tri {display:block;float:left;}
     2    ul.items {list-style:none;padding:0;margin:0.25em 0;border-bottom:1px solid #F8F7F3;}
     3    ul.items li.item {clear:both;border-top:1px solid #F8F7F3;padding:0.2em 0;}
     4    ul.items li.item:hover {background:#F8F7F3;}
     5    ul.items li.item .action {display:block;float:right;}
     6    ul.items li.item .statut {float:left;width:15px;}
     7    ul.items li.item .titre {float:left;width:220px;}
     8    ul.items li.item .logo {float:right;width:40px;}
     9    ul.items li.item .auteurs {float:left;width:120px;font-size:0.9em;}
     10    ul.items li.item .date {float:left;width:75px;font-size:0.9em;}
     11    ul.items li.item .numero {float:right;width:50px;font-size:0.9em;font-weight:bold;}
     12    .pagination {background:#EEEEEE;text-align:right;padding:2px 0;}
     13    .pagination .tri {display:block;float:left;}
     14   
     15    /* reprise du style presenter_liste_dist() */
     16    ul.items li.item {background-color: #eeefee;}
     17    ul.items li.item {border-bottom-color: #cccccc; border-bottom-width: 1px; border-bottom-style: solid;}
     18    .presenter_liste {margin-top: 20px; }
    1519</style>
     20
     21---------------------------------------
     22
    1623<INCLURE{fond=prive/contenu/mot_objets_lies}{id_mot=#ENV{id}}{statuts=#ENV{statuts}}{ajax}>
    1724
     25----------------
     26
    1827<div class="formfx recherche" id="formulaire_recherche#ENV{id}">
    19 <br class='spacer' />
    20 [<p class="formulaire_message">(#ENV*{message_ok})</p>]
    21 [<p class='formulaire_erreur'>(#ENV*{message_erreur})</p>]
    22 [(#ENV**{editable}|?{' '})
    23 <form method='post' action='#ENV{action}#formulaire_recherche#ENV{id}'>
    24 [(#REM) declarer les hidden qui declencheront le service du formulaire
    25 parametre : url d'action ]
    26 #ACTION_FORMULAIRE{#ENV{action}}
    27 [(#REM) les champs de saisie]
    28 <fieldset><ol>
    29 <li class="text champ_recherche obligatoire">
    30 <label for='recherche' class='nocmx'><:bouton_ajouter:></label>
    31 <input type="text" name='recherche' id='recherche' value="#ENV*{recherche}" class='text' size='30' />
    32 [<span class='erreur'>(#ENV**{erreur}|table_valeur{recherche})</span>]
    33 </li>
    34 </ol></fieldset>
    35 <div style='text-align: right'><input class='fondo' type='submit' value='<:info_rechercher:>' /></div>
     28    <br class='spacer' />
     29    [<p class="formulaire_message">(#ENV*{message_ok})</p>]
     30    [<p class='formulaire_erreur'>(#ENV*{message_erreur})</p>]
     31    [(#ENV{editable}|oui)
     32        <form method='post' action='#ENV{action}'>
     33            [(#REM) declarer les hidden qui declencheront le service du formulaire
     34            parametre : url d'action ]
     35            #ACTION_FORMULAIRE{#ENV{action}}
     36            [(#REM) les champs de saisie]
     37            <fieldset>
     38                <ol>
     39                    <li class="text champ_recherche obligatoire">
     40                        <label for='recherche' class='nocmx'><:bouton_ajouter:></label>
     41                        <input type="text" name='recherche' id='recherche' value="#ENV*{recherche}" class='text' size='30' />
     42                        [<span class='erreur'>(#ENV**{erreur}|table_valeur{recherche})</span>]
     43                    </li>
     44                </ol>
     45            </fieldset>
     46            <div style='text-align: right'><input class='fondo' type='submit' value='<:info_rechercher:>' /></div>
    3647
    37 [(#REM) les recherches, type par type]
    38 [(#INCLURE{fond=formulaires/selecteur_mot_associer_articles}{env}{ajax})
    39 <div class='nettoyeur'></div>
    40 <div style='text-align: right'><input class='fondo' type='submit' value='<:bouton_ajouter:>' /></div>
    41 ]
     48            [(#REM) les recherches, type par type]
     49            [(#INCLURE{fond=formulaires/selecteur_mot_associer_articles}{env}{ajax})
     50                <div class='nettoyeur'></div>
     51                <div style='text-align: right'><input class='fondo' type='submit' value='<:bouton_ajouter:>' /></div>
     52            ]
    4253
    43 [(#INCLURE{fond=formulaires/selecteur_mot_associer_rubriques}{env}{ajax})
    44 <div class='nettoyeur'></div>
    45 <div style='text-align: right'><input class='fondo' type='submit' value='<:bouton_ajouter:>' /></div>
    46 ]
    47 
    48 </form>
     54            [(#INCLURE{fond=formulaires/selecteur_mot_associer_rubriques}{env}{ajax})
     55                <div class='nettoyeur'></div>
     56                <div style='text-align: right'><input class='fondo' type='submit' value='<:bouton_ajouter:>' /></div>
     57            ]
     58        </form>
     59    ]
    4960</div>
    5061<div class='spacer'></div>
    51 ]
  • _plugins_/_dev_/_ze_laboratoire_/mot_associer_objets/prive/contenu/mot_objets_lies.html

    r20368 r24459  
     1[(#REM) Lister les objets liés au mot clef ]
    12<B_articles>
    2 <h3 class='article'><:info_articles_lies_mot:></h3>
    3 <div class='pagination'><span class='tri'>
    4 <a href='[(#SELF|parametre_url{tri,date})]'><:par_date:></a> |
    5 <a href='[(#SELF|parametre_url{tri,titre})]'><:par_titre:></a> |
    6 <a href='[(#SELF|parametre_url{senstri,asc})]'><img src='#CHEMIN{images/monter-16.png}' alt='croissant' /></a> |
    7 <a href='[(#SELF|parametre_url{senstri,desc})]'><img src='#CHEMIN{images/descendre-16.png}' alt='decroissant' /></a> |
    8 </span>[(#PAGINATION)] <div class='nettoyeur'></div></div>
    9 <ul class='items'>
    10 <BOUCLE_articles(ARTICLES){id_mot}{pagination 5}{par #ENV{tri,date}}{inverse #ENV{senstri,desc}|=={asc}|?{0,1}}{statut IN #ENV{statuts,#ARRAY{publie}}}>
    11 <li class='item article'>
    12 <span class='action'><a class='ajax' href="#URL_ACTION_AUTEUR{editer_mots,#ID_ARTICLE|concat{',',#ID_MOT,',articles,id_article,article'},#SELF|parametre_url{recherche,#ENV{recherche},'&'}}"><img src='#CHEMIN{images/croix-rouge.gif}' alt='X'></a></span>
    13 <span class='statut'>[(#ID_ARTICLE|puce_changement_statut{#STATUT,#ID_RUBRIQUE,article})]</span>
    14 <span class='titre'>
    15 [<span class='logo'>(#LOGO_ARTICLE||image_reduire{26,20})</span>]
    16 <a href='#URL_ECRIRE{articles,id_article=#ID_ARTICLE}' title='<:info_numero_abbreviation:> #ID_ARTICLE'>#TITRE</a>
    17 </span>
    18 <span class='auteurs'><BOUCLE_auteurs(AUTEURS){id_article}{', '}><a href='#URL_ECRIRE{auteurs_infos,id_auteur=#ID_AUTEUR}'>#NOM</a></BOUCLE_auteurs></span>
    19 <span class='date'>[(#DATE|affdate_jourcourt)]</span>
    20 <span class='numero'><:info_numero_abbreviation:> #ID_ARTICLE</span>
    21 </span>
    22 <div class='nettoyeur'></div>
    23 </li>
    24 </BOUCLE_articles>
    25 </ul>
     3    <div class="presenter_liste cadre cadre-liste">
     4    <img src="#CHEMIN{images/articles-24.gif}" alt="" class="cadre-icone"/>
     5    <div class="titrem deplie depliant">
     6        <a class="titremancre"> </a>
     7        <b><:info_articles_lies_mot:></b>
     8    </div>
     9   
     10    <div>
     11        <div class="bloc_depliable blocdeplie">
     12            <div style=";" class="arial1 tranches" id="a1">                   
     13                <a href='[(#SELF|parametre_url{tri,date})]'><:par_date:></a> |
     14                <a href='[(#SELF|parametre_url{tri,titre})]'><:par_titre:></a> |
     15                <a href='[(#SELF|parametre_url{senstri,asc})]'><img src='#CHEMIN{images/monter-16.png}' alt='croissant' /></a> |
     16                <a href='[(#SELF|parametre_url{senstri,desc})]'><img src='#CHEMIN{images/descendre-16.png}' alt='decroissant' /></a> |
     17                [(#PAGINATION)]
     18            </div>
     19       
     20            <ul class='items'>
     21                <BOUCLE_articles(ARTICLES){id_mot}{pagination 5}{par #ENV{tri,date}}{inverse #ENV{senstri,desc}|=={asc}|?{0,1}}{statut IN #ENV{statuts,#ARRAY{publie}}}>
     22                    <li class='item article'>
     23                        <span class='action'>
     24                            <a class='ajax' href="#URL_ACTION_AUTEUR{editer_mots,#ID_ARTICLE|concat{',',#ID_MOT,',articles,id_article,article'},#SELF|parametre_url{recherche,#ENV{recherche},'&'}}">
     25                            <img src='#CHEMIN{images/croix-rouge.gif}' alt='X'></a>
     26                        </span>
     27                        <span class='statut'>[(#ID_ARTICLE|puce_changement_statut{#STATUT,#ID_RUBRIQUE,article})]</span>
     28                        <span class='titre'>
     29                            [<span class='logo'>(#LOGO_ARTICLE||image_reduire{26,20})</span>]
     30                            <a href='#URL_ECRIRE{articles,id_article=#ID_ARTICLE}' title='<:info_numero_abbreviation:> #ID_ARTICLE'>#TITRE</a>
     31                        </span>
     32                        <span class='auteurs'>
     33                            <BOUCLE_auteurs(AUTEURS){id_article}{', '}><a href='#URL_ECRIRE{auteurs_infos,id_auteur=#ID_AUTEUR}'>#NOM</a></BOUCLE_auteurs>
     34                        </span>
     35                        <span class='date'>[(#DATE|affdate_jourcourt)]</span>
     36                        <span class='numero'><:info_numero_abbreviation:> #ID_ARTICLE</span>
     37                        <div class='nettoyeur'></div>
     38                    </li>
     39                </BOUCLE_articles>
     40            </ul>
     41        </div>
     42        <div class='nettoyeur'></div>
     43    </div>
    2644</B_articles>
Note: See TracChangeset for help on using the changeset viewer.