[(#REM)
/*******************************************************************************\
 * REBOND, plugin et squelette pour SPIP - https://www.spip.net/               *
 *                                                                             *
 *         Copyright (C) 2021 Renaud LAURETTE                                  *
 *                                                                             *
\*******************************************************************************/
]
[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
<form action="#ENV{action}" method="post" class="declarer-rebond" accept-charset="utf-8">
	#ACTION_FORMULAIRE{#ENV{action}}
	  <fieldset> <legend> <:rebond:definir_objet:> </legend>
	  <p>
	    <label for="typersc">Type de ressource</label>
	    <select name="typersc" id="rsc-select">
	    <option data="none" value="none" selected="true">&nbsp;</option>
	  <BOUCLE_rsc(DATA) 
	  	{source json, plugins/rebond/config/ressources.json}
	  	{datapath ressources}
	  	>
	  	<BOUCLE_each(DATA) {source table, #VALEUR} {cle=nom}>
	    <option data="#PREFIXE" value="#NOM">[(#NOM|traduire{rebond,nom})]</option>
	    </BOUCLE_each>	
	 </BOUCLE_rsc>
	  </select>
	  </p>
	 <div class="rsc-menu" id="none"></div>
	  <BOUCLE_rc(DATA) 
	  	{source json, plugins/rebond/config/ressources.json}
	  	{datapath ressources}
	  	>
	    <BOUCLE_pf(DATA) {source table, #VALEUR} {cle=prefixe}>[
	    	(#SET{prefix,#PREFIXE})
	    ]</BOUCLE_pf>
	    <div class="rsc-menu" id="#GET{prefix}" style="display: none;">
	  	<BOUCLE_clefs(DATA) {source table, #VALEUR} {datapath clefs}>
	    <p>
	      <label for="#GET{prefix}-[(#VALEUR|table_valeur{nom})]">[(#VALEUR|table_valeur{nom}|traduire{rebond,clef})]</label>
	      <input type="text" id="#GET{prefix}-[(#VALEUR|table_valeur{nom})]" name="#GET{prefix}-[(#VALEUR|table_valeur{nom})]" />
	    </p>
	    </BOUCLE_clefs>
	    </div>
	 </BOUCLE_rc>	 
	 </fieldset>
	 <p><input type="submit" class="button" value="<:rebond:enregistrer:>" /></p>
</form>

<script type="text/javascript">
  function montrerMenu(event) {
  	  var s = event.target;						// le select
  	  var idx = s.selectedIndex;				// l'option active du select
  	  var dref = s[idx].getAttribute("data");	// l'attribut data de l'option
  	  var menus = document.getElementsByClassName("rsc-menu");
  	  for(var i=0; i< menus.length; i++) {
  	  	  menus[i].setAttribute("style","display: none;");
  	  }
  	  document.getElementById(dref).setAttribute("style","");
  }
  window.addEventListener('load', (e) => {
  		document.getElementById('rsc-select').addEventListener('change', montrerMenu);
  });
</script>