From f73f0801d7ab85c1a36186eae7b88f4015e4d996 Mon Sep 17 00:00:00 2001
From: Thomas Rubini <74205383+ThomasRubini@users.noreply.github.com>
Date: Sat, 18 Mar 2023 17:18:43 +0100
Subject: [PATCH] add "Add new" button for traits

---
 truthinquiry/templates/admin/traits.html | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/truthinquiry/templates/admin/traits.html b/truthinquiry/templates/admin/traits.html
index 8769148..cecb49c 100644
--- a/truthinquiry/templates/admin/traits.html
+++ b/truthinquiry/templates/admin/traits.html
@@ -1,14 +1,26 @@
 <a href="/admin"> go Back </a> <br>
 
-<section>    
+<section id="traits">
     {%for trait in traits%}
     <section id="{{trait['id']}}">
         <p> Name: </p>
-        <input value="{{trait['name']}}">
+        <input class="name_input" value="{{trait['name']}}">
         <p> Description: </p>
-        <input value="{{trait['desc']}}">
+        <input class="desc_input" value="{{trait['desc']}}">
     </section>
     {%endfor%}
 </section>
+<button onclick="addNewInput()">Add new</button>
 
-<p>Images are viewable in the npc views</p>
\ No newline at end of file
+<p>Images are viewable in the npc views</p>
+
+<script>
+
+function addNewInput(){    
+    let newTrait = traits.lastElementChild.cloneNode(true);
+    newTrait.querySelector(".name_input").value = "";
+    newTrait.querySelector(".desc_input").value = "";
+    traits.appendChild(newTrait);
+}
+
+</script>
\ No newline at end of file