source: spip-zone/_plugins_/sel/squelettes/sommaire.html @ 61250

Last change on this file since 61250 was 61250, checked in by zonepro@…, 9 years ago
  • connexion des map google avec le kml dynamique -> derniers inscrits
  • on conditionne l'appatition de la modération utilisateur / annonce dans le menu aux options configurées dans les meta
  • ceinture et bretelle : on vérifie aux différents étages des inclure le droit de visualiser / agir sur les pages concernées
File size: 10.0 KB
Line 
1<!-- PAGE SOMMAIRE à inclusions CONDITIONNELLES : SPIP3 par défaut / SPIP2 sinon -->
2<BOUCLE_lonlat(AUTEURS) {id_auteur = #SESSION{id_auteur}} {tout}>
3                #SET{lon,#LON}
4                #SET{lat,#LAT}
5</BOUCLE_lonlat>
6<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7[(#REM) Cf.: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ ]
8<!--[if lt IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie6"> <![endif]-->
9<!--[if IE 7 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie7"> <![endif]-->
10<!--[if IE 8 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie8"> <![endif]-->
11<!--[if IE 9 ]> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js ie ie9"> <![endif]-->
12<!--[if (gt IE 9)|!(IE)]><!--> <html dir="#LANG_DIR" lang="#LANG" xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" class="[(#LANG_DIR)][ (#LANG)] no-js"> <!--<![endif]-->
13<head>
14<script type='text/javascript'>/*<![CDATA[*/(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);/*]]>*/</script>
15<title>
16[(#SESSION{id_auteur}|non)<:sel:bienvenue_catalogue:> -]
17[(#SESSION{id_auteur}|oui)<:sel:bienvenue:> #SESSION{nom} -]
18[(#NOM_SITE_SPIP|textebrut)][ - (#SLOGAN_SITE_SPIP|textebrut)]
19#SPIP_CRON
20</title>
21[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)" />]
22[(#CHEMIN{inclure/head.html}|oui) <INCLURE{fond=inclure/head} />]
23[(#CHEMIN{inclure/head.html}|non) <INCLURE{fond=inc-head}>]
24
25    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
26    <script type="text/javascript"
27      src="http://maps.googleapis.com/maps/api/js?sensor=false">
28    </script>
29    <script type="text/javascript">
30      function initialise1() {
31                var coucheKml = new google.maps.KmlLayer('#URL_SITE_SPIP/spip.php?page=kml_nouveaux_inscrits&var_mode=recalcul'); /* #URL_SITE_SPIP/#CHEMIN{tmp/nouveaux_inscrits.kml} */                 
32                /*
33                Lecture de flux GeoRSS avec l'objet KmlLayer :
34                var georssLayer = new google.maps.KmlLayer('http://api.flickr.com/services/feeds/geo/?tags=paris&lang=fr-fr&format=feed-georss');
35                georssLayer.setMap(zemap1);
36
37                var georssLayer = new google.maps.KmlLayer('http://api.flickr.com/services/feeds/geo/?tags=ivry-sur-seine&lang=fr-fr&format=feed-georss');
38                georssLayer.setMap(zemap1);
39
40                var georssLayer = new google.maps.KmlLayer('http://api.flickr.com/services/feeds/geo/?tags=brest&lang=fr-fr&format=feed-georss');
41                georssLayer.setMap(zemap1);
42                */
43               
44                var mesOptions = {
45                        zoom: 3,
46                        mapTypeId: google.maps.MapTypeId.ROADMAP
47                }               
48               
49                /* retiré de mesOptions : center: new google.maps.LatLng(#GET{lat,48.85}, #GET{lon,2.35}),  Paris */
50               
51                /**
52                 * On affiche notre 'coucheKML' sur la carte nommée 'zemap1'
53                 */     
54        var zemap1 = new google.maps.Map(document.getElementById("carte1"), mesOptions);
55                coucheKml.setMap(zemap1);
56               
57                /**             
58                 * Une fois notre KML chargé on centre automatiquement la carte
59                 * et l'on optimise son affichage grâce aux méthodes :
60                 * fitBounds() et getDefaultViewport() afin que le département
61                 * soit totalement visible.
62                 */
63                google.maps.event.addListener(coucheKml, "status_changed" , function() {
64                        zemap1.fitBounds(coucheKml.getDefaultViewport());
65                });
66
67
68        };
69         
70        // si la personne est connectée, elle peut voir sa localisation dans cette carte
71    function initialise2() {
72                var map;
73                var infowindow = new google.maps.InfoWindow();
74                var marker;
75                var latlng = new google.maps.LatLng(#GET{lat,48.85}, #GET{lon,2.35});
76                var myOptions = {
77                        zoom: 8,
78                        center: latlng,
79                        mapTypeId: google.maps.MapTypeId.ROADMAP
80                }
81                map = new google.maps.Map(document.getElementById("carte2"), myOptions)
82                marker = new google.maps.Marker({
83                        position: latlng,
84                                        map: map
85                        });             
86                infowindow.open(map, marker);
87                map.setCenter(latlng); 
88    };
89        // google.maps.event.addDomListener(window, 'load', initialise1);
90        // google.maps.event.addDomListener(window, 'load', initialise2);
91    </script>
92
93    <link rel="stylesheet" href="#CHEMIN{js/themes/default/default.css}" type="text/css" media="screen" />
94    <link rel="stylesheet" href="#CHEMIN{js/themes/pascal/pascal.css}" type="text/css" media="screen" />
95    <link rel="stylesheet" href="#CHEMIN{js/themes/orman/orman.css}" type="text/css" media="screen" />
96    <link rel="stylesheet" href="#CHEMIN{js/nivo-slider.css}" type="text/css" media="screen" />
97    <link rel="stylesheet" href="style.css" type="text/css}" media="screen" />
98</head>
99
100<body class="pas_surlignable page_sommaire" onload="initialise1();initialise2()"> <!--  -->
101<div class="page">
102[(#CHEMIN{inclure/header.html}|oui) <INCLURE{fond=inclure/header}{home=oui} />]
103[(#CHEMIN{inclure/header.html}|non) <INCLURE{fond=inc-entete}>]
104
105
106        <div class="main">
107        <div class="wrapper hfeed">
108       
109        <div class="ariane rouge"><:sel:accueil:></div>
110       
111       
112        <div class="more">
113        <INCLURE{fond=inclure/plus}>                   
114        </div><!-- .more -->
115        <div class="content" id="content">
116
117       
118                [<div class="chapo">(#DESCRIPTIF_SITE_SPIP)</div>]
119               
120               
121                <h1>
122                [(#SESSION{id_auteur}|non)<:sel:bienvenue_catalogue:>]
123                [(#SESSION{id_auteur}|oui)<:sel:bienvenue:> #SESSION{nom}]
124                </h1>
125               
126                <div class="bloc">
127                [(#SESSION{id_auteur}|oui)
128                        <div class="corps_encart" id="carte2" style="height:150px;width:150px;float:right;"></div>
129                ]
130                [(#SESSION{id_auteur}|non)
131                        <:sel:bienvenue_catalogue_explications:>
132                        <ul>
133                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_1:></li>
134                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_2:></li>
135                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_3:></li>
136                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_4:></li>
137                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_5:></li>
138                        <li><img src="#CHEMIN{img/puce_verte.png}" alt="" />&nbsp;<:sel:bienvenue_explications_6:></li>
139                        </ul>
140                ]
141                <BOUCLE_logo(AUTEURS) {id_auteur = #SESSION{id_auteur}} {tout}>
142                <p class="fond_gris">
143                #LOGO_AUTEUR
144                #SET{lon,#LON}
145                #SET{lat,#LAT}
146                #SET{inscription,(#INSCRIPTION|affdate{'d/m/Y'})}
147
148                [(#SESSION{id_auteur}|oui)
149                <strong><:sel:adresse:></strong><br />
150                #ADRESSE1
151                #ADRESSE2<br />
152                #CODE_POSTAL #VILLE &#91;#PAYS&#93;
153                ]
154                </p>   
155                [(#SESSION{id_auteur}|oui)
156                <p style="clear:left;"><strong><:sel:contacts:></strong><br />
157                        #TEL1 - #TEL2<br />
158                        #EMAIL
159                </p>
160                <p><:sel:inscrit_depuis:> #GET{inscription}<br /></p>
161                <p style="clear:left;"><strong><:sel:seljeu:> :</strong><br /></p>
162                ]
163               
164                <B_sels>
165                <p>
166                <BOUCLE_sels(CORRESPONDANCES) {fusion id_sel} {id_auteur = #SESSION{id_auteur}}>
167                <BOUCLE_listesel(SELS) {id_sel = #ID_SEL}>
168
169                <img src="[(#CHEMIN{img/puce_verte.png})]" /> #NOM<br />
170
171                </BOUCLE_listesel>
172                </BOUCLE_sels>
173                </p>
174                </B_sels>
175               
176                <B_corr>               
177                <h3><:sel:correspondant_auteur_organisations:></h3>
178                <p>
179                <BOUCLE_corr(CORRESPONDANCES organisations) {id_auteur = #SESSION{id_auteur}} {id_organisation >= 1}>
180
181                <img src="[(#CHEMIN{img/puce_verte.png})]" /> #NOM
182                <:sel:pour:> <BOUCLE_lesel(SELS) {id_sel = #ID_SEL}>#NOM</BOUCLE_lesel><br />
183
184                </BOUCLE_corr>
185                </p>
186                </B_corr>
187               
188                </BOUCLE_logo>
189                               
190                </div>
191
192                [(#SESSION{id_auteur}|non)
193                <h3 class="focus"><a href="#URL_PAGE{nouvel_utilisateur}">&nbsp;<:sel:inscrivez_vous:>&nbsp;</a></h3>
194                ]
195
196                [(#SESSION{id_auteur}|oui)
197                <h3 class="focus">
198                        <a href="#URL_PAGE{nouvelle_annonce}">&nbsp;<:sel:poster_annonce:>&nbsp;</a>
199                </h3>
200                <div class="bloc">
201                <h3><:sel:que_voulez_vous_faire:></h3>
202                <ul>
203                <li><img src="#CHEMIN{img/puce_verte_creuse.gif}" alt="" />&nbsp;<a href="#URL_PAGE{nouvelle_annonce}"><:sel:poster_annonce:></a></li>
204                <li><img src="#CHEMIN{img/puce_verte_creuse.gif}" alt="" />&nbsp;<:sel:modifier_donnees:> (en développement) </a></li>
205                <li><img src="#CHEMIN{img/puce_verte_creuse.gif}" alt="" />&nbsp;<:sel:consulter_catalogue:> (en développement)</li>
206                <li><img src="#CHEMIN{img/puce_verte_creuse.gif}" alt="" />&nbsp;<:sel:consulter_correspondants:> (en développement)</li>
207                <li><img src="#CHEMIN{img/puce_verte_creuse.gif}" alt="" />&nbsp;<:sel:saisir_echange:> (en développement)</li>
208                </ul>
209                </div>
210                ]
211
212                <style>
213                .nivoSlider {
214                        position:relative;
215                        width:552px;
216                        height:220px;
217                        background:url(images/loading.gif) no-repeat 50% 50%;
218                }
219                </style>
220        <div class="slider-wrapper theme-default">
221            <div class="ribbon"></div>
222            <div id="slider" class="nivoSlider">
223                <img src="#CHEMIN{img/img1_552.jpg}" alt="" />
224                <img src="#CHEMIN{img/img2_552.jpg}" alt="" />
225                <img src="#CHEMIN{img/img3_552.jpg}" alt="" />
226                <img src="#CHEMIN{img/img4_552.jpg}" alt="" />
227                <img src="#CHEMIN{img/img5_552.jpg}" alt="" />
228                <img src="#CHEMIN{img/img6_552.jpg}" alt="" />
229            </div>
230
231        </div>
232
233    </div>      <!-- .content -->       
234               
235        <!-- tuto : http://nivo.dev7studios.com/support/jquery-plugin-usage/-->
236
237    <script type="text/javascript" src="#CHEMIN{js/jquery.nivo.slider.pack.js}"></script>
238    <script type="text/javascript">
239    $(window).load(function() {
240        $('#slider').nivoSlider({
241                        effect: 'fade',
242                        animSpeed: 1000,
243                        pauseTime: 5000,
244                        directionNavHide: true,
245                        controlNavThumbs: false,
246                        pauseOnHover: true,
247                        randomStart: true
248                });
249    });
250    </script>
251       
252        </div><!--.wrapper-->
253       
254        <div class="aside">
255        <INCLURE{fond=inclure/cote}>
256        <p>&nbsp;</p>
257        <div id="visites rouge" style='border:soli 1px blue'>
258        <span class="lettrine">#TOTAL_VISITES 10</span><br />
259        <:sel:visites:>
260        </div>
261        </div><!--.aside-->
262
263        </div><!--.main-->
264       
265       
266        <img src="#CHEMIN{img/frise_950.png}" />               
267        [(#CHEMIN{inclure/footer.html}|oui) <INCLURE{fond=inclure/footer, skel=#SQUELETTE} />]
268        [(#CHEMIN{inclure/footer.html}|non) <INCLURE{fond=inc-pied}{skel=#SQUELETTE}>]
269
270</div><!--.page-->
271</body>
272</html>
Note: See TracBrowser for help on using the repository browser.