From 15400e9b41d0f331149dcf77936d2a12a96895a3 Mon Sep 17 00:00:00 2001
From: Birm <birm@rbirm.us>
Date: Mon, 18 Sep 2023 15:46:55 -0400
Subject: [PATCH] add comments

---
 apps/labeling/pitfalls.html | 1 +
 apps/labeling/pitfalls.js   | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/apps/labeling/pitfalls.html b/apps/labeling/pitfalls.html
index ef1dc067b..8817dd685 100644
--- a/apps/labeling/pitfalls.html
+++ b/apps/labeling/pitfalls.html
@@ -490,6 +490,7 @@ <h5 class="modal-title" style="font-size: 1.5rem;">Modal title</h5>
                   <input type="checkbox" class="pitfalls_check" id="pitfall-16" name="pitfalls" value="Under-staining"> Under-staining </label>
                 <br>
               </div>
+              <div><label for="comments">Comments:</label><textarea id="comments" style="height: 37px;"></textarea></div>
             </div>
             </div>
           </div>
diff --git a/apps/labeling/pitfalls.js b/apps/labeling/pitfalls.js
index 66a099aba..3e3b97981 100644
--- a/apps/labeling/pitfalls.js
+++ b/apps/labeling/pitfalls.js
@@ -1125,6 +1125,7 @@ function addROIFormEvent() {
     label.properties.percent_stroma = itsRange.value;
     label.properties.til_density = vtaRange.value;
     label.properties.pitfalls = pitfalls;
+    label.properties.comments = document.getElementById('comments').value;
     label.geometries.features[0].properties.style.color = '#7cfc00'; // overwrite highlight color
     label.task = 'roiSelection';
     const flileloc = $D.params.data.location.split('/');
@@ -1370,6 +1371,7 @@ function resetForm() {
   document.getElementById('tissue_type_area').style.display = 'none';
   document.getElementById('pitfalls_area').style.display = 'none';
   document.getElementById('save').style.display = 'none';
+  document.getElementById('comments').value = "";
 }