georgringer/news-filter

Filter news by date, categories and tags

Installs: 759

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 1

Forks: 8

Open Issues: 8

Type:typo3-cms-extension

1.0.0 2018-11-01 19:08 UTC

This package is auto-updated.

Last update: 2021-04-20 01:24:58 UTC


README

This extension makes it possible to filter news in the frontend by the following properties:

  • date from & to
  • categories
  • tags

This extension has been sponsored by University Basel

Requirements

  • TYPO3 8.7 - 9.5 (7 should work as well)
  • news 7.x

Usage

  1. Install the extension just as any other extension. Either use the Extension Manager or composer and composer require georgringer/news-filter.
  2. Select the action "list" in the news plugin and active the enable checkbox
  3. Select page of categories & tags.

Templating

Add the following part to your List.html:

	<f:form action="list" object="{extendedVariables.searchDemand}" name="search" class="form-horizontal">
		<fieldset>
			<div class="form-group">
				<f:for each="{extendedVariables.categories}" as="category">
					<div class="checkbox">
						<label>
							<f:form.checkbox property="filteredCategories" value="{category.uid}"/>
							{category.title}
						</label>
					</div>
				</f:for>
			</div>
			<div class="form-group">
				<f:for each="{extendedVariables.tags}" as="tag">
					<div class="tag">
						<label>
							<f:form.checkbox property="filteredTags" value="{tag.uid}"/>
							{tag.title}
						</label>
					</div>
				</f:for>
			</div>

			<div class="form-group">
				<label for="fromDate" class="col-sm-2 control-label">Date from</label>
				<div class="col-sm-10">
					<f:form.textfield type="date" class="form-control" id="fromDate" property="fromDate"/>
				</div>
			</div>
			<div class="form-group">
				<label for="toDate" class="col-sm-2 control-label">Date to</label>
				<div class="col-sm-10">
					<f:form.textfield type="date" class="form-control" id="toDate" property="toDate"/>
				</div>
			</div>

			<f:form.submit value="submit" class="btn btn-primary"/>
		</fieldset>
	</f:form>