Changeset 66681 in spip-zone


Ignore:
Timestamp:
Oct 11, 2012, 10:30:50 AM (7 years ago)
Author:
cedric@…
Message:

Reprise du modele evenement : on conserve le microformat vevent, mais on ajoute les microdata de http://schema.org/Event (merci bennyb) et les balises HTML5

Reprise des pages agenda et jour, on ajoute les classes bootstrap qui vont bien pour que l'agenda tombe bien sans aucun habillage particulier

+ reprise de la css pour l'affichage de l'agenda

Location:
_plugins_/agenda/trunk
Files:
1 added
9 edited
1 copied

Legend:

Unmodified
Added
Removed
  • _plugins_/agenda/trunk/css/spip.agenda.css

    r66222 r66681  
    11
    2 .evenement.one {padding: 0.75em;padding-left: 7.5em;background: #eee;margin-bottom: 1.5em;}
     2.evenement.one {padding: 0.75em;background: #eee;margin-bottom: 1.5em;}
    33.evenement.one .lire-la-suite {display: none;}
    44
    5 .page_agenda .liste-items .evenement, .rubrique_agenda .liste-items .evenement, .page_evenement .liste-items .evenement  {padding-left: 7.5em;background-image: url(img/agenda-filet.png);background-repeat: repeat-y;background-position: 6.5em top;}
    6 .evenement .dateban {float: left;margin-left: -7.5em;width: 6.5em;}
    7 .evenement .dateban .day {display: block;text-align: center;font-size: 2em;}
    8 .evenement .dateban .month {display: block;text-align: center;text-transform: uppercase;font-size: 0.71em;}
    9 .evenement .dateban .year {display: block;text-align: center;font-size: 0.71em;}
    10 .page_agenda .item.month, .rubrique_agenda .item.month {padding: 0.75em;background: #e4e4e4; text-transform: uppercase;}
    11 .item.evenement.fini {opacity: 0.7;}
    12 .item.month.fini {opacity: 0.7;}
     5.long .liste-items .evenement {padding-left: 7.5em;}
     6.long .liste-items .evenement .banner {display:block;float: left;margin-left: -7.5em;width: 5.5em;text-align: center;overflow: hidden;opacity: 0.7;}
     7.long .liste-items .evenement .banner .label {display: block;padding:0.75em 0;}
     8.long .liste-items .evenement .banner .day {display: block;text-align: center;font-size: 2em;line-height: 1;}
     9.long .liste-items .evenement .banner .month {display: block;text-align: center;text-transform: uppercase;font-size: 0.85em;}
     10.long .liste-items .evenement .banner .year {display: block;text-align: center;font-size: 0.85em;}
    1311
    14 .page_jour .liste-items.evenements .item .dateban {display: none;}
     12/*.long .liste-items.evenements .item.month, .long .liste-items.evenements .item.month {padding: 0.75em;background: #e4e4e4; text-transform: uppercase;}*/
     13.liste-items.evenements .item.fini  .entry-title {font-size: inherit;line-height: inherit;}
     14.liste-items.evenements .item.fini  .entry-content {margin-bottom: 0;max-height: 4.5em;overflow: hidden;}
     15.liste-items.evenements .item.fini  .meta-publi {display: none;}
     16.liste-items.evenements .item.fini  .lire-la-suite {display: none;}
     17.liste-items.evenements .item.fini  .evenement .banner {opacity: 0.5;}
    1518
     19.liste-items.evenements.short .info-publi, .short .liste-items.evenements .info-publi {display:block;margin: 0;}
     20.liste-items.evenements .meta-publi {left:7.5em;}
     21.liste-items.evenements .lire-la-suite {left:7.5em;}
     22.liste-items.evenements .entry-title {margin-top: 0;}
     23
     24.page_jour .liste-items.evenements .evenement .banner {display: none;}
     25.page_jour .long .liste-items .evenement{padding-left: 0;}
     26.page_jour .liste-items.evenements .meta-publi {left:0;}
     27.page_jour .liste-items.evenements .lire-la-suite {left:0;}
     28
     29/*
    1630.liste-items.evenements.short .evenement {padding-left: 0;background-image: none;}
    17 .liste-items.evenements.short .summary {margin: 0;font-size: 1em;}
    18 .liste-items.evenements.short .date {margin: 0;}
    19 .liste-items.evenements.short .dateban {display: none;}
    20 .liste-items.evenements.short .description {display: none;}
     31.liste-items.evenements.short .entry-title {margin: 0;font-size: inherit;}
     32.liste-items.evenements.short .banner {display: none;}
     33.liste-items.evenements.short .entry-content {display: none;}
    2134.liste-items.evenements.short .lire-la-suite {display: none;}
    22 .liste-items.evenements.short .category {display: none;}
     35.liste-items.evenements.short .meta-publi {display: none;}
     36*/
  • _plugins_/agenda/trunk/modeles/evenement_vevent.html

    r66115 r66681  
    1 <BOUCLE_vevent(EVENEMENTS){id_evenement=#ENV{id,#ENV{id_evenement}}}{tout}>
    2 <div class="dateban"><b class="day">[(#DATE_DEBUT|jour)]</b> <b class="month">[(#DATE_DEBUT|nom_mois)]</b> <b class="year">[(#DATE_DEBUT|annee)]</b></div>
    3 <div class="vevent id_#ID_EVENEMENT">
    4 <h3 class="summary #EDIT{titre}"><a href="[(#URL_EVENEMENT)]">#TITRE</a></h3>
    5 [(#INSCRIPTION|?{' ',''})<p class="inscrits">#NB_INSCRITS[/(#PLACES) ]<:agenda:inscrits:></p>]
    6 [<p class="date">(#DATE_DEBUT|agenda_affdate_debut_fin{#DATE_FIN,#HORAIRE,'hcal'})</p>]
    7 #SET{intro,''}<BOUCLE_art(ARTICLES){id_article}>#SET{intro,#INTRODUCTION}</BOUCLE_art>
    8 [<div class="description  #EDIT{descriptif}">(#DESCRIPTIF|sinon{#GET{intro}})</div>]
    9 [<p class="lieu"><span class="location #EDIT{lieu}">(#LIEU)</span>[<br /><span class="adresse #EDIT{adresse}">(#ADRESSE|PtoBR)</span>]</p>]
    10 <B_mots><p class='category'><BOUCLE_mots(MOTS){id_evenement}{par num titre,titre}{', '}>#TITRE</BOUCLE_mots></p></B_mots>
    11 <p class="lire-la-suite"><a href="#URL_EVENEMENT">Lire le détail de &laquo; #TITRE &raquo;</a></p>
    12 </div>
    13 </BOUCLE_vevent>
     1#INCLURE{fond=inclure/resume/evenement,id_evenement=#ENV{id,#ENV{id_evenement}}}
  • _plugins_/agenda/trunk/paquet.xml

    r66285 r66681  
    22        prefix="agenda"
    33        categorie="date"
    4         version="3.9.3"
     4        version="3.10.0"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.0.*]"
  • _plugins_/agenda/trunk/squelettes/content/article-evenement.html

    r66214 r66681  
    99]
    1010<BOUCLE_ev(EVENEMENTS){id_evenement}>
    11 <div class="evenement one">
    12 #MODELE{evenement_vevent}
    13 </div>
     11<div class="evenement one well">#INCLURE{fond=inclure/resume/evenement,id_evenement}</div>
    1412<INCLURE{fond=content/article,id_article,id_evenement,env} />
    1513</BOUCLE_ev>
  • _plugins_/agenda/trunk/squelettes/content/jour.html

    r66214 r66681  
    1414
    1515        <div class="cartouche">
    16                 <h1 class="h1"><:agenda:titre_sur_l_agenda:></h1>
     16                <h1 class="h1"><:agenda:titre_sur_l_agenda:>
     17                <small>[(#GET{date_debut}|affdate)]</small>
     18                </h1>
    1719        </div>
    1820
     
    2022
    2123<B_ev>
    22         [<h2>[(#GET{date_debut}|affdate)]&nbsp;: (#TOTAL_BOUCLE|singulier_ou_pluriel{agenda:info_un_evenement,agenda:info_nombre_evenements})</h2>]
    23         <ul class="liste-items evenements">
    24         <BOUCLE_ev(EVENEMENTS){!evenement_passe #GET{date_debut}}{!evenement_a_venir #GET{date_fin}}{par date_debut}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}>
    25                 [(#TOTAL_BOUCLE|>{0}|sinon_interdire_acces{#URL_EVENEMENT})]
    26                 <li class="item">
    27                         #MODELE{evenement_vevent}
    28                 </li>
    29         </BOUCLE_ev>
    30         </ul>
     24        <div class="liste long evenements">
     25                <ul class="liste-items evenements">
     26                <BOUCLE_ev(EVENEMENTS){!evenement_passe #GET{date_debut}}{!evenement_a_venir #GET{date_fin}}{par date_debut}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}>
     27                        [(#TOTAL_BOUCLE|>{1}|sinon_interdire_acces{#URL_EVENEMENT})]
     28                        <li class="item">#INCLURE{fond=inclure/resume/evenement,id_evenement}</li>
     29                </BOUCLE_ev>
     30                </ul>
     31        </div>
    3132</B_ev>
    3233<p><:agenda:info_aucun_evenement:></p>
  • _plugins_/agenda/trunk/squelettes/contenu/page-agenda.html

    r36876 r66681  
    1111        <ul class="liste-items evenements">
    1212        <BOUCLE_ev(EVENEMENTS){!evenement_passe #ENV{date_debut,#ENV{date}}}{!evenement_a_venir #ENV{date_debut,#ENV{date}}|agenda_moisdecal{1,'Y-m-d H:i:00'}}{par date_debut}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}>
    13                 <li class="item">
    14                         #MODELE{evenement_vevent}
    15                 </li>
     13                <li class="item">#INCLURE{fond=inclure/resume/evenement,id_evenement}</li>
    1614        </BOUCLE_ev>
    1715        </ul>
  • _plugins_/agenda/trunk/squelettes/contenu/page-jour.html

    r66484 r66681  
    1111        <ul class="liste-items evenements">
    1212<BOUCLE_ev(EVENEMENTS){!evenement_passe #GET{date_debut}}{!evenement_a_venir #GET{date_fin}}{par date_debut}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}>
    13                 <li class="item">
    14                         #MODELE{evenement_vevent}
    15                 </li>
     13                <li class="item">#INCLURE{fond=inclure/resume/evenement,id_evenement}</li>
    1614        </BOUCLE_ev>
    1715        </ul>
  • _plugins_/agenda/trunk/squelettes/inclure/agenda-evenements-meme-article.html

    r66222 r66681  
    55<ul class="liste-items evenements short">
    66<BOUCLE_et_aussi(EVENEMENTS){par date_debut}{!evenement_passe #ENV{date_debut,#ENV{date}}}{id_article=#ENV{id_article}}{id_evenement!=#ENV{id_evenement,0}}{pagination 10}>
    7 <li class="item evenement">#MODELE{evenement_vevent}</li>
     7<li class="item evenement">#INCLURE{fond=inclure/resume/evenement,id_evenement}</li>
    88</BOUCLE_et_aussi>
    99</ul>
  • _plugins_/agenda/trunk/squelettes/inclure/agenda-liste.html

    r66214 r66681  
    1111#SET{affichage_debut,#CONFIG{agenda/affichage_debut,#ENV{affichage_debut,date_jour}}}
    1212#SET{date_debut,#ENV{date_debut,#ENV{date}}|agenda_date_debut_liste{#GET{affichage_debut}}}
    13 #SET{date_prev,#ENV{date_debut,#ENV{date}}|agenda_moisdecal{#GET{affichage_duree}|mult{-1},'Y-m-d H:i:00'}}
    14 #SET{date_fin,#ENV{date_debut,#ENV{date}}|agenda_moisdecal{#GET{affichage_duree},'Y-m-d H:i:00'}}
     13#SET{date_prev,#GET{date_debut}|agenda_moisdecal{#GET{affichage_duree}|mult{-1},'Y-m-d H:i:00'}}
     14#SET{date_fin,#GET{date_debut}|agenda_moisdecal{#GET{affichage_duree},'Y-m-d H:i:00'}}
    1515
    1616[(#REM) Ne pas afficher l'annee de depart, elle est dans le h2)]
    1717[(#GET{date_debut}|annee|unique{annee}|non)]
    18 <div id="agenda-liste">
     18<div id="agenda-liste" class="liste long evenements">
    1919<h2>[(#GET{date_debut}|affdate_periode{#GET{affichage_duree},#GET{affichage_debut}})]</h2>
    2020<B_ev>
    2121        <ul class="liste-items evenements">
    2222        <BOUCLE_ev(EVENEMENTS){!evenement_passe #GET{date_debut}}{!evenement_a_venir #GET{date_fin}}{par date_debut}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}>
    23                 [<li class="item month[(#DATE_DEBUT|agenda_date_passee)fini]">(#GET{affichage_duree}|>{1}?{[(#DATE_DEBUT|nom_mois|unique{mois})[ (#DATE_DEBUT|annee|unique{annee})]]})</li>]
    24                 <li class="item evenement[(#DATE_FIN|agenda_date_passee)fini]">
    25                         #MODELE{evenement_vevent}
     23                [<li class="item item-header month[(#DATE_DEBUT|agenda_date_passee)fini]">(#GET{affichage_duree}|>{1}?{[(#DATE_DEBUT|nom_mois|unique{mois})[ (#DATE_DEBUT|annee|unique{annee})]]})</li>]
     24                <li class="item[(#DATE_FIN|agenda_date_passee)fini]">
     25                        #INCLURE{fond=inclure/resume/evenement,id_evenement}
    2626                </li>
    2727        </BOUCLE_ev>
     
    3131<//B_ev>
    3232
    33 <p class="pagination">
    34         #SET{sep,' | '}
     33<div class="pagination">
    3534        #SET{hasprev,''}
    3635        <BOUCLE_prev(EVENEMENTS){!evenement_a_venir #GET{date_debut}}{0,1}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}>#SET{hasprev,1}</BOUCLE_prev>
    37         [<span
    38                 class="prev[(#GET{hasprev}|non)disabled]">(#SELF
    39                 |parametre_url{date_debut,#GET{date_prev}|affdate{Y-m-d}}
    40                 |ancre_url{agenda-liste}
    41                 |lien_ou_expose{[&larr; (#ENV{label_precedent,#GET{date_prev}|affdate_periode{#GET{affichage_duree}}})],[(#GET{hasprev}|non)],'lien_pagination','',nofollow}
    42                 |inserer_attribut{rel,prev}
    43                 )[<span
    44                 class='sep'>(#GET*{sep})</span>]</span>]
    4536        #SET{hasnext,''}
    4637        <BOUCLE_next(EVENEMENTS){!evenement_passe #GET{date_fin}}{0,1}{id_article?}{id_rubrique?}{id_mot?}{id_evenement_source?}>#SET{hasnext,1}</BOUCLE_next>
    47         [<span
    48                 class="next[(#GET{hasnext}|non)disabled]">(#SELF
    49                 |parametre_url{date_debut,#GET{date_fin}|affdate{Y-m-d}}
    50                 |ancre_url{agenda-liste}
    51                 |lien_ou_expose{[(#ENV{label_suivant,#GET{date_fin}|affdate_periode{#GET{affichage_duree}}}) &rarr;],[(#GET{hasnext}|non)],'lien_pagination','',nofollow}
    52                 |inserer_attribut{rel,next}
    53                 )</span>]
    54 </p>
     38        [(#INCLURE{fond=modeles/pagination_precedent_suivant,
     39        label_precedent=#GET{date_prev}|affdate_periode{#GET{affichage_duree}},
     40        label_suivant=#GET{date_fin}|affdate_periode{#GET{affichage_duree}},
     41        nombre_pages=#VAL{1}|plus{#GET{hasprev}|?{1,0}}|plus{#GET{hasnext}|?{1,0}},
     42        page_courante=#GET{hasprev}|?{2,1},
     43        url_precedent=#SELF|parametre_url{date_debut,#GET{date_prev}|affdate{Y-m-d}},
     44        url_suivant=#SELF|parametre_url{date_debut,#GET{date_fin}|affdate{Y-m-d}},
     45        ancre=agenda-liste,
     46        separateur=' | ',
     47        })]
    5548</div>
     49</div>
  • _plugins_/agenda/trunk/squelettes/inclure/resume/evenement.html

    r66343 r66681  
    11<BOUCLE_vevent(EVENEMENTS){id_evenement=#ENV{id,#ENV{id_evenement}}}{tout}>
    2 <div class="dateban"><b class="day">[(#DATE_DEBUT|jour)]</b> <b class="month">[(#DATE_DEBUT|nom_mois)]</b> <b class="year">[(#DATE_DEBUT|annee)]</b></div>
    3 <div class="vevent id_#ID_EVENEMENT">
    4 <h3 class="summary #EDIT{titre}"><a href="[(#URL_EVENEMENT)]">#TITRE</a></h3>
    5 [(#INSCRIPTION|?{' ',''})<p class="inscrits">#NB_INSCRITS[/(#PLACES) ]<:agenda:inscrits:></p>]
    6 [<p class="date">(#DATE_DEBUT|agenda_affdate_debut_fin{#DATE_FIN,#HORAIRE,'hcal'})</p>]
    7 #SET{intro,''}<BOUCLE_art(ARTICLES){id_article}>#SET{intro,#INTRODUCTION}</BOUCLE_art>
    8 [<div class="description  #EDIT{descriptif}">(#DESCRIPTIF|sinon{#GET{intro}})</div>]
    9 [<p class="lieu"><span class="location #EDIT{lieu}">(#LIEU)</span>[<br /><span class="adresse #EDIT{adresse}">(#ADRESSE|PtoBR)</span>]</p>]
    10 <B_mots><p class='category'><BOUCLE_mots(MOTS){id_evenement}{par num titre,titre}{', '}>#TITRE</BOUCLE_mots></p></B_mots>
    11 <p class="lire-la-suite"><a href="#URL_EVENEMENT">Lire le détail de &laquo; #TITRE &raquo;</a></p>
    12 </div>
     2<article class="entry evenement vevent id_#ID_EVENEMENT"  itemscope itemtype="http://schema.org/Event">
     3        <span class="banner"><span class="label label-inverse"><b class="day">[(#DATE_DEBUT|jour)]</b> <b class="month">[(#DATE_DEBUT|nom_mois)]</b> <b class="year">[(#DATE_DEBUT|annee)]</b></span></span>
     4        <strong class="h3-like summary entry-title"><a itemprop="url" class="url" href="[(#URL_EVENEMENT)]">[(#LOGO_EVENEMENT|image_reduire{150,100}|inserer_attribut{itemprop,image})]<span itemprop="name">#TITRE</span><span
     5                        class="lire-la-suite hide"><i class="icon-chevron-right" title="<:zpip:lire_la_suite|attribut_html:><:zpip:lire_la_suite_de|attribut_html:>&laquo;[(#TITRE|attribut_html)]&raquo;"></i></span></a></strong>
     6        <meta itemprop="startDate" content="[(#DATE_DEBUT|date_iso)]" />
     7        <meta itemprop="endDate" content="[(#DATE_FIN|date_iso)]" />
     8        <p class="info-publi">[<time><i class="icon-calendar"></i> (#DATE_DEBUT|agenda_affdate_debut_fin{#DATE_FIN,#HORAIRE,'hcal'})</time>]</p>
     9        <div class="entry-content">
     10        #SET{intro,''}<BOUCLE_art(ARTICLES){id_article}>#SET{intro,#INTRODUCTION{#ENV{coupe,300}}</BOUCLE_art>
     11        [<div class="introduction #EDIT{descriptif}" itemprop="description">(#DESCRIPTIF|sinon{#GET{intro}})</div>]
     12
     13        [<p class="location" itemprop="location"><span class="lieu #EDIT{lieu}">(#LIEU)</span>[<br /><span class="adresse #EDIT{adresse}">(#ADRESSE|PtoBR)</span>]</p>]
     14        </div>
     15        <p class="meta-publi">
     16                [(#INSCRIPTION|?{' ',''})<span class="inscrits"><span class="sep">|</span> <i class="icon-user" title="#NB_INSCRITS[/(#PLACES) ] <:agenda:inscrits|attribut_html:>"></i> #NB_INSCRITS[/(#PLACES) ]</span>]
     17                <B_mots><span class='category'><span class="sep">|</span> <BOUCLE_mots(MOTS){id_evenement}{par num titre,titre}{', '}><span class="label"><i class="icon-tag"></i> #TITRE</span></BOUCLE_mots></span></B_mots>
     18        </p>
     19</article>
    1320</BOUCLE_vevent>
Note: See TracChangeset for help on using the changeset viewer.