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

Beautify localiation crowdin status for detail view

parent 950ffa01
......@@ -99,17 +99,6 @@
<f:render partial="ComposerNameWithClipboard" arguments="{composerName: extension.composerName}" />
</p>
</f:if>
<f:if condition="{extension.localizationStatus}">
<h4>Localization Status</h4>
<p class="tags">
<f:for each="{extension.localizationStatus}" as="localization">
<a href="https://crowdin.com/project/{extension.crowdinKey}/{localization.iso}" class="btn btn-outline-info mb-1" target="_blank" rel="noopener noreferrer">
{localization.name}: {localization.percentage}%
</a>
</f:for>
</p>
<p><a href="https://crowdin.com/project/{extension.crowdinKey}/invite" target="_blank" rel="noopener noreferrer">Crowdin translations for this extension</a></p>
</f:if>
<f:if condition="{extension.tags}">
<h4>Tags</h4>
<p class="tags">
......@@ -144,7 +133,7 @@
</div>
</f:if>
</div>
</div>
<div class="col-md-4">
<f:if condition="{extension.lastVersion.reviewState} != -1">
<f:link.action rel="nofollow" class="btn btn-primary btn-block btn-lg" controller="Extension" action="download" arguments="{extension : extension, versionString : extension.lastVersion.versionString, format : 'zip'}">
......@@ -178,14 +167,48 @@
<f:render partial="ExternalButtonLink" arguments="{externalLink: extension.repositoryUrl, icon: 'fa-code-fork', label: 'Code Insights'}"/>
<f:render partial="ExternalButtonLink" arguments="{externalLink: extension.packagistPage, icon: 'fa-cube', label: 'Packagist.org'}"/>
<f:render partial="ExternalButtonLink" arguments="{externalLink: extension.paypalUrl, icon: 'fa-thumbs-o-up', label: 'Donate and Give Kudos'}"/>
<f:render partial="ExternalButtonLink" arguments="{externalLink: 'https://crowdin.com/project/{extension.crowdinKey}/invite', icon: 'fa-globe', label: 'Crowdin translations'}"/>
<div class="alert alert-secondary">
<f:render partial="ExtensionSingleInfo" arguments="{extension:extension, settings:settings, owner:owner, flattrUrl:flattrUrl, documentationLink:documentationLink, qualityLinkNotBroken:qualityLinkNotBroken, urlToQualityServer:urlToQualityServer}" />
</div>
</div>
</div>
<f:if condition="{extension.localizationStatus}">
<div class="mb-3" id="accordion" role="tablist" aria-multiselectable="true">
<div class="card bgWhite">
<div class="card-header" role="tab" id="headingLocalization">
<h4 class="mb-0">
<a data-toggle="collapse" data-parent="#accordion" href="#localization" aria-expanded="false" aria-controls="collapseOne">
Localization Status
</a>
</h4>
</div>
<div id="localization" class="collapse" role="tabpanel" aria-labelledby="headingLocalization">
<div class="card-body">
<div class="row">
<f:for each="{extension.localizationStatus}" as="localization">
<div class="col-6">
<h6 class="mb-0">
<a href="https://crowdin.com/project/{extension.crowdinKey}/{localization.iso}" target="_blank" rel="noopener noreferrer">
{localization.name}: {localization.percentage}%
</a>
</h6>
<div class="progress mb-3">
<div class="progress-bar" role="progressbar" style="width: {localization.percentage}%;" aria-valuenow="{localization.percentage}" aria-valuemin="0" aria-valuemax="100">{localization.percentage}%</div>
</div>
</div>
</f:for>
</div>
</div>
</div>
</div>
</div>
</f:if>
<f:render partial="InstallationHowTo" arguments="{_all}" />
<f:render partial="InstallationHowTo" arguments="{_all}" />
<h3 id="version-history">
<f:translate key="version_history" />
......
Supports Markdown
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