Home Verkennen Help
Inloggen
advation
/
SimpleTimeTracker
spiegel van https://github.com/advation/SimpleTimeSheet.git
1
0
Vork 0
Bestanden Issues 0 Wiki
Boom: 9666fe9d60
Aftakkingen Labels
SimpleTimeTrack...
/
app
/
templates
/
tools
/
keypad.html

keypad.html 2.6 KB
Geschiedenis Ruwe

1234567891011121314151617181920212223242526272829303132 
  1. {% load static %}
    2. 

  2. 

  3. <div class="keyboard d-none d-md-none d-lg-block mb-3">
    4. 

  4.     <div class="card shadow-sm">
    5. 

  5.         <div class="card-body">
    6. 

  6.             <div class="row mb-3 justify-content-center g-0">
    7. 

  7.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="1" data-alt-value="!" class="btn btn-lg btn-light border border-secondary keyboard-key">1</a></div>
    8. 

  8.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="2" data-alt-value="@" class="btn btn-lg btn-light border border-secondary keyboard-key">2</a></div>
    9. 

  9.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="3" data-alt-value="#" class="btn btn-lg btn-light border border-secondary keyboard-key">3</a></div>
    10. 

  10.             </div>
    11. 

  11. 

  12.             <div class="row mb-3 justify-content-center g-0">
    13. 

  13.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="4" data-alt-value="$" class="btn btn-lg btn-light border border-secondary keyboard-key">4</a></div>
    14. 

  14.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="5" data-alt-value="%" class="btn btn-lg btn-light border border-secondary keyboard-key">5</a></div>
    15. 

  15.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="6" data-alt-value="^" class="btn btn-lg btn-light border border-secondary keyboard-key">6</a></div>
    16. 

  16.             </div>
    17. 

  17. 

  18.             <div class="row mb-3 justify-content-center g-0">
    19. 

  19.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="7" data-alt-value="&" class="btn btn-lg btn-light border border-secondary keyboard-key">7</a></div>
    20. 

  20.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="8" data-alt-value="*" class="btn btn-lg btn-light border border-secondary keyboard-key">8</a></div>
    21. 

  21.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="9" data-alt-value="(" class="btn btn-lg btn-light border border-secondary keyboard-key">9</a></div>
    22. 

  22.             </div>
    23. 

  23. 

  24.             <div class="row mb-3 g-0">
    25. 

  25.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="0" data-alt-value=")" class="btn btn-lg btn-light border border-secondary keyboard-key">0</a></div>
    26. 

  26.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" data-value="." data-alt-value=")" class="btn btn-lg btn-light border border-secondary keyboard-key">.</a></div>
    27. 

  27.                 <div class="col-3 d-grid gap-2 mx-auto"><a href="#!" id="back-key" data-value="back" class="btn btn-lg btn-light border border-secondary">Delete</a></div>
    28. 

  28.             </div>
    29. 

  29.         </div>
    30. 

  30.     </div>
    31. 

  31. </div>
    32. 

  32. <script src="{% static 'app/js/keyboard.js' %}"></script>
    33.