slider.tpl 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <div class="page-header">
  2. <h4>{{ "SystemAnnouncements" | get_lang }}</h4>
  3. </div>
  4. <div id="carousel-announcement" class="carousel slide" data-ride="carousel">
  5. <!-- Indicators -->
  6. <ol class="carousel-indicators">
  7. {% for announcement in announcements %}
  8. <li data-target="#carousel-announcement" data-slide-to="{{ loop.index0 }}" {% if loop.index0 == 0 %} class="active" {% endif %}></li>
  9. {% endfor %}
  10. </ol>
  11. <!-- Wrapper for slides -->
  12. <div class="carousel-inner" role="listbox">
  13. {% for announcement in announcements %}
  14. <div class="item {% if loop.index0 == 0 %} active {% endif %}">
  15. <div class="carousel-caption">
  16. {{ announcement.title }}
  17. </div>
  18. <div class="carousel-content">
  19. {% if announcement.readMore %}
  20. <div class="block-text">
  21. {{ announcement.content }}
  22. <a href="{{ _p.web }}news_list.php?id={{ announcement.id }}">{{ "More" | get_lang }}</a>
  23. </div>
  24. {% else %}
  25. <div class="block-image">
  26. {{ announcement.content }}
  27. </div>
  28. {% endif %}
  29. </div>
  30. </div>
  31. {% endfor %}
  32. </div>
  33. <!-- Controls -->
  34. <a class="left carousel-control" href="#carousel-announcement" role="button" data-slide="prev">
  35. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  36. <span class="sr-only">Previous</span>
  37. </a>
  38. <a class="right carousel-control" href="#carousel-announcement" role="button" data-slide="next">
  39. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  40. <span class="sr-only">Next</span>
  41. </a>
  42. </div>