mp4 and svg support

suchwow/config.py

@@ -42,5 +42,6 @@ MM_ENDPOINT = getenv('MM_ENDPOINT', 'ppppppppppppppppppppppppp')
 
 # defaults
 SESSION_TYPE = 'filesystem'
-ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif'}
-MAX_CONTENT_LENGTH = 16 * 1024 * 1024
+ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif', 'svg', 'mp4'}
+MAX_CONTENT_LENGTH = 32 * 1024 * 1024
+TEMPLATES_AUTO_RELOAD = getenv('TEMPLATES_AUTO_RELOAD', True)

suchwow/templates/index.html

@@ -16,13 +16,20 @@
   {% if posts %}
       {% for row in posts | batch(4) %}
         <div class="columns">
-          {% for post in row %}
-          {% set post = post.show() %}
+          {% for p in row %}
+          {% set post = p.show() %}
           <div class="column">
             <div class="card">
               <div class="card-image">
                   <a href="{{ url_for('post.read', id=post.id) }}">
-                    <img src="{{ url_for('post.uploaded_file', filename=post.thumbnail_name) }}" alt="Placeholder image">
+                    {% if p.get_image_path().endswith('mp4') %}
+                      <video style="max-height: 100vh!important;" controls>
+                        <source src="{{ url_for('post.uploaded_file', filename=p.image_name) }}" type="video/mp4">
+                        Your browser does not support the video tag.
+                      </video>
+                    {% else %}
+                      <img alt="SuchWow #{{ post.id }} - {{ post.title }} by {{ post.submitter }}" src="{{ url_for('post.uploaded_file', filename=post.thumbnail_name) }}" />
+                    {% endif %}
                   </a>
               </div>
               <div class="card-content">

suchwow/templates/post/read.html

@@ -25,7 +25,15 @@
             <a href="{{ url_for('post.delete', id=post.id) }}"><button type="button" name="button">Reject</button></a>
           {% endif %}
           <p>Submitted by <i><u><a href="/?submitter={{ post.submitter }}">{{ post.submitter }}</a></u></i> at <i>{{ post.timestamp }}</i></p>
-          <img src="{{ url_for('post.uploaded_file', filename=post.image_name) }}" width=600/ style="border-radius:4px;">
+          <!-- <img src="{{ url_for('post.uploaded_file', filename=post.image_name) }}" width=600/ style="border-radius:4px;"> -->
+          {% if post.get_image_path().endswith('mp4') %}
+            <video style="max-height: 100vh!important;" controls>
+              <source src="{{ url_for('post.uploaded_file', filename=post.image_name) }}" type="video/mp4">
+              Your browser does not support the video tag.
+            </video>
+          {% else %}
+            <img alt="SuchWow #{{ post.id }} - {{ post.title }} by {{ post.submitter }}" src="{{ url_for('post.uploaded_file', filename=post.image_name) }}" />
+          {% endif %}
         </div>
       </section>