Přehlednější UI pro emaily účastníků

mo/web/templates/parts/org_participants_emails.html

@@ -4,16 +4,25 @@
 </a>
 
 <h3>E-mailové adresy</h3>
-<div class="form-frame">
+
 {% if emails %}
-<p>Pokud máte e-mailového klienta, který umí odkazy typu <code>mailto:</code>, tak vám následující tlačítko předvyplní nový e-mail:
-<a class="btn btn-primary" href="{{ mailto_link }}">Vytvořit e-mail pro {{ count|inflected("adresáta", "adresáty", "adresátů") }}</a>
+<pre>{{ emails|join('\n')|escape }}</pre>
+<textarea id="emails-textarea" style="display: none">{{ emails|join('\n')|escape }}</textarea>
 
-<p>E-mailové adresy si také můžete zkopírovat z následujícího pole. Prosím posílejte jako <b>skrytou kopii</b>, ať účastníci nevidí navzájem své e-maily.</p>
-<code><textarea id="emails-textarea" class="form-control" readonly style="resize: none;" onclick="this.focus(); this.select();">
-{{ emails|join('\n')|escape }}</textarea></code>
-{% else %}<i>Žádné e-mailové adresy k vypsání.</i>{% endif %}
-</div>
+<p>
+<a class="btn btn-primary" href="{{ mailto_link }}">Vytvořit e-mail pro {{ count|inflected("adresáta", "adresáty", "adresátů") }}</a>
+<button class="btn btn-default" id="copy-emails">Zkopírovat všechny adresy do schránky</button>
 <script type="text/javascript">
-document.getElementById('emails-textarea').style.height = (document.getElementById('emails-textarea').scrollHeight + 5) + "px";
+    var ta = document.getElementById('emails-textarea');
+    document.getElementById('copy-emails').addEventListener('click', function () {
+            ta.style.display = 'block';
+            ta.select();
+            document.execCommand('copy', false);
+            ta.style.display = 'none';
+    });
 </script>
+</p>
+
+<p>E-mailové adresy účastníků prosím vkládejte do pole pro <b>skrytou kopii (Bcc)</b>, ať si navzájem nevidí své e-maily.</p>
+
+{% else %}<i>Žádné e-mailové adresy k vypsání.</i>{% endif %}