icefo · August 2, 2020 18:54
diff --git a/signature_gen.php b/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é[email protected]</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: [email protected])<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,iVBORw0KGgoAAAANSUhEUgAAALQAAAFACAYAAAAVuVaJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI\n" +
                "WXMAABcSAAAXEgFnn9JSAAAAB3RJTUUH5AcHCzg3zYHhiAAAGv1JREFUeNrtnXmUVfWRxz+90s3S\n" +
                "NDargOzKIigSEFABE3fHJMZRJhNN4tGMMSdzJsuYmWxmJsk4JxN1TGIMieuYjCsaF9w33HBDRBg3\n" +
                "ZF9EWxHZumnoZf6oaumG7vfue+8uv9/t+pxzTxLz7H637rfr1q9+9asqwjCSoQgo1qs7MAs4FegJ\n" +
                "nA805fNDS82uRoyUqXgrgTHAZ4GTgJn6/zcDP81XzK1/JYYRJQcBNcAAYAowW71xTQef3QxMB9bn\n" +
                "+8vMQxthUwGMAIYChwKf0WtCln+vBXipEDGboI2wGK6CHQeM12scUJXDz2gBrg4jMDeMXOkJTNVr\n" +
                "sgr6EODgAn7mu+rRC8I8tBGU8bqIm60Luhq9KkP6+TeE8UPMQxudUQ2crFmIWbq4q1ABR6GbPsAn\n" +
                "ZnYjLEqBGcB/AMuABmAvkkJrifi63cxv5Esxkg+uBEYC3wIeAOpiEG5n13Fh3ZyFHF2DSqCHZh2m\n" +
                "ACdoKDHcge+2UjMijWG9Zoz0UQb002s4slkxi307ci7xe2SH0Dy00Y5W8Q4HJgJHIRsaAxz+zg2a\n" +
                "PVkd5kLA8JMSYBKyodG6qXEYMNaje5gP1Ia9sjX8YThwNLKhMQEYgmwx9/b0fm4Hdpqguw7dNPad\n" +
                "AxyD7MT10avE83t7DXgj7B9qgnaPcUhd8MkaC/dANjTKU3af9wIbTNDpow9wIvA3+p/92yzY07po\n" +
                "/xh4Htm4MUF7SqmGCRUa/56hIj68C9riGWB5VEY2oqEYqUrrqV53NrKZcTzhFfT4yrPAByZo9+ml\n" +
                "4h2gsfCxuqgbaab5lDeBp6N8DRqFeeFhKtjRSF54CrKpUWbm6ZAlwKsmaHfoq8KdiOxyHYpsaAwy\n" +
                "02RlK/Bo1AsVIztT2behMQrJBw8xL5wz65F0nQk6ZoYimxnHawjRByl472WmyZs9wJPAdhN09JQg\n" +
                "x4tOQUorhyK7dN3wf0fOFXYAf476l3RlQY8HTkN25WaqeMEqEKOgBXgb2e42QRdAkca5JciZuOOA\n" +
                "09UT9zWdxUYTcF1cDzxtdNNYt0oXcCchW8pHmK4SYwuSBdob9S9Ki4du3cwYrIu4YzWMqDItOcGt\n" +
                "cYjZZw/dE9nIGIXkgI9ENjNGmXacZJzG0JHjk4ceo8KdhGxmtF7dTS9OsyguMbsu6GoNG2Zq/DsE\n" +
                "2dDobxrxiivjzgIknYVoafO/pyL54DnqkXupsMtNF17yEVLnsqOreOgWZCPjG7qQ66XiLcfywWng\n" +
                "RqSBDV1F0CB1wmdidRFp5GYK6MafD8UO3PRmoN6efep4DNgY9y81QRtRcUucsbMJ2l+2qc1cZhPw\n" +
                "Qtzhhisx9HtxLxw8ZBWwAngH+D/kkO13Hf6+d6uo6aqC3m2abccOYDGwVAW8Qq/Wtll/cvi7t9Y9\n" +
                "7+yqgm4k4qJvT3gL6VXRurO2Wa+G/T5XhnRRcpVFwOtJ/XJXdgo3IS1Vi7uQgOuBhZoNeEa973a9\n" +
                "WjL8e5VILberPAOs6eqCXo9UY3XrArHwAr2WaKi1h9yafU9y+P7WqqDp6oLeoA81bYLehfSguBcZ\n" +
                "+xDGQmmmw/e7HGki0+UFvY6Y6mUjollj3QZkM+Fh4P6IvNUMh/94n9Q3jnloDwVdh+SEP9FsxKP6\n" +
                "QNdH/HuPdtQe64H7kv4SLnnoRg9E/D6SZlwDvKIr+kXEt4FQg5sNbZp1TbDaBC1sx83dwjpkZO87\n" +
                "SE+219Ubr03o+7gaP+8khhYFPgka9XwjSL5sdCOyqfEqkg9eqddOB2zkavy8FnjEBN2eNeqBkhD0\n" +
                "Is1GvKwP5329XMNFD92EQ5NgXRL0ajJvKITJJuBxZFPjFV3cuRr2tOVIB79TIzDPBN2xh45K0C3q\n" +
                "hRcg+eC1SHppLyEOfYyYsbjZKH0BMmLCBB2RoFvaZCQeVINH3iQwD9rOUAnyRzUNN0sDrsbokCHI\n" +
                "VnCug8/3INVpH2oYcQnSB8I1ypB+Iv2QUcU/QzInFxDs+NnvNF5tceha45qRXfLQGwmWz21WAW9F\n" +
                "5nS8jGxqPOFYDFyCDMSsVhHPRE6zz9J/1sqbBNtUmop7B4d/Y4LOTC0yLTUTS4FrkBMRbzr2/Xsj\n" +
                "7cgG61tiGrKzN7qTz69A+r5lowI4xDFBNyEtvkzQGXg3gKAXA9c7FEaMZt9YignImLaJAcOIZcjW\n" +
                "eTYm415vkts1zDNBZ2AV0ik0E0nXAg9F+ugdpZmHEXrl0553WcAMwZHqpV3iWuJLs3ot6GyMjvk7\n" +
                "VSJNcI7ROHaoxsT9Q8g6vEOwGpbJuFVauww5GmaCzsLKAJ8ZGMP3mAx8Tt8WhyHztnuG7CXXEbxv\n" +
                "xVjHntXNyGYUJujCPTQaZ68N8fcOREZTnKbeuFqzFKURLsRWIvUr2RiMTB9whR3AUzha7uuroEfl\n" +
                "KejWEKEH0oLsVKTD/+gE7vXdgIIeq9kTV1hA9DXfqRF0HVLV1jPL50YieecgWYgKjYPHaAhxMrKx\n" +
                "4UJ4FeR0xzjHBP0g0lXUBJ3Dg85WhDM6gwfuo1d/Fe4cZDPDJVF8GHC90OqhXZmP+BqyD4AJOlxB\n" +
                "j2jz36uRbfMh6s2m6jXawXtr0tf1Qs0UBHk+wxz6/s8g/UNM0CHH0ROQ0WyTkbz04Xq5eD91SIpr\n" +
                "uYp4KXLyJUiWYCTuTCz4SAXdZILOjSDn0sYA/4O74ym2IuWqL6iQV+YQM7dlOPGkKYOwHDkEgQk6\n" +
                "99V/kMWea2LegBwYeAKpMalFSlgLqbd2RdB7kH4bW0zQ0YQcrrAc6b/xgL5ZdukV1qGB4bhRw/Ge\n" +
                "3icm6NypddheTUhDxflIN6RaZOu6tU45TKrJXqgVF28jRWEm6DxoQbaFk17dN+tVh5xono90RIrr\n" +
                "5MtA2mdzkmIHcJsvr0wXBd2MnIRIQtC7kUMCHyCHBu4j2AZOFAxwxEN/DNxhgi7MQ69BNkTiemAf\n" +
                "IVvpTwEPkWB/4zYMcmBB2IxsddeboAsTdNQtpdbpH807GhM/h1vn40qQHHTS7AX+4NEi3WkPHban\n" +
                "ad3YWMa+ll4fOvpcqnGjqfkS4A0TtBseuoF9Ix5aGwmuRNJqrtMbqeFImt/gGa4KOt+xZR/pIu5R\n" +
                "9cC16oUbPHsuVQ546K3AX03Q4dCgBu0T4LMb1PD3IYUzO9ULN+Evg0m+S9KNJNy8PE30VQ+bqclJ\n" +
                "PfCLNn+YaRl23w34Eck3kRnpo/FcnTrVSPZTESX6am79fEuKBJ10U8Yn9c1ngg6JvQEEXYacwE4b\n" +
                "FQ4I+lpfQzafBQ3ulFaGSU+kPDYpatVDN5ug4w050IVTrxSJuYjk03U3IfUbmKDDo5lgqbtK3Byi\n" +
                "U8jzSHLKVQtSCltvgg6f7WTPH6dR0NMS/P2PE/zwrgk6R3YH8NLdUyZoEvbQ9xOsV4gJOg/qAwg6\n" +
                "bR56MME2k6JgFTJvBhN0NNQF8BZpE3SS3vlZgrVWMEFH6KGLkUL4tDAjQVs/o07EBJ2goEFKLUtN\n" +
                "0AWxTAWNCTo6GgMKujf5NRt3jSKkiXoSLMav0/ZeChqk4i4bVSkRdFKdnzbjSYuCNAh6O9lPlVQB\n" +
                "NSl4FkmNPV6JNMgxQcfANrK3bk1LyJFE/FyP7Aw2p0XQri+mtgcQdFpCjiQ89E6kdiMNfBEocV3Q\n" +
                "QTx0eQoE3RNpBxwnzUjbhg88tlt/ZBLvV5EeJuPTIGhSEEN/JoG3ZRNS9+wbRfo2+z7SUrlC/9k8\n" +
                "YIPrgm4IKOi+SBmpr2WPRyewntmIFCP5IOAyDS3PAy7mwHrxZuAKoNGHDYmggu7tsaCTmON9jeM2\n" +
                "KddnegTwdeArGT57FbDJh0Vhq6B3kLmQvy/7zhf6yKSYPfRehxeDfZEpZ7M0Nj48y+e3InMT630S\n" +
                "9PYsgq7xWNBDiX+g0T24N8nqCF1LtE4qqw74710HrGj9H74IehtSWpkt5PCRo4h/7PFVDnnj4/Wa\n" +
                "Qe6Hg1t7stT7JuhsPZmrPPbQR8Ys6LeAVx34Iz5bsxXjyT/tehf71XD75KGD/LX7KuiKGH/fPJIZ\n" +
                "a1yqC7u/AyYiOeSyAn7eKuBupIjNK0FvJ1jX/IG6MvapfVUZ8W6oNCAt0+Lc6h6HpNrO1rdoJeFk\n" +
                "dJ5EDiXgm6AJuIAZhJwx9EnQY3NY/ITBHcQzyaocOBP4HjAFyeCEmZZcC1zf2WvABzard8kUax6s\n" +
                "f/2feCTouOd430Y0ufpiFfEwZCv6AuCgiO6hGTmM8JLvgq7PIuiBJN+x02VBLyH8scY9dO0yDfgH\n" +
                "4IQY7qMW+HWmQN0H3kPOu1VnCTl8E/QY4ptDeB+6mxYCQ5FZ6qcD5xBfj8EW4EFk1LTXgm710AQI\n" +
                "OXyhhvhOrG/VBVQh64sKjYdnACchGyBxsw3492yplLQImpgXWIUygvhOrC9EZszk+z1PBGarmJOc\n" +
                "nXg9WXoe+iLo95FOStkYjPSN9qEV7PCYBN2ki6hcBySdDJyFbEePQWq2k2QbcFm2D/l0/P/jAJ85\n" +
                "RO/JF0HHsRn0NsFbFAxCSjTP1ri4P+5MRvjPIBrwSdAbVKglWRYrZbg/JKg0xlf3a5rhyMSxwHc0\n" +
                "rKiKcaGaS2ZjXlDD+sJ6ZMu2JIuHLvPgXuIae7wFmU/eEb2AC4GLgMMct9e/ETB/7qOgK7J4aB/u\n" +
                "aWBMgl7Pvp4bpfrHPgXJGZ/nyXNfDdxJwO163wTdGCCGNg8t7EEOwW5HtthPBL6JGxNqc+FX5LD7\n" +
                "66OHzkRP4q1cy5chSN1JlDQgm1HXAnPxc3THUg2ZGkkh5chOV7b5erNwe2ZhD+RAZ4tdWa9v5fos\n" +
                "iz0S9J6AC4ORjgu6N1LDYWTmReARcpw/WezZTa4PcIMjTNDe0wjMJ4+OqL4JenUAQQ93XNDVMWU4\n" +
                "fGaJCpq0C3ptQA/t6n2VAIeaXjNSD9wLrOsKgl5F9nykyyFHN2CyaTYjKymgRVkaPfQQh++rAuk/\n" +
                "YXTMbuBWci+k8pYavels6Z5hjn7/g5FNAkvJdXy9Q4H5ed889BaCFamPcfT798ffhjhR0wJcTYGT\n" +
                "uIo9vPENAT4zysHvXYzUFhsd8y4hNJD0UdBBZlGPdFTQ00y3nXIpIdSx+yjoIMl2Fz10kQm6U14j\n" +
                "z7xzV/HQLgq63DIcnfIvhHTKyDx0fEx03K6LNY6Nm4WEOMU2rYLuhXstDaY7llFoUgFfivTYOCXg\n" +
                "gjtsfoZf7dsiWVwFyWlOcOx730GyOd7dyMnpZSqisft9vy8g7SLi/E73EXIbZB+HvjcjO0n9snxu\n" +
                "NPCGQ9/76AR+Zx2Su1+HDAi6i867Dk1HjobFye8I1lk21YJGX5XZBO1SHF2NHA+LS8RrNDRbhNQU\n" +
                "L83y74xMICS6g+yn0buUoGd6JOioxbIH6Yy0VBd3LyGpsKCMj/kNUgfcQgStfX0TdHck/RVk+qlL\n" +
                "mytRzfF+STMEi4E39cq1mXmFOoc4F9ELgKej+MEuC3qwerbJSN+Ifmr8EoK10Brt0L3MDFnED6iQ\n" +
                "NyDnLAtprDNIMxxxsUVjeZ/6eOfNcOCHSKfMTUjrpyDVdR1duxy6r48LzAYsBn7AvtkkYQ4ZOjGB\n" +
                "zEa3tAv5i8BzwE6NB5sJJ0010IF7G5XnH+VyFfEofTNF8TbtoZmGuMRci/STTiW9kNEFayIyXkOE\n" +
                "sWsufBnpJ5LpuzYhB0Pf0DdUXOHSQKSZfFyCfiJtIi5COm6ex74Dr1Fde4G/d+Cer1Sx7v/96jWO\n" +
                "fBX4CfGfNSxCOvDHJeatyOZNajgIOEMXNXEYsBH4sQP3/Xyb77RT30hP6XdLsp1BCVLhFpegF6bJ\n" +
                "Kx8D/G/Mi49mZDBjknRDjhUt05X995BB9S7QL0AoFGb4NzsNYh4M/BTpwJ9E/cJGou8hl4kaZHLq\n" +
                "JAefzYUxPocH0yDmzwKPkWxBzhakmbdxIK/G+BwO9z3E+F7Mq+fOru3IfGmjPYfG+Az+HOeNhZ3b\n" +
                "7A5ch8zocGEXshg/28hGzVdj/F0/9VXQQ4CHHHu9tOZ4jfZ8Pabf81tdx3jHNNxsoLKNFO9MFbC2\n" +
                "2RNTZiP2ArEwjmCdidTduthAZS9ZBjV2Qc4j8+ClsPhv5ASMN5QiE5Qacbe11CasU1FbKjQEiNru\n" +
                "H+H+oeB2lAOXkH8lXFzXK6bhdpyrmZ+o7X4ZHs1dL0f6KNQ5LuZGZPqosY/5hFPJmOlag0cNdUqQ\n" +
                "iaO7cL+TZRNwlGn4U0Yi2/BR2/3ymGL00BYUdfjRmvVt03A7vh1DuLECN0p2AzEHKXn0pdfwP5uG\n" +
                "2xFHX5BrfDHGiJgWE2Fde5AhnIYwFenHEaXNV7sQ4gXJQ3dHiox82kL+PVJ7bAhHc2CnpDBpQmq8\n" +
                "l/hgjL965JlbT6oMNA1/Sm+ir0V/L+I/mND4gWdibgF+gdtzCuNmOtEed2sG5vlgiOM9i5tbkG3u\n" +
                "wabhdnyT6HcFD3bdCP1ofxbOl+tCn3KgMdCf6M8NerF5dRnxnTcLs4FJX9NwO47UxXGU3rnadSPM\n" +
                "Zt+AS1+u94ATTL/tKAP+MWK7f8d1I/QCbvAw1LjU9HsAfZCGiFEeQHY+lXtaxK+oqE4UW4nogYyP\n" +
                "2O4X4PhIkxrgL56JeQUwxbR7ACXI2Iko62ScX68ch+z4+CLmrcR3Ns43KpGm8FHZ/nzXs0ndkeS4\n" +
                "T7uBvzTddsq0CG3/MjDUdQOM9Cx2/oNpNiPXR2j7i1y/+WLgYo/EfCNyNs7omArktHsUtn8WaUrv\n" +
                "NKXE1xE0jC48NabZjJxNdCW53/HBAIM8EfMt+l2NzDwZkf0X4UmdzJdNzKlhENGc99yFnPL3gmsc\n" +
                "F/OtZB+yaQiXEE2flNfxoGajFVer6hqBm7GjVLmwJILnUAd83ycjbHZQzDuQRn9GcKYg/bCj2BUs\n" +
                "98kQexwT80af4jWH+BXSIDHs3iYX+WYIl7a7X0AmMxm5UY7s4IX9PN700RgfOyDkZuCPuDXO2CdO\n" +
                "I5qJCV/y0RivJCzmVUixSw/TZd5cRfg9617C08PGVyWckpuIndIuhMHIIPuwn423Y9imJyDkzcBc\n" +
                "31bPjnIW8GHIz+cRPB4wXx5j2NGEdHavMh2Gxq8jeE4zfX5rFgGzIhZxAzLVdZTpL1QOBZ4L+Xnd\n" +
                "lQaHUwb8a8gLiwZkguxtwBGmvUj4IuHnnuekxTjlwA+B2gIN8gGST/4vkh3OnnYq1cZhivkvwEFp\n" +
                "M9Sp6lXX5eCJ3wUeBq7URUof01vkjCLcFrk7SMGmVkeDNx/SNNA0ZIjmGKR3WZV+fq/e/IfINvV6\n" +
                "pDHNCvXORjyMAyaE+PPu03g89VQAA4BhSOPzQ5CeabYRkhw9kJ3VsLxzrb5ZDSMRBiBtHMIS9N2a\n" +
                "GPCeYtOGl89sNuEV3NfqYnCvmdZIgjKNd8Pyzo+aSY0k6ReimD9GslqGkRhhtchtBh43cxpJszQk\n" +
                "QdcDx5g5jSQZF2K4ca+Z00iaK0MMN6wswUicTSEJ+nozpZE0pxDOIKdmZLfXMBLlNsI5oX85Hdfw\n" +
                "GEZsVBHOqe46PGiHWwi29e0Hf0s4E6euQA5dGEai3BuCd36/K2Q2zEO7z2HIiLZC+ROwxgRtJM1p\n" +
                "FN4bexVS0LTbBG0kSSlwLIUfprgLabVrGIkyHWlnW2g73KldxWDmod1mhsbQ+dJa7/yKmdJImhrg\n" +
                "dgpvhDnJTGm4wLHIifpCpu3OMzMarvDtAr3zJrpg6zWLod1kIHBSgbHzXRpyGEbiTKWweYO1SO+U\n" +
                "Lod5aPco0/i5ewE/4xoVtWEkTh8Km73+PtZ/23CIyQUuBr9lJjRcoQS4rAAxryGcMlPDCC1+LqSQ\n" +
                "/1xbFxkuMbsAMS8D+poJDZf4c4HeucRMaLhCJdLNKB8xPw8MMRMaLnFeAd75AjOf4Rr5ToNdiExX\n" +
                "MAxnGJZnuLEbKWIyDKf4MdCYh6CfQwqZDMMplpHfGLbvmukM1zgG+CgPQS8Bepr52mO7SslzFrkX\n" +
                "E+0CbgJ2mvkMl+imnjZX7/ymOSPDRb6AlHvmIuZG4HwzneEiV5NfzYZhOMdQYFEegj7DTGe4yFxy\n" +
                "H2/8vJnNcJES4Ko8vLONYTOcZCzwYo5ivh8oN9MZLvKlPLzzNDNbdiyXGT89kZMpuXAb8JaZznCR\n" +
                "Q1WcuYxhO87MZrjK53MMNW5CenUYhpPhxk05iHkbMnDTMJxkiIo0qKBvxvps2KLQYVvPJnhlXS3S\n" +
                "QXSHmc5wkRLgsRy8853YCGPDYQ4mt4aLVrNhOM0lOQj6ATOX4TpBc89bgBPMXIbLTCT4JsrDZi7D\n" +
                "dX4fUNC7sJoNw3GKgc0BBX2Xmctwnc8TrInMXqTOwzCc5h6NjbMJ2oZkGs4zANgYQMwNWDvc0OI7\n" +
                "IzrOBKoDfO4KjbMNw2keDuCdtwOHmKnMQ7vOJGB0gM9dDnxg5jJc5xKyjzfeiByYNcxDO00pcmwq\n" +
                "23jjPyGzBQ3DaY4D3s3ind9BpsYa5qGdZ0aA+Hk+sNRMZbhOP+BusrfDNe9seMEsMrfIbQSuNDMZ\n" +
                "PlCEzD3J5J1XYpkNi6E9YRBwUob/fy/wIPC2mcrwgaPJXFm3CekLbZiHdp5yYA6dD5BvAW4FNpip\n" +
                "DB+oIfMAoA+Ag8xMhi+LwWlZFoM/MjMZvlCClIBmqtmwIZmGN1QAH2YQ9AVmIsMnTiFzzYY1XDS8\n" +
                "4s4Mgj5HY2zD8ILudH4IdjHQ10xk+MQ3MnjnuViu3/CMzqbBLgQGm3kMnxhB51vdXzPzGL7xy04E\n" +
                "/TjWZ8PwkOUdiLkeuNhMY/jGHDoePv800N/Mkwy2As+fuRy4nb0DyUnXmnkMn+hNx5V1i4FKM495\n" +
                "aN84qYNF3y7gOo2hDcMr/tiBd15uZjF8ZCTwIgc2Kz/XTGP4yFeAT/YTtDWMMbykFLi6g3DjVDON\n" +
                "4SMTgFc5MO9sGF4ytwPvPN3M4g6WtgtOFTB7v392D5KPNgzvGAus3s87TzGzGD5SBJy1n5hvxs4K\n" +
                "Gh6HG7fQvoPoTDOL4SvDaT8v5TqCjWszDCcXzl9rI+atwAlmFsNXSoBn2wj6BqwLkuExo9qIeTNw\n" +
                "upnE8JmftBH0rVju3vCcdW28s9VsGF4zo413vtfMYfjOtSrmLRy47W0YXlGEpOiagQVmDsN3zkF2\n" +
                "BHdiQzKNFHC/hhu3mSkM3xmEDPnZjeShDcNr/km982/NFEYaeBzpr2HtcA3vmYIMAPo5titopIBL\n" +
                "gfewEcZeYh6oPRXA54B5WMNFE3QKmIVspMwHGswcJmjfORZ4AlhppjBB+85QoBvwGLDHzGGC9p0x\n" +
                "wCakx7NhgvaaSmSA5stAk5nDBO07VUhL3JfMFH5TYib41EPvRuqeDcP7t5Sd4k4J/w/Whz+olwsu\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>
	<?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é[email protected]</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: [email protected])<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>