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

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

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

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