From 6ac0a1917362310c359953c27ecc58f205a3f207 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Fri, 12 Jan 2024 10:13:30 +1300
Subject: [PATCH] improve post editing

---
 app/templates/community/add_post.html | 24 +++++++++++++++++++++++
 app/templates/post/post_edit.html     | 28 ++++++++++++++++++++++++++-
 2 files changed, 51 insertions(+), 1 deletion(-)

diff --git a/app/templates/community/add_post.html b/app/templates/community/add_post.html
index 46a983f0..f742a946 100644
--- a/app/templates/community/add_post.html
+++ b/app/templates/community/add_post.html
@@ -41,11 +41,35 @@
                   {{ render_field(form.link_title) }}
                   {{ render_field(form.link_url) }}
                   {{ render_field(form.link_body) }}
+                  {% if markdown_editor %}
+                    <script nonce="{{ session['nonce'] }}">
+                        window.addEventListener("load", function () {
+                            var downarea = new DownArea({
+                                elem: document.querySelector('#link_body'),
+                                resize: DownArea.RESIZE_VERTICAL,
+                                hide: ['heading', 'bold-italic'],
+                            });
+                            setupAutoResize('link_body');
+                        });
+                    </script>
+                  {% endif %}
               </div>
               <div class="tab-pane fade" id="image-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">
                   {{ render_field(form.image_title) }}
                   {{ render_field(form.image_file) }}
                   {{ render_field(form.image_body) }}
+                  {% if markdown_editor %}
+                    <script nonce="{{ session['nonce'] }}">
+                        window.addEventListener("load", function () {
+                            var downarea = new DownArea({
+                                elem: document.querySelector('#image_body'),
+                                resize: DownArea.RESIZE_VERTICAL,
+                                hide: ['heading', 'bold-italic'],
+                            });
+                            setupAutoResize('image_body');
+                        });
+                    </script>
+                  {% endif %}
               </div>
               <div class="tab-pane fade" id="poll-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0">
                   Poll
diff --git a/app/templates/post/post_edit.html b/app/templates/post/post_edit.html
index b9e1d312..83a1b30f 100644
--- a/app/templates/post/post_edit.html
+++ b/app/templates/post/post_edit.html
@@ -58,12 +58,38 @@
                   {{ render_field(form.discussion_body) }}
               </div>
               <div class="tab-pane fade" id="link-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
-                  {{ render_field(form.link_url) }}
                   {{ render_field(form.link_title) }}
+                  {{ render_field(form.link_url) }}
+                  {{ render_field(form.link_body) }}
+                  {% if markdown_editor %}
+                    <script nonce="{{ session['nonce'] }}">
+                        window.addEventListener("load", function () {
+                            var downarea = new DownArea({
+                                elem: document.querySelector('#link_body'),
+                                resize: DownArea.RESIZE_VERTICAL,
+                                hide: ['heading', 'bold-italic'],
+                            });
+                            setupAutoResize('link_body');
+                        });
+                    </script>
+                  {% endif %}
               </div>
               <div class="tab-pane fade" id="image-tab-pane" role="tabpanel" aria-labelledby="contact-tab" tabindex="0">
                   {{ render_field(form.image_title) }}
                   {{ render_field(form.image_file) }}
+                  {{ render_field(form.image_body) }}
+                  {% if markdown_editor %}
+                    <script nonce="{{ session['nonce'] }}">
+                        window.addEventListener("load", function () {
+                            var downarea = new DownArea({
+                                elem: document.querySelector('#image_body'),
+                                resize: DownArea.RESIZE_VERTICAL,
+                                hide: ['heading', 'bold-italic'],
+                            });
+                            setupAutoResize('image_body');
+                        });
+                    </script>
+                  {% endif %}
               </div>
               <div class="tab-pane fade" id="poll-tab-pane" role="tabpanel" aria-labelledby="disabled-tab" tabindex="0">
                   Poll