generalize image upload form element

owrx/form/gfx.py

@@ -1,33 +1,45 @@
+from abc import ABCMeta, abstractmethod
 from owrx.form import Input
 
 
-# TODO: generalize
 # TODO: cachebuster
-class AvatarInput(Input):
+class ImageInput(Input, metaclass=ABCMeta):
     def render_input(self, value):
         return """
             <div class="imageupload">
                 <input type="hidden" id="{id}" name="{id}">
                 <div class="image-container">
-                    <img class="webrx-rx-avatar" src="static/gfx/openwebrx-avatar.png" alt="Receiver avatar"/>
+                    <img class="{classes}" src="{url}" alt="{label}"/>
                 </div>
                 <button class="btn btn-primary">Upload new image...</button>
             </div>
         """.format(
-            id=self.id
+            id=self.id,
+            label=self.label,
+            url=self.getUrl(),
+            classes=" ".join(self.getImgClasses())
         )
 
+    @abstractmethod
+    def getUrl(self) -> str:
+        pass
 
-class TopPhotoInput(Input):
+    @abstractmethod
-    def render_input(self, value):
+    def getImgClasses(self) -> list:
-        return """
+        pass
-            <div class="imageupload">
+
-                <input type="hidden" id="{id}" name="{id}">
+
-                <div class="image-container">
+class AvatarInput(ImageInput):
-                    <img class="webrx-top-photo" src="static/gfx/openwebrx-top-photo.jpg" alt="Receiver Panorama"/>
+    def getUrl(self) -> str:
-                </div>
+        return "static/gfx/openwebrx-avatar.png"
-                <button class="btn btn-primary">Upload new image...</button>
+
-            </div>
+    def getImgClasses(self) -> list:
-        """.format(
+        return ["webrx-rx-avatar"]
-            id=self.id
+
-        )
+
+class TopPhotoInput(ImageInput):
+    def getUrl(self) -> str:
+        return "static/gfx/openwebrx-top-photo.jpg"
+
+    def getImgClasses(self) -> list:
+        return ["webrx-top-photo"]