source: spip-zone/_squelettes_/escal/trunk/inclusions/inc-article.html @ 122841

Last change on this file since 122841 was 122841, checked in by jcvilleneuve@…, 5 months ago

EscalV4 : on passe des <p> en <div> pour un meilleur affichage

File size: 12.5 KB
Line 
1<!-- affichage des blocs annonce -->
2[(#CONFIG{escal/config/annonceart}|=={haut}|oui)<INCLURE {fond=inclusions/inc-annonce}{env}>]
3[(#CONFIG{escal/config/annoncedefilart}|=={haut}|oui)<INCLURE {fond=inclusions/inc-annonce_defilant}{env}>]
4
5
6<BOUCLE_contexte(ARTICLES){id_article}>
7<article>
8
9<aside role="complementary" class="cadre-chemin">
10<!-- affichage du chemin de l'article si aucune rubrique ou sous-rubrique du chemin n'a le mot-clé "pas-au-menu" -->   
11        <a href="[(#CONFIG{gerer_trad}=={oui}|?{[(#URL_SITE_SPIP|parametre_url{lang,#ENV{lang}})],#URL_SITE_SPIP})]" title="<:escal:accueil:>"><:escal:accueil:></a>
12        [(#CONFIG{escal/config/arianeniveaudeux}|=={oui}|non)<INCLURE {fond=inclusions/inc-hierarchie_art}{env}>]
13        [(#CONFIG{escal/config/arianeniveaudeux}|=={oui}|oui)<INCLURE {fond=inclusions/inc-hierarchie_art_2eniveau}{env}>]
14</aside>
15
16<div id="cadre-titre-article">
17<!-- affichage mots-clés associés -->
18<!-- affichage mots-clés associés -->
19        [(#CONFIG{escal/config/motsclesarticles}|=={oui}|oui)
20                <INCLURE{fond=inclusions/inc-mots_cles}{id_article=#ID_ARTICLE}>
21        ]
22<!-- affichage du logo de l'article ou de sa rubrique avec lien vers cette rubrique -->
23        <div class="logorub">
24                [(#LOGO_ARTICLE_RUBRIQUE|image_reduire{0,#CONFIG{escal/config/taillelogoart,150}})]
25        </div>
26
27<!-- affichage du titre de l'article, de son descriptif, de sa date de publication et de son auteur-->
28        [<div id="surtitre-article" class="#EDIT{surtitre}">(#SURTITRE)</div>]
29        [<div id="titre-article" class="#EDIT{titre}">(#TITRE)</div>]
30        [<div id="soustitre-article" class="#EDIT{soustitre}">(#SOUSTITRE)</div>]
31
32        [<div id="descriptif-article">(#DESCRIPTIF)</div>]
33        <div id="auteur-article"> 
34                <BOUCLE_date(ARTICLES){id_article}{titre_mot=article-sans-date}>
35                </BOUCLE_date>
36                        [(#CONFIG{escal/config/dateart}|=={non}|non)
37                                <div class="date-article">[<:escal:article_mise_en_ligne:> <span class="majuscules">(#DATE|affdate)</span>] </div>
38                                <div class="date-modif-article">[(#DATE_MODIF|affdate|!=={[(#DATE|affdate)]}|?{[<:escal:article_modifie:> (#DATE_MODIF|affdate)],''})]</div>
39                        ]
40                <//B_date>
41       
42                <BOUCLE_test(AUTEURS){id_article}{lang_select}{si #CONFIG{escal/config/auteurart}|=={non}|non}>
43                </BOUCLE_test>
44                        <br />[(#LANG|=={ja}|non)<:par_auteur:>]
45                        <BOUCLE_auteurs_art(AUTEURS){id_article}{par nom}{", "}{lang_select}>
46                        <a class="auteur" href="[(#URL_PAGE{auteur}|parametre_url{id_auteur,#ID_AUTEUR}|parametre_url{lang,#ENV{lang}})]" title="<:escal:page_auteur:>">#NOM</a></BOUCLE_auteurs_art>
47                        [(#LANG|=={ja}|oui)<:par_auteur:>]
48                </B_test>     
49        </div>
50
51        [(#CONFIG{escal/config/visites}|=={oui}|oui)
52<!-- affichage des visites et de la popularité -->
53        <aside role="complementary" class="visites">
54                <span class="visites-nbr"><:escal:visites:> : <strong>#VISITES</strong></span>
55                        [(#CONFIG{escal/config/visites-inter, - })]
56                <div class="visites-popularite">
57                        <:escal:popularite:> :
58                        [<div class="graph">
59                                <strong class="bar" style="width: #POPULARITE%;">(#POPULARITE)%</strong>
60                        </div>]
61                </div>
62        </aside>
63        ]
64   
65<div class="nettoyeur"></div>   
66</div> <!-- fin cadre-titre-article -->
67
68<div id="cadre-article">
69
70<aside role="complementary">
71<div id="outils-article">
72<!-- affichage du bouton pour imprimer l'article -->
73        <div class="imprime-article outil">
74                <a href="#" onclick="javascript:window.print()" title="<:escal:article_imprimer:>">
75                        <img src="#CHEMIN{images/imprimer.svg}" alt="logo imprimer" />
76                </a>
77        </div>
78<!-- affichage de l'icone pdf si plugin article_pdf activé -->
79        [(#PLUGIN{ARTICLE_PDF}|oui)
80        <div class="article-pdf outil">
81                #ARTICLE_PDF{id_article}
82        </div>
83        ]
84<!-- affichage de l'icone pdf si plugin spipdf activé -->         
85        [(#PLUGIN{SPIPDF}|oui)
86        <div class="spipdf outil">
87                <a href="[(#URL_PAGE{spipdf}
88                |parametre_url{spipdf,spipdf_article}
89                |parametre_url{id_article,#ID_ARTICLE}
90                |parametre_url{nom_fichier,article_#ID_ARTICLE})]">
91                <img src="#CHEMIN{images/icone_pdf.svg}" alt="article au format PDF" title="Télécharger l'article au format PDF" />
92                </a>
93        </div>
94        ]       
95<!-- affichage de l'icone de licence si plugin licence activé -->       
96        [(#PLUGIN{LICENCE}|oui)
97                [(#ID_LICENCE|=={0}|non)
98                <div class="licence outil">
99                        [(#LICENCE|image_reduire{0, 32})]
100                </div>
101                ]
102        ]
103<!-- affichage des icones socialtags si plugin Socialtags activé -->
104        [(#PLUGIN{SOCIALTAGS}|oui)
105        <div id="socialtags-article" class="outil"></div>
106        ]       
107<!-- affichage du bouton signalement si plugin activé -->
108        [(#PLUGIN{SIGNALEMENT}|oui)
109        <div class="signalement outil">       
110                #FORMULAIRE_SIGNALEMENT
111        </div>       
112        ]
113</div>
114   
115<!-- affichage des images pour diminuer ou augmenter la taille des caractères -->
116        <div id="diminuer">
117                <a href="javascript:changestyle(-1)" title="<:escal:taille_diminuer:>">
118                        <img src="#CHEMIN{images/fontsizedown.svg}" alt="<:escal:taille_diminuer:>" />
119                </a>
120        </div>
121        <div id="augmenter">
122                <a href="javascript:changestyle(1)" title="<:escal:taille_augmenter:>">
123                        <img src="#CHEMIN{images/fontsizeup.svg}" alt="<:escal:taille_augmenter:>" />
124                </a>
125        </div>
126
127<!-- affichage des traductions de l'article -->
128        <div id="traductions-article">
129                <B_traductions>
130                        <ul>
131                                <hr /><:escal:traductions_article:>
132                <BOUCLE_traductions(ARTICLES){traduction}{par lang}{exclus}{"/"}>
133                                <li><a href="[(#URL_ARTICLE|parametre_url{lang,#LANG})]">[(#LANG|traduire_nom_langue)]</a></li>
134                </BOUCLE_traductions>
135                                <hr />
136                </ul>
137                </B_traductions>
138        </div>
139
140<div class="nettoyeur"></div>   
141</aside>
142
143<div id="texte-article" class="surlignable">
144
145        [(#PLUGIN{NOTATION}|oui)
146                <div class="notation">
147                        <span style="float:left;padding-right:5px;">Noter cet article : </span>#FORMULAIRE_NOTATION
148                </div>
149        ]
150
151        [<div id="chapo" class="#EDIT{chapo}">(#CHAPO)</div>]
152
153<!--Affichage du texte de l'article -->
154
155                <BOUCLE_2colonnes(ARTICLES){id_article}{titre_mot="texte2colonnes"}>
156                <div class="container-colonnes">
157                        <div id="colonne1" >
158                        [<div class="#EDIT{texte}">
159                        (#TEXTE*
160                        |decouper_en_XD_parties{2,1}|propre
161                        |image_reduire{[(#CONFIG{escal/config/largeurimage,400})],0}
162                        |replace{<aide>,<div class="aide">}
163               |replace{</aide>,</div>}
164               |replace{<important>,<div class="important">}
165               |replace{</important>,</div>}
166               |replace{<avertissement>,<div class="avertissement">}
167               |replace{</avertissement>,</div>}
168               |replace{<info>,<div class="info">}
169               |replace{</info>,</div>}
170               |replace{<centrer>,<p style="text-align:center">}
171               |replace{</centrer>,</p>})
172               </div>]
173                        </div>
174
175                        <div id="colonne2">
176                        [<div class="#EDIT{texte}">
177                        (#TEXTE*
178                        |decouper_en_XD_parties{2,2}|propre
179                        |image_reduire{[(#CONFIG{escal/config/largeurimage,400})],0}
180                        |replace{<aide>,<div class="aide">}
181               |replace{</aide>,</div>}
182               |replace{<important>,<div class="important">}
183               |replace{</important>,</div>}
184               |replace{<avertissement>,<div class="avertissement">}
185               |replace{</avertissement>,</div>}
186               |replace{<info>,<div class="info">}
187               |replace{</info>,</div>}
188               |replace{<centrer>,<p style="text-align:center">}
189               |replace{</centrer>,</p>})
190               </div>]
191                        </div>
192                </div>
193                </BOUCLE_2colonnes>
194
195                </B_2colonnes> 
196                        [<div class="#EDIT{texte}">
197                        (#TEXTE
198                        |image_reduire{[(#CONFIG{escal/config/largeurimage,400})],0}
199                        |replace{<aide>,<div class="aide">}
200               |replace{</aide>,</div>}
201               |replace{<important>,<div class="important">}
202               |replace{</important>,</div>}
203               |replace{<avertissement>,<div class="avertissement">}
204               |replace{</avertissement>,</div>}
205               |replace{<info>,<div class="info">}
206               |replace{</info>,</div>}
207               |replace{<centrer>,<p style="text-align:center">}
208               |replace{</centrer>,</p>})
209                </div>]
210           <//B_2colonnes>
211               
212<div class="nettoyeur"></div>
213
214<!--Affichage des notes de bas de page  -->
215        [<aside role="complementary" id="notes"><strong>Notes : </strong> <br />(#NOTES)</aside>]
216
217<!-- affichage carte gis du lieu -->
218        [(#PLUGIN{GIS}|oui)
219                <INCLURE{fond=inclusions/inc-gis}{env}>
220        ]
221
222<!-- affichage des événements -->
223        #SET{tableauprochainement,#ARRAY}
224        <BOUCLE_prochainementselection(EVENEMENTS){id_article}{!evenement_passe}{par date_debut}>
225        [(#ID_EVENEMENT_SOURCE|=={0}|?{
226        #SET{tableauprochainement,#GET{tableauprochainement}|push{#ID_EVENEMENT}},
227        #SET{tableauprochainement,#GET{tableauprochainement}|push{#ID_EVENEMENT_SOURCE}}
228        })]
229        </BOUCLE_prochainementselection>
230
231<B_select>
232        <aside role="complementary" class="events-associes">
233        <hr />
234        <strong><:escal:evenements_associes:></strong>
235
236        <div class="container-choix">
237<BOUCLE_select(EVENEMENTS){id_evenement IN #GET{tableauprochainement}}>
238
239        <BOUCLE_seul(EVENEMENTS){id_evenement=#ID_EVENEMENT}{par date}{!evenement_passe}{doublons}>
240        </BOUCLE_seul>
241        <BOUCLE_plusieurs(EVENEMENTS){id_evenement_source=#ID_EVENEMENT}{par date}>
242                <BOUCLE_futur(EVENEMENTS){id_evenement}{age<=0}{doublons}>
243                </BOUCLE_futur>
244        </BOUCLE_plusieurs>
245
246        <BOUCLE_mot(MOTS){id_evenement}{type=Agenda_couleur}{0,1}>
247        #SET{couleur,#DESCRIPTIF}
248        </BOUCLE_mot>
249        </B_mot>
250        #SET{couleur,#CONFIG{escal/config/couleureventscalendrier,#336699}
251        <//B_mot>
252
253        <B_affiche>
254                <div class="choix-article" style="width:40%;">
255                <a href="[(#CONFIG{gerer_trad}=={oui}|?{[(#URL_EVENEMENT|parametre_url{lang,#ENV{lang}})],#URL_EVENEMENT})]" title="[(#DESCRIPTIF|textebrut)]">
256        <BOUCLE_affiche(EVENEMENTS){!doublons}{0,1}{doublons affiche}{par date}>
257
258                <div class="evenement-date" style="background-color:[(#GET{"couleur"}|PtoBR)];">
259                        <span class="evenement-jour">[(#DATE_DEBUT|affdate{'d'})]</span>
260                        <br />
261                        <span class="evenement-mois">[(#DATE_DEBUT|nom_mois)]</span>
262                        <br />
263                        <span class="evenement-annee">[(#DATE_DEBUT|affdate{'Y'})]</span>
264                        <br />
265                </div>
266
267                <div class="evenement-donnees">
268                                <div class="donnee-titre">             
269                                #TITRE
270                                </div>
271                                [<div class="donnee-lieu">
272                                (#LIEU)<br />
273                                [(#ADRESSE|PtoBR)]
274                                </div>]
275
276                        [(#DATE_DEBUT|jour|=={[(#DATE_FIN|jour)]}|non)
277                                <div class="donnee-heure">
278                                        du [(#DATE_DEBUT|nom_jour)] <strong>[(#DATE_DEBUT|affdate)]</strong>
279                                        [(#HORAIRE|=={oui}|?{&agrave; partir de
280                                        [(#DATE_DEBUT|heures)]H[(#DATE_DEBUT|minutes)],''})]
281                                        <br />au
282                                        [(#DATE_FIN|nom_jour)]
283                                <strong>[(#DATE_FIN|affdate)]</strong> [(#HORAIRE|=={oui}|?{jusqu'&agrave;
284                                        [(#DATE_FIN|heures)]H[(#DATE_FIN|minutes)],''})]
285                        </div>
286                        ]
287
288                        [(#DATE_DEBUT|jour|=={[(#DATE_FIN|jour)]}|oui)
289                                <div class="donnee-heure">
290                                        [(#DATE_DEBUT|heures|=={[(#DATE_FIN|heures)]}|non)
291                                        [(#DATE_DEBUT|heures)]H[(#DATE_DEBUT|minutes)] -
292                                        [(#DATE_FIN|heures)]H[(#DATE_FIN|minutes)]
293                                        ]
294                        </div>
295                        ]
296                </div>
297
298        </BOUCLE_affiche>
299                <div class="evenement-donnees">
300                <BOUCLE_autres2(EVENEMENTS){!doublons}{id_evenement_source=#ID_EVENEMENT}{age<=1}{age>=-365}{doublons affiche}{par date}>
301                        <br />&nbsp;&nbsp;+ [(#DATE_DEBUT|affdate_jourcourt)]
302                </BOUCLE_autres2>
303                </div>
304                </a>
305                </div><!--choix-article-->
306        </B_affiche>
307
308        </BOUCLE_select>
309
310        </div><!--container-choix-->
311
312                <hr />
313        </aside>
314</B_select>
315       
316</div><!-- Fin texte-article -->
317
318<!--Affichage du post-sciptum  -->
319        [<aside role="complementary" id="ps" class="#EDIT{ps}"><strong>P.S. : </strong>(#PS|image_reduire{[(#CONFIG{escal/config/largeurimage,400})],0})</aside>]
320
321<!-- Ajout du site web associé s'il existe -->
322        [<aside role="complementary" id="site" class="#EDIT{nom_site}"><br />
323                 <div class="#EDIT{url_site} url_site" >
324                        <:escal:sur_web:> :
325                        <a href="#URL_SITE" class="spip_out" [ title="(#NOM_SITE|couper{80}|attribut_html)"]> (#NOM_SITE) </a>
326                </div>
327        </aside>]
328       
329<span class="qrcode">
330        [(#PLUGIN{qrcode}|oui)
331        [(#MODELE{qrcode_impression})]
332        ]
333</span>
334[(#PLUGIN{RECOMMANDER}|oui)
335        #RECOMMANDER{#TITRE,#URL_ARTICLE,#INTRODUCTION}
336]
337
338</div><!-- Fin cadre-article-->
339</article>
340
341<br />
342
343<!-- affichage des blocs annonce -->
344[(#CONFIG{escal/config/annonceart}|=={bas}|oui)<INCLURE {fond=inclusions/inc-annonce}{env}>]
345[(#CONFIG{escal/config/annoncedefilart}|=={bas}|oui)<INCLURE {fond=inclusions/inc-annonce_defilant}{env}>]
346
347[(#CONFIG{escal/config/portfolio}|=={non}|non)
348        <INCLURE {fond=inclusions/inc-portfolio}{env}>
349]
350
351<div class="nettoyeur"></div>
352
353<!-- Affichage des messages du forum associé à l'article -->
354        [(#ACCEPTER_FORUM|=={non}|non)
355        <INCLURE {fond=inclusions/inc-forum_article}{id_article}{self=#SELF}>
356        ]
357
358</BOUCLE_contexte>
Note: See TracBrowser for help on using the repository browser.