hasenbalg/Item.html

## Item.html
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
      xmlns:n="http://typo3.org/ns/GeorgRinger/News/ViewHelpers"
      data-namespace-typo3-fluid="true">

        <f:if condition="{newsItem.falMedia}">
            <f:then>
                <n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
                    <f:alias map="{mediaElement: '{newsItem.falMedia.0}'}">
                        <f:if condition="{mediaElement.originalResource.type} == 2">
                            <f:image class="full-width" image="{mediaElement}"
                                     title="{mediaElement.originalResource.title}"
                                     alt="{mediaElement.originalResource.alternative}"
                            />
                        </f:if>

                        <f:if condition="{mediaElement.originalResource.type} == 5">
                            <f:image class="full-width" image="{mediaElement}"
                                     title="{mediaElement.originalResource.title}"
                                     alt="{mediaElement.originalResource.alternative}"

                            />
                        </f:if>
                    </f:alias>
                </n:link>
            </f:then>
            <f:else>
                <f:if condition="{settings.displayDummyIfNoMedia}">
					<span class="no-media-element">
						<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
							<f:image class="full-width" src="{settings.list.media.dummyImage}" title="" alt=""
                            />
						</n:link>
					</span>
                </f:if>
            </f:else>
        </f:if>
    <!--preview img end-->

            <h4>
                <n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
				<span itemprop="headline">
					{newsItem.title}
				</span>
                </n:link>
            </h4>

            <!--date-->
            <p>
                <time itemprop="datePublished" datetime="{f:format.date(date:newsItem.datetime, format:'d.m.Y')}">
                    <f:format.date format='d.m.Y'>{newsItem.datetime}</f:format.date>
                </time>
                &vert;
                <f:if condition="{newsItem.firstCategory}">
                    <!-- first category -->
                    <span class="news-list-category">{newsItem.firstCategory.title}</span>
                </f:if>

                <f:if condition="{newsItem.tags}">
                    <!-- Tags -->
                    <span class="news-list-tags" itemprop="keywords">
					<f:for each="{newsItem.tags}" as="tag">
						{tag.title}
					</f:for>
				</span>
                </f:if>
            </p>
            <!--date end-->

            <!-- teaser -->
            <n:removeMediaTags>
                <f:if condition="{newsItem.teaser}">
                    <f:then>
                        <div itemprop="description">{newsItem.teaser -> f:format.crop(maxCharacters:
                            '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}
                        </div>
                    </f:then>
                    <f:else>
                        <div itemprop="description">{newsItem.bodytext -> f:format.crop(maxCharacters:
                            '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}
                        </div>
                    </f:else>
                </f:if>
            </n:removeMediaTags>

            <n:link newsItem="{newsItem}" settings="{settings}" class="btn btn-secondary" title="{newsItem.title}">
                <f:translate key="more-link"/>
            </n:link>

            <!--teaser end-->

</html>
	<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
	xmlns:n="http://typo3.org/ns/GeorgRinger/News/ViewHelpers"
	data-namespace-typo3-fluid="true">

	<f:if condition="{newsItem.falMedia}">
	<f:then>
	<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
	<f:alias map="{mediaElement: '{newsItem.falMedia.0}'}">
	<f:if condition="{mediaElement.originalResource.type} == 2">
	<f:image class="full-width" image="{mediaElement}"
	title="{mediaElement.originalResource.title}"
	alt="{mediaElement.originalResource.alternative}"
	/>
	</f:if>

	<f:if condition="{mediaElement.originalResource.type} == 5">
	<f:image class="full-width" image="{mediaElement}"
	title="{mediaElement.originalResource.title}"
	alt="{mediaElement.originalResource.alternative}"

	/>
	</f:if>
	</f:alias>
	</n:link>
	</f:then>
	<f:else>
	<f:if condition="{settings.displayDummyIfNoMedia}">
	<span class="no-media-element">
	<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
	<f:image class="full-width" src="{settings.list.media.dummyImage}" title="" alt=""
	/>
	</n:link>
	</span>
	</f:if>
	</f:else>
	</f:if>
	<!--preview img end-->

	<h4>
	<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
	<span itemprop="headline">
	{newsItem.title}
	</span>
	</n:link>
	</h4>

	<!--date-->
	<p>
	<time itemprop="datePublished" datetime="{f:format.date(date:newsItem.datetime, format:'d.m.Y')}">
	<f:format.date format='d.m.Y'>{newsItem.datetime}</f:format.date>
	</time>
	\|
	<f:if condition="{newsItem.firstCategory}">
	<!-- first category -->
	<span class="news-list-category">{newsItem.firstCategory.title}</span>
	</f:if>

	<f:if condition="{newsItem.tags}">
	<!-- Tags -->
	<span class="news-list-tags" itemprop="keywords">
	<f:for each="{newsItem.tags}" as="tag">
	{tag.title}
	</f:for>
	</span>
	</f:if>
	</p>
	<!--date end-->

	<!-- teaser -->
	<n:removeMediaTags>
	<f:if condition="{newsItem.teaser}">
	<f:then>
	<div itemprop="description">{newsItem.teaser -> f:format.crop(maxCharacters:
	'{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}
	</div>
	</f:then>
	<f:else>
	<div itemprop="description">{newsItem.bodytext -> f:format.crop(maxCharacters:
	'{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}
	</div>
	</f:else>
	</f:if>
	</n:removeMediaTags>

	<n:link newsItem="{newsItem}" settings="{settings}" class="btn btn-secondary" title="{newsItem.title}">
	<f:translate key="more-link"/>
	</n:link>

	<!--teaser end-->

	</html>