From: Magnus Hagander <magnus@hagander.net>
Date: Wed, 30 Jan 2013 13:01:25 +0000 (+0100)
Subject: Add ability to toggle fields in forms
X-Git-Url: http://git.postgresql.org/gitweb/static/gitweb.js?a=commitdiff_plain;h=3818de50c509f13f6679d646d290dc5c88635e2e;p=pgweb.git

Add ability to toggle fields in forms

This uses jQuery to make it possible to enable and disable fields in the
default forms, by specifying an attribute on the form class. The form
class still has to implement proper validators, so it does not rely on
client side validations.
---

diff --git a/pgweb/util/helpers.py b/pgweb/util/helpers.py
index 831cb058..817f416e 100644
--- a/pgweb/util/helpers.py
+++ b/pgweb/util/helpers.py
@@ -57,6 +57,7 @@ def simple_form(instancetype, itemid, request, formclass, formtemplate='base/for
 		'formitemtype': instance._meta.verbose_name,
 		'markdownfields': markdownfields,
 		'form_intro': hasattr(form, 'form_intro') and form.form_intro or None,
+		'toggle_fields': hasattr(form, 'toggle_fields') and form.toggle_fields or None,
 		'savebutton': (itemid == "new") and "New" or "Save",
 		'operation': (itemid == "new") and "New" or "Edit",
 	}, NavContext(request, navsection))
diff --git a/templates/base/form.html b/templates/base/form.html
index ec90bbf6..3cc4e472 100644
--- a/templates/base/form.html
+++ b/templates/base/form.html
@@ -53,6 +53,33 @@
       {%endfor%}
    }
 </script>
+{%if toggle_fields%}
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
+<script language="javascript">
+{%for f in toggle_fields%}
+function toggle_{{f.name}}() {
+   v = $('#id_{{f.name}}').prop('checked');
+{%for c in f.fields%}
+{%if f.invert%}
+   if (v) {
+{%else%}
+   if (!v) {
+{%endif%}
+      $('#id_{{c}}').attr('disabled', true);
+   } else {
+      $('#id_{{c}}').removeAttr('disabled');
+   }
+{%endfor%}
+}
+$(document).ready(function() {
+   $('#id_{{f.name}}').change(function() {
+      toggle_{{f.name}}();
+   });
+   toggle_{{f.name}}();
+});
+{%endfor%}
+</script>
+{%endif%}
 {%endif%}
 {%endblock%}