Update chat_application/templates/room.html

chat_application/templates/room.html

@@ -49,25 +49,15 @@
     <div id="abort-modal" class="modal">
       <div class="modal-content">
         <h3>Are you sure you want to leave this experiment?</h3>
-        <p>This action is permanent. You will be redirected to the post-survey and will not be able to return to the chat room.</p>
         <p><strong>If you finished your 20 minutes in the chatroom, do NOT exit via this button. Use the "End Chat Session" button instead.</strong></p>
-        <div class="modal-buttons">
-          <button class="modal-btn" id="abortYesBtn-pre">Yes</button>
-          <button class="modal-btn" id="abortNoBtn-pre">Cancel</button>
-        </div>
-      </div>
-    </div>
-    <div id="abort-modal-confirm" class="modal">
-      <div class="modal-content">
-        <h3>Confirmation</h3>
         <p>By clicking yes, you will exit the experiment <strong>without</strong> completing the final survey.</p>
-        <p>We encourage you to message us about any concerns or to <a href="{{ feedback_form_url | default('https://umw.qualtrics.com/jfe/form/SV_08v26NssCOwZTP8') }}" target="_blank">provide feedback here</a>.</p>
         <div class="modal-buttons">
           <button class="modal-btn" id="abortYesBtn">End early with code "C9V2XFDU"</button>
           <button class="modal-btn" id="abortNoBtn">Cancel</button>
         </div>
       </div>
     </div>
+
     <div id="feedback-modal" class="modal">
         <div class="modal-content">
             <h3>Feedback</h3>
@@ -127,6 +117,7 @@
       document.getElementById("send-btn").disabled = true;
       document.getElementById("end-exp-btn").disabled = true;
       document.getElementById("abort-exp-btn").disabled = true;
+      document.getElementById("feedback-btn").disabled = true; //since without socket io, it won't submit
       if (socketio) {
         socketio.close();
       }
@@ -221,25 +212,18 @@
       document.getElementById("send-btn").disabled = true;
       document.getElementById("end-exp-btn").disabled = true;
       document.getElementById("abort-exp-btn").disabled = true;
+      document.getElementById("feedback-btn").disabled = true; //since without socket io, it won't submit
       if (socketio) {
         socketio.close();
       }
     };
     // Handler for the Abort Experiment confirmation pop-up
     let modal = document.getElementById("abort-modal");
-    let abortModalConfirm = document.getElementById("abort-modal-confirm");
     document.getElementById("abort-exp-btn").onclick = function () {
       modal.style.display = "block";
     };
-    document.getElementById("abortYesBtn-pre").onclick = function () {
-      abortModalConfirm.style.display = "block";
-      modal.style.display = "none";
-    };
-    document.getElementById("abortNoBtn-pre").onclick = function () {
-      modal.style.display = "none";
-    };
     document.getElementById("abortNoBtn").onclick = function () {
-      abortModalConfirm.style.display = "none";
+      modal.style.display = "none";
     };
     
     document.getElementById("abortYesBtn").onclick = function (e) {
@@ -256,13 +240,10 @@
       document.getElementById("send-btn").disabled = true;
       document.getElementById("end-exp-btn").disabled = true;
       document.getElementById("abort-exp-btn").disabled = true;
+      document.getElementById("feedback-btn").disabled = true; //since without socket io, it won't submit
       if (socketio) {
       	socketio.close();
       }
-      abortModalConfirm.style.display = "none";
-    };
-    document.getElementById("abortNoBtn").onclick = function () {
-      abortModalConfirm.style.display = "none";
     };
 
     //handler for feedback modal popup
@@ -299,11 +280,12 @@
         socketio.emit("feedback_given", { feedback }, (response) => {
           if (response?.status === "True" || response?.status === true) {
             feedbackConfirm.style.display = "block";
+            form.reset();
+            document.getElementById("feedback-modal").style.display = "none";
+          } else {
+            feedbackFail.style.display = "block";
           }
         });
-      
-        form.reset();
-        document.getElementById("feedback-modal").style.display = "none";
     });
       
     // add auto scroll