You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airavata.apache.org by he...@apache.org on 2012/10/31 16:49:59 UTC
svn commit: r1404212 - in /airavata/sandbox/client-api-demo/src/main/webapp:
index.jsp x_app_descriptor_save_jason.html
Author: heshan
Date: Wed Oct 31 15:49:59 2012
New Revision: 1404212
URL: http://svn.apache.org/viewvc?rev=1404212&view=rev
Log:
Adding dynamic inputs.
Modified:
airavata/sandbox/client-api-demo/src/main/webapp/index.jsp
airavata/sandbox/client-api-demo/src/main/webapp/x_app_descriptor_save_jason.html
Modified: airavata/sandbox/client-api-demo/src/main/webapp/index.jsp
URL: http://svn.apache.org/viewvc/airavata/sandbox/client-api-demo/src/main/webapp/index.jsp?rev=1404212&r1=1404211&r2=1404212&view=diff
==============================================================================
--- airavata/sandbox/client-api-demo/src/main/webapp/index.jsp (original)
+++ airavata/sandbox/client-api-demo/src/main/webapp/index.jsp Wed Oct 31 15:49:59 2012
@@ -17,6 +17,8 @@
<br>
<h4><a href="./x_host_descriptor_save.html">Save Host Descriptor</a></h4>
<h4><a href="./x_app_descriptor_save.html">Save App Descriptor</a></h4>
+ <h4><a href="./x_app_descriptor_save_jason.html">Save App Descriptor - Jason</a></h4>
+ </br>
<h4><a href="./x_host_display.html">Registry Service Test Get</a></h4>
<h4><a href="./x_host_save.html">Registry Service Test Post</a></h4>
Modified: airavata/sandbox/client-api-demo/src/main/webapp/x_app_descriptor_save_jason.html
URL: http://svn.apache.org/viewvc/airavata/sandbox/client-api-demo/src/main/webapp/x_app_descriptor_save_jason.html?rev=1404212&r1=1404211&r2=1404212&view=diff
==============================================================================
--- airavata/sandbox/client-api-demo/src/main/webapp/x_app_descriptor_save_jason.html (original)
+++ airavata/sandbox/client-api-demo/src/main/webapp/x_app_descriptor_save_jason.html Wed Oct 31 15:49:59 2012
@@ -22,12 +22,13 @@ Max memory : <input type="text
<b>SERVICE</b><br/>
Service Name *: <input type="text" id="serviceName1" name="serviceName" value="SimpleEcho" size="50"><br/>
-Input Name *: <input type="text" id="inputName1" name="inputName" value="echo_input" size="50"><br/>
-
-Input Type *: <input type="text" id="inputType1" name="inputType" value="String" size="50"><br/>
-Output Name *: <input type="text" id="outputName1" name="outputName" value="echo_output" size="50"><br/>
-
-Output Type *: <input type="text" id="outputType1" name="outputType" value="String" size="50"><br/>
+Input Name *: <input type="text" id="inputName1" name="inputName1" value="echo_input" size="50"><br/>
+Input Type *: <input type="text" id="inputType1" name="inputType1" value="String" size="50"><br/>
+<p1>Add inputs</p1><br/>
+
+Output Name *: <input type="text" id="outputName1" name="outputName1" value="echo_output" size="50"><br/>
+Output Type *: <input type="text" id="outputType1" name="outputType1" value="String" size="50"><br/>
+<p2>Add outputs</p2><br/>
<button name="btn2">Save Application</button>
@@ -48,6 +49,40 @@ Output Type *: <input type="text
}
$(document).ready(function(){
+ var inputCount = 0;
+ var outputCount = 0;
+
+ $("p2").click(function(){
+ $(this).hide();
+ $(this).after("<p>Another paragraph!</p>");
+ });
+
+ $("p1").live("click", function(){
+ inputCount++;
+ alert("p1 clicked");
+ alert(inputCount);
+ $(this).after("Input Name *:");
+// $(this).after("<input type="text" id="inputName1" name="inputName" value="echo_input" size="50"><br/>");
+ $(this).after("<input type="text" id="inputName" + inputCount + "" name="inputName" + inputCount + "" value="echo_input" size="50"><br/>");
+
+ $(this).after("Input Type *:");
+// $(this).after("<input type="text" id="inputType1" name="inputType" value="String" size="50"><br/>");
+ $(this).after("<input type="text" id="inputType" + inputCount + "" name="inputType" + inputCount + "" value="String" size="50"><br/>");
+ });
+
+ $("p2").live("click", function(){
+ outputCount++;
+ alert("p2 clicked");
+ alert(outputCount);
+ $(this).after("Output Name *:");
+// $(this).after("<input type="text" id="outputName1" name="outputName1" value="echo_output" size="50"><br/>");
+ $(this).after("<input type="text" id="outputName" + outputCount + "" name="outputName" + outputCount + "" value="echo_output" size="50"><br/>");
+
+ $(this).after("Output Type *:");
+// $(this).after("<input type="text" id="outputType1" name="outputType1" value="String" size="50"><br/>");
+ $(this).after("<input type="text" id="outputType" + outputCount + "" name="outputType" + outputCount + "" value="String" size="50"><br/>");
+ });
+
// $(window).load(function () {
// $("div").hide();
// });
@@ -128,5 +163,12 @@ Output Type *: <input type="text
});
</script>
+<style>
+ p { background:#b0c4de; font-weight:bold; cursor:pointer;
+ padding:5px; }
+ p.over { background: #ccc; }
+ span { color:red; }
+</style>
+
</body>
</html>