create_multiple_shifts.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  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. <option value="FT">Feiertag</option>
  61. <option value="WF">F!</option>
  62. </select>
  63. </td>
  64. <td></td>
  65. <td></td>
  66. </tr>
  67. <tr >
  68. <td>Info:</td>
  69. <td rowspan="2"><textarea name="info" cols="20" rows="5" id="id_info"></textarea></td>
  70. <td></td>
  71. <td></td>
  72. </tr>
  73. <tr >
  74. <td></td>
  75. <td></td>
  76. <td><button type="submit" class="btn btn-primary">Schichten erstellen</button></td>
  77. <td><a href="javascript:history.back()" class="btn btn-secondary">Abbrechen</a></td>
  78. </tr>
  79. </table>
  80. </td>
  81. </tr>
  82. </table>
  83. </form>
  84. </div>
  85. {% bootstrap_javascript %}
  86. </body>
  87. </html>