[(#REM) Récupérer les objets sélectionnés et la chaine de langue correspondante traduite.]
#SET{traductions, #REM|lim_get_rubriques_objets}

<div class="grid_rub ligne_entete">
	<div></div>
	<BOUCLE_entete2(DATA){source tableau,#GET{traductions}}{par valeur}>
		#SET{type_obj, #CLE|objet_type}
		<div class="center">
			<img src='#CHEMIN_IMAGE{#GET{type_obj}-24.png}' width="24" height="24"><br>
			<span>#VALEUR</span><br>
			#SET{table, #CLE|table_objet_sql}
			<input class="type_lock" type="checkbox" data-objet='#CLE' [checked="(#CLE|lim_valeur_cadenas)"]>
			[(#CLE|lim_valeur_cadenas|?{🔒,🔓})]
		</div>
	</BOUCLE_entete2>
	#SET{nbre_objets, #TOTAL_BOUCLE}
	</B_entete2>
</div>

<BOUCLE_titre_rubrique(RUBRIQUES){racine}{par num titre,titre}{tout}>
	<div class='pin'><img src='#CHEMIN_IMAGE{rubrique-xx.svg}' class='cadre-icone' width="22" height="22"></div>
	<div class='secteur'>
		<div class="grid_rub">
			<div class="titre_rub titre_rub--secteur"><a href="#URL_ECRIRE{rubrique,id_rubrique=#ID_RUBRIQUE}">#TITRE</a></div>
			<BOUCLE_par_traduction1(DATA){source tableau,#GET{traductions}}{par valeur}>
				[(#INCLURE{fond=formulaires/inc-input-rub,env,name=#CLE}{#CLE=#ENV{#CLE}}{id_rubrique=#ID_RUBRIQUE}{secteur=oui})]
			</BOUCLE_par_traduction1>
		</div>
		<BOUCLE_enfants_rubriques(RUBRIQUES){id_parent}{par num titre,titre}{tout}>
			<div class='grid_rub sousrub sousrub--#PROFONDEUR'>
				<div class="titre_rub"><a href="#URL_ECRIRE{rubrique,id_rubrique=#ID_RUBRIQUE}">#TITRE</a></div>
				<BOUCLE_par_traduction2(DATA){source tableau,#GET{traductions}}{par valeur}>
				[(#INCLURE{fond=formulaires/inc-input-rub,env,name=#CLE}{#CLE=#ENV{#CLE}}{id_rubrique=#ID_RUBRIQUE})]
				</BOUCLE_par_traduction2></div><BOUCLE_rec(BOUCLE_enfants_rubriques)/>
		</BOUCLE_enfants_rubriques>
	</div>
</BOUCLE_titre_rubrique>

<style type="text/css">
.pleine_largeur .formulaire_spip.formulaire_configurer_lim_rubriques {
	max-width: calc(57em + #GET{nbre_objets} * 3rem);
}
.grid_rub {
	display: grid;
	grid-template-columns: 3fr repeat(#GET{nbre_objets}, 1fr);
	justify-items: center;
	align-items: center;
}
</style>

<script type="text/javascript">
(function($){
	$(document).ready(function(){

		jQuery(".rub_secteur input:checkbox").change(function(){
			var type = $(this).attr('name').slice(0,-2);
			var $check = "div.check." + type;
			if (jQuery(this).is(":checked")) {
				jQuery.each( jQuery(this).parent().parent().parent().find($check), function(index,item) {
					jQuery(item).find('input').prop('checked',true);
					jQuery(item).find('.lim_icon').removeClass('icon-on').addClass('icon-off');
				});
			} else {
				jQuery.each( jQuery(this).parent().parent().parent().find($check), function(index,item) {
					jQuery(item).find('input').prop('checked',false);
					jQuery(item).find('.lim_icon').removeClass('icon-off').addClass('icon-on');
				});
			}
		});

		jQuery("input.lim_hidden:checkbox").change(function(){
			var type = $(this).attr('name').slice(0,-2);
			var $check = "div.check." + type;
			if (jQuery(this).is(":checked")) {
				$(this).parent().find('.lim_icon').removeClass('icon-on').addClass('icon-off');
			} else {
				$(this).parent().find('.lim_icon').removeClass('icon-off').addClass('icon-on');
			}
		});

		jQuery("input.type_lock").on('click', function(){
			var $me = $(this);
			var type_objet = $(this).attr('data-objet');
			var url = "[(#VAL{lock_objet}|generer_url_action{'', 1})]";

			if (jQuery(this).is(":checked")) {
				var action = "add";
			} else {
				var action = "delete";
			}

			$.post(url, {objet: type_objet, quoi: action})
				.done(function(data){
			});
		});
	});
})(jQuery);
</script>