hide/show county field

ocadotechnology · Nov 7, 2023 · 2af2fc8 · 2af2fc8
1 parent 516f7fe
commit 2af2fc8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/portal/static/portal/js/onboarding_school.js b/portal/static/portal/js/onboarding_school.js
@@ -0,0 +1,11 @@
+$(document).ready(() => {
+  $('#form-row-county').hide();
+
+  $('#id_country').on('change', (event) => {
+    if (event.target.value == 'GB') {
+      $('#form-row-county').show();
+    } else {
+      $('#form-row-county').hide();
+    }
+  });
+});
diff --git a/portal/templates/portal/teach/onboarding_school.html b/portal/templates/portal/teach/onboarding_school.html
@@ -36,11 +36,11 @@ <h4>Create a school or club</h4>
                 {{ create_form.non_field_errors }}
 
                 {% for field in create_form %}
-                <div class="row form--row">
+                <div id="form-row-{{ field.name }}" class="row form--row">
                     <div class="form--row__input col-sm-6 col-xs-12">
                         <div class="input--icon">
                             {{ field }}
-                            {% if not field == create_form.country %}
+                            {% if not field == create_form.country and not field == create_form.county %}
                             <span class="iconify" data-icon="mdi:domain"></span>
                             {% endif %}
                         </div>
@@ -60,4 +60,7 @@ <h4>Create a school or club</h4>
 </div>
 {% endif %}
 
+<script type="text/javascript"
+        src="{% static 'portal/js/onboarding_school.js' %}"></script>
+
 {% endblock content %}