[(#HTTP_HEADER{Content-type: text/html[; charset=(#CHARSET)]})]
#CACHE{0}

<div class="articles liste-objets selection-articles">

<B_selection>
<div class='cadre cadre-liste'>
<table id="selection_articles" class="spip liste">
	<caption>
		<strong class="caption" [style="background-image:url((#CHEMIN{imgs/emblem-favorite-xx.svg}|sinon{#CHEMIN{imgs/emblem-favorite.png}}));"]>
			<:pb_selection:selection_articles:>
		</strong>
	</caption>

<BOUCLE_selection(ARTICLES){statut==prop|prepa|publie|refuse|poubelle}{id_article IN #SELECTION_ARTICLE}>
	<tr class='tr_liste' id="selection#ID_ARTICLE">
		[(#REM)
			[<td><img src="(#EVAL{puce_statut_article_dist([(#ID_ARTICLE)], "[(#STATUT)]", "[(#ID_RUBRIQUE)]", 'article', 0) }|extraire_attribut{src}|url_absolue)" alt="" /></td>]
		]

		[(#EVAL{autoriser('modifier','rubrique', [(#ENV{id_rubrique})])==1}|oui)
		<td>
			[(#COMPTEUR_BOUCLE|=={1}|non) 
				<div style="width:24px;height:24px;border:1px solid transparent"><a href="#" onclick="$('#pave_selection').load('?action=selection_interface&amp;id_rubrique=#ENV{id_rubrique}&amp;remonter_ordre=#ID_ARTICLE'); return false;"><img src="#CHEMIN{imgs/fleche-haut.gif}" width="24" height="24" alt="" /></a></div>
			]
			[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|non) 
				<div style="width:24px;height:24px;border:1px solid transparent"><a href="#" onclick="$('#pave_selection').load('?action=selection_interface&amp;id_rubrique=#ENV{id_rubrique}&amp;descendre_ordre=#ID_ARTICLE'); return false;"><img src="#CHEMIN{imgs/fleche-bas.gif}" width="24" height="24" alt="" /></a></div>
			]
		</td>
		]
		<td>
		[(#STATUT|puce_statut{article,#ID_ARTICLE,#ID_RUBRIQUE})]
		</td>
		<td class="arial2" style="width: 100%;"><a href="?exec=article&amp;id_article=#ID_ARTICLE">[(#SURTITRE|supprimer_tags|trim)<br />]<b>#TITRE</b>[<br />(#SOUSTITRE)]</a></td>
		<td class="arial1" style="white-space:nowrap;">[(#DATE|affdate)]</td>
		<td style='vertical-align: middle; text-align: center; padding: 0px 20px; width:70px;'>[<a href="?exec=article&amp;id_article=#ID_ARTICLE" [style="display: block; height:(#LOGO_ARTICLE|image_reduire{70,60}|extraire_attribut{height})px]"><img src="(#LOGO_ARTICLE|image_reduire{70,60}|extraire_attribut{src}|url_absolue)" style="[height:(#LOGO_ARTICLE|image_reduire{70,60}|extraire_attribut{height})px]" /></a>]</td>
		<td class="arial1"><b style="white-space: nowrap;">N°#ID_ARTICLE</b></td>
		[(#EVAL{autoriser('modifier','rubrique', [(#ENV{id_rubrique})])}|oui)
		<td>
			<a title='<:pb_selection:retirer_de_la_liste:>' onclick="$('#pave_selection').load('?action=selection_interface&amp;id_rubrique=#ENV{id_rubrique}&amp;supprimer_ordre=#ID_ARTICLE'); return false;" href="#"
				style="display: block;width:12px;">
				[(#CHEMIN_IMAGE{supprimer-xx.svg}|sinon{#CHEMIN_IMAGE{supprimer-12.png}}|balise_img{'X'})]
			</a>
		</td>
		]
	</tr>	
</BOUCLE_selection>
</table></div>

<script>
	$(function() {
		$( "#selection_articles" ).sortable({items:"tr.tr_liste"});
		$( "#selection_articles" ).disableSelection();
		$( "#selection_articles" ).bind("sortupdate", function(event, ui) {
			var ordre = $(this).sortable('toArray').toString();
			$('#pave_selection').load('?action=selection_interface&id_rubrique=#ENV{id_rubrique}&nouvel_ordre='+ordre);

		});
	});
</script>
</B_selection>


[(#EVAL{autoriser('modifier','rubrique', [(#ENV{id_rubrique})])==1}|?{" ",""})
	<form onsubmit="valeur=Math.floor($('#ajouter_selection').val()); if (valeur > 0){ $('#pave_selection').load('?action=selection_interface&amp;id_rubrique=#ENV{id_rubrique}&amp;ajouter_selection='+valeur); }; return false;" action="index.php" method="get">
		<div style=" padding: 5px 10px; background:#FFF">
			<input type="hidden" name="exec" value="rubrique" />
			<input type="hidden" name="id_rubrique" value="#ENV{id_rubrique}" />
				<div style="float: right;">
					 <input id="ajouter_selection" type="text" />
					 <input type="submit" value="<:pb_selection:ajouter_article_numero:>" class="fondo" />
				</div>
			<label for="ajouter_selection"><:pb_selection:selection_article_numero:></label>
			<div class="nettoyeur"></div>
		</div>
	</form>

]


</div>