[(#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;})]
      [(#NOTES)]
    </div>
[(#SET{class,#ENV{class,carte_large}})]
[(#SET{lat,[(#ENV**{lat,[(#CONFIG{feuillet/lat})]})]})]
[(#SET{lng,[(#ENV**{lng,[(#CONFIG{feuillet/lng})]})]})]
[(#SET{zoom,[(#ENV**{zoom,[(#CONFIG{feuillet/zoom})]})]})]
    <div class="grid-7 grid">
    	<div id="err0"></div>
    	<div id="map0" class="[(#GET{class})]"></div>
    </div>
  </div>
</div>

<script type="text/javascript">/*<!#EVAL{chr(91)}CDATA#EVAL{chr(91)}*/

  var Overlays = [
  	 {
     	 "type": "geojson",
     	 "name": [(#VAL{Non classées}|json_encode)],
     	 "url": [(#URL_PAGE{leaf_json,objets=observations&id_famille=#ID_RUBRIQUE}|replace{&amp;,&}|json_encode)]
     }
<B_esp1>,
<BOUCLE_esp1(ARTICLES) {id_rubrique} {composition=espece} {par titre}{","}>
     {
     	 "type": "geojson",
     	 "name": [(#TITRE|json_encode)],
     	 "url": [(#URL_PAGE{leaf_json,objets=observations&id_espece=#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>

<!--========================================================================== Content Part 3 =====================================================================================-->

[(#REM)    Liste des espèces ]
<INCLURE{fond=inc/esp_liste,ajax,env}>  

[(#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=espece}{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>

<B_e1>
<div class="wrapper">
  <h2>Articles</h2>
  <div class="o-grid f-start">
<BOUCLE_e1(ARTICLES){id_rubrique}{composition!=espece}{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">
  <h2 class="spip">Observations en cours de classement</h2>
  <div class="grids">
     <div class="grid-16 grid">
  [(#INCLURE{fond=inc/obs_liste,ajax,env,id_famille=#ID_RUBRIQUE,id_espece=0})]
     </div>
   </div>
     [(#AUTORISER{exporter,observation})
     <p>Exports : 
        <a href="[(#URL_PAGE{obs_csv}|parametre_url{id_famille,#ID_RUBRIQUE}|parametre_url{filename,espece#ID_ARTICLE})]">CSV</a>
        <a href="[(#URL_PAGE{obs_kml}|parametre_url{id_famille,#ID_RUBRIQUE}|parametre_url{filename,espece#ID_ARTICLE})]">KML</a>
        <a href="[(#URL_PAGE{obs_json}|parametre_url{id_famille,#ID_RUBRIQUE}|parametre_url{filename,espece#ID_ARTICLE})]">GeoJson</a>
        <a href="[(#URL_PAGE{obs_gpx}|parametre_url{id_famille,#ID_RUBRIQUE}|parametre_url{filename,espece#ID_ARTICLE})]">GPX</a>
     </p>
     ]
</div>


<BOUCLE_wm(AUTEURS) {tous} {id_auteur=#SESSION{id_auteur}}>
<div class="wrapper" style="[(#CONFIG{proprietaire/renouvellement}|=={0}|?{'display:none;',' '})]">
  
  <div class="grids">
     <div class="grid-8 grid">
     	<h2 class="spip">Observations à renouveler</h2>
     	<p>Certains espèces de ce groupe n'ont pas été observées depuis plusieurs années. 
     	Pour en connaitre la liste, cliquez sur le bouton ci-dessous.</p>
     	<p>
      	  <a class="button" href="[(#URL_PAGE{observations_rares,id_rubrique=#ID_RUBRIQUE})]" >Observations à renouveler !</a>
      	</p>
     </div>
     <div class="grid-8 grid">
     <h2 class="spip">Plaquette des espèces</h2>
     <p>Pour télécharger un document PDF présentant les espèces de ce groupe 
     et de ses sous-groupes, cliquez sur le bouton ci-dessous. La plaquette est
     générée dynamiquement et cette génération peut prendre quelques secondes.</p>
     [(#INCLURE{fond=inc/pdfm_familles,id_rubrique})]
      </div>
   </div>
</div>
</BOUCLE_wm>



<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-->


[(#AUTORISER{lier,observation})
<div class="fullwidth bg-light">
 <div class="wrapper">
  [(#INCLURE{fond=inc/obs_lien}{id_rubrique=#ID_RUBRIQUE})]
 </div>
</div>
]

</BOUCLE_rub>