Move code to toggle college 'other' field to own file

uclibs · Nov 16, 2023 · 3cce329 · 3cce329
1 parent 7daee10
commit 3cce329
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 30 deletions.
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -17,6 +17,7 @@
 //= require jquery3
 //= require popper
 //= require bootstrap-sprockets
+//= require toggle_college_other_field
 
 $(document).on('turbolinks:load', function() {
     $('[data-toggle="tooltip"]').tooltip();
@@ -47,33 +48,3 @@ function addAuthor(type, count)    {
 function removeAuthor(idToDelete)     {
     document.getElementById(idToDelete).outerHTML = '';
 }
-
-$(document).on('turbolinks:load', function() {
-    if (window.location.pathname.includes("/edit") || window.location.pathname.includes("/new")) {
-        otherChkbox = document.querySelector('[id$="_college_ids_16"]');
-        otherField = document.querySelector('[id$="_other_college"]');
-        otherGroup = document.querySelector('[id$="other_college_group"]');
-        tempStorage = '';
-
-        if (otherField.value != "") {
-            otherChkbox.checked = true;
-        }
-        else    {
-            otherGroup.classList.toggle("d-none");
-        }
-
-        otherChkbox.onclick = function() {
-            if (otherChkbox.checked) {
-                otherGroup.classList.toggle("d-none");
-                    if (tempStorage != '') {
-                        otherField.value = tempStorage;
-                    }
-                }
-            else    {
-                otherGroup.classList.toggle("d-none");
-                tempStorage = otherField.value;
-                otherField.value = '';
-            } 
-        }
-    }
-})
diff --git a/app/assets/javascripts/toggle_college_other_field.js b/app/assets/javascripts/toggle_college_other_field.js
@@ -0,0 +1,29 @@
+$(document).on('turbolinks:load', function() {
+  if (window.location.pathname.includes("/edit") || window.location.pathname.includes("/new")) {
+      otherChkbox = document.querySelector('[id$="_college_ids_16"]');
+      otherField = document.querySelector('[id$="_other_college"]');
+      otherGroup = document.querySelector('[id$="other_college_group"]');
+      tempStorage = '';
+
+      if (otherField.value != "") {
+          otherChkbox.checked = true;
+      }
+      else    {
+          otherGroup.classList.toggle("d-none");
+      }
+
+      otherChkbox.onclick = function() {
+          if (otherChkbox.checked) {
+              otherGroup.classList.toggle("d-none");
+                  if (tempStorage != '') {
+                      otherField.value = tempStorage;
+                  }
+              }
+          else    {
+              otherGroup.classList.toggle("d-none");
+              tempStorage = otherField.value;
+              otherField.value = '';
+          } 
+      }
+  }
+})