From 12be535945cbfbf0aa8ca149348b0eb683a23d5b Mon Sep 17 00:00:00 2001
From: jvoisin <julien.voisin@dustri.org>
Date: Fri, 22 Feb 2019 20:31:27 +0100
Subject: [PATCH] Add a way to display the supported fileformats

---
 main.py              |  1 -
 static/style.css     | 18 ++++++++++++++++++
 templates/index.html | 14 +++++++++++---
 3 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/main.py b/main.py
index b435334..82a6442 100644
--- a/main.py
+++ b/main.py
@@ -42,7 +42,6 @@ def upload_file():
     mimetypes = set()
     for parser in parser_factory._get_parsers():
         mimetypes = mimetypes | parser.mimetypes
-    mimetypes = ', '.join(mimetypes)
 
     if request.method == 'POST':
         if 'file' not in request.files: # check if the post request has the file part
diff --git a/static/style.css b/static/style.css
index 5f854a4..0d78cbd 100644
--- a/static/style.css
+++ b/static/style.css
@@ -39,3 +39,21 @@ a {
 a:hover {
 	text-decoration: underline;
 }
+
+li {
+	margin-bottom: 0;
+}
+
+details > summary:before {
+	content: "▶ ";
+}
+details[open] > summary:before {
+	content: "▼ ";
+}
+
+.fakelink {
+	color: #1EAEDB;
+}
+.fakelink:hover {
+	text-decoration: underline;
+}
diff --git a/templates/index.html b/templates/index.html
index 1e05c82..e9aea92 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,14 +3,22 @@
 
 <h2>» Remove metadata</h2>
 <p>
-Upload your image, get a <em>cleaned</em> one in response.<br>
-	<br>
+	Upload your file, get a <em>cleaned</em> one in response.
+	<br><br>
 	Please note that while we do not keep a copy of your image,<br>
 	there is no way that you could be certain about this: act accordingly.
 </p>
+<details>
+	<summary>Click <span class='fakelink'>here</span> so see the supported formats</summary>
+	<ul>
+		{% for mimetype in mimetypes %}
+		<li>{{ mimetype }}</li>
+		{% endfor %}
+	</ul>
+</details>
 <br>
 <form class='b' method=post enctype=multipart/form-data>
-	<input type=file name=file id="upload_file" accept="{{ mimetypes }}">
+	<input type=file name=file id="upload_file" accept="{{ mimetypes |  join(', ') }}">
 	<input type=submit value=Upload>
 </form>
 {% endblock %}