Commit a373e75c authored by Thomas Löffler's avatar Thomas Löffler
Browse files

[FEATURE] First bunch of new detail view design

parent ff674873
Pipeline #342 passed with stages
in 1 minute and 41 seconds
{namespace terfe2=Tx_TerFe2_ViewHelpers} {namespace terfe2=Tx_TerFe2_ViewHelpers}
<div class="ter-ext-single-info ter-ext-info"> <dl class="row">
<table> <dt class="col-sm-3"><f:translate key="version" /></dt>
<tr class="ter-ext-single-info-key"> <dd class="col-sm-9">{extension.lastVersion.versionString}</dd>
<th> <dt class="col-sm-3"><f:translate key="last_updated" /></dt>
<f:translate key="extensionKey"/> <dd class="col-sm-9"><terfe2:dateTime format="{settings.dateFormat}">{extension.lastVersion.uploadDate}</terfe2:dateTime></dd>
</th> <dt class="col-sm-3"><f:translate key="first_upload" /></dt>
<td><strong>{extension.extKey}</strong></td> <dd class="col-sm-9"><terfe2:dateTime format="{settings.dateFormat}">{extension.crdate}</terfe2:dateTime></dd>
</tr> <dt class="col-sm-3"><f:translate key="downloads" /></dt>
<tr> <dd class="col-sm-9"><f:format.number decimals="0" thousandsSeparator="," decimalSeparator=".">{extension.downloads}</f:format.number></dd>
<th> <f:security.ifHasRole role="{settings.reviewerGroupUid}">
<f:translate key="version"/> <dt class="col-sm-3">Owner:</dt>
</th> <dd class="col-sm-9">Name: {owner.name}<br />Email: {owner.email}<br />Username: {owner.username}</dd>
<td>{extension.lastVersion.versionString} <span </f:security.ifHasRole>
class="ter-ext-state ter-ext-state-{extension.lastVersion.state}">{extension.lastVersion.state}</span> <dt class="col-sm-3"><f:translate key="category" /></dt>
</td> <dd class="col-sm-9">
</tr> <f:if condition="{extension.lastVersion.emCategory}">
<tr> <f:then>
<th> <f:translate key="category_{extension.lastVersion.emCategory}" />
<f:translate key="last_updated"/> </f:then>
</th> <f:else>
<td> <f:translate key="none" />
<terfe2:dateTime format="{settings.dateFormat}">{extension.lastVersion.uploadDate}</terfe2:dateTime> </f:else>
</td> </f:if>
</tr> </dd>
<tr> <dt class="col-sm-3"><f:translate key="dependencies" /></dt>
<th> <dd class="col-sm-9"><f:render partial="InlineRelationList" arguments="{relations: extension.lastVersion.dependencies}" /></dd>
<f:translate key="first_upload"/> <dt class="col-sm-3"><f:translate key="conflicts" /></dt>
</th> <dd class="col-sm-9"><f:render partial="InlineRelationList" arguments="{relations: extension.lastVersion.conflicts}" /></dd>
<td> <dt class="col-sm-3"><f:translate key="manual" /></dt>
<terfe2:dateTime format="{settings.dateFormat}">{extension.crdate}</terfe2:dateTime> <dd class="col-sm-9">
</td> <f:if condition="{documentationLink}">
</tr> <f:then>
<tr> <terfe2:raw>{documentationLink}</terfe2:raw>
<th> <f:if condition="{extension.externalManual}">
<f:translate key="downloads"/> <br />
</th> <f:link.external rel="nofollow" uri="{extension.externalManual}" target="_blank">
<td> <f:translate key="external_manual" />
<f:format.number decimals="0" thousandsSeparator="," decimalSeparator=".">{extension.downloads} </f:link.external>
</f:format.number> </f:if>
</td> </f:then>
</tr> <f:else>
<f:security.ifHasRole role="{settings.reviewerGroupUid}"> <f:if condition="{extension.externalManual}">
<tr> <f:then>
<th>Owner:</th> <f:link.external rel="nofollow" uri="{extension.externalManual}" target="_blank">
<td> Name: {owner.name} <f:translate key="extension_manual" />
<br/>Email: {owner.email} </f:link.external>
<br/>Username: {owner.username} </f:then>
</td> <f:else>
</tr> <f:translate key="extension_manual_not_available" />
</f:security.ifHasRole> </f:else>
<tr> </f:if>
<th> </f:else>
<f:translate key="category"/> </f:if>
</th> </dd>
<td> <f:if condition="{extension.forgeLink}">
<f:if condition="{extension.lastVersion.emCategory}"> <dt class="col-sm-3">
<f:then> <f:translate key="bugtracker" />
<f:translate key="category_{extension.lastVersion.emCategory}"/> </dt>
</f:then> <dd class="col-sm-9">
<f:else> <f:link.external rel="nofollow" uri="{extension.forgeLink}" target="_blank">
<f:translate key="none"/> <f:translate key="found_a_bug" />
</f:else> </f:link.external>
</f:if> </dd>
</td> </f:if>
</tr> <f:if condition="{extension.repositoryUrl}">
<tr class="ter-ext-single-info-relations"> <dt class="col-sm-3">
<th> <f:translate key="repository_url" />
<f:translate key="dependencies"/> </dt>
</th> <dd class="col-sm-9">
<td> <f:link.external rel="nofollow" uri="{extension.repositoryUrl}" target="_blank">
<f:render partial="InlineRelationList" arguments="{relations: extension.lastVersion.dependencies}"/> <f:translate key="repository_url_value" />
</td> </f:link.external>
</tr> </dd>
<tr class="ter-ext-single-info-relations"> </f:if>
<th> <f:if condition="{flattrUrl}">
<f:translate key="conflicts"/> <dt class="col-sm-3">
</th> <f:translate key="donate" />
<td> </dt>
<f:render partial="InlineRelationList" arguments="{relations: extension.lastVersion.conflicts}"/> <dd class="col-sm-9">
</td> <f:link.external uri="{flattrUrl}" target="_blank"><img
</tr> src="https://api.flattr.com/button/flattr-badge-large.png"
<tr class="ter-ext-single-info-manual"> alt="{f:translate(key:'donate')}" /></f:link.external>
<th> </dd>
<f:translate key="manual"/> </f:if>
</th> <f:if condition="{extension.paypalUrl}">
<td> <dt class="col-sm-3">
<f:if condition="{documentationLink}"> <f:translate key="like_it" />
<f:then> </dt>
<terfe2:raw>{documentationLink}</terfe2:raw> <dd class="col-sm-9">
<f:if condition="{extension.externalManual}"> <f:link.external rel="nofollow" uri="{extension.paypalUrl}" target="_blank">
<br/> <f:translate key="donate_url" />
<f:link.external rel="nofollow" uri="{extension.externalManual}" target="_blank"> </f:link.external>
<f:translate key="external_manual"/> </dd>
</f:link.external> </f:if>
</f:if> <dt class="col-sm-3"><f:translate key="author" /></dt>
</f:then> <dd class="col-sm-9">{owner.name}</dd>
<f:else> </dl>
<f:if condition="{extension.externalManual}">
<f:then>
<f:link.external rel="nofollow" uri="{extension.externalManual}" target="_blank">
<f:translate key="extension_manual"/>
</f:link.external>
</f:then>
<f:else>
<f:translate key="extension_manual_not_available"/>
</f:else>
</f:if>
</f:else>
</f:if>
</td>
</tr>
<f:if condition="{extension.forgeLink}">
<tr class="ter-ext-single-info-key">
<th>
<f:translate key="bugtracker"/>
</th>
<td>
<f:link.external rel="nofollow" uri="{extension.forgeLink}" target="_blank">
<f:translate key="found_a_bug"/>
</f:link.external>
</td>
</tr>
</f:if>
<f:if condition="{extension.repositoryUrl}">
<tr class="ter-ext-single-info-key">
<th>
<f:translate key="repository_url"/>
</th>
<td>
<f:link.external rel="nofollow" uri="{extension.repositoryUrl}" target="_blank">
<f:translate key="repository_url_value"/>
</f:link.external>
</td>
</tr>
</f:if>
<f:if condition="{flattrUrl}">
<tr class="ter-ext-single-flattr">
<th>
<f:translate key="donate"/>
</th>
<td>
<f:link.external uri="{flattrUrl}" target="_blank"><img
src="https://api.flattr.com/button/flattr-badge-large.png"
alt="{f:translate(key:'donate')}"/></f:link.external>
</td>
</tr>
</f:if>
<f:if condition="{extension.paypalUrl}">
<tr class="ter-ext-single-info-key">
<th>
<f:translate key="like_it"/>
</th>
<td>
<f:link.external rel="nofollow" uri="{extension.paypalUrl}" target="_blank">
<f:translate key="donate_url"/>
</f:link.external>
</td>
</tr>
</f:if>
<f:if condition="{owner.username}">
<tr>
<th>Username</th>
<td>
{owner.username}
</td>
</tr>
</f:if>
<f:if condition="{owner}">
<tr>
<th>
<f:translate key="author"/>
</th>
<td>
{owner.name}
<br/>
</td>
</tr>
</f:if>
</table>
</div>
{namespace terfe2=Tx_TerFe2_ViewHelpers} {namespace terfe2=Tx_TerFe2_ViewHelpers}
<table> <table class="table table-hover">
<f:for each="{versionHistory}" as="version"> <thead>
<tr <tr>
<f:if condition="{version} == {version.extension.lastVersion}">class="latest-version-row"</f:if> <th class="col-sm-3"><i class="fa fa-info"></i> Version</th>
<f:if condition="{version.reviewState} == -1">class="insecure-version-row"</f:if> <th class="col-sm-4"><i class="fa fa-comment-o"></i> Upload comment</th>
> <th class="col-sm-3">Supports TYPO3 version</th>
<td class="col1"> <th class="col-sm-2"><i class="fa fa-download"></i> Download</th>
<strong>{version.versionString}</strong> </tr>
<br/> </thead>
<small> <tbody>
<f:format.date format="F d, Y">{version.uploadDate}</f:format.date> <f:for each="{versionHistory}" as="version">
</small> <tr
</td> <f:if condition="{version} == {version.extension.lastVersion}">class="table-success"</f:if>
<td class="col2"> <f:if condition="{version.reviewState} == -1">class="table-danger"</f:if>
<f:format.nl2br>{version.uploadComment}</f:format.nl2br> >
<f:if condition="{version.typo3Dependency}"> <td>
<f:then> <strong>{version.versionString}</strong>
<br/> <br />
<strong>Supports TYPO3 version {version.typo3Dependency.versionString}</strong> <small>
</f:then> <f:format.date format="F d, Y">{version.uploadDate}</f:format.date>
</f:if> </small>
</td> </td>
<td class="col3"> <td>
<f:if condition="{version.reviewState} != -1"> <f:format.nl2br>{version.uploadComment}</f:format.nl2br>
<f:then> </td>
<f:link.action controller="Extension" action="download" <td>
arguments="{extension : extension, versionString : version.versionString, format : 't3x'}" <f:if condition="{version.typo3Dependency}">
title="{f:translate(key:'filesize')}: {version.t3xFileSize -> terfe2:filesize()}" <strong>{version.typo3Dependency.versionString}</strong>
class="ter-download-icon ter-download-icon-t3x"> </f:if>
<f:translate key="download_t3x"/> </td>
</f:link.action> <td>
<f:link.action controller="Extension" action="download" <f:if condition="{version.reviewState} != -1">
arguments="{extension : extension, versionString : version.versionString, format : 'zip'}" <f:then>
title="{f:translate(key:'filesize')}: {version.zipFileSize -> terfe2:filesize()}" <f:link.action controller="Extension" action="download"
class="ter-download-icon ter-download-icon-zip"> arguments="{extension : extension, versionString : version.versionString, format : 'zip'}"
<f:translate key="download_zip"/> title="{f:translate(key:'filesize')}: {version.zipFileSize -> terfe2:filesize()}"
</f:link.action> class="btn btn-primary">
</f:then> <f:translate key="download_zip" />
<f:else> </f:link.action>
<f:security.ifHasRole role="{settings.reviewerGroupUid}"> </f:then>
<f:then> <f:else>
<f:link.action controller="Extension" action="download" <f:security.ifHasRole role="{settings.reviewerGroupUid}">
arguments="{extension : extension, versionString : version.versionString, format : 't3x'}" <f:then>
class="ter-download-icon ter-download-icon-t3x" <f:link.action controller="Extension" action="download"
title="{f:translate(key:'filesize')}: {version.t3xFileSize -> terfe2:filesize()}"> arguments="{extension : extension, versionString : version.versionString, format : 'zip'}"
<f:translate key="download_t3x"/> class="ter-download-icon ter-download-icon-zip"
</f:link.action> title="{f:translate(key:'filesize')}: {version.zipFileSize -> terfe2:filesize()}">
<f:link.action controller="Extension" action="download" <f:translate key="download_zip" />
arguments="{extension : extension, versionString : version.versionString, format : 'zip'}" </f:link.action>
class="ter-download-icon ter-download-icon-zip" </f:then>
title="{f:translate(key:'filesize')}: {version.zipFileSize -> terfe2:filesize()}"> </f:security.ifHasRole>
<f:translate key="download_zip"/> </f:else>
</f:link.action> </f:if>
</f:then> </td>
<f:else> </tr>
&nbsp; </f:for>
</f:else> </tbody>
</f:security.ifHasRole>
</f:else>
</f:if>
</td>
</tr>
</f:for>
</table> </table>
...@@ -2,47 +2,28 @@ ...@@ -2,47 +2,28 @@
<f:if condition="{relations}"> <f:if condition="{relations}">
<f:then> <f:then>
<ul> <ul class="list-unstyled mb-0">
<f:for each="{relations}" as="relation" iteration="relationIteration"> <f:for each="{relations}" as="relation" iteration="relationIteration">
<li> <li>
<f:if condition="{relation.isExtension}"> <f:if condition="{relation.isExtension}">
<f:if condition="{relation.relatedExtension}"> <f:if condition="{relation.relatedExtension}">
<f:then> <f:then>
<f:link.action controller="Extension" action="show" <f:link.action controller="Extension" action="show" arguments="{extension : relation.relatedExtension}">{relation.relationKey}</f:link.action>
arguments="{extension : relation.relatedExtension}">
{relation.relationKey}
</f:link.action>
<f:if condition="{relation.versionString}"> ({relation.versionString})</f:if> <f:if condition="{relation.versionString}"> ({relation.versionString})</f:if>
<f:if condition="{relationIteration.isLast}">
<f:then></f:then>
<f:else><br/></f:else>
</f:if>
</f:then> </f:then>
<f:else> <f:else>
{relation.relationKey} {relation.relationKey}
<f:if condition="{relation.versionString}"> ({relation.versionString})</f:if> <f:if condition="{relation.versionString}"> ({relation.versionString})</f:if>
<f:if condition="{relationIteration.isLast}">
<f:then></f:then>
<f:else><br/></f:else>
</f:if>
</f:else> </f:else>
</f:if> </f:if>
</f:if> </f:if>
<f:if condition="{relation.isSystem}"> <f:if condition="{relation.isSystem}">
<terfe2:format function="strtoupper">{relation.relationKey}</terfe2:format> <terfe2:format function="strtoupper">{relation.relationKey}</terfe2:format>
<f:if condition="{relation.versionString}"> ({relation.versionString})</f:if> <f:if condition="{relation.versionString}"> ({relation.versionString})</f:if>
<f:if condition="{relationIteration.isLast}">
<f:then></f:then>
<f:else><br/></f:else>
</f:if>
</f:if> </f:if>
<f:if condition="{relation.isCore}"> <f:if condition="{relation.isCore}">
TYPO3 TYPO3
<f:if condition="{relation.versionString}"> ({relation.versionString})</f:if> <f:if condition="{relation.versionString}"> ({relation.versionString})</f:if>
<f:if condition="{relationIteration.isLast}">
<f:then></f:then>
<f:else><br/></f:else>
</f:if>
</f:if> </f:if>
</li> </li>
</f:for> </f:for>
...@@ -51,4 +32,4 @@ ...@@ -51,4 +32,4 @@
<f:else> <f:else>
<f:translate key="none"/> <f:translate key="none"/>
</f:else> </f:else>
</f:if> </f:if>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment