Roadmap.html

{namespace roadmap=T3o\Typo3Roadmap\ViewHelpers}
<section class="container">
	<ul class="nav nav-tabs" role="tablist">
		<f:for each="{majorVersions}" as="majorsTabs" key="keyTab" iteration="tabIteratorTabs">
			<li class="nav-item">
				<a class="nav-link{f:if(condition: tabIteratorTabs.isFirst, then: ' active')}" data-toggle="tab" role="tab" href="#major_{majorsTabs.uid}">{majorsTabs.title}</a>
			</li>
		</f:for>
	</ul>
	<div class="tab-content">
		<f:for each="{majorVersions}" as="major" key="key" iteration="tabIterator">
			<div id="major_{major.uid}" role="tabpanel" class="card tab-pane{f:if(condition: tabIterator.isFirst, then: ' active')}">
				<h2>{major.title}</h2>
				<f:format.html>{major.bodyText}</f:format.html>
				<h3>Releases</h3>
				<table class="table table-striped">
					<thead>
					<tr>
						<th scope="col">Version</th>
						<th scope="col">Primary Focus</th>
						<th scope="col">Estimated Release</th>
					</tr>
					</thead>
					<tbody>
					<f:for each="{major.minorVersions}" as="minor">
						<tr>
							<td>{minor.version}</td>
							<td>
								<f:if condition="{minor.link}">
									<f:then>
										<a href="{minor.link}">{minor.focus}</a>
									</f:then>
									<f:else>
										{minor.focus}
									</f:else>
								</f:if>
							</td>
							<td>
								<f:if condition="{minor.released} > 1">
									<f:then>
										Released:
										<f:format.date format="Y-m-d">@{minor.released}</f:format.date>
									</f:then>
									<f:else>
										Estimated:
										<f:format.date format="Y-m-d">@{minor.estimated}</f:format.date>
									</f:else>
								</f:if>
							</td>
						</tr>
					</f:for>
					</tbody>
				</table>
			</div>
		</f:for>
	</div>

	<h3>Support Times</h3>
	<div id="charts" style="height: 300px;"></div>
	<h3>
		You can find further information about our Extended Support
		Plans on <a href="https://typo3.com/our-services/extended-support/" target="_blank">TYPO3.com</a>
	</h3>
	<div id="legend"></div>

	<h3>PHP Compatibility Chart</h3>
	<table class="table table-bordered">
		<thead>
			<tr>
				<th>PHP versions</th>
				<f:for each="{majorVersions}" as="majorVersion">
					<th>
						<strong>TYPO3 {majorVersion.title}</strong><br>
						{f:format.date(date:majorVersion.developmentStart,format:'Y')}
						- {f:format.date(date:majorVersion.regularSupport,format:'Y')}
					</th>
				</f:for>
			</tr>
		</thead>
		<tbody>
			<f:for each="{phpVersions}" as="phpVersion">
				<tr>
					<td>
						PHP {phpVersion.version}
					</td>
					<f:for each="{majorVersions}" as="majorVersion">
						<td>
							<roadmap:condition.inArray needle="{phpVersion.uid}" array="{majorVersion.phpVersions}" arrayPath="uid">
								<f:then>
									<b>Yes</b>
								</f:then>
								<f:else>
									no
								</f:else>
							</roadmap:condition.inArray>
						</td>
					</f:for>
				</tr>
			</f:for>
		</tbody>
	</table>
</section>