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 listing__nav-item">
				<a class="nav-link listing__nav-item_link px-lg-0 py-lg-3{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 mb-5">
		<f:for each="{majorVersions}" as="major" key="key" iteration="tabIterator">
			<div id="major_{major.uid}" role="tabpanel" class="border tab-pane{f:if(condition: tabIterator.isFirst, then: ' active')}">
				<div class="p-3">
					<h2>{major.title}</h2>
					<f:format.html>{major.bodyText}</f:format.html>
					<h3 class="mb-0">Releases</h3>
				</div>
				<table class="table table-striped mb-0">
					<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 class="charts-wrapper">
		<div id="charts" style="height: 300px;"></div>
	</div>
	<h3>Extended Support for TYPO3</h3>
	<p>	You can find further information about our Extended Support Plans on <a href="{settings.ELTS.infoLink}" target="_blank">TYPO3.com</a><br>
		<a class="btn btn-primary" href="{settings.ELTS.orderLink}" target="_blank">Get extended Support</a>
	</p>
	<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>{majorVersion.title}</strong><br>
					{f:format.date(date:majorVersion.developmentStart,format:'Y')}
					- {f:format.date(date:majorVersion.prioritySupport,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>