From f9089066ecba8cfbafcc2f23a7109a898e229c42 Mon Sep 17 00:00:00 2001
From: Yaro Kasear <git@kasear.net>
Date: Fri, 25 Jul 2025 10:35:38 -0500
Subject: [PATCH] Refactor editor fragment layout for improved readability and
 maintainability

---
 .../templates/fragments/_editor_fragment.html | 51 +++++++++++--------
 1 file changed, 30 insertions(+), 21 deletions(-)

diff --git a/inventory/templates/fragments/_editor_fragment.html b/inventory/templates/fragments/_editor_fragment.html
index d98d3d6..97e2027 100644
--- a/inventory/templates/fragments/_editor_fragment.html
+++ b/inventory/templates/fragments/_editor_fragment.html
@@ -1,28 +1,37 @@
 {% import "fragments/_icon_fragment.html" as icons %}
 
 {% macro render_editor(id, title, mode='edit', content=None, enabled=True) %}
-    <!-- Editor Fragment -->
-    <div class="row mb-3">
-        <div class="col">
-            <ul class="nav nav-tabs">
-                <li class="nav-item">
-                    <span class="nav-link text-black">{{ title }}</span>
-                </li>
-                {% if enabled %}
-                <li class="nav-item">
-                    <a class="nav-link{% if mode == 'view' %} active{% endif %}" data-bs-toggle="tab" data-bs-target="#viewer{{ id }}">{{ icons.render_icon('file-earmark-richtext', 16) }}</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link{% if mode == 'edit' %} active{% endif %}" data-bs-toggle="tab" data-bs-target="#editor{{ id }}" id="editTab{{ id }}" onclick="EditorWidget.autoResizeTextarea(textEditor{{ id }});">{{ icons.render_icon('pencil', 16) }}</a>
-                </li>
-                {% endif %}
-            </ul>
-            <div class="tab-content" id="tabContent{{ id }}">
-                <div class="tab-pane fade{% if mode == 'view' %} show active border border-top-0{% endif %} p-2 markdown-body viewer" id="viewer{{ id }}"></div>
-                <div class="tab-pane fade{% if mode == 'edit' %} show active border border-top-0{% endif %}" id="editor{{ id }}">
-                    <textarea id="textEditor{{ id }}" name="editor{{ id }}" class="form-control border-top-0 rounded-top-0{% if not enabled %} disabled{% endif %} editor" data-note-id="{{ id }}" oninput="EditorWidget.autoResizeTextarea(textEditor{{ id }}); viewer{{ id }}.innerHTML = marked.parse(textEditor{{ id }}.value);">{{ content if content }}</textarea>
-                </div>
+<!-- Editor Fragment -->
+<div class="row mb-3">
+    <div class="col">
+        <ul class="nav nav-tabs">
+            <li class="nav-item">
+                <span class="nav-link text-black">{{ title }}</span>
+            </li>
+            {% if enabled %}
+            <li class="nav-item">
+                <a class="nav-link{% if mode == 'view' %} active{% endif %}" data-bs-toggle="tab"
+                    data-bs-target="#viewer{{ id }}">{{ icons.render_icon('file-earmark-richtext', 16) }}</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link{% if mode == 'edit' %} active{% endif %}" data-bs-toggle="tab"
+                    data-bs-target="#editor{{ id }}" id="editTab{{ id }}"
+                    onclick="EditorWidget.autoResizeTextarea(textEditor{{ id }});">{{ icons.render_icon('pencil', 16)
+                    }}</a>
+            </li>
+            {% endif %}
+        </ul>
+        <div class="tab-content" id="tabContent{{ id }}">
+            <div class="tab-pane fade{% if mode == 'view' %} show active border border-top-0{% endif %} p-2 markdown-body viewer"
+                id="viewer{{ id }}"></div>
+            <div class="tab-pane fade{% if mode == 'edit' %} show active border border-top-0{% endif %}"
+                id="editor{{ id }}">
+                <textarea id="textEditor{{ id }}" name="editor{{ id }}"
+                    class="form-control border-top-0 rounded-top-0{% if not enabled %} disabled{% endif %} editor"
+                    data-note-id="{{ id }}"
+                    oninput="EditorWidget.autoResizeTextarea(textEditor{{ id }}); viewer{{ id }}.innerHTML = marked.parse(textEditor{{ id }}.value);">{{ content if content }}</textarea>
             </div>
         </div>
     </div>
+</div>
 {% endmacro %}
\ No newline at end of file