templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8. <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('assets/imgs/favicon/apple-touch-icon.png') }}">
  9. <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/imgs/favicon/favicon-32x32.png') }}">
  10. <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/imgs/favicon/favicon-16x16.png') }}">
  11. <link rel="manifest" href="{{ asset('assets/imgs/favicon/site.webmanifest') }}">
  12. <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta2/css/all.css">
  13. <link rel="mask-icon" href="{{ asset('assets/imgs/favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
  14. <meta name="msapplication-TileColor" content="#00aba9">
  15. <meta name="theme-color" content="#ffffff">
  16. {% block meta %}{% endblock %}
  17. <title>{% block title %}Nibuco{% endblock %}</title>
  18. {% block canonical %}{% endblock %}
  19. <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('assets/imgs/favicon/apple-touch-icon.png') }}">
  20. <link rel="icon" type="image/x-icon" href="{{ asset('assets/imgs/nibuco/favicon.ico') }}">
  21. <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/imgs/favicon/favicon-32x32.png') }}">
  22. <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/imgs/favicon/favicon-16x16.png') }}">
  23. <link rel="manifest" href="{{ asset('assets/imgs/favicon/site.webmanifest') }}">
  24. <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta2/css/all.css">
  25. <link rel="mask-icon" href="{{ asset('assets/imgs/favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
  26. {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  27. {% block stylesheets %}{{ encore_entry_link_tags('app') }}{% endblock %}
  28. {% block javascripts %}
  29. {{ encore_entry_script_tags('app') }}
  30. <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  31. <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
  32. {% endblock %}
  33. </head>
  34. <body class="document-body" id="document-body">
  35. {% set route = app.request.attributes.get('_route') %}
  36. <!-- Begin Header -->
  37. {% include('_header.html.twig') %}
  38. <!-- End Header -->
  39. {% block body %}{% endblock %}
  40. <!-- Begin Footer -->
  41. {% include('_footer.html.twig') %}
  42. <!-- End Footer -->
  43. {% block javascript %}{% endblock %}
  44. {% block mercure %}
  45. {% if app.user %}
  46. <script type="application/javascript">
  47. const eventSource = new EventSource("{{ mercure([
  48. 'http://nibuco/deliveryman/' ~app.user.id,
  49. 'http://nibuco/recipient/' ~app.user.id,
  50. 'http://nibuco/sender/' ~app.user.id,
  51. ])| escape('js') }}");
  53. $(document).ready(function () {
  54. eventSource.onmessage = event => {
  55. // Will be called every time an update is published by the server
  56. var data = JSON.parse(event.data);
  58. if (data.to == 'deliveryman') {
  59. switch (data.type) {
  60. case 'delivery man scanned':
  61. showElementJs('#course-header #barcode', true);
  62. break;
  63. case 'delivery man rated':
  64. showElementJs('#status #buttons #Enlevé', true);
  65. break;
  66. default:
  67. //TODO notif count
  68. $('.icon-delivery').addClass("notification");
  69. }
  70. // if (data.type == 'delivery man scanned') {
  71. // showElementJs('#course-header #barcode', true);
  72. // } else {
  73. // //TODO notif count
  74. // $('.icon-delivery').addClass("notification");
  75. // }
  76. }
  78. if (data.to == 'sender') {
  79. if (typeof data.nextPost !== 'undefined') {
  80. axios.post(data.nextPost)
  81. .then(function (response) {
  82. $('#course').html(response.data);
  83. })
  84. .catch(function (error) {
  85. console.warn(error);
  86. })
  87. } else if (typeof data.nextGet !== 'undefined') {
  88. window.location.replace(data.nextGet);
  89. } else if (data.type !== 'undefined' && data.type == 'course status changed') {
  90. updateStatus(data.message.status);
  91. } else {
  92. console.log('update status' + data.message);
  93. }
  94. }
  96. if (data.to == 'recipient') {
  97. //TODO recipient action
  98. }
  99. }
  100. });
  101. </script>
  102. {% endif %}
  103. {% endblock %}
  104. </body>
  105. </html>