1
0
mirror of https://github.com/24eme/signaturepdf.git synced 2023-08-25 09:33:08 +02:00

Modal share copy to clipboard

This commit is contained in:
Vincent LAURENT 2022-03-31 18:24:10 +02:00
parent 9a225a261a
commit 175555a06e

View File

@ -154,18 +154,19 @@
</div> </div>
<?php if(isset($shareLink)): ?> <?php if(isset($shareLink)): ?>
<div id="modal-share-informations" class="modal" tabindex="-1"> <div id="modal-share-informations" class="modal" tabindex="-1">
<div class="modal-dialog"> <div class="modal-dialog modal-md">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Partager la signature du PDF</h5> <h5 class="modal-title"><i class="bi bi-people"></i> Signer ce PDF à plusieurs</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p>Pour permettre à une ou plusieurs personnes de signer ce PDF il suffit de partager ce lien :</p> <p>Plusieurs personnes peuvent signer ce PDF en même temps en allant sur cette page :</p>
<div class="input-group mb-3"> <div class="input-group mb-3">
<input type="text" readonly="readonly" class="form-control" value="<?php echo $shareLink ?>"> <input id="input-share-link" type="text" onclick="this.select(); this.setSelectionRange(0, 99999);" readonly="readonly" class="form-control" value="<?php echo $shareLink ?>">
<button class="btn btn-primary" type="button" id="btn-copy-share-link"><i class="bi bi-clipboard"></i></button> <button onclick="navigator.clipboard.writeText(document.getElementById('input-share-link').value); this.innerText = 'Copié !';" autofocus="autofocus" class="btn btn-primary" type="button" id="btn-copy-share-link"><i class="bi bi-clipboard"></i> Copier</button>
</div> </div>
<p>C'est aussi depuis cette page qu'il est possible de télécharger le PDF signer par tous.</p>
</div> </div>
<div class="modal-footer text-start"> <div class="modal-footer text-start">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Fermer</button> <button type="button" class="btn btn-light" data-bs-dismiss="modal">Fermer</button>