[FEATURE] Use svg files as file-icons for the File Links element

t3kit · Apr 13, 2016 · 11b91ca · 11b91ca
1 parent 1c21060
commit 11b91ca
Show file tree

Hide file tree

Showing 43 changed files with 307 additions and 0 deletions.
diff --git a/Resources/Private/Templates/FluidStyledContent/Uploads.html b/Resources/Private/Templates/FluidStyledContent/Uploads.html
@@ -0,0 +1,55 @@
+{namespace x=T3kit\T3kitExtensionTools\ViewHelpers\Render}
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+
+<f:layout name="CustomHeaderContentFooter" />
+<f:section name="content">
+	<f:if condition="{files}">
+		<ul class="ce-uploads">
+			<f:for each="{files}" as="file" iteration="fileIterator">
+				<li>
+					<f:if condition="{data.uploads_type} == 1">
+						<x:svg source="{f:uri.resource(path: 'Icons/FileIcons/{file.extension}.svg', extensionName: 'theme_t3kit')}"></x:svg>
+					</f:if>
+
+					<f:if condition="{data.uploads_type} == 2">
+						<f:if condition="{f:uri.image(src: 'file:{f:if(condition: file.originalFile, then: \'file:{file.originalFile.uid}\', else: \'file:{file.uid}\')}')} != '/'">
+							<f:then>
+								<a href="{file.publicUrl}">
+									<f:media file="{file}" width="150" alt="{file.properties.alternative}" />
+								</a>
+							</f:then>
+							<f:else>
+								<x:svg source="{f:uri.resource(path: 'Icons/FileIcons/{file.extension}.svg', extensionName: 'theme_t3kit')}"></x:svg>
+							</f:else>
+						</f:if>
+					</f:if>
+
+					<div>
+						<f:if condition="{file.name}">
+							<a href="{file.publicUrl}">
+								<span class="ce-uploads-fileName">
+									{file.name}
+								</span>
+							</a>
+						</f:if>
+
+						<f:if condition="{file.properties.description}">
+							<f:if condition="{data.uploads_description}">
+								<span class="ce-uploads-description">
+									{file.properties.description}
+								</span>
+							</f:if>
+						</f:if>
+
+						<f:if condition="{data.filelink_size}">
+							<span class="ce-uploads-filesize">
+								<f:format.bytes value="{file.properties.size}" />
+							</span>
+						</f:if>
+					</div>
+				</li>
+			</f:for>
+		</ul>
+	</f:if>
+</f:section>
+</html>
diff --git a/Resources/Public/Icons/FileIcons/3gp.svg b/Resources/Public/Icons/FileIcons/3gp.svg
diff --git a/Resources/Public/Icons/FileIcons/avi.svg b/Resources/Public/Icons/FileIcons/avi.svg
diff --git a/Resources/Public/Icons/FileIcons/bmp.svg b/Resources/Public/Icons/FileIcons/bmp.svg
diff --git a/Resources/Public/Icons/FileIcons/c.svg b/Resources/Public/Icons/FileIcons/c.svg
diff --git a/Resources/Public/Icons/FileIcons/css.svg b/Resources/Public/Icons/FileIcons/css.svg
diff --git a/Resources/Public/Icons/FileIcons/dat.svg b/Resources/Public/Icons/FileIcons/dat.svg
diff --git a/Resources/Public/Icons/FileIcons/dmg.svg b/Resources/Public/Icons/FileIcons/dmg.svg
diff --git a/Resources/Public/Icons/FileIcons/doc.svg b/Resources/Public/Icons/FileIcons/doc.svg
diff --git a/Resources/Public/Icons/FileIcons/docx.svg b/Resources/Public/Icons/FileIcons/docx.svg
diff --git a/Resources/Public/Icons/FileIcons/dot.svg b/Resources/Public/Icons/FileIcons/dot.svg
diff --git a/Resources/Public/Icons/FileIcons/dotx.svg b/Resources/Public/Icons/FileIcons/dotx.svg