templates: edit_trait: Only submit form elements that have changed

We only submit form elements that have changed, and use that to update
the relevant tables. See: https://stackoverflow.com/a/5221915

1 files changed, 8 insertions, 0 deletions

diff --git a/wqflask/wqflask/templates/edit_trait.html b/wqflask/wqflask/templates/edit_trait.html
index 2cd8a6fd..05bdebd1 100644
--- a/wqflask/wqflask/templates/edit_trait.html
+++ b/wqflask/wqflask/templates/edit_trait.html
@@ -162,5 +162,13 @@ Submit Trait | Reset
 {% block js %}
 <script>
  gn_server_url = "{{ gn_server_url }}";
+ function MarkAsChanged(){
+     $(this).addClass("changed");
+ }
+ $(":input").blur(MarkAsChanged).change(MarkAsChanged);
+
+ $("input[type=submit]").click(function(){
+     $(":input:not(.changed)").attr("disabled", "disabled");
+ });
 </script>
 {% endblock %}