templates/main/test.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <div class="container">
  5.         <form method="post">
  6.             <label for="curTheme">Thème</label>
  7.             <select class="form-control" id="curTheme" name="curTheme" onchange="this.form.submit()">
  8.                 {% for th, file in themes %}
  9.                     <option value="{{ file }}" {{ app.session.get('curTheme') is defined and file == app.session.get('curTheme')?"selected":"" }}>{{ th }}</option>
  10.                 {% endfor %}
  11.             </select>
  12. {#            <button class="btn btn-success" type="submit">Modifier</button>#}
  13.         </form>
  15.         <h1><i class="bi bi-webcam-fill"></i> <i class="bi bi-trash-fill"></i> <i class="bi bi-ticket"></i></h1>
  16.         <h3>Signature</h3>
  17.         <canvas id="signature" style="width: 10rem;height: 5rem;"></canvas>
  18.         <button type="button" class="btnImpression" onclick="effacer();" id="efface">Effacer</button> &nbsp;
  19.         <button onclick="enregistrer();" class="btnImpression">Valider</button>
  20.     </div>
  24. {% endblock %}
  25. {% block javascripts %}
  26.     <script src="{{ asset('js/presta.js') }}" ></script>
  27.     <script>
  28.         let zoneSigner = document.getElementById("signature");
  29.         let trace= zoneSigner.getContext("2d");
  30.         $(document).ready(function () {
  31.             zoneSigner.signature();
  32.         })
  33.         function effacer(){
  34.             trace.clearRect(0,0,zoneSigner.width,zoneSigner.height);
  35.         }
  36.         function genererImage(){
  37.             let image;
  38.             image = zoneSigner.toDataURL("image/png").replace("image/png", "image/octet-stream");
  39.             return image;
  40.         }
  41.         function enregister(){
  42.             let data={
  43.                 image: genererImage()
  44.             }
  45.             fetch("signature.php",{
  46.              method: "POST",
  47.              body: JSON.stringify(data)
  48.             }).then((response)=>{
  49.                 console.log(response)
  50.             })
  51.         }
  52.     </script>
  53. {% endblock %}
  55. {% block title %}
  57. {% endblock %}