ot_typo3/ot_templating/Resources/Private/Layouts/Classic/StructuresEvents.html

{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ot=Opentalent\OtTemplating\ViewHelpers}

<f:comment><!-- Special layout for the All Structures Events page --></f:comment>
<f:layout name="StructuresEvents" />

<f:comment><!-- Render the header defined in partials/Header.html--></f:comment>
<f:render partial="Classic/Header" arguments="{_all}" />

<div class="main">

    <f:comment><!-- Central column --></f:comment>
    <div class="content">


        <f:comment><!-- All structures' events --></f:comment>
        <ot:events.getAll as="eventsCollection"
                          organizationId="{settings.organizationId}"
                          fromChildren="1">

            <div class="ot-all-events">
                <div class="events-controls">
                    <div class="event-search">
                        <h3><f:translate key="look-for-an-event"/>: </h3>
                        <form>
                            <input type="text"
                                   name="search-loc"
                                   placeholder="{f:translate(key: 'where')}?"
                                   value="{ot:request.getArgument(argument: 'search-loc')}"/>
                            <input type="text"
                                   name="search-name"
                                   placeholder="{f:translate(key: 'what')}?"
                                   value="{ot:request.getArgument(argument: 'search-name')}" />
                            <input type="text"
                                   name="search-datestart"
                                   placeholder="{f:translate(key: 'since')}..."
                                   class="datepicker datetimepicker"
                                   value="{ot:request.getArgument(argument: 'search-datestart')}" />
                            <input type="text"
                                   name="search-dateend"
                                   placeholder="{f:translate(key: 'until')}..."
                                   class="datepicker datetimepicker"
                                   value="{ot:request.getArgument(argument: 'search-dateend')}" />

                            <f:comment><!--
                            Important: if the cache is not disabled,
                             then the results won't be updated even after submitting this form
                             --></f:comment>
                            <input type="hidden"
                                   name="no_cache"
                                   value="1">

                            <button name="search-submit"><f:translate key="search"/></button>
                        </form>
                    </div>

                    <div id="event-map" data-records="">
                        <f:for each="{eventsCollection.members}" as="event">
                            <f:if condition="{event.longitude}">
                                <f:then>
                                    <i class="item-geodata" style="display: none;"
                                       data-id="{event.id}"
                                       data-long="{event.longitude}"
                                       data-lat="{event.latitude}"
                                       data-label="<b>{event.name}</b><br/>{event.streetAdress}">
                                    </i>
                                </f:then>
                            </f:if>
                        </f:for>
                    </div>
                </div>

                <div class="events-results">
                    <f:if condition="{eventsCollection.totalItems} == 0">
                        <span><f:translate key="no-result"/></span>
                    </f:if>

                    <f:for each="{eventsCollection.members}" as="event">
                        <div class="event" data-id="{event.id}">
                            <div class="event-preview">

                                <div class="event-poster">
                                    <f:if condition="{event.image}">
                                        <f:then>
                                            <img src='{event.image}' alt="poster" />
                                        </f:then>
                                        <f:else>
                                            <f:image src="EXT:ot_templating/Resources/Public/media/event-default.jpg" alt="poster" />
                                        </f:else>
                                    </f:if>
                                </div>

                                <div class="event-summary">
                                    <span class="event-name">
                                        {event.name}
                                    </span>
                                    <span class="event-loc-date">
                                        {event.locAndDate}
                                    </span>
                                    <span class="event-description">
                                        {event.shortDescription}
                                    </span>
                                </div>
                            </div>

                            <a href="{event.infosLink}" target="_blank" class="event-see">
                                <i class="fa fa-plus" style="margin-right: 5px;"></i>
                                <span><f:translate key="more-informations"/></span>
                            </a>
                        </div>
                    </f:for>

                    {ot:pagination(collection: eventsCollection)}
                </div>
            </div>

        </ot:events.getAll>

    </div>
</div>

<f:comment><!-- Render the footer defined in partials/footer.html--></f:comment>
<f:render partial="Classic/Footer" />