mirror of
https://github.com/werkraum-media/events.git
synced 2024-11-22 10:36:11 +01:00
Add categories to search template
This commit is contained in:
Dirk Koritnik
parent
a0cf9f30a6
commit
2d3db75070
2 changed files with 51 additions and 121 deletions
|
|
@ -5,70 +5,67 @@
|
||||||
<div class="col-12 mb-5">
|
<div class="col-12 mb-5">
|
||||||
<f:form action="list" controller="Date" pluginName="DateList" method="get" id="events_search" name="events_search" object="{demand}">
|
<f:form action="list" controller="Date" pluginName="DateList" method="get" id="events_search" name="events_search" object="{demand}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col-12 col-md-12 col-lg-6">
|
||||||
<div class="form-group">
|
<div class="row">
|
||||||
<label for="searchword"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.searchword" /></label>
|
<div class="col">
|
||||||
<f:form.textfield type="text" class="form-control" id="searchword" name="searchword" value="{searchword}" />
|
<div class="form-group">
|
||||||
|
<label for="searchword"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.searchword" /></label>
|
||||||
|
<f:form.textfield type="text" class="form-control" id="searchword" name="searchword" value="{searchword}" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="row">
|
||||||
</div>
|
<div class="col col-md-6">
|
||||||
<f:comment><!--
|
<div class="form-group">
|
||||||
<div class="row">
|
<label for="start"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.date_from" /></label>
|
||||||
<div class="col">
|
<div class="input-group date" id="date_start" data-target-input="nearest">
|
||||||
<div class="form-group form-check">
|
<f:form.textfield type="text" class="form-control datetimepicker-input" id="start" name="start" value="{start}" additionalAttributes="{data-target: '#date_start'}" />
|
||||||
<f:form.checkbox class="form-check-input" id="considerDate" name="considerDate" value="1" checked="{considerDate} == 1" />
|
<div class="input-group-append" data-target="#date_start" data-toggle="datetimepicker">
|
||||||
<label class="form-check-label" for="considerDate">Datum berücksichtigen?</label>
|
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
--></f:comment>
|
</div>
|
||||||
<div class="row">
|
<div class="col col-md-6">
|
||||||
<div class="col col-md-6">
|
<div class="form-group">
|
||||||
<div class="form-group">
|
<label for="end"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.date_to" /></label>
|
||||||
<label for="start"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.date_from" /></label>
|
<div class="input-group date" id="date_end" data-target-input="nearest">
|
||||||
<div class="input-group date" id="date_start" data-target-input="nearest">
|
<f:form.textfield type="text" class="form-control datetimepicker-input" id="start" name="end" value="{end}" additionalAttributes="{data-target: '#date_end'}" />
|
||||||
<f:form.textfield type="text" class="form-control datetimepicker-input" id="start" name="start" value="{start}" additionalAttributes="{data-target: '#date_start'}" />
|
<div class="input-group-append" data-target="#date_end" data-toggle="datetimepicker">
|
||||||
<div class="input-group-append" data-target="#date_start" data-toggle="datetimepicker">
|
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
|
||||||
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col col-md-6">
|
<div class="col-md-12 col-lg-6 d-none d-lg-block">
|
||||||
<div class="form-group">
|
<f:if condition="{settings.showRegions}">
|
||||||
<label for="end"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.date_to" /></label>
|
<div class="row mt-3">
|
||||||
<div class="input-group date" id="date_end" data-target-input="nearest">
|
<div class="col-4 col-md-4 col-lg-4">
|
||||||
<f:form.textfield type="text" class="form-control datetimepicker-input" id="start" name="end" value="{end}" additionalAttributes="{data-target: '#date_end'}" />
|
<div class="form-check">
|
||||||
<div class="input-group-append" data-target="#date_end" data-toggle="datetimepicker">
|
<f:form.radio class="form-check-input" name="region" value="{region.uid}" checked="{selRegion}==0" id="radio_0"/>
|
||||||
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
|
<label class="form-check-label" for="radio_0"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.regions" /></label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<f:if condition="{settings.showRegions}">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-4 col-md-3 col-lg-3">
|
|
||||||
<div class="form-check">
|
|
||||||
<f:form.radio class="form-check-input" name="region" value="{region.uid}" checked="{selRegion}==0" id="radio_0"/>
|
|
||||||
<label class="form-check-label" for="radio_0"><f:translate key="LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.regions" /></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<f:for each="{regions}" as="region">
|
<f:for each="{regions}" as="region">
|
||||||
<div class="col-3">
|
<div class="col-4">
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<f:form.radio class="form-check-input" name="region" value="{region.uid}" checked="{selRegion}=={region.uid}" id="radio_{region.uid}"/>
|
<f:form.radio class="form-check-input" name="region" value="{region.uid}" checked="{selRegion}=={region.uid}" id="radio_{region.uid}"/>
|
||||||
<label class="form-check-label" for="radio_{region.uid}">{region.title}</label>
|
<label class="form-check-label" for="radio_{region.uid}">{region.title}</label>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</f:for>
|
||||||
</div>
|
</div>
|
||||||
</f:for>
|
</f:if>
|
||||||
</div>
|
</div>
|
||||||
</f:if>
|
</div>
|
||||||
|
|
||||||
<f:if condition="{categories}">
|
<f:if condition="{categories}">
|
||||||
<div class="row">
|
<div class="row mt-lg-4 mb-lg-4">
|
||||||
<f:for each="{categories}" as="category">
|
<f:for each="{categories}" as="category">
|
||||||
<div class="col-3">
|
<div class="col-3 d-none d-lg-block">
|
||||||
<div class="form-check">
|
<div class="form-check">
|
||||||
<f:form.checkbox class="form-check-input" property="userCategories" value="{category.uid}" id="check_{category.uid}"/>
|
<f:form.checkbox class="form-check-input" property="userCategories" value="{category.uid}" id="check_{category.uid}"/>
|
||||||
<label class="form-check-label" for="check_{category.uid}">{category.title} {category.amountOfEvents}</label>
|
<label class="form-check-label" for="check_{category.uid}">{category.title} {category.amountOfEvents}</label>
|
||||||
|
|
@ -77,6 +74,7 @@
|
||||||
</f:for>
|
</f:for>
|
||||||
</div>
|
</div>
|
||||||
</f:if>
|
</f:if>
|
||||||
|
|
||||||
<div class="form-group mt-3">
|
<div class="form-group mt-3">
|
||||||
<f:form.submit value="{f:translate(key: 'LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.search')}" class="btn btn-primary" />
|
<f:form.submit value="{f:translate(key: 'LLL:EXT:events/Resources/Private/Language/locallang.xlf:tx_events.searchform.search')}" class="btn btn-primary" />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,68 +0,0 @@
|
||||||
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
|
|
||||||
<f:layout name="Default" />
|
|
||||||
<f:section name="content">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 mb-5">
|
|
||||||
<!-- TODO bg color classes not loaded in scss -->
|
|
||||||
<form action="{settings.resultPID}" controller="Date" extensionName="events" method="get" addQueryString="1" id="events_search" name="events_search">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="searchword">Suchwort</label>
|
|
||||||
<input type="text" class="form-control" id="searchword" name="searchword" value="{searchword}" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="start">Datum von</label>
|
|
||||||
<div class="input-group date" id="date_start" data-target-input="nearest">
|
|
||||||
<input type="text" class="form-control datetimepicker-input" id="start" name="start" value="{start}" additionalAttributes="{data-target: '#date_start'}" />
|
|
||||||
<div class="input-group-append" data-target="#date_start" data-toggle="datetimepicker">
|
|
||||||
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="end">Datum bis</label>
|
|
||||||
<div class="input-group date" id="date_end" data-target-input="nearest">
|
|
||||||
<input type="text" class="form-control datetimepicker-input" id="end" name="end" value="{end}" additionalAttributes="{data-target: '#date_end'}" />
|
|
||||||
<div class="input-group-append" data-target="#date_end" data-toggle="datetimepicker">
|
|
||||||
<div class="input-group-text"><i class="fa fa-calendar"></i></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-3">
|
|
||||||
<div class="form-check">
|
|
||||||
<input type="radio" class="form-check-input" name="region" value="{region.uid}" checked="{selRegion}==0" id="radio_0"/>
|
|
||||||
<label class="form-check-label" for="radio_0">Alle Städte</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<f:for each="{regions}" as="region">
|
|
||||||
<div class="col-3">
|
|
||||||
<div class="form-check">
|
|
||||||
<input type="radio" class="form-check-input" name="region" value="{region.uid}" checked="{selRegion}=={region.uid}" id="radio_{region.uid}"/>
|
|
||||||
<label class="form-check-label" for="radio_{region.uid}">{region.title}</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</f:for>
|
|
||||||
</div>
|
|
||||||
<div class="form-group mt-3">
|
|
||||||
<input type="submit" value="Suchen" class="btn btn-primary" />
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</f:section>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in a new issue