[(#REM)
/*******************************************************************************\
 * BIODIV, plugin et squelette pour SPIP - https://www.spip.net/               *
 *         dédié à la gestion d'observations naturalistes                      *
 *                                                                             *
 *         Copyright (C) 2008-2024 Renaud LAURETTE                             *
 *                                                                             *
 * BIODIV a été développé initialement pour le projet Biodiv.Balma de l'APCVEB *
 * (Association de Protection du Cadre de Vie et de l'Environnement balmanais) * 
 *     voir Biodiv.Balma : https://balma.biodiv.fr/                            *
 *     voir APCVEB : https://apcveb.fr/                                        *
 *                                                                             *
 *  Ce programme est un logiciel libre distribué sous licence GNU/GPL.         *
 *  Pour plus de détails voir les fichiers COPYING.txt et LICENCE-BIODIV.md    *
\*******************************************************************************/
]<BOUCLE_rub(RUBRIQUES) {id_rubrique}>
<div class="wrapper">
  <div class="grids ">
    <div class="grid-9 grid zoom surlignable">
      [(#TEXTE|sinon{&nbsp;})]
      [<hr class="notes"/>(#NOTES)]
    </div>
    <!--end of slogan div-->
    <div class="grid-7 grid">
[(#SET{class,#ENV{class,carte_large}})]
[(#REM)
	On force les coordonnées sur le lieu central par défaut
]
[(#SET{lat,[(#ENV**{lat,[(#CONFIG{feuillet/lat})]})]})]
[(#SET{lng,[(#ENV**{lng,[(#CONFIG{feuillet/lng})]})]})]
[(#SET{zoom,[(#ENV**{zoom,[(#CONFIG{feuillet/zoom})]})]})]

<div id="err0"></div>
<div id="map0" class="[(#GET{class})]"></div>
<script type="text/javascript">/*<!#EVAL{chr(91)}CDATA#EVAL{chr(91)}*/

  var Overlays = [
<BOUCLE_esp1(ARTICLES) {id_rubrique} {composition=sujet} {","}>
     {
     	 "type": "geojson",
     	 "name": [(#TITRE|json_encode)],
     	 "url": [(#URL_PAGE{leaf_json,objets=observations&id_sujet=#ID_ARTICLE}|replace{&amp;,&}|json_encode)]
     }
</BOUCLE_esp1>
  <B_lieux>,
  <BOUCLE_lieux(DOCUMENTS){id_rubrique} {mode=document} {extension IN geojson,kml,gpx}{","}>
     {
     	 "type": "#EXTENSION",
     	 "name": [(#TITRE|json_encode)],
     	 "url": [(#URL_DOCUMENT|json_encode)]
     }
  </BOUCLE_lieux>
  ];
   
  var init_carte = function() {
  	   var carte = new Feuillet('map0',#GET{lat},#GET{lng},#GET{zoom},'#CONFIG{feuillet/tuiles}');
  	   carte
  	   		.setPointColorSelector(biodiv_marker)
  	   		.addOverlays(Overlays)
  	   		.setLayers(false);  
  };

  $(function(){
	init_carte();
	[(#ENV{ajaxload}|!={non}|oui)onAjaxLoad(init_carte);]
	});

/*#EVAL{chr(93)}[(#EVAL{chr(93)})]>*/
</script>
    </div>
    <!--end of div grid-10-->
  </div>
  <!--end of div grids-->
</div>
<!--end of div wrapper-->

<!--========================================================================== Content Part 3 =====================================================================================-->
<B_a1>
<div class="wrapper">
<h2>Sujets</h2>
  <div class="o-grid f-start">
<BOUCLE_a1(ARTICLES){id_rubrique}{composition=sujet}{par titre}>
    <div class="o-cell-4f">
     [<a href="#URL_ARTICLE">(#LOGO_ARTICLE||?{[<img src="(#LOGO_ARTICLE|extraire_attribut{src})"/>],
	     [<img src="(#CHEMIN{nosujet.png})" class="spip_logos"/>]})</a>]
	 <p><a href="#URL_ARTICLE">#TITRE</a></p>
	</div>
</BOUCLE_a1>
  </div>
</div>
</B_a1>
<!--========================================================================== Content Part 3 =====================================================================================-->
[(#SET{papa,#ID_RUBRIQUE})]
<B_r1>
<div class="wrapper">
<h2>Sous-groupes</h2>
  <div class="o-grid f-start">
<BOUCLE_r1(RUBRIQUES){id_parent=#GET{papa}}{composition=sujet}{par titre}>
    <div class="o-cell-4f">
      [<a href="#URL_RUBRIQUE">(#LOGO_RUBRIQUE||?{[<img src="(#LOGO_RUBRIQUE|extraire_attribut{src})"/>],
	     [<img src="(#CHEMIN{biodiv.png})" class="spip_logos" />]})</a>]
	   <p><a href="#URL_RUBRIQUE">#TITRE</a></p> 
	</div>
</BOUCLE_r1>
  </div>
</div>
</B_r1>
<!--========================================================================== Content Part 3 =====================================================================================-->
<B_e1>
<div class="wrapper">
  <h2>Articles</h2>
  <div class="o-grid f-start">
<BOUCLE_e1(ARTICLES){id_rubrique}{composition !IN espece,sujet}{par date}{inverse}>
    <div class="o-media o-cell-3f">
	     [<a href="#URL_ARTICLE">(#LOGO_ARTICLE||?{[(#LOGO_ARTICLE||image_reduire{0,64}|inserer_attribut{class,o-media-figure})],
	     [(#CHEMIN{news.png}|image_reduire{0,64}|inserer_attribut{class,o-media-figure})]})</a>]
	     <div class="o-media-content"><b><a href="#URL_ARTICLE">#TITRE</a></b>
	     <p>[(#DATE|affdate{'d.m.Y'}) | ]
	     <BOUCLE_aa(AUTEURS){id_article}{", "}><a href="#URL_AUTEUR">#NOM</a></BOUCLE_aa></p>
	     </div>
	</div>
</BOUCLE_e1>                     
  </div>
</div>
</B_e1>


<B_camp>
<div class="wrapper">
  <h2>Campagnes</h2>
  <div class="o-grid f-start">
<BOUCLE_camp(BIODIV_CAMPAGNES){id_rubrique}{par debut}{inverse}>
    <div class="o-media o-cell-3f">
	     [<a href="#URL_CAMPAGNE">(#LOGO_CAMPAGNE||?{[(#LOGO_CAMPAGNE||image_reduire{0,64}|inserer_attribut{class,o-media-figure})],
	     [(#CHEMIN{news.png}|image_reduire{0,64}|inserer_attribut{class,o-media-figure})]})</a>]
	     <div class="o-media-content"><b><a href="#URL_CAMPAGNE">#TITRE</a></b>
	     <p>[(#DEBUT|affdate{'d.m.Y'}) ][- (#FIN|affdate{'d.m.Y'}) ]|
	     <BOUCLE_ac(AUTEURS){id_campagne}{", "}><a href="#URL_AUTEUR">#NOM</a></BOUCLE_ac></p>
	     </div>
	</div>
</BOUCLE_camp>                     
  </div>
</div>
</B_camp>

<div class="wrapper">
  <div class="grids">
    <B_doc>
    <div class="grid-8 grid">
      <h2>Documents</h2>    	     
	  <div class="liste-docs classeur">
	  <BOUCLE_doc(DOCUMENTS) {id_rubrique} {par date} {inverse} {mode=document}{vu=non}{extension !IN jpg,jpeg,png,geojson,kml,gpx}>
	     <div class="item">
	       [(#LOGO_DOCUMENT{#URL_DOCUMENT})]
	       <div class="titrem">#TITRE</div>
	       <div class="infos">#TYPE_DOCUMENT[<br/>(#TAILLE|taille_en_octets)]</div>
	       <div class="nettoyeur"></div>
	     </div>
	   </BOUCLE_doc>
	   </div>
    </div>
    </B_doc>
    <B_web>
    <div class="grid-8 grid">
      <h2>Liens</h2>  	     
	  <div class="liste-docs classeur">
	      <BOUCLE_web(SITES) {id_rubrique} {par nom_site}>
	        <div class="item">
	           <a href="[(#ID_SYNDIC|generer_objet_url{site})]">
	             <img src='#CHEMIN{myclick.svg}' width="64" height="64" alt='' class='spip_logo spip_logos spip_document_icone' />
	           </a>
	           <div class="titrem">#NOM_SITE</div>
	           <div class="infos">Site web</div>
	           <div class="nettoyeur"></div>
	         </div>
	      </BOUCLE_web>
	      </div>
    </div> 
    </B_web>
  </div> <!--end of grids-->
</div><!--end of wrapper-->

</BOUCLE_rub>