GET and POST areas toggle each other, refs #1871

simonw · Nov 13, 2022 · ca66ea5 · ca66ea5
1 parent 51d60d7
commit ca66ea5
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/datasette/templates/api_explorer.html b/datasette/templates/api_explorer.html
@@ -65,6 +65,20 @@ <h2>API response: HTTP <span id="response-status"></span></h2>
 var output = document.getElementById('output');
 var errorList = output.querySelector('.errors');
 
+// Cause GET and POST regions to toggle each other
+var getDetails = getForm.closest('details');
+var postDetails = postForm.closest('details');
+getDetails.addEventListener('toggle', (ev) => {
+  if (getDetails.open) {
+    postDetails.open = false;
+  }
+});
+postDetails.addEventListener('toggle', (ev) => {
+  if (postDetails.open) {
+    getDetails.open = false;
+  }
+});
+
 getForm.addEventListener("submit", (ev) => {
   ev.preventDefault();
   var formData = new FormData(getForm);