templates/pages/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" type="text/css" href="/assets/css/home.css" />
  5. {% endblock %}
  7. {% block branding %}{% endblock %}
  8. {% block menu %}{% endblock %}
  10. {% block body %}
  11.     <div class="page elso">
  12.         <div class="header">
  13.             <div class="site-branding">
  14.                 <div class="wrap">
  15.                     <a class="logo-link" href="/" rel="home" itemprop="url">
  16.                         <img src="/assets/pages/cropped-kehely2-1.png" class="logo" alt="Ungarische Evangelische Gemeinde in NRW" itemprop="logo" sizes="100vw" width="102" height="250">
  17.                     </a>
  18.                     <div class="site-branding-text">
  19.                         <h1 class="site-title">
  20.                             <a href="/" rel="home">{{ globals.siteTitleDe }}</a>
  21.                         </h1>
  22.                         <p class="site-description">{{ globals.siteTitleHu }}</p>
  23.                     </div>
  24.                 </div>
  25.             </div>
  26.         </div>
  27.         <div id="varosok" class="warosok">
  28.             {% for varos in cities %}
  29.             <a href="/istentisztelet/{{ varos.name }}" title="{{ varos.caption }}">
  30.                 <div class="card-varos {{ varos.name }}" style="width: 10rem;">
  31.                     <img class="card-img-top" src="{{ varos.icon }}" alt="{{ varos.caption }}">
  32.                     <div class="card-body">
  33.                         <img class="card-text" src="/assets/pages/dot.png" alt="{{ varos.caption }}">
  34.                         <img class="card-text" src="{{ varos.texticon }}" alt="{{ varos.caption }}">
  35.                     </div>
  36.                 </div>
  37.             </a>
  38.             {% endfor %}
  39.         </div>
  40.         <div class="menu main" style="z-index: 999;">
  41.             <div class="wrap nav-wrap" id="nav-wrap">
  42.                 <!--Navbar -->
  43.                 <nav class="mb-1 navbar navbar-expand-lg default-color sticky-top">
  44.                     <a class="navbar-brand" href="/">
  45.                         <img src="/assets/pages/cropped-kehely2-1.png" class="logo" alt="Ungarische Evangelische Gemeinde in NRW" itemprop="logo" sizes="100vw" width="102" height="250">
  46.                     </a>
  47.                     <button class="navbar-toggler" type="button" aria-expanded="false" aria-label="Toggle navigation">
  48.                         <span class="navbar-toggler-icon" onclick="toggleNavbar('navbarSupportedContent-333')"></span>
  49.                     </button>
  50.                     <div class="collapse navbar-collapse" id="navbarSupportedContent-333">
  51.                         <ul class="navbar-nav mr-auto">
  52.                             {% for item in menus.main %}
  53.                                 {% if item.hasChildren %}
  54.                                     <li class="nav-item dropdown" style="cursor: pointer;">
  55.                                         <a class="nav-link dropdown-toggle" id="dropdownToggle{{ item.section }}"
  56.                                            aria-haspopup="true" aria-expanded="false">
  57.                                             {% if item.section == 'main' %}
  58.                                             <img src="{{ currentLang.img }}" /> {{ item.caption }}
  59.                                             {% else %}
  60.                                             <img src="{{ item.icon }}" height="11px" /> {{ item.caption }}
  61.                                             {% endif %}
  62.                                         </a>
  63.                                         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownToggle{{ item.section }}">
  64.                                             {% for child in item.children %}
  65.                                             <a class="dropdown-item" href="{{ child.url }}"><img src="{{ child.icon }}" /> {{ child.caption }}</a>
  66.                                             {% endfor %}
  67.                                         </div>
  68.                                     </li>
  69.                                 {% else %}
  70.                                     {% if item.url != '/' %}
  71.                             <li class="nav-item{{ item.url == '/mediatar' and chcookieconsent_isCategoryAllowedByUser('social_media') == false ? ' disabled' : ''}}"
  72.                                 {% if item.url == '/mediatar' and chcookieconsent_isCategoryAllowedByUser('social_media') == false %}
  73.                                     title="{{ 'cookie.noallow'|trans }}"
  74.                                 {% endif %}
  75.                             >
  76.                                 <a class="nav-link{% if item.active %} active{% endif %}" href="{{ item.url }}">{{ item.caption }}
  77.                                     {% if item.active %}<span class="sr-only">(current)</span>{% endif %}
  78.                                 </a>
  79.                             </li>
  80.                                     {% endif %}
  81.                                 {% endif %}
  82.                             {% endfor %}
  83.                         </ul>
  84.                     </div>
  85.                 </nav>
  86.                 <!--/.Navbar -->
  87.             </div>
  88.             <div class="nav-placeholder" id="nav-placeholder"></div>
  89.         </div>
  90.     </div>
  91.     <div class="page kezdolap">
  92.         <div class="wrap">
  93.             <div class="container-fluid">
  94.                 <div class="row">
  95.                     <div class="col-sm-12 col-md-4 widget-container">
  96.                         {% for key, widget in widgets %}
  97.                         <div class="row widget {% if key == 'protestanshirado' %}nopadding{% endif %} {{ key }}">
  98.                             <div class="col-12">
  99.                                 {% if key == 'protestanshirado' or key == 'istentisztelet' %}
  100.                                     {% if widget.title %}
  101.                                     <div class="row">
  102.                                         <div class="col-12"><h3 class="title">{{ widget.title|nl2br }}</h3></div>
  103.                                     </div>
  104.                                     {% endif %}
  105.                                     {% if widget.items %}
  106.                                         {% for event in widget.items %}
  107.                                     <div class="row">
  108.                                         <div class="col-12">
  109.                                             <div class="event {{ key }}">
  110.                                                 <div class="event-date">
  111.                                                     <div class="start-date">
  112.                                                         <div class="event-weekday">{{ event.weekday }}</div>
  113.                                                         <div class="event-day">{{ event.day }}</div>
  114.                                                         <div class="event-month">{{ event.month }}</div>
  115.                                                         <div class="event-year">{{ event.year }}</div>
  116.                                                     </div>
  117.                                                 </div>
  118.                                                 <div class="event-info single-day">
  119.                                                     <div class="event-title">
  120.                                                         <h3>{{ event.title }}</h3>
  121.                                                     </div>
  122.                                                     <span class="event-time">{{ event.eventTime }}</span>
  123.                                                     <span class="event-location">{{ event.city }}</span>
  124.                                                     <div class="event-details">
  125.                                                         {{ event.description|nl2br }}
  126.                                                     </div>
  127.                                                 </div>
  128.                                             </div>
  129.                                         </div>
  130.                                     </div>
  131.                                         {% endfor %}
  132.                                     {% elseif key == 'istentisztelet' %}
  133.                                         <div class="row">
  134.                                             <div class="col-12">{{ nemtalalt }}</div>
  135.                                         </div>
  136.                                     {% endif %}
  137.                                     {% if widget.url %}
  138.                                     <div class="row">
  139.                                         <div class="col-12 {% if key == 'protestanshirado' %}nopadding{% endif %}">
  140.                                             <div class="widget-button">
  141.                                                 <div class="button-base align-center">
  142.                                                     <a href="{{ widget.url }}" class="icon-placement-left button-hover" target="_blank" rel="noopener noreferrer" style="line-height: 1.2em;">
  143.                                                         <span>
  144.                                                             <svg class="bi bi-cloud-download" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  145.                                                                 <path d="M4.887 5.2l-.964-.165A2.5 2.5 0 103.5 10H6v1H3.5a3.5 3.5 0 11.59-6.95 5.002 5.002 0 119.804 1.98A2.501 2.501 0 0113.5 11H10v-1h3.5a1.5 1.5 0 00.237-2.981L12.7 6.854l.216-1.028a4 4 0 10-7.843-1.587l-.185.96z"/>
  146.                                                                 <path fill-rule="evenodd" d="M5 12.5a.5.5 0 01.707 0L8 14.793l2.293-2.293a.5.5 0 11.707.707l-2.646 2.646a.5.5 0 01-.708 0L5 13.207a.5.5 0 010-.707z" clip-rule="evenodd"/>
  147.                                                                 <path fill-rule="evenodd" d="M8 6a.5.5 0 01.5.5v8a.5.5 0 01-1 0v-8A.5.5 0 018 6z" clip-rule="evenodd"/>
  148.                                                             </svg>
  149.                                                             {{ widget.caption|nl2br }}
  150.                                                         </span>
  151.                                                     </a>
  152.                                                 </div>
  153.                                             </div>
  154.                                         </div>
  155.                                     </div>
  156.                                     {% endif %}
  157.                                 {% elseif key == 'signupform' %}
  158.                                     <div class="row">
  159.                                         <div class="col-12">
  160.                                             <div class="siteorigin-widget-tinymce textwidget">
  161.                                                 <h3 class="title">{{ widget.title }}</h3>
  162.                                                 <form method="post" action="/subscribe" class="newsletter">
  163.                                                     <div class="form-group">
  164.                                                         <label for="email">{{ widget.email.title }}</label>
  165.                                                         <input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="{{ widget.email.placeholder }}" required>
  166.                                                         <small id="emailHelp" class="form-text text-muted">{{ widget.email.helptext }}</small>
  167.                                                     </div>
  168.                                                     <div class="form-group">
  169.                                                         <label for="name">{{ widget.name.title }}</label>
  170.                                                         <input type="text" class="form-control" id="name" placeholder="{{ widget.name.placeholder }}" required>
  171.                                                     </div>
  172.                                                     <div class="form-check">
  173.                                                         <input type="checkbox" class="form-check-input" id="feltetelek" required>
  174.                                                         <label class="form-check-label form-text text-muted" for="feltetelek">
  175.                                                             <small>{{ widget.checkbox|raw }}</small>
  176.                                                         </label>
  177.                                                     </div>
  178.                                                     <button type="submit" class="btn btn-primary button-hover form-actions">{{ widget.submit }}</button>
  179.                                                 </form>
  180.                                             </div>
  181.                                         </div>
  182.                                     </div>
  183.                                 {% elseif key == 'hirek' %}
  184.                                     {% if chcookieconsent_isCategoryAllowedByUser('social_media') == true %}
  185.                                     <div class="row">
  186.                                         <div class="col-12">
  187.                                             <div class="siteorigin-widget-tinymce textwidget">
  188.                                                 <h3 class="title">{{ widget.title }}</h3>
  189.                                                 <p>
  190.                                                     <iframe width="100%" height="auto" src="https://www.youtube-nocookie.com/embed/{{ widget.youtubeID }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  191.                                                 </p>
  192.                                             </div>
  193.                                         </div>
  194.                                     </div>
  195.                                     {% else %}
  196.                                     <div class="row">
  197.                                         <div class="col-12">
  198.                                             <div class="siteorigin-widget-tinymce textwidget">
  199.                                                 <h3 class="title">{{ widget.title }}</h3>
  200.                                                 <p>
  201.                                                     {{ 'cookie.noallow'|trans }}
  202.                                                 </p>
  203.                                             </div>
  204.                                         </div>
  205.                                     </div>
  206.                                     {% endif %}
  207.                                 {% endif %}
  208.                             </div>
  209.                         </div>
  210.                         {% endfor %}
  211.                     </div>
  212.                     <div class="col-sm-12 col-md-8 right-side-container">
  213.                         {% if homePageForm %}
  214.                             <button class="btn btn-elegant btn-dark btn-homeEdit" onclick="changeEdit(this)">Edit</button>
  215.                             <div class="homePageContent">
  216.                                 {{ page.content|raw|nl2br }}
  217.                             </div>
  218.                             <div class="homePageEdit hidden">
  219.                                 {{ form_start(homePageForm) }}
  220.                                 <div class="row form-group">
  221.                                     {{ form_label(homePageForm.cim, null, {'label_attr': {'class': 'col-md-2'}}) }}
  222.                                     <div class="col-md-10">{{ form_widget(homePageForm.cim) }}</div>
  223.                                     <div class="form_errors col-md-12">
  224.                                         {{ form_errors(homePageForm.cim) }}
  225.                                     </div>
  226.                                 </div>
  227.                                 <div class="row form-group">
  228.                                     {{ form_label(homePageForm.url, null, {'label_attr': {'class': 'col-md-2'}}) }}
  229.                                     <div class="col-md-10">{{ form_widget(homePageForm.url) }}</div>
  230.                                     <div class="form_errors col-md-12">
  231.                                         {{ form_errors(homePageForm.url) }}
  232.                                     </div>
  233.                                 </div>
  234.                                 <div class="row form-group">
  235.                                     {{ form_label(homePageForm.url_caption, null, {'label_attr': {'class': 'col-md-2'}}) }}
  236.                                     <div class="col-md-10">{{ form_widget(homePageForm.url_caption) }}</div>
  237.                                     <div class="form_errors col-md-12">
  238.                                         {{ form_errors(homePageForm.url_caption) }}
  239.                                     </div>
  240.                                 </div>
  241.                                 <div class="row form-group">
  242.                                     {{ form_label(homePageForm.kep, null, {'label_attr': {'class': 'col-md-2'}}) }}
  243.                                     <div class="col-md-10">{{ form_widget(homePageForm.kep) }}</div>
  244.                                     <div class="form_errors col-md-12">
  245.                                         {{ form_errors(homePageForm.kep) }}
  246.                                     </div>
  247.                                 </div>
  248.                                 <div class="row form-group">
  249.                                     {{ form_label(homePageForm.content, null, {'label_attr': {'class': 'col-md-2'}}) }}
  250.                                     <div class="col-md-10">{{ form_widget(homePageForm.content) }}</div>
  251.                                     <div class="form_errors col-md-12">
  252.                                         {{ form_errors(homePageForm.content) }}
  253.                                     </div>
  254.                                 </div>
  255.                                 <button class="btn">{{ button_label|default('Save') }}</button>
  256.                                 <button class="btn btn-dark" onclick="cancelEdit(event)">Cancel</button>
  257.                                 {{ form_end(homePageForm) }}
  258.                                 <hr/>
  259.                                 <div class="newFileUpload">
  260.                                     {{ form_start(homeFilesForm) }}
  261.                                     <button class="btn">{{ button_label|default('Uj kep feltoltese') }}</button>
  262.                                     {{ form_end(homeFilesForm) }}
  263.                                 </div>
  264.                             </div>
  265.                         {% else %}{{ page.content|raw|nl2br }}{% endif %}
  266.                     </div>
  267.                 </div>
  268.             </div>
  269.         </div>
  270.     </div>
  271.     <div class="page pages hirek">
  272.         <div class="wrap">
  273.             <div class="container-fluid">
  274.                 <div class="row title-row">
  275.                     <div class="col-12">
  276.                         <h3 class="page-title">{{ page.hirekTitle }}</h3>
  277.                     </div>
  278.                 </div>
  279.                 <div class="row">
  280.                     <div class="col-12">
  281.                         {% for hir in hirek %}
  282.                         <div class="row">
  283.                             <div class="col-12 hir">
  284.                                 <div class="event">
  285.                                     {% if not hir.hideDatum %}
  286.                                     <div class="event-date {% if hir.isMulti == 0 %}single-day{% else %}multi-date{% endif %}">
  287.                                         <div class="dates-container">
  288.                                             <div class="start-date {% if hir.isMulti == 0 %}noleader{% endif %}">
  289.                                                 <div class="event-weekday">{{ hir.weekday }}</div>
  290.                                                 <div class="event-day">{{ hir.day }}</div>
  291.                                                 <div class="event-month">{{ hir.month }}</div>
  292.                                                 <div class="event-year">{{ hir.year }}</div>
  293.                                             </div>
  294.                                             {% if hir.isMulti == 1 %}
  295.                                             <div class="end-date">
  296.                                                 <div class="event-weekday">{{ hir.end_weekday }}</div>
  297.                                                 <div class="event-day">{{ hir.end_day }}</div>
  298.                                                 <div class="event-month">{{ hir.end_month }}</div>
  299.                                                 <div class="event-year">{{ hir.end_year }}</div>
  300.                                             </div>
  301.                                             {% endif %}
  302.                                         </div>
  303.                                     </div>
  304.                                     {% endif %}
  305.                                     <div class="event-info {% if hir.isMulti == 0 %}single-day{% else %}multi-date{% endif %} {% if hir.hideDatum %}nomargin{% endif %}">
  306.                                         {%  if hir.title and not hir.hideTitle %}
  307.                                         <div class="event-title">
  308.                                             <h3>{{ hir.title }}</h3>
  309.                                         </div>
  310.                                         {% endif %}
  311.                                         {% if hir.eventTime and hir.isMulti == 0 and not hir.hideDatum %}
  312.                                         <span class="event-time">{{ hir.eventTime }}</span>
  313.                                         {% endif %}
  314.                                         <span class="event-location">{{ hir.city }}</span>
  315.                                         <div class="event-details">
  316.                                             {{ hir.description|raw|nl2br }}
  317.                                         </div>
  318.                                     </div>
  319.                                 </div>
  320.                             </div>
  321.                         </div>
  322.                         {% else %}
  323.                         <div class="col col-12">
  324.                             {{ nemtalalt }}
  325.                         </div>
  326.                         {% endfor %}
  327.                     </div>
  328.                 </div>
  329.             </div>
  330.         </div>
  331.     </div>
  332.     <div class="page pages istentiszteletek">
  333.         <div class="wrap">
  334.             <div class="container-fluid">
  335.                 <div class="row title-row">
  336.                     <div class="col-12">
  337.                         <h3 class="page-title">{{ page.istentiszteletekTitle }}</h3>
  338.                     </div>
  339.                 </div>
  340.                 <div class="row">
  341.                     <div class="col-12 events-listing">
  342.                         <div class="row">
  343.                             <div class="col-sm-12 col-md-8">
  344.                                 {% for event in istentiszteletek %}
  345.                                     <div class="row">
  346.                                         <div class="col-12">
  347.                                             <div class="event listing">
  348.                                                 <div class="event-date">
  349.                                                     <div class="start-date">
  350.                                                         <div class="event-weekday">{{ event.weekday }}</div>
  351.                                                         <div class="event-day">{{ event.day }}</div>
  352.                                                         <div class="event-month">{{ event.month }}</div>
  353.                                                         <div class="event-year">{{ event.year }}</div>
  354.                                                     </div>
  355.                                                 </div>
  356.                                                 <div class="event-info single-day">
  357.                                                     <div class="event-title">
  358.                                                         <h3>{{ event.title }}</h3>
  359.                                                     </div>
  360.                                                     <span class="event-time">{{ event.eventTime }}</span>
  361.                                                     <span class="event-location">{{ event.city }}</span>
  362.                                                     <div class="event-details">
  363.                                                         {{ event.description|nl2br }}
  364.                                                     </div>
  365.                                                 </div>
  366.                                             </div>
  367.                                         </div>
  368.                                     </div>
  369.                                 {% else %}
  370.                                     <div class="row">
  371.                                         <div class="col-12">
  372.                                             {{ nemtalalt }}
  373.                                         </div>
  374.                                     </div>
  375.                                 {% endfor %}
  376.                             </div>
  377.                             <div class="col-sm-12 col-md-4">
  378.                                 <div class="grid-varosok">
  379.                                     <h3 class="title">{{ page.varosokTitle }}</h3>
  380.                                     <ul>
  381.                                         {% for city in cities %}
  382.                                         <a href="/istentisztelet/{{ city.name }}" rel="bookmark" class="varos {{ city.name }}"><li>{{ city.caption }}</li></a>
  383.                                         {% endfor %}
  384.                                     </ul>
  385.                                 </div>
  386.                             </div>
  387.                         </div>
  388.                     </div>
  389.                 </div>
  390.             </div>
  391.         </div>
  392.     </div>
  393.     <div class="page pages bemutatkozas">
  394.         <div class="wrap">
  395.             <div class="container-fluid">
  396.                 <div class="row title-row">
  397.                     <div class="col-12">
  398.                         <h3 class="page-title">{{ page.bemutatkozasTitle }}</h3>
  399.                     </div>
  400.                 </div>
  401.                 <div class="row">
  402.                     <div class="col-12 record">
  403.                         {{ bemutatkozas|raw }}
  404.                     </div>
  405.                 </div>
  406.             </div>
  407.         </div>
  408.     </div>
  409.     <div class="page pages galleries">
  410.         <div class="wrap">
  411.             <div class="container-fluid">
  412.                 <div class="row title-row">
  413.                     <div class="col-12">
  414.                         <h3 class="page-title">{{ page.keptarTitle }}</h3>
  415.                     </div>
  416.                 </div>
  417.                 <div class="row">
  418.                     <div class="col col-12">
  419.                         <div class="card-deck">
  420.                             {% for gallery in galleries %}
  421.                                 {% if not is_granted('ROLE_ADMIN') %}
  422.                                     <a href="/galleries/{{ gallery.id }}" class="card">
  423.                                 {% else %}
  424.                                     <div class="card">
  425.                                 {% endif %}
  426.                                 {% if gallery.image %}
  427.                                     <div class="card-image-container" style="background-image: url({{ asset(gallery.topImage)|imagine_filter('small') }});">
  428.                                         {#<img class="card-img-top" src="{{ gallery.topImage }}" alt="{{ gallery.machineName }}">#}
  429.                                     </div>
  430.                                 {% endif %}
  431.                                 {% if is_granted('ROLE_ADMIN') %}
  432.                                     <div class="card-body">
  433.                                         <h5 class="card-title">{{ gallery.machineName }}</h5>
  434.                                         <p class="card-text">{{ gallery.datum ? gallery.datum|date('Y-m-d') : '' }}</p>
  435.                                         <p class="card-text">Items: {{ gallery.imagesCount }}</p>
  436.                                     </div>
  437.                                     <div class="card-footer">
  438.                                         <a href="{{ path('gallery_show', {'id': gallery.id}) }}">show</a>
  439.                                         <a href="{{ path('gallery_edit', {'id': gallery.id}) }}">edit</a>
  440.                                     </div>
  441.                                 {% else %}
  442.                                     <div class="card-body" style="display: flex; flex-direction: column-reverse;">
  443.                                         <h5 class="card-title">{{ gallery.machineName }}</h5>
  444.                                     </div>
  445.                                     <div class="card-footer">
  446.                                         <p class="card-text">{{ gallery.datum ? gallery.datum|date('Y-m-d') : '' }}</p>
  447.                                     </div>
  448.                                 {% endif %}
  449.                                 {% if is_granted('ROLE_ADMIN') %}
  450.                                     </div>
  451.                                 {% else %}
  452.                                     </a>
  453.                                 {% endif %}
  454.                             {% endfor %}
  455.                             {% if is_granted('ROLE_ADMIN') %}
  456.                                 <div class="card">
  457.                                     <div class="card-body">
  458.                                         <a href="{{ path('gallery_new') }}">Create new</a>
  459.                                     </div>
  460.                                 </div>
  461.                             {% endif %}
  462.                         </div>
  463.                     </div>
  464.                 </div>
  465.             </div>
  466.         </div>
  467.     </div>
  469. {% endblock %}
  471. {% block javascripts %}
  472. <script src="/assets/js/home.js"></script>
  473. {% endblock %}