Make "Extra Info" step cleaner

[pharos-tools.git] / dashboard / src / templates / resource / steps / meta_info.html

diff --git a/dashboard/src/templates/resource/steps/meta_info.html b/dashboard/src/templates/resource/steps/meta_info.html
index 389ff6d..7a1b56a 100644 (file)
--- a/dashboard/src/templates/resource/steps/meta_info.html
+++ b/dashboard/src/templates/resource/steps/meta_info.html
@@ -5,6 +5,28 @@
 
 {% block content %}
 
+<style>
+#resource_meta_form {
+    margin: 80px;
+    display: grid;
+}
+
+#resource_meta_form td > * {
+    width: 100%;
+    margin-bottom: 20px;
+    margin-top: 20px;
+}
+
+#resource_meta_form > table > tbody > tr {
+    border-bottom: 1px solid #cccccc;
+}
+
+#resource_meta_form > table > tbody > tr:last-child {
+    border-bottom: none;
+}
+
+</style>
+
 <form id="resource_meta_form" method="post" action="/wf/workflow/">
     {% csrf_token %}
     <table>
@@ -14,5 +36,11 @@
 {% endblock content %}
 
 {% block onleave %}
-document.getElementById("resource_meta_form").submit();
+var ajaxForm = $("#resource_meta_form");
+var formData = ajaxForm.serialize();
+req = new XMLHttpRequest();
+req.open("POST", "/wf/workflow/", false);
+req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
+req.onerror = function() { alert("problem submitting form"); }
+req.send(formData);
 {% endblock %}