gamuMail/inclure/gamumail_config.html

<style type="text/css" media="screen">
	.configuration_mails .objet--mail span {
		display: inline-block;
		width: 100%;
	}
	.objet--mail {
		margin-top: 1.5rem;
	}
	.well {
		background-color: #cecece;
		margin: 10px auto;
		padding: 10px;
		border-radius: 4px;
	}
	.un-pdf {
		border: 1px solid black;
		margin-bottom: 1rem;
		padding: 10px;
	}
	span.label {
		display: inline-block;
		width: 180px;
	}
	span.crayon, div.crayon {
		background-color: #fff;
		padding: .5rem;
	}
	.wp600 {
		width: 600px;
	}
	.btn_supprimer {
		float: right;
	}
	.btn_editer {
		float: right;
		margin-right: 2rem;
	}
	.btn {
		display: inline-block;
		padding: 1rem 1.5rem;
		cursor: pointer;
		user-select: none;
		transition: 0.25s;
		transition-property: box-shadow, background-color, color, border;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		border: none;
		border-radius: 0;
		background-color: #e7e9ed;
		font-family: inherit;
		font-size: inherit;
		line-height: 1;
	}
	.markItUp .markItUpHeader ul a em {
		width: 2rem;
		height: 2rem;
	}
	span > em {
		font-size: 85%;
	}
</style>
<div class="inner configuration_mails">
	<div class="configuration_generale">
		<div class="well">
			<div class="une_conf">
				<h4>Emails en copie "cc" des différents messages</h4>
				<div class="#EDIT{meta-gamumail/mail_cc} inbl w600p">[(#CONFIG{gamumail/mail_cc}|sinon{<i>double clic pour éditer</i>})]</div>
				<p class="explication">Si plusieurs emails, les séparer par une virgule. Double clic pour éditer.</p>
			</div>
			<div class="une_conf">
				<h4>Emails en copie cachée "cci" des différents messages</h4>
				<div class="#EDIT{meta-gamumail/mail_cci} inbl w600p">[(#CONFIG{gamumail/mail_cci}|sinon{<i>double clic pour éditer</i>})]</div>
				<p class="explication">Si plusieurs emails, les séparer par une virgule. Double clic pour éditer.</p>
			</div>
		</div>

		<BOUCLE_message(GAMUMAILS)>
			<div class="well">
				<div class="une_conf">
					<a class="btn btn_supprimer" title="Supprimer le modèle" href="[(#URL_ACTION_AUTEUR{supprimer_slug,#ID_GAMUMAIL,#SELF})]"><i class="fa fa-trash"></i></a>
					<span class="btn btn_editer" title="Editer le titre" onClick="$('#h4_#SLUG em.crayon-crayon').trigger('click');"><i class="fa fa-edit"></i></span>
					<h4 class="toggle cursor #EDIT{titre}"
						id="h4_#SLUG"
						data-id="#SLUG">
						<i class="fa fa-envelope mrs"></i>
						[(#TITRE)]
						<i class="fa fa-caret-down"></i>
					</h4>

					<div id="#SLUG" class="js-hidden">
						[(#AUTORISER{webmestre}|oui)
							<div class="objet--slug">
								<strong>Slug : </strong>
								<span class="#EDIT{slug}">[(#SLUG|sinon{Double clic pour éditer})]</span>
							</div>
						]
						<div class="objet--mail">
							<strong>Objet : </strong>
							<span class="#EDIT{sujet}">[(#SUJET|sinon{Double clic pour éditer})]</span>
						</div>
						<div class="objet--mail">
							<strong>Message : </strong>
							<div class="texte #EDIT{texte}">
								[(#TEXTE|sinon{Double clic pour éditer})]
							</div>
						</div>
						<div class="objet--mail">
							<span>Documents attachés : <em class="explication">liste d'id_document séparés par une virgule , </em></span>
							<div class="texte #EDIT{id_docs}">
								[(#ID_DOCS|sinon{Double clic pour éditer})]
							</div>
							
						</div>
						[(#REM)
							Pour l'instant, inutile
							<div class="pdfs">
								<INCLURE{fond=inclure/gamumail_pdfs,env,id_gamumail, ajax}>
							</div>
						]
						[(#ENV{ajouter_doc}|oui)
							<div class="ajax">
								#FORMULAIRE_BIGFORM{gamumail, #ID_GAMUMAIL}
							</div>
						]
					</div>
				</div>
			</div>
		</BOUCLE_message>

		<a class="btn" title="Créer un modèle de mail" href="[(#URL_ACTION_AUTEUR{creer_slug,null,#SELF})]"><i class="fa fa-envelope"></i> Nouveau modèle</a>
		<em class="explication">Double clic pour éditer les champs des modèles.</em>
	</div>
</div>

<script type="text/javascript">
	jQuery(function() {
		configuration_mails();

		function configuration_mails(){
			$('.configuration_mails .toggle').on('click', function(){
				var id = $(this).data('id');
				$(this).children('.fa').toggleClass('fa-caret-down fa-caret-up');
				$('#'+id).toggleClass('js-hidden');
			});
		}
	});
</script>