2021-05-04 00:30:20 +02:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="fr_FR">
|
|
|
|
|
<head>
|
|
|
|
|
<!-- Required meta tags -->
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
2021-09-22 00:21:35 +02:00
|
|
|
<link href="/vendor/bootstrap.min.css?5.1.1" rel="stylesheet">
|
|
|
|
|
<link href="/vendor/bootstrap-icons.css?1.5.0" rel="stylesheet">
|
2021-09-20 09:22:33 +02:00
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
|
2021-05-04 00:30:20 +02:00
|
|
|
<title>Signature PDF</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container-fluid">
|
|
|
|
|
<div class="row">
|
2021-09-19 02:17:13 +02:00
|
|
|
<div id="container-pages" class="col-lg-10 col-md-9 col-sm-8 col-xs-6 bg-light text-center"></div>
|
2021-05-04 00:30:20 +02:00
|
|
|
<aside class="col-lg-2 col-md-3 col-sm-4 col-xs-6 mt-2 position-fixed end-0 bg-white">
|
2021-09-20 09:55:42 +02:00
|
|
|
<div class="form-check form-switch float-end"><input class="form-check-input" type="radio" name="radio_signature" id="radio_signature_pad"></div>
|
2021-09-21 19:22:26 +02:00
|
|
|
<h5><i class="bi bi-vector-pen"></i> À main levée</h5>
|
2021-09-20 22:49:44 +02:00
|
|
|
<canvas id="signature-pad" class="border bg-light" width=235 height=125></canvas>
|
2021-09-20 00:10:22 +02:00
|
|
|
<hr />
|
2021-09-20 09:55:42 +02:00
|
|
|
<div class="form-check form-switch float-end"><input class="form-check-input" type="radio" name="radio_signature" id="radio_signature_text"></div>
|
2021-09-20 10:05:27 +02:00
|
|
|
<h5><i class="bi bi-fonts"></i> Texte à la main</h5>
|
2021-09-20 09:55:42 +02:00
|
|
|
<input id="input-text-signature" type="text" class="form-control" placeholder="Ma signature" style="font-family: 'Caveat', cursive; font-size: 24px;" />
|
2021-09-20 09:22:33 +02:00
|
|
|
<hr />
|
2021-09-20 09:55:42 +02:00
|
|
|
<div class="form-check form-switch float-end"><input class="form-check-input" type="radio" name="radio_signature" id="radio_signature_image"></div>
|
|
|
|
|
<h5><i class="bi bi-image"></i> Image</h5>
|
2021-09-20 23:11:05 +02:00
|
|
|
<div class="text-center">
|
2021-09-21 09:03:10 +02:00
|
|
|
<img id="img-upload" class="d-none" style="max-height: 80px; max-width: 235px;" src="" />
|
2021-09-20 23:11:05 +02:00
|
|
|
</div>
|
|
|
|
|
<form id="form-image-upload" action="/image2svg" method="POST" enctype="multipart/form-data">
|
2021-09-20 09:22:33 +02:00
|
|
|
<input id="input-image-upload" class="form-control" name="image" type="file">
|
2021-09-20 00:10:22 +02:00
|
|
|
</form>
|
|
|
|
|
<hr />
|
2021-09-20 10:05:27 +02:00
|
|
|
<div class="form-check form-switch float-end"><input class="form-check-input" type="radio" name="radio_signature" id="radio_signature_text_classic"></div>
|
|
|
|
|
<h5><i class="bi bi-type"></i> Texte classique</h5>
|
|
|
|
|
<input id="input-signature-text-classic" type="text" class="form-control" placeholder="" />
|
|
|
|
|
<hr />
|
2021-09-21 19:22:26 +02:00
|
|
|
<p><small class="text-muted"><i class="bi bi-hand-index"></i><i class="bi bi-hand-index"></i> <i class="bi bi-plus-circle-fill"></i> Double-cliquez sur le PDF pour ajouter l'élément sélectionné</small></p>
|
2021-09-19 02:17:13 +02:00
|
|
|
<form id="form_pdf" action="/<?php echo $key ?>/save" method="post">
|
2021-05-04 00:30:20 +02:00
|
|
|
<div class="position-fixed bottom-0 mb-2">
|
2021-09-19 02:26:34 +02:00
|
|
|
<button class="btn btn-primary" type="submit" id="save"><i class="bi bi-download"></i> Télécharger le PDF Signé</button>
|
2021-05-04 00:30:20 +02:00
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
</aside>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-09-21 19:41:11 +02:00
|
|
|
|
2021-09-22 00:08:27 +02:00
|
|
|
<script src="/vendor/pdf.js?legacy"></script>
|
|
|
|
|
<script src="/vendor/fabric.min.js?4.4.0"></script>
|
2021-09-22 00:21:35 +02:00
|
|
|
<script src="/vendor/signature_pad.umd.min.js?3.0.0-beta.3"></script>
|
|
|
|
|
<script src="/vendor/opentype.min.js?1.3.3"></script>
|
2021-05-04 00:30:20 +02:00
|
|
|
<script>
|
2021-09-21 23:44:34 +02:00
|
|
|
var url = '/<?php echo $key ?>/pdf';
|
2021-05-04 00:30:20 +02:00
|
|
|
</script>
|
|
|
|
|
<script src="/js/app.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
