From a6e8f064418d53fad7680ce3fec59cc23f71e901 Mon Sep 17 00:00:00 2001
From: James Graham <j.graham@software.ac.uk>
Date: Mon, 15 Feb 2021 19:02:41 +0000
Subject: [PATCH] feat: hide free text field unless 'other' selected

See #75
---
 people/templates/people/person/update.html | 36 ++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/people/templates/people/person/update.html b/people/templates/people/person/update.html
index db4e256..d4b3fce 100644
--- a/people/templates/people/person/update.html
+++ b/people/templates/people/person/update.html
@@ -48,6 +48,38 @@
     <input id="location-search" class="controls" type="text" placeholder="Location Search"/>
     <div id="map" style="height: 800px; width: 100%"></div>
 
-    <hr>
-
+{% endblock %}
+
+{% block extra_script %}
+    <script>
+        function hasOption(select, option) {
+            var exists = false;
+            for (var i = 0; i < select.options.length; i++) {
+                if (select.options[i].text === option) return true;
+            }
+
+            return false;
+        }
+
+        function setFreeTextState(select, freeTextField) {
+            if (select.selectedOptions[0].text === 'Other') {
+                freeTextField.show();
+            } else {
+                freeTextField.hide();
+            }
+        }
+
+        $(document).ready(function(){
+            $('select').each(function(index, element) {
+                if (hasOption(element, 'Other')) {
+                    var freeTextField = $('#' + element.id + '_free').parent();
+                    setFreeTextState(element, freeTextField);
+
+                    $('#' + element.id).on('change', function(event) {
+                        setFreeTextState(event.target, freeTextField);
+                    });
+                }
+            })
+        });
+    </script>
 {% endblock %}