EventsShow.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <div class="ot-show-event">
  2. <header>
  3. <h2 class="event-name"><f:translate key="event-details"/></h2>
  4. <f:link.action class="go-back"><i class="fa fa-list"> </i> <f:translate key="go-back-to-events-list"/></f:link.action>
  5. </header>
  6. <div class="event-content">
  7. <div class="event-poster">
  8. <f:if condition="{event.image}">
  9. <f:then>
  10. <img src='{event.image}' alt="poster" />
  11. </f:then>
  12. <f:else>
  13. <f:image src="EXT:ot_templating/Resources/Public/media/event-default.jpg" alt="poster" />
  14. </f:else>
  15. </f:if>
  16. </div>
  17. <div class="event-summary">
  18. <h3 class="event-name">{event.name}</h3>
  19. <f:if condition="{event.formattedDates}">
  20. <span class="event-dates">
  21. <i class="fas fa-calendar-alt" style="width: 14px; margin-right: 5px;">
  22. </i>{event.formattedDates}
  23. </span>
  24. </f:if>
  25. <f:if condition="{event.inlineFullAddress}">
  26. <span class="event-loc">
  27. <i class="fas fa-map-marker-alt" style="width: 14px; margin-right: 5px; padding-top: 2px;">
  28. </i>{event.inlineFullAddress}
  29. </span>
  30. </f:if>
  31. <span class="event-description">
  32. {f:format.nl2br(value: '{event.description}')}
  33. </span>
  34. </div>
  35. </div>
  36. <f:if condition="{event.longitude}">
  37. <f:then>
  38. <div class="event-map-container">
  39. <div id="event-map">
  40. <i class="item-geodata" style="display: none;"
  41. data-id="{event.id}"
  42. data-long="{event.longitude}"
  43. data-lat="{event.latitude}"
  44. data-label="<b>{event.name}</b><br/>{event.locAndDate}">
  45. </i>
  46. </div>
  47. </div>
  48. </f:then>
  49. </f:if>
  50. </div>