templates/modules/search-widget/traffic-infos/includes/item-details.html.twig line 1

Open in your IDE?
  2. <div class="is-Disruption-Item-Header-State">
  3. <div class="is-Disruption-Item-Header-State-C1">
  4. <i class="is-Disruption-Pastille is-Icon is-Icon-com-{{ disruption.cause|lower }} is-Disruption-Effect-{{ disruption.effect|lower }}" aria-hidden="true"></i>
  5. </div>
  6. </div>
  7. <div class="is-Disruption-Item-Header-Title">{{ title }}</div>
  9. <div class="is-Disruption-Item-Content is-Disruptions-Details">
  10. {% if disruption.applicationPatterns is defined and disruption.applicationPatterns is not empty %}
  11. {% if disruption.applicationPatterns|length > 1 %}
  12. <p class="is-Disruptions-Details-Title">{{ 'disruptions.periods' | trans }}</p>
  13. {% else %}
  14. <p class="is-Disruptions-Details-Title">{{ 'disruptions.period' | trans }}</p>
  15. {% endif %}
  16. {% for applicationPattern in disruption.applicationPatterns %}
  17. <p class="is-Disruptions-Details-Item">
  18. {% include 'modules/search-widget/traffic-infos/includes/period-details.html.twig' with {'applicationPattern': applicationPattern} %}
  19. </p>
  20. {% if applicationPattern.recurring is defined and applicationPattern.recurring == true and applicationPattern.pattern.days|length > 1 %}
  21. <p class="is-Disruptions-Details-Item">
  22. {% include 'modules/search-widget/traffic-infos/includes/pattern-days.html.twig' with {'days': applicationPattern.pattern.days} %}
  23. </p>
  24. {% endif %}
  25. <ul class="is-Disruptions-Details-Item">
  26. {% for timeSlot in applicationPattern.timeSlots %}
  27. <li>
  28. {{ 'time.from'|trans }} {{timeSlot.start|format_datetime('none', 'short', locale=app.request.locale ) }} {{ 'time.to'|trans }} {{timeSlot.end|format_datetime('none', 'short', locale=app.request.locale ) }}
  29. </li>
  30. {% endfor %}
  31. </ul>
  32. {% if not loop.last %} <br> {% endif %}
  33. {% endfor %}
  34. {% endif %}
  35. <div class="is-Disruptions-Details-Problems">
  36. <span class="is-Disruptions-Details-Problems-Item">{{ disruption.cause | trans }}</span>
  37. <span class="is-Disruptions-Details-Problems-Item">{{ disruption.effect | trans }}</span>
  38. </div>
  39. {% if disruption.impactedEntities.lines is defined and disruption.impactedEntities.lines is not empty %}
  40. <p class="is-Disruptions-Details-Title">{{ 'concerned_lines'|trans }}: </p>
  41. <div class="is-Disruptions-Details-Lines">
  42. {% if disruption.impactedEntities.lines|length < 50 %}
  43. {% for line in disruption.impactedEntities.lines %}
  44. <div class="is-Line-Info is-mt-10">
  45. <div class="is-Line-Badge-Subnetwork">
  46. <span class="is-Line-Badge">
  47. {% include "modules/search-widget/schedule/includes/line.html.twig" with { 'line': line } %}
  48. </span>
  49. <span class="direction">{{ line.directionName ?? 'all_directions'|trans }}</span>
  50. </div>
  51. </div>
  52. {% endfor %}
  53. {% else %}
  54. {{ disruption.impactedEntities.lines|length }} {{ 'traffic_infos.concerned_lines'|trans }}
  55. {% endif %}
  56. </div>
  57. {% endif %}
  59. {% if content is defined %}
  60. <p class="is-Disruptions-Details-Problems-Item">{{ content|raw }}</p>
  61. {% endif %}
  62. {% if disruption.lastUpdate is defined and disruption.lastUpdate is not empty %}
  63. <p class="is-Disruption-Item-Content-UpdateDate is-text-right">
  64. {{ 'disruptions.updated_at' | trans }} {{ disruption.lastUpdate|format_datetime('full', 'short', locale=app.request.locale ) }}
  65. </p>
  66. {% endif %}
  67. </div>