From ca0a09c7baf65f8199896ba36342edf655d22dd5 Mon Sep 17 00:00:00 2001
From: "Antonio J. Delgado" <ad@susurrando.com>
Date: Sat, 3 Aug 2024 12:39:53 +0300
Subject: [PATCH] Update template

---
 templates/new_post.html.j2 | 60 +++++++++++++++++++++++++++++++++++---
 1 file changed, 56 insertions(+), 4 deletions(-)
diff --git a/templates/new_post.html.j2 b/templates/new_post.html.j2
index da516cc..7b95857 100644
--- a/templates/new_post.html.j2
+++ b/templates/new_post.html.j2
@@ -25,6 +25,13 @@
         } 
     </style>
 <BODY>
+    {% if data['url'] != "" %}
+    <!-- URL -->
+    <DIV>
+        <A TARGET="_blank" HREF="{{ data['url'] }}">Post original page</A>
+    </DIV>
+    {% endif %}
+
     <!-- account bloc -->
     <DIV>
         <A HREF="{{ data['account']['url'] }}" TARGET="_blank"></A>
@@ -63,9 +70,58 @@
             </DIV>
             {% endfor %}
             {% endif %}
+            {% if data['reply'] %}
+            <!-- reply -->
+            <DIV STYLE="margin:5%;">
+                <DIV>
+                    <A TARGET="_blank" HREF="{{ data['reply']['url'] }}">Reply original page</A>
+                </DIV>
+                <!-- reply-account -->
+                <DIV>
+                    <A HREF="{{ data['reply']['account']['url'] }}" TARGET="_blank"></A>
+                        <IMG ALT="{{ data['reply']['account']['display_name'] }} avatar image" SRC="{{ data['reply']['account']['avatar_static'] }}" STYLE='width:64px;height:64px;margin:1%;float: left;'>
+                        <B>{{ data['reply']['account']['display_name'] }} ({{ data['reply']['account']['username'] }})</B>
+                    </A>
+                </DIV>
+                <!-- reply_creation_date -->
+                <DIV STYLE='font-size: 0.75em;'>
+                    {{ data['reply']['created_at'] }}
+                </DIV>
+                <!-- reply_content_bloc -->
+                <DIV STYLE='font-size: 1.5em;'>
+                    <!-- reply_spoiler -->
+                    <DIV CLASS='reply-spoiler'>
+                        {{ data['reply']['spoiler'] }}
+                    </DIV>
+                    <!-- reply_content -->
+                    <DIV CLASS='reply-content'>
+                        {{ data['reply']['content'] }}
+                        <!-- media -->
+                        {% if data['reply']['media_attachments'] %}
+                        {% for media in data['reply']['media_attachments'] %}
+                        {% if media['type'] == 'image' %}
+                        <IMG SRC="{{ media['preview_url'] }}" ALT="{{ media['description'] }}">
+                        {% elif media['type'] == 'video' %}
+                        <video controls width="100%">
+                            <source src="{{ media['url'] }}" type="video/webm" />
+                            <A HREF="{{ media['url'] }}">Download video</A>
+                        </video>
+                        {% elif media['type'] == 'audio' %}
+                        <audio controls src="{{ media['url'] }}"></audio>
+                        <A HREF="{{ media['url'] }}">Download audio</A>
+                        {% endif %}
+                        {% endfor %}
+                        {% endif %}
+                    </DIV>
+                </DIV>
+            </DIV>
+            {% endif %}
             {% if data['reblog'] %}
             <!-- reblog -->
             <DIV STYLE="margin:5%;">
+                <DIV>
+                    <A TARGET="_blank" HREF="{{ data['reblog']['url'] }}">Reply original page</A>
+                </DIV>
                 <!-- reblog-account -->
                 <DIV>
                     <A HREF="{{ data['reblog']['account']['url'] }}" TARGET="_blank"></A>
@@ -108,10 +164,6 @@
             {% endif %}
         </DIV>
     </DIV>
-    <!-- URL -->
-    <DIV>
-        <A TARGET="_blank" HREF="{{ data['url'] }}">Post original page</A>
-    </DIV>
     {# <!-- card -->{{ data['card'] }} #}
     <!-- Raw JSON data -->
     <DIV STYLE="margin-top:15%;font-size:0.75em;">
