templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>{% block title %}Welcome!{% endblock %}</title>
  7. <link rel="icon" href="./favicon.png">
  8. {% block stylesheets %}
  9. {{ encore_entry_link_tags('app') }}
  10. {% endblock %}
  12. {% block javascripts %}
  13. <!-- Global site tag (gtag.js) - Google Analytics -->
  14. <script async src="https://www.googletagmanager.com/gtag/js?id=G-QK943CFEWC"></script>
  15. <script>
  16. window.dataLayer = window.dataLayer || [];
  17. function gtag(){dataLayer.push(arguments);}
  18. gtag('js', new Date());
  20. gtag('config', 'G-QK943CFEWC');
  21. </script>
  22. {{ encore_entry_script_tags('app') }}
  23. {% endblock %}
  24. </head>
  25. <body id="{% block pageId %}home{% endblock %}">
  26. <header class="container smaller mb-3">
  27. <div class="row">
  28. <div class="col-2 my-auto my-md-1 w-100">
  29. <div id="logo"></div>
  30. </div>
  31. <div class="col-lg-5 col-9">
  32. <h1>eHymns.org</h1>
  33. <div class="tag-line pt-1">Your online source for free hymn arrangements.</div>
  34. </div>
  35. <div class="col-lg-5 site-motto">
  36. O, let us exalt our dear Lord and proclaim,<br>
  37. In songs of true gratitude, praise to His name!<br>
  38. As songs of the angels in sweetest accord, <br>
  39. Our thanks and our praises shall rise to the Lord.<br>
  40. <div class="credits">-- Zion's Harp # 165</div>
  41. </div>
  42. </div>
  43. </header>
  44. <section class="container">
  45. <article class="row">
  46. <aside class="sticky higher col-md-3">
  47. <nav class="navbar navbar-nav navbar-expand-md sidebar card p-0" role="navigation">
  48. <div class="navbar-header card h2">
  49. <div class="h2 card-header">Main Menu</div>
  50. </div>
  51. <li class="nav-item" id="home-link">
  52. <a class="nav-link pt-2 px-3" id="home-link" data-toggle="link" href="{{ path('home') }}"
  53. role="link" aria-controls="home" aria-selected="true">Home
  54. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-home"></i>
  55. </a>
  56. </li>
  57. <li class="nav-item" id="aboutus-link">
  58. <a class="nav-link pt-2 px-3" id="aboutus-link" data-toggle="link" href="{{ path('about') }}"
  59. role="link" aria-controls="aboutus" aria-selected="true">About Us
  60. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-info-circle"></i>
  61. </a>
  62. </li>
  63. <li class="nav-item dropdown">
  64. <a href="#" class="nav-link dropdown-toggle pt-2 px-3" data-toggle="dropdown" role="button"
  65. aria-haspopup="true" aria-expanded="false">Hymns
  66. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-music"></i>
  67. </a>
  68. <ul class="dropdown-menu">
  69. <li id="hymn-mens-link" class="dropdown-item">
  70. <a href="{{ path('hymns', {hymnType: 'mens'}) }}">Mens Voices (TTBB)
  71. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-bible"></i>
  72. </a>
  73. </li>
  74. <li id="hymn-mixed-link" class="dropdown-item">
  75. <a href="{{ path('hymns', {hymnType: 'mixed'}) }}">Mixed Voices (SATB)
  76. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-bible"></i>
  77. </a>
  78. </li>
  79. <li id="hymn-bshop-link" class="dropdown-item">
  80. <a href="{{ path('hymns', {hymnType: 'bshop'}) }}">Barbershop (TTBB)
  81. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-bible"></i>
  82. </a>
  83. </li>
  84. <li class="dropdown-divider"></li>
  85. <li id="hymn-category-list-link" class="dropdown-item">
  86. <a href="{{ path('hymn_category') }}">Hymn Category Info
  87. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-folder-open"></i>
  88. </a>
  89. </li>
  90. <li class="dropdown-divider"></li>
  91. <li id="last10-list-link" class="dropdown-item">
  92. <a href="{{ path('hymnsLast10') }}">Last 10 Hymns
  93. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-bible"></i>
  94. </a>
  95. </li>
  96. <li class="dropdown-divider"></li>
  97. <li id="top5-list-link" class="dropdown-item">
  98. <a href="{{ path('hymnsTop5') }}">Top 5 Hymns
  99. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-bible"></i>
  100. </a>
  101. </li>
  102. </ul>
  103. </li>
  104. <li class="nav-item" id="search-link">
  105. <a class="nav-link pt-2 px-3" data-toggle="link" href="{{ path('hymnsSearch') }}"
  106. role="link" aria-controls="logout" aria-selected="true">Search Hymns
  107. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-search"></i>
  108. </a>
  109. </li>
  110. <li class="nav-item dropdown">
  111. <a href="#" class="nav-link dropdown-toggle pt-2 px-3" data-toggle="dropdown" role="button"
  112. aria-haspopup="true" aria-expanded="false">Bios
  113. <span style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-book"></span>
  114. </a>
  115. <ul class="dropdown-menu">
  116. <li id="authors_info-link" class="dropdown-item"><a href="{{ path('authors') }}">Authors</a>
  117. <span style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-edit"></span>
  118. </li>
  119. <li id="composers_info-link" class="dropdown-item"><a href="{{ path('composers') }}">Composers</a>
  120. <span style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-music"></span>
  121. </li>
  122. <li id="arrangers_info-link" class="dropdown-item"><a href="{{ path('arrangers') }}">Arrangers</a>
  123. <span style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-music"></span>
  124. </li>
  125. </ul>
  126. </li>
  127. {% if app.user %}
  128. <li class="nav-item">
  129. <a class="nav-link pt-2 px-3" id="logout-link" data-toggle="link"
  130. href="{{ path('app_logout') }}"
  131. role="link" aria-controls="logout" aria-selected="true">Logout
  132. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-lock-open"></i>
  133. </a>
  134. </li>
  135. {% if is_granted('ROLE_SUBSCRIBER') %}
  136. <li class="dropdown-divider"></li>
  137. <li class="nav-item">
  138. <a class="nav-link pt-2 px-3" id="admin_dashboard-link" data-toggle="link"
  139. href="{{ path('app_admin_dashboard_index') }}"
  140. role="link" aria-controls="profile" aria-selected="true">Dashboard
  141. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-dashboard"></i>
  142. </a>
  143. </li>
  144. {% endif %}
  145. {% if is_granted('IS_IMPERSONATOR') %}
  146. <li class="nav-item">
  147. <a class="nav-link pt-2 px-3" id="exitimp-link" data-toggle="link"
  148. href="{{ impersonation_exit_path(path('home') ) }}"
  149. role="link" aria-controls="exitimp" aria-selected="true">Exit impersonation
  150. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-door-open"></i>
  151. </a>
  152. </li>
  153. {% endif %}
  154. {% if is_granted('ROLE_ADMIN') %}
  155. <li class="dropdown-divider mb-0"></li>
  156. <h5 class="navbar-header w-100 py-2 px-3 font-weight-bold">All Users</h5>
  157. {% for user in all_users.AllUsers %}
  158. {% if user.id is not same as(app.user.id) and not ('ROLE_SUPER_ADMIN' in user.roles) %}
  159. <li class="nav-item pl-4">
  160. <a class="nav-link pt-2 px-3" id="imp-{{ user.id }}-link" data-toggle="link"
  161. href="{{ path('home') }}?_switch_user={{ user.username }}"
  162. role="link" aria-controls="imp" aria-selected="true">{{ user.name }}
  163. <i style="font-size:18px;"
  164. class="py-1 float-right hidden-xs fa fa-user"></i>
  165. </a>
  166. </li>
  167. {% endif %}
  168. {% endfor %}
  169. <li class="nav-item">
  170. <a class="nav-link pt-2 px-3" id="admin-hymn-category-list-link" data-toggle="link"
  171. href="{{ path('app_admin_hymn_category_index') }}"
  172. role="link" aria-controls="profile" aria-selected="true">Hymn Category List
  173. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-dashboard"></i>
  174. </a>
  175. </li>
  176. <li class="nav-item">
  177. <a class="nav-link pt-2 px-3" id="admin-hymns-list-link" data-toggle="link"
  178. href="{{ path('app_admin_hymns_index') }}"
  179. role="link" aria-controls="profile" aria-selected="true">Hymns List
  180. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-dashboard"></i>
  181. </a>
  182. </li>
  183. <li class="nav-item">
  184. <a class="nav-link pt-2 px-3" id="authcomp-list-link" data-toggle="link"
  185. href="{{ path('app_admin_authcomp_index') }}"
  186. role="link" aria-controls="profile" aria-selected="true">Auth/Comp List
  187. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-dashboard"></i>
  188. </a>
  189. <li class="nav-item">
  190. <a class="nav-link pt-2 px-3" id="hymn-artist-list-link" data-toggle="link"
  191. href="{{ path('artist_index') }}"
  192. role="link" aria-controls="profile" aria-selected="true">Artist List
  193. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-dashboard"></i>
  194. </a>
  195. </li>
  196. {% endif %}
  197. {% else %}
  198. <li class="nav-item">
  199. <a class="nav-link pt-2 px-3" id="login-link" data-toggle="link"
  200. href="{{ path('app_login') }}"
  201. role="link" aria-controls="login" aria-selected="true">Login
  202. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-user"></i>
  203. </a>
  204. </li>
  205. <li class="nav-item">
  206. <a class="nav-link pt-2 px-3" id="register-link" data-toggle="link"
  207. href="{{ path('register') }}"
  208. role="link" aria-controls="register" aria-selected="true">Register
  209. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-registered"></i>
  210. </a>
  211. </li>
  212. {% endif %}
  213. <li class="nav-item dropdown">
  214. <a href="#" class="nav-link dropdown-toggle pt-2 px-3" data-toggle="dropdown" role="button"
  215. aria-haspopup="true" aria-expanded="false">Legal
  216. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-gavel"></i>
  217. </a>
  218. <ul class="dropdown-menu">
  219. <li id="legal-privacy-policy-link" class="dropdown-item">
  220. <a href="{{ path('privacy-policy') }}">Privacy Policy
  221. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-scroll"></i>
  222. </a>
  223. </li>
  224. <li id="legal-terms-link" class="dropdown-item">
  225. <a href="{{ path('terms') }}">Terms of Service
  226. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-scroll"></i>
  227. </a>
  228. </li>
  229. </ul>
  230. </li>
  231. <li class="nav-item dropdown">
  232. <form action="https://www.paypal.com/donate" method="post" target="_blank">
  233. <input type="hidden" name="hosted_button_id" value="BGC56ZUBVF5XE" />
  234. <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif"
  235. name="submit" title="PayPal - The safer, easier way to pay online!"
  236. alt="Donate with PayPal button" />
  237. <img style="visibility: collapse;" alt="paypal" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  238. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-hands-helping"></i>
  239. </form>
  240. </li>
  241. <li class="nav-item">
  242. <a class="nav-link pt-2 px-3" id="contact-link" data-toggle="link"
  243. href="mailto:admin@ehymns.org"
  244. role="link" aria-controls="register" aria-selected="true">Contact Me
  245. <i style="font-size:18px;" class="py-1 float-right hidden-xs fa fa-pen-fancy"></i>
  246. </a>
  247. </li>
  248. </nav>
  249. </aside>
  250. <div class="col-md-9 ">
  251. <section id="main_content">
  252. {% block body %}{% endblock %}
  253. </section>
  255. <section class="card last-ten">
  256. <h4 id="last_ten" class="card-header">The last 10 hymns uploaded.</h4>
  257. <div class="scroller">
  258. <ul>
  259. {% set lt = hymn_repo.getLastTen %}
  261. {% for h in lt %}
  262. {% set type = 'TTBB' %}
  263. {% if h.type_id is same as(2) %}
  264. {% set type = 'SATB' %}
  265. {% elseif h.type_id is same as(3) %}
  266. {% set type = 'Barbershop' %}
  267. {% endif %}
  268. <li>#{{ loop.index < 10 ? ' &nbsp;' : '' }}{{ loop.index }} - <a
  269. href="{{ path('hymnInfo', {'slug': h.slug}) }}">
  270. {{ h.title }}</a> ({{ type }}) &nbsp;&nbsp;(uploaded on {{ h.created_at|date('M d, Y') }})
  271. </li>
  272. {% endfor %}
  273. <li>&nbsp;</li>
  274. </ul>
  275. </div>
  276. </section>
  278. </div>
  279. </article>
  280. </section>
  281. <footer class="container">
  282. <div class="row">
  283. <div class="col-md-12">
  284. <div class="card">
  285. <p class="text-center credits">
  286. Copyright © 2002-{{ "now"|date('Y') }} eHymns.org
  287. </p>
  289. <p class="text-center credits">
  290. <a href="https://www.manzwebdesigns.com"
  291. title="Created by Manz Web Designs (Opens in new window)"
  292. target="_blank">
  293. Created by Manz Web Designs
  294. </a>
  295. </p>
  297. <p class="text-center credits">
  298. Affiliated with the <a href="https://www.apostolicchristian.org/" target="_blank">
  299. Apostolic Christian Church of America
  300. </a>
  301. </p>
  302. </div>
  303. </div>
  304. </div>
  305. </footer>
  306. </body>
  307. </html>