Commit b4e65f51 authored by Markus Sommer's avatar Markus Sommer
Browse files

[TASK] Integrate event list styling

# Conflicts:
#	composer.json
parent aac5d482
plugin.tx_sfeventmgt {
view {
templateRootPaths {
100 = EXT:t3org_layout/Resources/Private/Extensions/SfEventMgt/Templates
}
partialRootPaths {
100 = EXT:t3org_layout/Resources/Private/Extensions/SfEventMgt/Partials
}
layoutRootPaths {
100 = EXT:t3org_layout/Resources/Private/Extensions/SfEventMgt/Layouts
}
}
}
<li class="event-calendar__day event-calendar__day{f:format.date(date: day.timestamp, format: 'N')} {f:if(condition: '{day.isCurrentMonth}', then: '', else: 'event-calendar__day-other-month')}{f:if(condition: '{day.events}', then: ' has-events')}{f:if(condition: '{day.isCurrentDay}', then: ' event-calendar__day-today')}">
<f:if condition="{day.events}">
<f:then>
<div class="event-calendar__day-date">{day.day}</div>
<f:for each="{day.events}" as="event">
<div class="event-calendar__day-event">
<f:link.action action="detail" arguments="{event : event}" pageUid="{settings.detailPid}">{event.title}</f:link.action>
<div class="event-calendar__day-event-time">
<f:if condition="{day.timestamp -> f:format.date(format: 'd.m.Y')} == {event.startdate -> f:format.date(format: 'd.m.Y')}">
<f:then>
<f:format.date format="H:i">{event.startdate}</f:format.date>
</f:then>
</f:if>
<f:if condition="{event.enddate}">
<f:then>
<f:if condition="{event.startdate -> f:format.date(format: 'd.m.Y')} == {event.enddate -> f:format.date(format: 'd.m.Y')}">
<f:then>
- <f:format.date format="H:i">{event.enddate}</f:format.date>
</f:then>
</f:if>
</f:then>
</f:if>
</div>
</div>
</f:for>
</f:then>
<f:else>
<div class="event-calendar__day-date">{day.day}</div>
</f:else>
</f:if>
</li>
\ No newline at end of file
<f:comment>
event =>
title => protected'TYPO3 Developer Days 2017 Malmö' (32 chars)
teaser => protected'' (0 chars)
description => protected'<p>Welcome to the 12th TYPO3 Developer days. Continuing the tradition of mee
ting new people, sparking inspiration, and having a good time while explorin
g TYPO3.<br /> Three fantastic days at Quality Hotel™ View in Malmö, Swed
en. Meet TYPO3 developers from around the world. A great experience, not to
be missed! We look forward to seeing you there.</p>
<p>Thursday 13th July,
13:00h, to Sunday 16th July, 14:00h.</p>' (420 chars)
program => protected'' (0 chars)
startdate => protectedDateTimeprototypeobject (2017-07-13T11:00:00+02:00, 1499936400)
enddate => protectedDateTimeprototypeobject (2017-07-16T12:00:00+02:00, 1500199200)
maxParticipants => protected0 (integer)
maxRegistrationsPerUser => protected1 (integer)
price => protected0 (double)
currency => protected'' (0 chars)
enablePayment => protectedFALSE
restrictPaymentMethods => protectedFALSE
selectedPaymentMethods => protected'' (0 chars)
category => protectedTYPO3\CMS\Extbase\Persistence\Generic\LazyObjectStorageprototypeobject (1 items)
related => protectedTYPO3\CMS\Extbase\Persistence\Generic\LazyObjectStorageprototypeobject (empty)
registration => protectedTYPO3\CMS\Extbase\Persistence\Generic\LazyObjectStorageprototypeobject (empty)
registrationWaitlist => protectedTYPO3\CMS\Extbase\Persistence\Generic\LazyObjectStorageprototypeobject (empty)
registrationDeadline => protectedNULL
image => protectedTYPO3\CMS\Extbase\Persistence\Generic\LazyObjectStorageprototypeobject (empty)
files => protectedTYPO3\CMS\Extbase\Persistence\Generic\LazyObjectStorageprototypeobject (empty)
youtube => protected'' (0 chars)
location => protectedDERHANSEN\SfEventMgt\Domain\Model\Locationprototypepersistent entity (uid=1, pid=180)
enableRegistration => protectedFALSE
enableWaitlist => protectedFALSE
link => protected'https://t3dd17.typo3.org' (24 chars)
topEvent => protectedFALSE
additionalImage => protectedTYPO3\CMS\Extbase\Persistence\Generic\LazyObjectStorageprototypeobject (empty)
organisator => protectedNULL
notifyAdmin => protectedTRUE
notifyOrganisator => protectedFALSE
enableCancel => protectedFALSE
cancelDeadline => protectedNULL
enableAutoconfirm => protectedFALSE
uniqueEmailCheck => protectedFALSE
priceOptions => protectedTYPO3\CMS\Extbase\Persistence\Generic\LazyObjectStorageprototypeobject (empty)
uid => protected1 (integer)
_localizedUid => protected1 (integer)modified
_languageUid => protected0 (integer)modified
_versionedUid => protected1 (integer)modified
pid => protected180 (integer)
</f:comment>
<div class="event card">
<div class="event__header" role="tab">
<a class="font-color--black collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseEvent{event.uid}" aria-controls="collapseEvent{event.uid}">
<h4>
{event.title}
</h4>
<div class="small font--monospace">
<span class="font-color--brand-primary">
<time datetime="{f:format.date(date:event.startdate, format:'Y-m-d')}">
<f:format.date date="{event.startdate}" format="%d. %b %G" />
</time>
<f:if condition="{event.enddate}">
<time datetime="{f:format.date(date:event.enddate, format:'Y-m-d')}">
-
<f:format.date date="{event.enddate}" format="%d. %b %G" />
</time>
</f:if>
</span>
<f:if condition="{event.location.city}">
<div>{event.location.city}, {event.location.country}</div>
</f:if>
</div>
</a>
</div>
<div id="collapseEvent{event.uid}" class="collapse" role="tabpanel" aria-labelledby="collapseEvent{event.uid}">
<div class="event__content">
{event.description -> f:format.html()}
<f:if condition="{event.image}">
<f:for each="{event.image}" as="file">
<f:render partial="Rendering/Image" arguments="{file: file, maxWidth: {phone: '768', tablet: '248', desktop: '800', full: '800'}}" />
</f:for>
</f:if>
<div class="event__actions text-right mt-3">
<f:if condition="{event.enableRegistration}">
<f:link.action class="btn btn-primary">
<f:translate key="t3o.event.button.signup" default="Signup" />
</f:link.action>
</f:if>
<f:link.action class="btn btn-secondary ml-3">
<f:translate key="t3o.event.button.detail" default="more info" />
</f:link.action>
</div>
</div>
</div>
</div>
\ No newline at end of file
<f:comment>
<f:render section="picture" arguments="{file: file, maxWidth: {phone: '768', tablet: '248', desktop: '300', full: '375'}}" />
</f:comment>
<picture>
<source srcset="{f:uri.image(image: file, maxWidth: maxWidth.full, cropVariant: 'default')}" media="(min-width: 1200px)">
<source srcset="{f:uri.image(image: file, maxWidth: maxWidth.desktop, cropVariant: 'default')}" media="(min-width: 992px)">
<source srcset="{f:uri.image(image: file, maxWidth: maxWidth.tablet, cropVariant: 'tablet')}" media="(min-width: 768px)">
<source srcset="{f:uri.image(image: file, maxWidth: maxWidth.phone, cropVariant: 'mobile')}" media="(max-width: 767px)">
<!---Fallback--->
<f:image class="img-fluid" image="{file}" maxWidth="{maxWidth.full}" cropVariant="{default}" alt="{file.alternative}" title="{file.title}" />
</picture>
\ No newline at end of file
<f:layout name="Default" />
<f:section name="main">
<div class="container">
<div class="row">
<div class="col-md-8">
<div id="accordion" role="tablist" aria-multiselectable="true">
<f:for each="{events}" as="event">
<f:render partial="Event/ListItem" arguments="{_all}" />
</f:for>
</div>
</div>
<div class="col-md-4">
<div class="card card-size-large">
<f:render section="Filter" arguments="{_all}" />
</div>
</div>
</div>
</div>
<f:link.action action="list" controller="Event">
<f:translate key="event.allEvents" />
</f:link.action>
</f:section>
<f:section name="Filter">
<f:form.select>
<f:for each="{categories}" as="category">
<option value="{category.uid}">
<f:if condition="{overwriteDemand.category} == {category.uid}">
<f:then>
<f:link.action action="list" controller="Event" arguments="{overwriteDemand:{category: category}}" class="active">
{category.title}
</f:link.action>
</f:then>
<f:else>
<f:link.action action="list" controller="Event" arguments="{overwriteDemand:{category: category}}">
{category.title}
</f:link.action>
</f:else>
</f:if>
</option>
</f:for>
</f:form.select>
</f:section>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment