68 lines
4.2 KiB
HTML
68 lines
4.2 KiB
HTML
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:formvh="http://typo3.org/ns/TYPO3/CMS/Form/ViewHelpers" data-namespace-typo3-fluid="true">
|
|
<formvh:renderRenderable renderable="{element}">
|
|
<f:form.validationResults for="{element.rootForm.identifier}.{element.identifier}">
|
|
<f:if condition="{element.properties.elementDescription}">
|
|
<f:variable name="aria" value="{describedby: '{element.uniqueIdentifier}-desc'}"/>
|
|
</f:if>
|
|
<f:if condition="{validationResults.errors}">
|
|
<f:variable name="aria" value="{invalid: 'true', describedby: '{element.uniqueIdentifier}-errors'}"/>
|
|
</f:if>
|
|
|
|
<f:render partial="Field/Field" arguments="{element: element}" contentAs="elementContent">
|
|
<formvh:form.uploadedResource
|
|
property="{element.identifier}"
|
|
as="resource"
|
|
id="{element.uniqueIdentifier}"
|
|
class="{element.properties.elementClassAttribute}"
|
|
errorClass="{element.rootForm.renderingOptions.fieldProperties.errorClassAttribute}"
|
|
additionalAttributes="{formvh:translateElementProperty(element: element, property: 'fluidAdditionalAttributes')}"
|
|
accept="{element.properties.allowedMimeTypes}"
|
|
aria="{aria}"
|
|
multiple="{element.properties.multiple}"
|
|
>
|
|
<f:if condition="{resource}">
|
|
<f:if condition="{element.properties.multiple}">
|
|
<f:then>
|
|
<ul id="{element.uniqueIdentifier}-preview" class="form-element-fileupload-list">
|
|
<f:for each="{resource}" as="file" iteration="iterator">
|
|
<li class="form-element-fileupload-item">
|
|
<span class="form-element-fileupload-name">{file.originalResource.originalFile.name}</span>
|
|
<f:if condition="{element.properties.allowRemoval}">
|
|
<label class="form-element-fileupload-remove">
|
|
<formvh:form.uploadDeleteCheckbox
|
|
property="{element.identifier}"
|
|
fileReference="{file}"
|
|
fileIndex="{iterator.index}"
|
|
/>
|
|
<f:translate key="upload.remove" domain="form" default="Remove" />
|
|
<span class="visually-hidden">{file.originalResource.originalFile.name}</span>
|
|
</label>
|
|
</f:if>
|
|
</li>
|
|
</f:for>
|
|
</ul>
|
|
</f:then>
|
|
<f:else>
|
|
<div id="{element.uniqueIdentifier}-preview" class="form-element-fileupload-preview">
|
|
<span class="form-element-fileupload-name">{resource.originalResource.originalFile.name}</span>
|
|
<f:if condition="{element.properties.allowRemoval}">
|
|
<label class="form-element-fileupload-remove">
|
|
<formvh:form.uploadDeleteCheckbox
|
|
property="{element.identifier}"
|
|
fileReference="{resource}"
|
|
fileIndex="0"
|
|
/>
|
|
<f:translate key="upload.remove" domain="form" default="Remove" />
|
|
<span class="visually-hidden">{resource.originalResource.originalFile.name}</span>
|
|
</label>
|
|
</f:if>
|
|
</div>
|
|
</f:else>
|
|
</f:if>
|
|
</f:if>
|
|
</formvh:form.uploadedResource>
|
|
</f:render>
|
|
</f:form.validationResults>
|
|
</formvh:renderRenderable>
|
|
</html>
|