templates/hymn_category/show.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ category.title }} Info!{% endblock %}
  5. {% block pageId %}hymn-category-info{% endblock %}
  7. {% block body %}
  8. <div class="card">
  9. <h2 class="page-title mb-0" title="{{ category.description }}">
  10. <span class="float-sm-left">{{ category.title }}</span>
  11. <span class="d-flex float-sm-right mb-0">
  12. <label class="input-group-text input-group-prepend" for="inputCategories">Filter by Hymn Type</label>
  13. <select name="inputCategories" class="input-group-text text-left category-select" id="inputCategories">
  14. <option selected value="all">All</option>
  15. <option value="mens">Men's Voices</option>
  16. <option value="mixed">Mixed Voices</option>
  17. <option value="bshop">Barbershop</option>
  18. </select>
  19. </span>
  20. </h2>
  21. <div class="card-body">
  22. <p class="col-sm-8 offset-sm-2 text-center mb-0">
  23. {{ category.description }}
  24. </p>
  25. </div>
  26. <div id="accordion" class="accordion">
  27. <div class="card">
  28. {% set currFL = hymns[0].FirstLetter %}
  29. <div class="hymn-list-header" id="heading{{ currFL }}">
  30. <button class="btn btn-block text-left" type="button" data-toggle="collapse"
  31. data-target="#collapse{{ currFL }}" aria-expanded="true"
  32. aria-controls="collapse{{ currFL }}">
  33. <span class="h4 m-0">{{ currFL }}</span>
  34. </button>
  35. </div>
  37. <div id="collapse{{ currFL }}" class="collapse" aria-labelledby="heading{{ currFL }}" data-parent="#accordion">
  38. {% for hymn in hymns %}
  39. {% if(currFL < hymn.FirstLetter) %}
  40. {% set currFL = hymn.FirstLetter %}
  41. </div>
  42. </div>
  43. <div class="card">
  44. <div class="hymn-list-header" id="heading{{ currFL }}">
  45. <button class="btn btn-block text-left" type="button" data-toggle="collapse"
  46. data-target="#collapse{{ currFL }}" aria-expanded="true"
  47. aria-controls="collapse{{ currFL }}">
  48. <span class="h4 m-0">{{ currFL }}</span>
  49. </button>
  50. </div>
  51. <div id="collapse{{ currFL }}" class="collapse" aria-labelledby="heading{{ currFL }}"
  52. data-parent="#accordion">
  53. {% endif %}
  54. <a class="hymn-info-link" href="{{ path('hymnInfo', {'slug': hymn.slug} ) }}">{{ hymn.title }}
  55. <span class="float-right {{ hymn.typeSlug|replace({"Men's": 'bshop'})|split('(')[0]|lower|trim(')') }} medium">
  56. {{ hymn.typeTitle }}
  57. </span>
  58. </a>
  59. {% endfor %}
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. {% endblock %}
  66. {% block javascripts %}
  67. {{ parent() }}
  68. {{ encore_entry_script_tags('hymnlist') }}
  69. {% endblock %}