templates/areas/news/view.html.twig line 1

{% block content %}

    {# anchor #}
    {% set anchor = pimcore_input('anchor', {
        'placeholder': 'Anker',
        'width:': 200
    }) %}

    {# random #}
    {% set random = random() %}

    {% if editmode %}
        <div class="editmode grid-x">
            <div class="cell toggler-title">
                <div data-toggle="settings-{{ random }}">News</div>
            </div>
            <div class="cell toggler-content" id="settings-{{ random }}" data-toggler=".is-active">
                <div class="toggler-content-panel">
                    <div class="grid-x grid-padding-x">

                        <div class="-auto cell">
                            <label>Anker:</label>
                            {{ anchor|raw }}
                        </div>

                    </div>
                </div>
            </div>
        </div>
    {% endif %}

    {% if anchor.data %}
        <div class="anchor" id="{{ anchor.data }}">
        </div>
    {% endif %}

    <div class="news-list" id="newsList">

        {% for item in news %}

            {% if loop.index0 % 2 == 0 %}
                {% set class = 'odd' %}
                {% set order1 = 'small-order-1 xmedium-order-1' %}
                {% set order2 = 'small-order-2 xmedium-order-2' %}
            {% else %}
                {% set class = 'even' %}
                {% set order1 = 'small-order-1 xmedium-order-2' %}
                {% set order2 = 'small-order-2 xmedium-order-1' %}
            {% endif %}

            {% set teaserImageSrcS = item.teaserImage.thumbnail('600x300') %}
            {% set teaserImageSrcM = item.teaserImage.thumbnail('800x400') %}
            {% set teaserImageSrcXM = item.teaserImage.thumbnail('800x700') %}
            {% set teaserImageSrcL = item.teaserImage.thumbnail('800x600') %}
            {% set teaserImageAlt = item.title %}

            {% set detailLink = path('news-detail', {
                locale: app.request.locale, 
                id: item.id,
                title: toUrl(item.title)
            }) %}

            <section class="section-teaser {{ class }}">
                <div class="grid-container">
                    <div class="grid-x grid-margin-x align-middle">

                        {# image #}
                        <div class="cell xmedium-6 {{ order1 }}">
                            <div class="teaser-image">
                                <img src="/static/assets/img/shim.png" data-interchange="
                                    [{{ teaserImageSrcS }}, small], 
                                    [{{ teaserImageSrcM }}, medium], 
                                    [{{ teaserImageSrcXM }}, xmedium], 
                                    [{{ teaserImageSrcL }}, large]" 
                                    alt="{{ teaserImageAlt }}"
                                title="{{ item.title }}">
                            </div>
                        </div>

                        <div class="cell xmedium-6 {{ order2 }}">
                            <div class="teaser-text">

                                {# date #}
                                <p class="date">
                                    {{ item.date|date('d.m.Y') }}
                                </p>

                                {# title #}
                                <h2>{{ item.title }}</h2>
                                
                                {# teaser #}
                                <p>{{ item.teaser }}</p>

                                {# detail link #}
                                <a href="{{ detailLink }}" class="btn">{{ 'news.list.detail-link'|trans }}</a>
                                
                            </div>
                        </div>

                    </div>
                </div>
            </section>

        {% endfor %}
    </div>

    {# more button #}
    {# <?php 
    $nextPage = $this->document->getFullpath() . '?page=' . ($paginator->getCurrentPageNumber() + 1);
    $nextPageAjax = $this->document->getFullpath() . '?page=' . ($paginator->getCurrentPageNumber() + 1) . '&ajax=true';
    ?> #}

    {# <?php if (($paginator->getCurrentPageNumber() + 1) <= count($paginator)) { ?>
        <div class="more-news-button" id="moreNewsContainer">
            <a href="{{ nextPage }}" class="btn" id="moreNewsLink" data-url="{{ nextPageAjax }}">{{ 'news.list.more'|trans }}</a>
        </div>
    <?php } ?> #}

{% endblock %}