Move form to use json_forms_and_tables function

Pages created before settings/dhcp.html used a hand-crafted method
for fetching the form and setting up the ajax submit routine.  This
patch updates those pages to use the common json_forms_and_tables
function.  The only page that still uses hand-crafted code is the
network/wan page because it has a special type of form on it.

Signed-off-by: Vernon Mauery <[email protected]>

Author: vmauery

html/js/json/forms/dns_settings

@@ -1,5 +1,6 @@
 form:
 	name: dns_settings
+	id: dns-settings-form
 	action: none
 	class: ajax json
 	elements:

html/js/json/forms/firewall_settings

@@ -1,5 +1,6 @@
 form:
 	name: firewall_settings
+	id: firewall-settings-form
 	action: none
 	class: ajax json
 	elements:

html/js/json/forms/main_settings

@@ -1,5 +1,6 @@
 form:
 	name: main_settings
+	id: main-settings-form
 	action: none
 	class: ajax json
 	elements:

html/js/json/forms/network_lan

@@ -1,5 +1,6 @@
 form:
 	name: network_lan
+	id: network-lan-form
 	action: none
 	class: ajax json
 	elements:

html/js/json/forms/network_wireless

@@ -1,5 +1,6 @@
 form:
 	name: network_wireless
+	id: network-wireless-form
 	action: none
 	class: ajax json
 	elements:

html/pages/firewall/index.html

@@ -14,25 +14,7 @@
 <script type="text/javascript">
 (function($) {$(function() {
 
-var url = "/config/?json&debug";
-$.postJSON(url, {firewall_settings: "form"}, function(data) {
-		var rform = $.render_form(data.firewall_settings.form, data.firewall_settings.values);
-		$('#firewall-settings-form').html(rform);
-
-});
-
-var firewall_settings_form_options = {
-	url: "/config/?json&form_submit=firewall_settings&debug",
-	type: "POST",
-	dataType: "json",
-	success: function() {
-		$.msgbox("The settings were saved.");
-	},
-};
-$('#firewall-settings-form').submit(function() {
-	$(this).ajaxSubmit(firewall_settings_form_options);
-	return false;
-});
+$.json_forms_and_tables(['firewall_settings'], []);
 
 }); })(jQuery);
 </script>
@@ -98,7 +80,7 @@ <h2>Change Status</h2>
 
 
 <h1>Firewall</h1>
-<div id="firewall-settings-form">
+<div id="firewall-settings-form-wrapper">
 </div>
 
 

html/pages/network/lan.html

@@ -14,25 +14,7 @@
 <script type="text/javascript">
 (function($) {$(function() {
 
-var url = "/config/?json&debug";
-$.postJSON(url, {network_lan: "form"}, function(data) {
-		var rform = $.render_form(data.network_lan.form, data.network_lan.values);
-		$('#network-lan-form').html(rform);
-
-});
-
-var network_lan_form_options = {
-	url: "/config/?json&form_submit=network_lan&debug",
-	type: "POST",
-	dataType: "json",
-	success: function() {
-		$.msgbox("The settings were saved.");
-	},
-};
-$('#network-lan-form').submit(function() {
-	$(this).ajaxSubmit(network_lan_form_options);
-	return false;
-});
+$.json_forms_and_tables(['network_lan'],[]);
 
 }); })(jQuery);
 </script>
@@ -101,7 +83,7 @@ <h2>Change Status</h2>
 <h1>LAN</h1>
 
 
-<div id="network-lan-form">
+<div id="network-lan-form-wrapper">
 </div>
 
 

html/pages/network/wireless.html

@@ -14,25 +14,7 @@
 <script type="text/javascript">
 (function($) {$(function() {
 
-var url = "/config/?json&debug";
-$.postJSON(url, {network_wireless: "form"}, function(data) {
-		var rform = $.render_form(data.network_wireless.form, data.network_wireless.values);
-		$('#network-wireless-form').html(rform);
-
-});
-
-var network_wireless_form_options = {
-	url: "/config/?json&form_submit=network_wireless&debug",
-	type: "POST",
-	dataType: "json",
-	success: function() {
-		$.msgbox("The settings were saved.");
-	},
-};
-$('#network-wireless-form').submit(function() {
-	$(this).ajaxSubmit(network_wireless_form_options);
-	return false;
-});
+$.json_forms_and_tables(['network_wireless'], []);
 
 }); })(jQuery);
 </script>
@@ -98,7 +80,7 @@ <h2>Change Status</h2>
 
 
 <h1>Wireless</h1>
-<div id="network-wireless-form">
+<div id="network-wireless-form-wrapper">
 </div>
 
 

html/pages/settings/dns.html

@@ -14,25 +14,7 @@
 <script type="text/javascript">
 (function($) {$(function() {
 
-var url = "/config/?json&debug";
-$.postJSON(url, {dns_settings: "form"}, function(data) {
-		var rform = $.render_form(data.dns_settings.form, data.dns_settings.values);
-		$('#dns-settings-form').html(rform);
-
-});
-
-var dns_settings_form_options = {
-	url: "/config/?json&form_submit=dns_settings&debug",
-	type: "POST",
-	dataType: "json",
-	success: function() {
-		alert("Settings saved");
-	},
-};
-$('#dns-settings-form').submit(function() {
-	$(this).ajaxSubmit(dns_settings_form_options);
-	return false;
-});
+$.json_forms_and_tables(['dns_settings'], []);
 
 }); })(jQuery);
 </script>
@@ -99,7 +81,7 @@ <h2>Change Status</h2>
 
 
 <h1>DNS</h1>
-<div id="dns-settings-form">
+<div id="dns-settings-form-wrapper">
 </div>
 
 

html/pages/settings/index.html

@@ -14,25 +14,7 @@
 <script type="text/javascript">
 (function($) {$(function() {
 
-var url = "/config/?json&debug";
-$.postJSON(url, {main_settings: "form"}, function(data) {
-		var rform = $.render_form(data.main_settings.form, data.main_settings.values);
-		$('#main-settings-form').html(rform);
-
-});
-
-var main_settings_form_options = {
-	url: "/config/?json&form_submit=main_settings&debug",
-	type: "POST",
-	dataType: "json",
-	success: function() {
-		$.msgbox("The settings were saved.");
-	},
-};
-$('#main-settings-form').submit(function() {
-	$(this).ajaxSubmit(main_settings_form_options);
-	return false;
-});
+$.json_forms_and_tables(['main_settings'], []);
 
 }); })(jQuery);
 </script>
@@ -99,7 +81,7 @@ <h2>Change Status</h2>
 
 
 <h1>Settings</h1>
-<div id="main-settings-form">
+<div id="main-settings-form-wrapper">
 </div>