create_multiple_shifts.html 3.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. {% load bootstrap5 %}
  2. {{ form.media }} {# Adds all flatpickr JS/CSS files from CDN #}
  3. <!DOCTYPE html>
  4. <html lang="de">
  5. <head>
  6. <meta charset="UTF-8">
  7. <title>Schichten erstellen</title>
  8. {% bootstrap_css %}
  9. </head>
  10. <body>
  11. <div class="container">
  12. <h2>Schichten erstellen</h2>
  13. <form method="post">
  14. {% csrf_token %}
  15. <table>
  16. <tr>
  17. <td>
  18. <h5>Für Mitarbeiter:</h5>
  19. <div class="employees">
  20. {% for choice in form.employees.field.choices %}
  21. <div>
  22. <label for="id_employees_{{choice.0}}"><input type="checkbox" name="employees" value="{{choice.0}}" id="id_employees_{{choice.0}}"/>
  23. {{choice.1}}</label>
  24. </div>
  25. {% endfor %}
  26. </div>
  27. </td>
  28. <td>
  29. <table>
  30. <tr >
  31. <td></td>
  32. <td></td>
  33. <td></td>
  34. <td></td>
  35. </tr>
  36. <tr >
  37. <td>Vom</td>
  38. <td><input type="date" name="date" value="{{ form.initial.date|date:'Y-m-d' }}" id="id_date"></td>
  39. <td>bis</td>
  40. <td><input type="date" name="enddate" value="" id="id_enddate"></td>
  41. </tr>
  42. <tr >
  43. <td>Kommen</td>
  44. <td><input type="text" name="start" id="id_start"></td>
  45. <td>Gehen</td>
  46. <td><input type="text" name="end" id="id_end"></td>
  47. </tr>
  48. <tr>
  49. <td>Sonderschicht</td>
  50. <td><select name="shifttype" id="id_shifttype">
  51. <option value="N">-</option>
  52. <option value="U">Urlaub</option>
  53. <option value="C">Catering</option>
  54. <option value="K">Krank</option>
  55. <option value="RB">Rufbereitschaft</option>
  56. <option value="SO">Sonderdienst</option>
  57. <option value="KKH">KKH</option>
  58. <option value="ST">Stapler</option>
  59. <option value="AH">Ausser Haus</option>
  60. </select>
  61. </td>
  62. <td></td>
  63. <td></td>
  64. </tr>
  65. <tr >
  66. <td>Info:</td>
  67. <td rowspan="2"><textarea name="info" cols="20" rows="5" id="id_info"></textarea></td>
  68. <td></td>
  69. <td></td>
  70. </tr>
  71. <tr >
  72. <td></td>
  73. <td></td>
  74. <td><button type="submit" class="btn btn-primary">Schichten erstellen</button></td>
  75. <td><a href="{% url 'home' %}" class="btn btn-secondary">Abbrechen</a></td>
  76. </tr>
  77. </table>
  78. </td>
  79. </tr>
  80. </table>
  81. </form>
  82. </div>
  83. {% bootstrap_javascript %}
  84. </body>
  85. </html>