From d9ddb96e808a7a77d5fe3d625d0bdb98f55f00e2 Mon Sep 17 00:00:00 2001
From: Thomas Rubini <74205383+ThomasRubini@users.noreply.github.com>
Date: Sat, 1 Apr 2023 18:55:51 +0200
Subject: [PATCH] remove reaction_id with trait_id

---
 truthinquiry/static/js/admin_npc.js   | 20 ++++++++++----------
 truthinquiry/templates/admin/npc.html |  4 ++--
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/truthinquiry/static/js/admin_npc.js b/truthinquiry/static/js/admin_npc.js
index cda9de1..b495208 100644
--- a/truthinquiry/static/js/admin_npc.js
+++ b/truthinquiry/static/js/admin_npc.js
@@ -30,10 +30,10 @@ async function uploadReactionsDelta() {
     let requests = [];
 
 
-    for(const [reactionId, reactionNode] of Object.entries(reactionsDelta)){
+    for(const [traitId, reactionNode] of Object.entries(reactionsDelta)){
         const formData = new FormData();
         formData.append("npc_id", npc_id.value);
-        formData.append("trait_id", reactionId);
+        formData.append("trait_id", traitId);
         
         if(reactionNode === null) formData.append("file", "null");
         else{
@@ -65,7 +65,7 @@ async function deleteNpc() {
 function changeReaction(inputNode){
     const parentNode = inputNode.parentNode;
     const imgNode = parentNode.querySelector('img');
-    const reactionId = parentNode.querySelector('.reaction_id').value;
+    const traitId = parentNode.querySelector('.trait_id').value;
     
     const reader = new FileReader();
     reader.onload = (e)=>{
@@ -73,29 +73,29 @@ function changeReaction(inputNode){
     }
     reader.readAsDataURL(inputNode.files[0]);
 
-    reactionsDelta[reactionId] = parentNode;
+    reactionsDelta[traitId] = parentNode;
 }
 
 function deleteReaction(node){
     const reactionNode = node.parentNode;
-    const reactionId = reactionNode.querySelector(".reaction_id").value;
+    const traitId = reactionNode.querySelector(".trait_id").value;
     const reactionName = reactionNode.querySelector("p").innerText;
 
     reactionNode.parentNode.removeChild(reactionNode);
     
     const option = document.createElement("option");
-    option.value = reactionId
+    option.value = traitId
     option.innerText = reactionName
 
     reactions_to_add.appendChild(option);
 
-    reactionsDelta[reactionId] = null;
+    reactionsDelta[traitId] = null;
 }
 
 function addReaction(selectNode){
     const selectedOptionNode = selectNode.selectedOptions[0];
     
-    const reactionId = selectedOptionNode.value;
+    const traitId = selectedOptionNode.value;
     const reactionName = selectedOptionNode.innerText;
 
     selectNode.removeChild(selectedOptionNode);
@@ -103,10 +103,10 @@ function addReaction(selectNode){
     const newReaction = reactions.querySelector("div").cloneNode(true);
     newReaction.querySelector("img").src = "";
     newReaction.querySelector(".img_input").value = null;
-    newReaction.querySelector(".reaction_id").value = reactionId
+    newReaction.querySelector(".trait_id").value = traitId
     newReaction.querySelector("p").innerText = reactionName
     
     reactions.appendChild(newReaction);
 
-    reactionsDelta[reactionId] = newReaction;
+    reactionsDelta[traitId] = newReaction;
 }
\ No newline at end of file
diff --git a/truthinquiry/templates/admin/npc.html b/truthinquiry/templates/admin/npc.html
index e817808..972a8b8 100644
--- a/truthinquiry/templates/admin/npc.html
+++ b/truthinquiry/templates/admin/npc.html
@@ -43,7 +43,7 @@
                     <p> {{reaction.get('name')}} </p>
                     <img src="{{reaction.get('url')}}" style="max-width: 100; max-height: 100px">
                     <input class="img_input", type="file" accept="image/png, image/jpeg" onchange="changeReaction(this)">
-                    <input class="reaction_id", type="hidden" value="{{reaction.get('id')}}">
+                    <input class="trait_id", type="hidden" value="{{reaction.get('trait_id')}}">
                     <button onclick="deleteReaction(this)">Delete reaction</button>
                 </div>
                 {%endfor%}
@@ -52,7 +52,7 @@
         <select id="reactions_to_add" onchange="addReaction(this)">
             <option value="" default></option>
             {%for reaction_to_add in npc.get("reactions_to_add") or []%}
-            <option value="{{reaction_to_add.get('id')}}">{{reaction_to_add.get('name')}}</option>
+            <option value="{{reaction_to_add.get('trait_id')}}">{{reaction_to_add.get('name')}}</option>
             {%endfor%}
         </select>