Skip to content

Instantly share code, notes, and snippets.

@icefo

icefo/signature_gen.php

Created August 2, 2020 18:54
Show Gist options
  • Save icefo/35645c9e6fc63adb1016cb8e397c2823 to your computer and use it in GitHub Desktop.
Save icefo/35645c9e6fc63adb1016cb8e397c2823 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
signature_gen.php
<?php
$user = new BlekUser($_SESSION["UID"], true);
?>
<br>
<div id="signPreview"></div>
<hr>
<button class="btn btn-primary" onclick="copySign()">Copier la signature</button>
<hr>
<div>
<h2>Instructions :</h2>
<h3>Pour Roundcube :</h3>
<ol style="list-style-position: inside">
<li>Clique sur copier la signature</li>
<li>Va sur <a href="https://mail.blek.ch">https://mail.blek.ch</a></li>
<li>Paramètres -> Identités -> prénom.nom@balelec.ch</li>
<li>Clique dans le champ signature -> Ctrl-A puis Ctrl-V<br>
/!\ Avant de coller la signature il faut vraiment que le champ soit vide !
</li>
<li>Clique sur enregistrer !</li>
</ol>
<h3>Si tu utilises le client Gmail (c'est mal) :</h3>
(ou autre client qui refuse les signatures classiques):<br>
C'est pas cool parce que l'image va faire qu'une notification dans le style "Du contenu distant a été bloqué pour
protéger votre vie privée" apparaît et si le gars dit pas OK l'image s'affiche pas.<br>
<ol style="list-style-position: inside">
<li>Coche la case correspondante dans le form (en bas) pour générer le bon type de signature</li>
<li>Clique sur Générer</li>
<li>Clique sur copier la signature</li>
<li>Va sur Gmail puis dans paramètres (icone engrenage) -> général -> signature -> Ctrl-A puis Ctrl-V</li>
<li>Oublie pas d'aller en bas de la page pour enregistrer les changements !</li>
</ol>
<h3>Note :</h3>
Tu n'es pas obligé de mettre ton téléphone privé si tu n'as pas envie. Met celui du bureau à la place dans ce cas.
(+41 21 693 46 44)<br>
Il faut aussi un navigateur récent (Firefox et Chrome ça devrait être OK) pour que la copie fonctionne
</div>
<hr>
<br>
<h2>
Tu peux aussi manuellement générer une autre signature au besoin:
</h2>
<div>
<!-- PHPStorm me dit que c'est mieux d'organiser les inputs comme ça -->
<label>Prénom Nom (ex: Jean Dupont)<br>
<input id="inputNom" type="text" name="nom">
</label><br>
<label>Poste (ex: Responsable Sponsoring)<br>
<input id="inputPoste" type="text" name="poste">
</label><br>
<label>Téléphone Privé [avec le +41 ou +33 et des espaces]<br>(ex: +41 78 111 11 11)<br>
<input id="inputTel" type="tel" name="tel">
</label><br>
<label>Adresse mail du poste (ex: sponsoring@balelec.ch)<br>
<input id="inputEmail" type="email" name="email">
</label><br>
<label>Si tu utilises le client GMail ou un autre client qui enlève l'image / refuse la signature coche cette case
pour en générer une compatible
<input id="checkboxGmail" type="checkbox" name="gmail">
</label><br>
<br>
<button class="btn btn-primary" onclick="createSignForm()">Générer</button>
</div>
<script>
function populateForm() {
document.getElementById("inputNom").value = "<?= $user->displayName ?>";
document.getElementById("inputPoste").value = "<?= $user->poste ?>";
document.getElementById("inputTel").value = "<?= $user->mobile ?>";
document.getElementById("inputEmail").value = "<?= $user->listes[0] ?>";
document.getElementById("checkboxGmail").checked = false;
}
function createSignForm() {
console.log("createsign");
return createSign(document.getElementById("inputNom").value,
document.getElementById("inputPoste").value,
document.getElementById("inputTel").value,
document.getElementById("inputEmail").value,
document.getElementById("checkboxGmail").checked)
}
function createSign(nom, poste, tel, email, generate_gmail) {
let imageSrc;
if (generate_gmail) {
imageSrc = "https://cdn.blek.ch/images/croche/croche_email_sig.png"
} else {
imageSrc = "data:image/png;base64,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\n" +
"mQAAAABJRU5ErkJggg=="
}
const sign =
`<table style="border: 0; border-collapse: separate; border-spacing: 0; padding-bottom: 3px;"><tbody>
<tr>
<td style="padding-top: 0; padding-left: 0; padding-right: 12px;" width="50" height="89">
<a href="https://balelec.ch"><img
style="vertical-align: middle; font-size: 10pt; font-family: verdana, geneva, sans-serif;
line-height: 1.2; color: #535353; text-decoration: underline;"
width="50" height="89" alt="logo Balélec" src="` + imageSrc + `"></a>
</td>
<td style="padding-top: 0; padding-left: 8px; border-left: 1px solid black; vertical-align: middle;">
<table style="border: 0; border-collapse: separate; border-spacing: 0;"><tbody>
<tr><td style="padding-bottom:2px; line-height: 1.2;">
<span style="font-size: 10pt; font-family: verdana, geneva, sans-serif; line-height: 1.2; color: black">
<strong>`+ nom +`</strong> | <strong>`+ poste +`</strong>
</span>
</td></tr>
<tr><td style="line-height: 1.2;">
<span style="font-size: 10pt; font-family: verdana, geneva, sans-serif; line-height: 1.2;">
<a style="color: #535353; text-decoration: underline;" href="tel:`+ tel +`">`+ tel +`</a>
|
<a style="color: #535353; text-decoration: underline;" href="mailto:`+ email +`">`+ email +`</a>
</span>
</td></tr>
<tr><td style="padding-top:8px; line-height: 1.2;">
<span style="font-size: 10pt; font-family: verdana, geneva, sans-serif; line-height: 1.2; color: black">
<strong>Festival Balélec</strong> | <strong>vendredi 7 mai 2021</strong>
</span>
<br>
<span style="font-size: 10pt; font-family: verdana, geneva, sans-serif; line-height: 1.2; color: black">
<a style="color: #535353; text-decoration: underline;" href="https://balelec.ch">balelec.ch</a>
</span>
<br>
<span style="font-size: 10pt; font-family: verdana, geneva, sans-serif; line-height: 1.2; color: black">
Festival Balélec - EPFL Station 1 - 1015 Lausanne
</span>
</td></tr>
<tr><td style="padding-top:8px; line-height: 1.2;">
<span style="font-size: 10pt; font-family: verdana, geneva, sans-serif; line-height: 1.2; color: black">
Le contenu de ce message est confidentiel.
</span>
</td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>
`;
document.getElementById("signPreview").innerHTML = sign;
return sign
}
// Set clipboard event listeners on the document.
document.addEventListener('copy', function (event) {
console.log(event);
event.preventDefault(); // default behaviour is to copy any selected text
event.clipboardData.clearData();
event.clipboardData.setData('text/plain',
"La signature est en HTML, active l'editeur de signature HTML en cliquant " +
"sur l'icone juste sous le mot signature (sur roundcube)");
event.clipboardData.setData('text/html', createSignForm());
});
function copySign() {
document.execCommand('copy')
}
populateForm();
createSignForm();
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment