Show file metadata for all attachments

boards/models/attachment/viewers.py

@@ -25,12 +25,16 b' class AbstractViewer:'
         return True
 
     def get_view(self):
-        return '<div class="image"><a href="{}">'\
+        return '<div class="image">'\
+               '{}'\
+               '<div class="image-metadata">{}, {}</div>'\
+               '</div>'.format(self.get_format_view(),
+                               self.file_type, filesizeformat(self.file.size))
+
+    def get_format_view(self):
+        return '<a href="{}">'\
                '<img src="{}" width="200" height="150"/>'\
-               '</a>'\
-               '<div class="image-metadata">{}, {}</div>'\
-               '</div>'.format(self.file.url, static(FILE_STUB_IMAGE),
-                               self.file_type, filesizeformat(self.file.size))
+               '</a>'.format(self.file.url,static(FILE_STUB_IMAGE))
 
 
 class WebmViewer(AbstractViewer):
@@ -38,10 +42,9 b' class WebmViewer(AbstractViewer):'
     def supports(file_type):
         return file_type == FILE_TYPE_WEBM
 
-    def get_view(self):
-        return '<div class="image">'\
-               '<video width="200" height="150" controls src="{}"/>'\
-               '</div>'.format(self.file.url)
+    def get_format_view(self):
+        return '<video width="200" height="150" controls src="{}"></video>'\
+               .format(self.file.url)
 
 
 class AudioViewer(AbstractViewer):
@@ -49,10 +52,8 b' class AudioViewer(AbstractViewer):'
     def supports(file_type):
         return file_type in FILE_TYPES_AUDIO
 
-    def get_view(self):
-        return '<div class="image">' \
-               '<audio controls src="{}"/>' \
-               '</div>'.format(self.file.url)
+    def get_format_view(self):
+        return '<audio controls src="{}"></audio>'.format(self.file.url)
 
 
 class SvgViewer(AbstractViewer):
@@ -60,9 +61,7 b' class SvgViewer(AbstractViewer):'
     def supports(file_type):
         return file_type == FILE_TYPE_SVG
 
-    def get_view(self):
-        return '<div class="image">'\
-               '<a class="thumb" href="{}">'\
+    def get_format_view(self):
+        return '<a class="thumb" href="{}">'\
                '<img class="post-image-preview" width="200" height="150" src="{}"/>'\
-               '</a>'\
-               '</div>'.format(self.file.url, self.file.url)
+               '</a>'.format(self.file.url, self.file.url)