LoginNews.html 1.24 KB
Newer Older
1
<f:if condition="{loginNewsItems}">
2
    <div class="panel-carousel carousel slide t3js-login-news-carousel" id="loginNews" data-bs-interval="0" data-bs-ride="carousel">
3
        <div class="carousel-inner">
4
            <f:for each="{loginNewsItems}" as="item" iteration="loginNewsIterator">
5
                <div class="carousel-item{f:if(condition: loginNewsIterator.isFirst,then: ' active')}">
6
7
8
9
10
11
12
                    <h3 class="typo3-login-news-heading">{item.header}</h3>
                    <f:format.html>{item.content}</f:format.html>
                    <span class="text-muted">{item.date}</span>
                </div>
            </f:for>
        </div>
        <f:if condition="{loginNewsItems -> f:count()} > 1">
13
            <a class="left typo3-login-carousel-control" href="#loginNews" role="button" data-bs-slide="prev">
14
15
16
            <i class="fa fa-angle-left"></i>
            <span class="sr-only"><f:translate key="login.news.previous" /></span>
            </a>
17
            <a class="right typo3-login-carousel-control" href="#loginNews" role="button" data-bs-slide="next">
18
19
20
21
22
                <i class="fa fa-angle-right"></i>
                <span class="sr-only"><f:translate key="login.news.next" /></span>
            </a>
        </f:if>
    </div>
23
</f:if>