refactor: move textarea autoresize code to separate file, use it in m…

…ultiple places

assets/textareaAutoResize.js

@@ -0,0 +1,14 @@
+document.addEventListener('DOMContentLoaded', function() {
+    var textareas = document.querySelectorAll('textarea');
+
+    textareas.forEach(function(textarea) {
+        textarea.addEventListener('input', function() {
+            this.style.height = 'auto';
+            this.style.height = this.scrollHeight + 'px';
+        });
+
+        if (textarea.value !== '') {
+            textarea.dispatchEvent(new Event('input'));
+        }
+    });
+});

templates/add_record.html

@@ -67,4 +67,6 @@ <h5 class="mb-3">{% trans %}Add record to zone{% endtrans %} "{{ zone_name }}"</
         <span class="text-secondary"> {% trans %}Add also reverse record{% endtrans %}</span>
     </span>
     {% endif %}
-</form>
+</form>
+
+<script src="assets/textareaAutoResize.js"></script>

templates/edit.html

@@ -420,20 +420,4 @@ <h5 class="mb-3">{% trans %}Edit zone{% endtrans %} "{{ zone_name_to_display }}"
     </table>
 </div>
 
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        var textareas = document.querySelectorAll('textarea');
-
-        textareas.forEach(function(textarea) {
-            textarea.addEventListener('input', function() {
-                this.style.height = 'auto';
-                this.style.height = this.scrollHeight + 'px';
-            });
-
-            // Trigger the 'input' event on page load if the textarea has content
-            if (textarea.value !== '') {
-                textarea.dispatchEvent(new Event('input'));
-            }
-        });
-    });
-</script>
+<script src="assets/textareaAutoResize.js"></script>

templates/edit_record.html

@@ -82,4 +82,6 @@ <h5 class="mb-3">{% trans %}Edit record in zone{% endtrans %} "{{ zone_name }}"<
     </table>
     <input class="btn btn-primary btn-sm" type="submit" name="commit" value="{% trans %}Update{% endtrans %}">&nbsp;&nbsp;
     <input class="btn btn-secondary btn-sm" type="reset" name="reset" value="{% trans %}Reset{% endtrans %}">&nbsp;&nbsp;
-</form>
+</form>
+
+<script src="assets/textareaAutoResize.js"></script>