Skip to content

Commit

Permalink
[TASK] Align templates with presentation in Maintenance module
Browse files Browse the repository at this point in the history
  • Loading branch information
@garbast
garbast committed Sep 17, 2024
1 parent dccdbff commit fa44aaf
Show file tree
Hide file tree
Showing 5 changed files with 184 additions and 199 deletions.
15 changes: 9 additions & 6 deletions Resources/Private/Partials/Progressbar.html
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,20 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">

<div class="modal-footer py-2 px-4 border-top">
<div class="progress" role="progressbar" aria-valuemin="0" aria-valuenow="25" aria-valuemax="100" aria-label="Choose">
<div class="progress-bar first-step {f:if(condition: first, else: 'inactive')}" style="width: 25%;">
<div class="modal-footer py-2 border-top">
<div class="progress row-cols-xxl-4"
role="progressbar"
aria-valuemin="0" aria-valuenow="{now}" aria-valuemax="100" aria-label="Choose"
style="--bs-progress-height: 32px; --bs-border-color: var(--module-bg);">
<div class="progress-bar col border-end {f:if(condition: '{now} == 25', else: 'inactive')}">
<f:translate id="extension" extensionName="ew_llxml2xliff"/>
</div>
<div class="progress-bar step {f:if(condition: second, else: 'inactive')}" style="width: 25%;">
<div class="progress-bar col border-end {f:if(condition: '{now} == 50', else: 'inactive')}">
<f:translate id="file" extensionName="ew_llxml2xliff"/>
</div>
<div class="progress-bar step {f:if(condition: third, else: 'inactive')}" style="width: 25%;">
<div class="progress-bar col border-end {f:if(condition: '{now} == 75', else: 'inactive')}">
<f:translate id="confirm_selection" extensionName="ew_llxml2xliff"/>
</div>
<div class="progress-bar last-step {f:if(condition: forth, else: 'inactive')}" style="width: 25%;">
<div class="progress-bar col {f:if(condition: '{now} == 100', else: 'inactive')}">
<f:translate id="finish" extensionName="ew_llxml2xliff"/>
</div>
</div>
Expand Down
86 changes: 41 additions & 45 deletions Resources/Private/Templates/File/ConfirmConversion.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,57 +5,53 @@
<f:layout name="Module"/>

<f:section name="Content">
<h1><f:translate id="LLL:EXT:ew_llxml2xliff/Resources/Private/Language/locallang.xlf:header.conversion"/></h1>
<div class="container">
<h1><f:translate id="LLL:EXT:ew_llxml2xliff/Resources/Private/Language/locallang.xlf:header.conversion"/></h1>

<div class="modal-multi-step-wizard">
<div class="modal-content">
<div class="modal-body py-2 px-4">
<div class="carousel slide" data-bs-ride="false">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active" data-bs-slide="new-form-step-1" data-step="0">
<div class="new-form-modal">
<h5 class="form-section-headline selected-parameter">
<span><f:translate id="selected_extension" extensionName="ew_llxml2xliff"/>:</span>
<span class="icon">
<f:if condition="{selectedExtension.icon}">
<f:then>
<img class="extension-icon" src="{selectedExtension.icon}" alt="" />
</f:then>
<f:else>
<core:icon identifier="empty-empty" />
</f:else>
</f:if>
</span>
<span>{selectedExtension.title}</span>
</h5>
<h5 class="form-section-headline selected-parameter">
<span><f:translate id="selected_extension" extensionName="ew_llxml2xliff"/>:</span>
<span class="icon">
<f:if condition="{selectedExtension.icon}">
<f:then>
<img class="extension-icon" src="{selectedExtension.icon}" alt="" />
</f:then>
<f:else>
<core:icon identifier="empty-empty" />
</f:else>
</f:if>
</span>
<span>{selectedExtension.title}</span>
</h5>

<h5 class="form-section-headline selected-parameter">
<span><f:translate id="selected_file" extensionName="ew_llxml2xliff"/>:</span>
<core:icon identifier="empty-empty" />
<span>{selectedFile.filename}</span>
</h5>
<h5 class="form-section-headline selected-parameter">
<span><f:translate id="selected_file" extensionName="ew_llxml2xliff"/>:</span>
<core:icon identifier="empty-empty" />
<span>{selectedFile.filename}</span>
</h5>

<div>
<a href="{f:be.uri(route: 'web_EwLlxml2xliff')}">
<button type="button" class="btn btn-default" data-inline="1" value="blank" data-identifier="convertExtension">
<core:icon identifier="actions-exclamation-triangle"/>
<f:translate id="cancel" extensionName="ew_llxml2xliff"/>
</button>
</a>
<a href="{f:be.uri(route: 'web_EwLlxml2xliff.convertFile', parameters: {extension: selectedExtension.key, file: selectedFile.filename})}">
<button type="button" class="btn btn-success" data-inline="1" value="blank" data-identifier="convertExtension">
<core:icon identifier="llxml2xliff-convert" alternativeMarkupIdentifier="inline"/>
<f:translate id="confirm" extensionName="ew_llxml2xliff"/>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="card-container">
<div class="card card-size-small">
<div class="card-body">
<a href="{f:be.uri(route: 'web_EwLlxml2xliff')}">
<button type="button" class="btn btn-default" data-inline="1" value="blank" data-identifier="convertExtension">
<core:icon identifier="actions-exclamation-triangle"/>
<f:translate id="cancel" extensionName="ew_llxml2xliff"/>
</button>
</a>
<a href="{f:be.uri(route: 'web_EwLlxml2xliff.convertFile', parameters: {extension: selectedExtension.key, file: selectedFile.filename})}">
<button type="button" class="btn btn-success" data-inline="1" value="blank" data-identifier="convertExtension">
<core:icon identifier="llxml2xliff-convert" alternativeMarkupIdentifier="inline"/>
<f:translate id="confirm" extensionName="ew_llxml2xliff"/>
</button>
</a>
</div>
</div>
</div>

<f:render partial="Progressbar" arguments="{third: 'true'}"/>
<div class="modal-multi-step-wizard">
<div class="modal-content">
<f:render partial="Progressbar" arguments="{now: 75}"/>
</div>
</div>
</div>
</f:section>
Expand Down
92 changes: 44 additions & 48 deletions Resources/Private/Templates/File/ConvertFile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,60 +5,56 @@
<f:layout name="Module"/>

<f:section name="Content">
<h1><f:translate id="LLL:EXT:ew_llxml2xliff/Resources/Private/Language/locallang.xlf:header.conversion"/></h1>
<div class="container">
<h1><f:translate id="LLL:EXT:ew_llxml2xliff/Resources/Private/Language/locallang.xlf:header.conversion"/></h1>

<div class="modal-multi-step-wizard">
<div class="modal-content">
<div class="modal-body py-2 px-4">
<div class="carousel slide" data-bs-ride="false">
<div class="carousel-inner" role="listbox">
<div class="carousel-item active" data-bs-slide="new-form-step-1" data-step="0">
<div class="new-form-modal">
<h5 class="form-section-headline selected-parameter">
<span><f:translate id="selected_extension" extensionName="ew_llxml2xliff"/>:</span>
<span class="icon">
<f:if condition="{selectedExtension.icon}">
<f:then>
<img class="extension-icon" src="{selectedExtension.icon}" alt="" />
</f:then>
<f:else>
<core:icon identifier="empty-empty" />
</f:else>
</f:if>
</span>
<span>{selectedExtension.title}</span>
</h5>
<h5 class="form-section-headline selected-parameter">
<span><f:translate id="selected_extension" extensionName="ew_llxml2xliff"/>:</span>
<span class="icon">
<f:if condition="{selectedExtension.icon}">
<f:then>
<img class="extension-icon" src="{selectedExtension.icon}" alt="" />
</f:then>
<f:else>
<core:icon identifier="empty-empty" />
</f:else>
</f:if>
</span>
<span>{selectedExtension.title}</span>
</h5>

<h5 class="form-section-headline selected-parameter">
<span><f:translate id="selected_file" extensionName="ew_llxml2xliff"/>:</span>
<core:icon identifier="empty-empty" />
<span>{selectedFile.filename}</span>
</h5>
<h5 class="form-section-headline selected-parameter">
<span><f:translate id="selected_file" extensionName="ew_llxml2xliff"/>:</span>
<core:icon identifier="empty-empty" />
<span>{selectedFile.filename}</span>
</h5>

<div>
<p>
<f:translate id="processedFile" extensionName="ew_llxml2xliff" arguments="{0: selectedFileKey, 1: selectedExtensionKey}"/>
<f:if condition="{wasConvertedPreviously}">
<f:then>
<f:translate id="wasConvertedPreviously" extensionName="ew_llxml2xliff"/>
</f:then>
<f:else if="{fileConvertedSuccessfully}">
<f:translate id="fileConvertedSuccessfully" extensionName="ew_llxml2xliff"/>
</f:else>
<f:else>
<f:translate id="fileCouldntBeConverted" extensionName="ew_llxml2xliff"/>
</f:else>
</f:if><br>
<f:format.raw>{messages}</f:format.raw>
</p>
</div>
</div>
</div>
</div>
<div class="card-container">
<div class="card card-size-small">
<div class="card-body">
<p class="card-text">
<f:translate id="processedFile" extensionName="ew_llxml2xliff" arguments="{0: selectedFileKey, 1: selectedExtensionKey}"/>
<f:if condition="{wasConvertedPreviously}">
<f:then>
<f:translate id="wasConvertedPreviously" extensionName="ew_llxml2xliff"/>
</f:then>
<f:else if="{fileConvertedSuccessfully}">
<f:translate id="fileConvertedSuccessfully" extensionName="ew_llxml2xliff"/>
</f:else>
<f:else>
<f:translate id="fileCouldntBeConverted" extensionName="ew_llxml2xliff"/>
</f:else>
</f:if><br>
<f:format.raw>{messages}</f:format.raw>
</p>
</div>
</div>
</div>

<f:render partial="Progressbar" arguments="{forth: 'true'}"/>
<div class="modal-multi-step-wizard">
<div class="modal-content">
<f:render partial="Progressbar" arguments="{now: 100}"/>
</div>
</div>
</div>
</f:section>
Expand Down
Loading

0 comments on commit fa44aaf

Please sign in to comment.