auto-close report question modal

qbreader · Jan 5, 2023 · 8941cb8 · 8941cb8
1 parent 8b98710
commit 8941cb8
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 9 deletions.
diff --git a/client/database/index.html b/client/database/index.html
@@ -116,7 +116,7 @@ <h5 class="modal-title">Report Question</h5>
                     </form>
                 </div>
                 <div class="modal-footer">
-                    <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
+                    <button class="btn btn-secondary" id="report-question-close" data-bs-dismiss="modal" type="button">Close</button>
                     <button class="btn btn-primary" id="report-question-submit" type="button">Submit</button>
                 </div>
             </div>

diff --git a/client/multiplayer/room.html b/client/multiplayer/room.html
@@ -336,7 +336,7 @@ <h5 class="modal-title">Report Question</h5>
                     </form>
                 </div>
                 <div class="modal-footer">
-                    <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
+                    <button class="btn btn-secondary" id="report-question-close" data-bs-dismiss="modal" type="button">Close</button>
                     <button class="btn btn-primary" id="report-question-submit" type="button">Submit</button>
                 </div>
             </div>

diff --git a/client/singleplayer/bonuses.html b/client/singleplayer/bonuses.html
@@ -308,7 +308,7 @@ <h5 class="modal-title">Report Question</h5>
                     </form>
                 </div>
                 <div class="modal-footer">
-                    <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
+                    <button class="btn btn-secondary" id="report-question-close" data-bs-dismiss="modal" type="button">Close</button>
                     <button class="btn btn-primary" id="report-question-submit" type="button">Submit</button>
                 </div>
             </div>

diff --git a/client/singleplayer/tossups.html b/client/singleplayer/tossups.html
@@ -317,7 +317,7 @@ <h5 class="modal-title">Report Question</h5>
                     </form>
                 </div>
                 <div class="modal-footer">
-                    <button class="btn btn-secondary" data-bs-dismiss="modal" type="button">Close</button>
+                    <button class="btn btn-secondary" id="report-question-close" data-bs-dismiss="modal" type="button">Close</button>
                     <button class="btn btn-primary" id="report-question-submit" type="button">Submit</button>
                 </div>
             </div>

diff --git a/client/utilities.js b/client/utilities.js
@@ -239,16 +239,13 @@ function rangeToArray(string, max = 0) {
 
 
 function reportQuestion(_id, reason = '', description = '') {
+    document.getElementById('report-question-submit').disabled = true;
     fetch('/api/report-question', {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json'
         },
-        body: JSON.stringify({
-            _id: _id,
-            reason: reason,
-            description: description
-        })
+        body: JSON.stringify({ _id, reason, description })
     }).then(response => {
         if (response.status === 200) {
             alert('Question has been reported.');
@@ -257,6 +254,9 @@ function reportQuestion(_id, reason = '', description = '') {
         }
     }).catch(error => {
         alert('There was an error reporting the question.');
+    }).finally(() => {
+        document.getElementById('report-question-close').click();
+        document.getElementById('report-question-submit').disabled = false;
     });
 }