templates/list/index.html.twig line 1

Open in your IDE?
  1. {# templates/list/index.html.twig #} {% extends 'base.html.twig' %}
  2. {% block body %}
  3. {% if app.user != null %}
  4. <div class="container-fluid" {{ stimulus_controller('skud') }}>
  5. <div class="card bg-light m-3">
  6. <form method="POST" class="m-3">
  7. <select id="uid" name="uid" class="form-select" aria-label="Выбор работника">
  8. <option selected disabled>Выберите пользователя</option>
  9. {% for user in users %}
  10. <option
  11. value={{ user.ucode|e }}
  12. {% if app.user.ucode == user.ucode %}
  13. selected
  14. {% endif %}
  15. >{{ user.name|e }}</option>
  16. {% endfor %}
  17. </select>
  18. <label for="begin_date">Дата с</label>
  19. <input type="date" id="begin_date" name="begin_date">
  20. <label for="end_date">Дата по</label>
  21. <input type="date" id="end_date" name="end_date">
  22. <button {{ stimulus_action('skud', 'filter', 'click') }} id="submit" class="btn btn-primary" onclick="return false;"> Сформировать </button>
  23. </form>
  24. </div>
  25. </div>
  26. <div class="container-fluid ">
  27. <div class="row m-3 justify-content-between">
  28. <div class="col-2 card bg-light">
  29. <div>Опозданий: <span id="late"></span></div>
  30. <div>Уходов раньше: <span id="early_leave"></span></div>
  31. </div>
  32. <div class="col-6 p-0 card bg-light" id="fact_container">
  33. <div id="skud_fact"></div>
  34. <span class="skud_tooltip">Выберите ячейку с переработкой</span>
  35. </div>
  36. <div class="col-4 p-0 card bg-light">
  37. <div id="skud_work"></div>
  38. </div>
  39. </div>
  40. </div>
  41. {% else %}
  42. <div class="container">
  43. <div class="col-md-9">
  44. <div class="card bg-light mt-3 ml-3 mr-3 mb-3">
  45. <a href="{{ path('app_login') }}" class="btn btn-info">Войдите в систему</a>
  46. </div>
  47. </div>
  48. </div>
  49. {% endif %}
  50. <script type="text/javascript" src="/assets/lib/popper.min.js"></script>
  51. <script type="text/javascript" src="/assets/lib/bootstrap.min.js"></script>
  52. <script type="text/javascript" src="/assets/grid/handsontable.full.min.js"></script>
  53. <script type="text/javascript" src="/assets/skud.js"></script>
  55. <!-- Modal -->
  56. <div class="modal fade" id="loadingModal" tabindex="-1" role="dialog" aria-labelledby="loadingModalTitle" aria-hidden="true">
  57. <div class="modal-dialog modal-dialog-centered" role="document">
  58. <div class="modal-content">
  59. <div class="modal-body text-center">
  60. <img src="/assets/img/giphy.gif">
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. {% endblock %}