Put JS code in its own JS file

2 files changed, 39 insertions, 37 deletions

diff --git a/bh20simplewebuploader/static/main.js b/bh20simplewebuploader/static/main.js
new file mode 100644
index 0000000..ab810cd
--- /dev/null
+++ b/bh20simplewebuploader/static/main.js
@@ -0,0 +1,37 @@
+let r = new XMLHttpRequest();
+let test;
+r.open("GET", scriptRoot + "/api/getAllaccessions", true);
+r.onreadystatechange = function () {
+  if (r.readyState != 4 || r.status != 200) return;
+  test = r.responseText;
+  console.log(JSON.parse(test));
+};
+r.send();
+let uploadForm = document.getElementById('metadata_upload_form')
+let uploadFormSpot = document.getElementById('metadata_upload_form_spot')
+let fillForm = document.getElementById('metadata_fill_form')
+let fillFormSpot = document.getElementById('metadata_fill_form_spot')
+
+function setUploadMode() {
+  // Make the upload form the one in use
+  uploadFormSpot.appendChild(uploadForm)
+  fillFormSpot.removeChild(fillForm)
+}
+
+function setFillMode() {
+  // Make the fillable form the one in use
+  uploadFormSpot.removeChild(uploadForm)
+  fillFormSpot.appendChild(fillForm)
+}
+
+function setMode() {
+  // Pick mode based on radio
+  if (document.getElementById('metadata_upload').checked) {
+    setUploadMode()
+  } else {
+    setFillMode()
+  }
+}
+
+// Start in mode appropriate to selected form item
+setMode()
diff --git a/bh20simplewebuploader/templates/form.html b/bh20simplewebuploader/templates/form.html
index 9c272a0..7b1fd98 100644
--- a/bh20simplewebuploader/templates/form.html
+++ b/bh20simplewebuploader/templates/form.html
@@ -151,43 +151,8 @@
 
 <script type="text/javascript">
  let scriptRoot = {{ request.script_root|tojson|safe }};
- let r = new XMLHttpRequest();
- let test;
- r.open("GET", scriptRoot + "/api/getAllaccessions", true);
- r.onreadystatechange = function () {
-     if (r.readyState != 4 || r.status != 200) return;
-     test = r.responseText;
-     console.log(JSON.parse(test));
- };
- r.send();
- let uploadForm = document.getElementById('metadata_upload_form')
- let uploadFormSpot = document.getElementById('metadata_upload_form_spot')
- let fillForm = document.getElementById('metadata_fill_form')
- let fillFormSpot = document.getElementById('metadata_fill_form_spot')
-
- function setUploadMode() {
-     // Make the upload form the one in use
-     uploadFormSpot.appendChild(uploadForm)
-     fillFormSpot.removeChild(fillForm)
- }
-
- function setFillMode() {
-     // Make the fillable form the one in use
-     uploadFormSpot.removeChild(uploadForm)
-     fillFormSpot.appendChild(fillForm)
- }
-
- function setMode() {
-     // Pick mode based on radio
-     if (document.getElementById('metadata_upload').checked) {
-         setUploadMode()
-     } else {
-         setFillMode()
-     }
- }
-
- // Start in mode appropriate to selected form item
- setMode()
 </script>
+
+<script type="text/javascript" src="/static/main.js"></script>
     </body>
 </html>