bigform/inclure/bigform_doc.html

<style type="text/css" media="screen">
.doc_objet {
	display: flex;
	padding: 1rem;
}
.doc_objet:nth-child(odd){
	background-color: #cecece;
}
.infos_doc {
	display: flex;
	flex-grow: 1;
}
.bloc_titres{
	flex-grow: 1;
}
</style>
[(#REM) 
	affichage selon le mode : logoon logoff image vignette document
	défaut = document

] #SET{mode, #ENV{mode,document}} 
<div class="docs_ressource doc_rang" id="les_docs">
	<BOUCLE_doc(DOCUMENTS){id_objet}{objet}{si #GET{mode}|in_array{#LISTE{image,logoon,logoff}}}{mode in image,logoon,logoff}{statut in prop,prepa,publie}{par rang_lien}{doublons}>
		<div id="id-#ID_DOCUMENT" class="doc_article doc_objet[ (#MODE|=={logoon}|oui)logo_objet]">
			<div class="vignette_doc">
				[(#EXTENSION|match{jpg|png|gif}|oui)
					<a href="#URL_DOCUMENT" title="Ouvrir le document" class="mediabox">
				][(#EXTENSION|match{jpg|png|gif}|non)
					<a href="#URL_DOCUMENT" title="Ouvrir le document" class="" download="[(#FICHIER|basename)]">
				]
				#LOGO_DOCUMENT{apercu}
				</a>
			</div>
			<div class="infos_doc">
				<div class="bloc_titres">
					[<div class="titre_doc #EDIT{titre}" title="Editer le titre">(#TITRE|sinon{[(#AUTORISER{modifier, #ENV{objet}, #ENV{id_objet}})<i class="fa fa-edit"></i>]})</div>]
					<div class="fichier_doc">[(#FICHIER|basename)]</div>
				</div>
				<div class="icones_doc">
					[(#AUTORISER{modifier, #ENV{objet}, #ENV{id_objet}})
						<div class="icone-doc">
							<a class="ajax nocache nohistory btn  btn_poubelle"
							   href="[(#URL_ACTION_AUTEUR{bigform_supprimer_doc, [(#ID_DOCUMENT)]-[(#ENV{id_objet})]-[(#ENV{objet})],  #SELF})]"
								onClick="return confirm('Confirmer la suppression de cette photo ?');"
								title="Supprimer le document">
								<i class="fa fa-trash red"></i>
							</a>
						</div>
					]
				</div>
			</div>
		</div>
	</BOUCLE_doc>
	<BOUCLE_doc_vignette(DOCUMENTS){id_vignette!=''}{id_document=#ENV{id_objet}}{si #GET{mode}|=={vignette}}>
		<BOUCLE_vignette(DOCUMENTS){mode=vignette}{id_document=#ID_VIGNETTE}{tout}{extension IN jpg,png,gif}{doublons}>
			<div id="id-#ID_DOCUMENT" class="doc_article doc_objet">
				<div class="vignette_doc">
					<a href="#URL_DOCUMENT" title="Ouvrir la vignette" class="mediabox">
						#LOGO_DOCUMENT{apercu}
					</a>
				</div>
				<div class="infos_doc">
					<div class="icones_doc">
						[(#AUTORISER{modifier, #ENV{objet}, #ENV{id_objet}})
							<div class="icone-doc">
								<a class="ajax nocache nohistory btn  btn_poubelle"
								href="[(#URL_ACTION_AUTEUR{bigform_supprimer_doc, [(#ID_DOCUMENT)]-[(#ENV{id_objet})]-[(#ENV{objet})],  #SELF})]"
									onClick="return confirm('Confirmer la suppression de cette vignette ?');"
									title="Supprimer la vignette">
									<i class="fa fa-trash red"></i>
								</a>
							</div>
						]
					</div>
				</div>
			</div>
		</BOUCLE_vignette>
	</BOUCLE_doc_vignette>

	<BOUCLE_pdf(DOCUMENTS){id_objet}{objet}{mode=document}{extension=pdf}{statut in prop,prepa,publie}{par rang_lien}{doublons}>
		<div id="id-#ID_DOCUMENT" class="doc_article doc_objet doc_pdf">
			<div class="vignette_doc">
				<a href="#URL_DOCUMENT" title="Ouvrir le document" class="" download="[(#FICHIER|basename)]">
				#LOGO_DOCUMENT{apercu}
				</a>
			</div>
			<div class="infos_doc">
				<div class="bloc_titres">
					[<div class="titre_doc #EDIT{titre}" title="Editer le titre">(#TITRE|sinon{[(#AUTORISER{modifier, #ENV{objet}, #ENV{id_objet}})<i class="fa fa-edit"></i>]})</div>]
					<div class="fichier_doc">[(#FICHIER|basename)]</div>
				</div>
				[(#AUTORISER{modifier, #ENV{objet}, #ENV{id_objet}})
					<a class="fr ajax nocache nohistory btn  btn_poubelle"
						href="[(#URL_ACTION_AUTEUR{bigform_supprimer_doc, [(#ID_DOCUMENT)]-[(#ENV{id_objet})]-[(#ENV{objet})], #SELF})]"
						onClick="return confirm('Confirmer la suppression de ce pdf ?');"
						title="Supprimer le document">
						<i class="fa fa-trash red"></i>
					</a>
				]
			</div>
		</div>
	</BOUCLE_pdf>

	<BOUCLE_autres(DOCUMENTS){id_objet}{objet}{mode=document}{statut in prop,prepa,publie}{par rang_lien}{doublons}>mode2: #MODE
		<div id="id-#ID_DOCUMENT" class="doc_article doc_objet">
			<div class="vignette_doc">
				<a href="#URL_DOCUMENT" title="Ouvrir le document" class="" download="[(#FICHIER|basename)]">
				#LOGO_DOCUMENT{apercu}
				</a>
			</div>
			<div class="infos_doc">
				<div class="bloc_titres">
					[<div class="titre_doc #EDIT{titre}" title="Editer le titre">(#TITRE|sinon{[(#AUTORISER{modifier, #ENV{objet}, #ENV{id_objet}})<i class="fa fa-edit"></i>]})</div>]
					<div class="fichier_doc">[(#FICHIER|basename)]</div>
				</div>
				[(#AUTORISER{modifier, #ENV{objet}, #ENV{id_objet}})
					<a class="fr ajax nocache nohistory btn  btn_poubelle"
						href="[(#URL_ACTION_AUTEUR{bigform_supprimer_doc, [(#ID_DOCUMENT)]-[(#ENV{id_objet})]-[(#ENV{objet})], #SELF})]"
						onClick="return confirm('Confirmer la suppression de ce document ?');"
						title="Supprimer le document">
						<i class="fa fa-trash red"></i>
					</a>
				]
			</div>
		</div>
	</BOUCLE_autres>
</div>

<script type="text/javascript">
	jQuery(function() {
		$('.valider_bigup').css('display','none');
		$('input.bigup').bigup({}, {
			complete: function(){
				console.log("on valide [(#ENV{objet})]_[(#ENV{id_objet})]");
				$(this).parents('form').submit();
			},
		});
	});
</script>