Backend.html

{namespace be=TYPO3\CMS\Backend\ViewHelpers}

<style type="text/css">
	.backend-preview-table > tbody > tr > th {
		white-space: normal;
	}
</style>

<be:link.editRecord uid="{uid}" table="tt_content">
	<br/>
	<f:if condition="{data.showApiResult}">
		<div class="alert alert-warning">
			<h4 class="alert-title">
				<f:translate key="backendPreview.apiDebugWarning.header" extensionName="SgVimeo"/>
			</h4>
			<p class="alert-message">
				<f:translate key="backendPreview.apiDebugWarning.message" extensionName="SgVimeo"/>
			</p>
		</div>
	</f:if>
	<table class="table table-striped table-bordered backend-preview-table">
		<thead>
		<tr>
			<th scope="col" style="width: 50%">
				<f:translate key="backendPreview.settings" extensionName="SgVimeo"/>
			</th>
			<th scope="col" style="width: 50%">
				<f:translate key="backendPreview.values" extensionName="SgVimeo"/>
			</th>
		</tr>
		</thead>

		<tbody>
		<tr>
			<th scope="row">
				<f:translate key="flexform.id" extensionName="SgVimeo"/>
			</th>
			<td>
				{data.vimeoId}
			</td>
		</tr>

		<tr>
			<th scope="row">
				<f:translate key="flexform.maxResults" extensionName="SgVimeo"/>
			</th>
			<td>
				{data.maxResults}
			</td>
		</tr>

		<tr>
			<th scope="row">
				<f:translate key="flexform.showTitle" extensionName="SgVimeo"/>
			</th>
			<td>
				<f:render partial="BooleanIcon" arguments="{boolValue: '{data.showTitle}'}"/>
			</td>
		</tr>

		<tr>
			<th scope="row">
				<f:translate key="flexform.showDescription" extensionName="SgVimeo"/>
			</th>
			<td>
				<f:render partial="BooleanIcon" arguments="{boolValue: '{data.showDescription}'}"/>
			</td>
		</tr>

		<tr>
			<th scope="row">
				<f:translate key="flexform.disableLightbox" extensionName="SgVimeo"/>
			</th>
			<td>
				<f:render partial="BooleanIcon" arguments="{boolValue: '{data.disableLightbox}'}"/>
			</td>
		</tr>

		<tr>
			<th scope="row">
				<f:translate key="flexform.disableLightboxMobile" extensionName="SgVimeo"/>
			</th>
			<td>
				<f:render partial="BooleanIcon" arguments="{boolValue: '{data.disableLightboxMobile}'}"/>
			</td>
		</tr>

		<f:if condition="{data.thumbnailImagesCount} > 0">
			<tr>
				<th scope="row">
					<f:translate key="backendPreview.thumbnailImagesCount" extensionName="SgVimeo"/>
				</th>
				<td>
					{data.thumbnailImagesCount}
				</td>
			</tr>
		</f:if>

		<tr>
			<th scope="row">
				<f:translate key="flexform.urlParameters" extensionName="SgVimeo"/>
			</th>
			<td>
				{data.urlParameters}
			</td>
		</tr>
		</tbody>
	</table>
</be:link.editRecord>