cloud-toaster 1.1.2

data/webapp/app/views/execs/task_executions.html.erb

@@ -0,0 +1,154 @@
+<div>
+<%
+
+task = cur_task()
+exec = cur_exec()
+run = cur_run()
+
+show_toaster_tasks = true # TODO
+
+%>
+<h2>Task Executions</h2>
+<% if task 
+global_executions = task.global_executions
+%>
+	<h3>Details of Task '<%= task.name %>'</h3>
+	<table>
+		<tr><td>Number of executions:</td><td><%= global_executions.size %></td></tr>
+	</table>
+
+	<h4>Executions</h4>
+	<table class="properties tablesorter">
+	<thead>
+	<tr><th>#</th><th>Automation Run</th><th>Start Time</th><th>Duration</th><th>Success</th><th>Property<br/>Changes</th><th>Actions</th></tr>
+	</thead>
+	<tbody>
+	<% 	global_executions.each_with_index do |exe,index| 
+		active = exe.id.to_s == param('exe')
+		param_exe = active ? "" : exe.id
+		run = exe.automation_run
+	%>
+	<tr class="<%= exe.success ? 'success' : 'error' %><%= active ? ' active' : '' %>">
+		<td><%= index+1 %></td>
+		<td><a href="/execs/<%= run.automation.id %>/<%= run.id %>"><%= run.uuid %></a></td>
+		<td><%= format_time(exe.start_time) %></td>
+		<td><%= to_minutes(exe.end_time.to_i - exe.start_time) %></td>
+		<td><%= exe.success %></td>
+		<td><%= exe.state_changes.size %></td>
+		<td><a href="<%= l('exe' => param_exe) %>"><%= active ? "hide" : "show" %> details</a></td>
+	</tr>
+	<% end %>
+	</tbody>
+	</table>
+
+	<% if exec %>
+	<h4>Execution Details</h4>
+		<% if exec.output && exec.output.strip != "" %>
+		<h5>Script Output:</h5>
+		<pre style="overflow: auto; height: 100px"><%= exec.output %></pre>
+		<% end %>
+		<% if !exec.success && exec.error_details %>
+		<h5>Error Details:</h5>
+		<pre style="overflow: auto; height: 250px"><%= exec.error_details %></pre>
+		<% end %>
+		<script type="text/javascript" src="/assets/jquery.jstree.js"></script>
+		<script type="text/javascript" src="/assets/jquery.hotkeys.js"></script>
+		<script type="text/javascript" src="/assets/jquery.cookie.js"></script>
+		<script type="text/javascript" src="/assets/jstree.util.js"></script>
+		<% if exec.state_before %>
+		<div class="stateFrame">
+			<h5>Pre-State:</h5>
+			<div id="preState"></div>
+		</div>
+		<script type="text/javascript">
+			<%= puts exec.state_before.to_s %>
+			var jsonData = <%= exec.state_before.to_json.html_safe %>
+			initTree("preState", jsonData);
+		</script>
+		<% end %>
+		<div style="width: 5%; float: left;">&nbsp;</div>
+		<% if exec.state_after %>
+		<div class="stateFrame">
+			<h5>Post-State:</h5>
+			<div id="postState"></div>
+		</div>
+		<script type="text/javascript">
+			var jsonData = <%= exec.state_after.to_json.html_safe %>
+			initTree("postState", jsonData);
+		</script>
+		<% end %>
+		<div style="clear: both"></div>
+	<% end %>
+
+	<h4>State changes</h4>
+	<table id="properties" class="tablesorter">
+		<thead>
+		<tr><th>Action</th><th>Property</th><th colspan="3">Value(s)</th><th>Occurrences</th><th>Occurrences (%)</th></tr>
+		</thead>
+		<tbody>
+		<% task.global_state_prop_changes_map.each do |change,count| %>
+		<tr><td><%= change.action %></td><td><%= change.property %></td>
+			<td colspan="<%= change.action == Toaster::StateChange::ACTION_MODIFY ? 1 : 3 %>">
+			<% if change.action == Toaster::StateChange::ACTION_MODIFY %>
+			'<%= change.old_value %>'</td>
+			<td>&rarr;</td>
+			<td>
+			<% end %>
+			<% if change.action != Toaster::StateChange::ACTION_DELETE %>
+			'<%= change.value %>'
+			<% end %>
+			</td>
+			<td><%= count %></td>
+			<td><%= format_float(count.to_f / global_executions.size.to_f * 100) %>%</td></tr>
+		<% end %>
+		</tbody>
+	</table>
+
+<% elsif run %>
+
+<table class="tablesorter" id="tablesorter">
+	<thead>
+	<tr><th>#</th><th>ID</th>
+		<th>Start Time</th><th>Duration</th>
+		<th>Resource</th><th>Action</th><th>File</th><th>Line</th>
+		<th>Success</th>
+		<th colspan="2">Actions</th></tr>
+	</thead>
+	<tbody>
+	<% count = 0
+	run.task_executions.each_with_index { |exec,id|
+	row = exec.task
+	if show_toaster_tasks || !row.toaster_testing_task?
+		active = row.id.to_s == param('task')
+		param_task = active ? "" : row.id
+		clazz = active ? "active " : ""
+		if !run && detailed
+			all_execs = row.global_executions()
+			all_changes = row.global_num_state_prop_changes(all_execs)
+			clazz += all_changes <= 0 ? "warning " : ""
+		end
+		clazz += exec.success ? "success " : "error "
+		clazz.strip!
+		%>
+		<tr<%= clazz != '' ? " class=\"#{clazz}\"" : "" %>>
+			<td><%= count += 1 %></td>
+			<td><%= row.uuid %></td>
+			<td><%= to_minutes(exec.start_time - run.start_time) %></td>
+			<td><%= to_minutes(exec.end_time - exec.start_time) %></td>
+			<td><%= row.resource %></td>
+			<td><%= row.action %></td>
+			<td><%= row.sourcefile %></td>
+			<td><%= row.sourceline %></td>
+			<td><%= exec.success %></td>
+			<td><a href="/execs/<%= run.automation.id %>/tasks/<%= exec.id %>/<%= run.id %>">details</a></td>
+		</tr>
+	<% end
+	} %>
+	</tbody>
+</table>
+
+<% else %>
+	Please select a task from the list to show its executions.
+<% end %>
+
+</div>

data/webapp/app/views/graph/graph_frame.html

@@ -0,0 +1,101 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+ <head>
+
+  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
+  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
+  <%= csrf_meta_tags %>
+
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+ </head>
+ <body>
+
+	<div id="loading" style="text-align: center;">
+		<img src="<%= image_url("loading.gif") %>" /><br/>
+		Loading, please wait...
+	</div>
+	<div id="graphContainer" class="container" 
+		style="background: #efefff;">
+	</div>
+
+	<script type="text/javascript">
+	// dummy graph (real graph should be output below...)
+	graph = {
+		 "nodes" : [ { "ID" : "n1", "name" : "N 1" },
+		 		{ "ID" : "n2", "name" : "N 2" } ],
+		 "edges" : [ { "from" : "n1", "to" : "n2" } ]
+	};
+
+	<%
+	require "toaster/model/automation"
+	require "toaster/state/state_transition_graph"
+	require "toaster/util/util"
+	require "toaster/util/timestamp"
+	require "toaster/test/test_coverage"
+	TimeStamp.do_output(false)
+	graph = nil
+
+	if param('auto') != ""
+		begin
+			automation = cur_auto
+			# define graph criteria
+			criteria = TestCoverageGoal.new
+			criteria.optimize_for_rendering = true
+			criteria.idempotence = param('idemN').split(/[ ,;]+/).collect { |i| i.to_i }
+			if param('skipN') != ""
+				criteria.combinations[CombinationCoverage::SKIP_N] = 
+					param('skipN').split(/[,;: ]+/).collect { |i| i.to_i } 
+			end
+			if param('skipNsucc') != ""
+				criteria.combinations[CombinationCoverage::SKIP_N_SUCCESSIVE] = 
+					param('skipNsucc').split(/[,;: ]+/).collect { |i| i.to_i } 
+		 	end
+		 	if param('combineN') != ""
+			 	criteria.combinations[CombinationCoverage::COMBINE_N] =
+					param('combineN').split(/[,;: ]+/).collect { |i| i.to_i } 
+			#puts "criteria.combinations[CombinationCoverage::SKIP_N] #{criteria.combinations[CombinationCoverage::SKIP_N].inspect}"
+		 	end
+		 	if param('combineNsucc') != ""
+			 	criteria.combinations[CombinationCoverage::COMBINE_N_SUCCESSIVE] =
+					param('combineNsucc').split(/[,;: ]+/).collect { |i| i.to_i } 
+		 	end
+		 	if param('repeatN') != ""
+			 	criteria.repeat_N = param('repeatN').to_i
+		 	end
+		 	if param('onlyStart') != ""
+			 	criteria.only_connect_to_start = param('onlyStart') == "true"
+		 	end
+		 	
+
+			# initialize graph
+			begin
+				Toaster::Util.exec_timeout(1*60, Timeout::ExitException) {
+					graph = Toaster::StateTransitionGraph.build_graph_for_automation(
+						automation, criteria)
+				}
+		 	rescue Timeout::ExitException => eexc
+		 		puts "WARN: Graph generation aborted due to timeout."
+		 		%>
+		 		alert("WARN: Graph generation aborted due to timeout.");
+		 		<% 
+		 	end
+		rescue => ex
+			puts "#{ex}: #{ex.backtrace.join("\n")}"
+		end
+	%>
+	graph = <%= graph ? graph.to_simple_json().html_safe : {} %>
+	<% end %>
+	</script>
+	<script type="text/javascript">
+	$(document).ready(function() {
+		try {
+			loadGraph(graph);
+		} catch(exc) {
+			alert("ERROR: " + exc);
+		}
+		$("#loading").hide();
+	});
+	</script>
+ </body>
+</html>

data/webapp/app/views/layouts/application.html.erb

@@ -0,0 +1,114 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+<head>
+        <title>ToASTER - Testing of Cloud Infrastructure Deployments</title>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
+        <meta name="description" content="ToASTER Cloud Testing Tool" />
+        <meta name="keywords" content="ToASTER, Infrastructure as Code, Testing" />
+  <%= stylesheet_link_tag    "application", media: "all", "data-turbolinks-track" => true %>
+  <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
+  <%= csrf_meta_tags %>
+</head>
+<body>
+    <%
+    # init session variables
+    session['service.host'] = Toaster::Config.get("service.host") if "#{session['service.host']}".empty?
+    session['service.port'] = Toaster::Config.get("service.port") if "#{session['service.port']}".empty?
+    session['db.host'] = Toaster::Config.get("db.host") if "#{session['db.host']}".empty?
+    session['db.port'] = Toaster::Config.get("db.port") if "#{session['db.port']}".empty?
+    %>
+	<p class="notice"><%= notice %></p>
+    <p class="alert"><%= alert %></p>
+
+    <div class="container">
+		<div class="header">
+			<h1>ToASTER<sup>[beta]</sup></h1>
+            <% if user_signed_in? %>
+                <div class="userinfo">
+                    <div><b>User:</b> <%= current_user.email %></div>
+                    <div><%= link_to "Sign out", destroy_user_session_path, :method => :delete %></div>
+                </div>
+            <% end %>
+			<!--<h2>Testing of Cloud Infrastructure Deployments (Chef/Puppet)</h2>-->
+		</div>
+                <ul class="ca-menu">
+                    <li class="<%= request.path.match(/^\/scripts/) || request.path == "/" ? "active" : "inactive" %>">
+                        <a href="/scripts">
+                            <span class="ca-icon">e</span>
+                            <div class="ca-content">
+                                <h2 class="ca-main">Automations</h2>
+                                <h3 class="ca-sub">List Chef/Puppet scripts</h3>
+                            </div>
+                        </a>
+                        <ul><li><a href="/scripts">Automation Scripts</a></li>
+                        <li><a href="/scripts/tasks">Automation Tasks</a></li>
+                        <li><a href="/scripts/graph">State Transition Graph</a></li></ul>
+                    </li>
+                    <li class="<%= request.path.match(/^\/test/) ? "active" : "inactive" %>">
+                        <a href="/test/suites">
+                            <span class="ca-icon">C</span>
+                            <div class="ca-content">
+                                <h2 class="ca-main">Testing</h2>
+                                <h3 class="ca-sub">View/generate test cases</h3>
+                            </div>
+                        </a>
+                        <ul><li><a href="/test/suites">Test Suites</a></li>
+                        <li><a href="/test/gen">Generate Tests</a></li></ul>
+                    </li>
+                    <li class="<%= request.path.match(/^\/execs/) ? "active" : "inactive" %>">
+                        <a href="/execs">
+                            <span class="ca-icon">p</span>
+                            <div class="ca-content">
+                                <h2 class="ca-main">Executions</h2>
+                                <h3 class="ca-sub">Inspect automation runs</h3>
+                            </div>
+                        </a>
+                        <ul><li><a href="/execs">Automation Runs</a></li>
+                        <li><a href="/execs/0/tasks">Task Executions</a></li></ul>
+                    </li>
+                    <li class="<%= request.path.match(/^\/analysis/) ? "active" : "inactive" %>">
+                        <a href="/analysis/conv">
+                            <span class="ca-icon">L</span>
+                            <div class="ca-content">
+                                <h2 class="ca-main">Analysis</h2>
+                                <h3 class="ca-sub">Test coverage/results</h3>
+                            </div>
+                        </a>
+                        <ul><li><a href="/analysis/conv">Convergence</a></li>
+                        <li><a href="/analysis/idem">Idempotence</a></li></ul>
+                    </li>
+                    <li class="<%= request.path.match(/^\/util/) ? "active" : "inactive" %>">
+                        <a href="/util/chef">
+                            <span class="ca-icon">M</span>
+                            <div class="ca-content">
+                                <h2 class="ca-main">Utilities</h2>
+                                <h3 class="ca-sub">Miscellaneous tools</h3>
+                            </div>
+                        </a>
+                        <ul><li><a href="/util/chef">Chef</a></li></ul>
+                    </li>
+                    <li class="<%= request.path.match(/^\/settings/) ? "active" : "inactive" %>">
+                        <a href="/settings/index">
+                            <span class="ca-icon">K</span>
+                            <div class="ca-content">
+                                <h2 class="ca-main">Settings</h2>
+                                <h3 class="ca-sub">Adjust configurations</h3>
+                            </div>
+                        </a>
+                        <ul><li><a href="/settings/index">Configuration</a></li>
+                        <li><a href="/settings/containers">Containers</a></li></ul>
+                    </li>
+                </ul>
+
+		<div class="pages">
+			<div id="quickstart" class="panel">
+			<div class="content">
+				<%= yield %>
+			</div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>

data/webapp/app/views/scripts/edit.html.erb

@@ -0,0 +1,58 @@
+<h1>Automation Details</h1>
+
+<%= form_for cur_auto, {:url => request.path, as: :auto} do |f| %>
+<table class="details">
+	<tr>
+		<td>Name</td><td><%= f.text_field(:name, value: cur_auto ? cur_auto.name : "") %></td>
+	</tr><tr>
+		<td>Type</td><td>
+			<%= f.select(:language, options_for_select(['Chef', 'Puppet'])) %>
+		</td>
+	</tr><tr>
+		<td>Script URL (gzip):</td><td><%= f.text_field(:script, value: cur_auto ? cur_auto.script : "") %></td>
+	</tr><tr>
+		<td>Parameters:</td><td><ul>
+			<% cur_auto.automation_attributes.each_with_index do |attr,index| %>
+	    	<%= f.fields_for "attr[#{index + 1}]", attr do |params_form| %>
+		      <li>
+		        <%= params_form.text_field :key %> = 
+		        <%= params_form.text_field :value %>
+				<%= submit_tag("remove", :name => "del_param[#{index + 1}]") %>
+		      </li>
+		    <% end end %>
+		  </ul>
+		  <%= submit_tag("Add Parameter", :name => "add_param") %>
+		</td>
+	</tr><tr>
+		<td>Ignored State Properties</td><td><ul>
+			<% cur_auto.ignore_properties.each_with_index do |attr,index| %>
+	    	<%= f.fields_for "ignoreprop[#{index + 1}]", attr do |params_form| %>
+		      <li>
+		        <%= params_form.text_field :key %>
+				<%= submit_tag("remove", :name => "del_ignoreprop[#{index + 1}]") %>
+		      </li>
+		    <% end end %>
+		  </ul>
+		  <%= submit_tag("Add Ignored Property", :name => "add_ignoreprop") %>
+		</td>
+	</tr><tr>
+		<td>Additional State Property Watch</td><td><ul>
+			<% cur_auto.additional_properties.each_with_index do |attr,index| %>
+	    	<%= f.fields_for "additionalprop[#{index + 1}]", attr do |params_form| %>
+		      <li>
+		        <%= params_form.text_field :key %>
+				<%= submit_tag("remove", :name => "del_additionalprop[#{index + 1}]") %>
+		      </li>
+		    <% end end %>
+		  </ul>
+		  <%= submit_tag("Add Property Watch", :name => "add_additionalprop") %>
+		</td>
+	</tr><tr>
+		<td>Visibility</td><td>
+			<%= f.select(:visibility, options_for_select(['Private', "Public"])) %>
+		</td>
+	</tr><tr>
+		<td>&nbsp;</td><td><%= f.submit("Save", :name => "save") %></td>
+	</tr>
+</table>
+<% end %>

data/webapp/app/views/scripts/graph.html.erb

@@ -0,0 +1,75 @@
+<%
+require "toaster/model/automation"
+
+automation = nil
+
+begin
+
+automation = cur_auto()
+
+end
+
+%>
+<div>
+<form action="<%= l({'p' => 'graph'}) %>" method="post">
+<input type="hidden" name="sessionID" value="<%= $session["session_id"] %>"/>
+
+	<% if automation %>
+<h2>State Graph for Automation '<a href="/scripts/<%= automation.id %>"><%= automation.name %></a>'</h2>
+
+	<% if param('genGraph') != ""
+		idem = param('idempotenceN').gsub(/\s+/, "")
+		if idem.include?("..")
+			idem = eval("#{idem}").to_a.join(",")
+		else
+			idem = [idem.to_i]
+		end
+		skipN = param('skipN').gsub(/\s+/, "")
+		skipNsucc = param('skipNsucc').gsub(/\s+/, "")
+		combineN = param('combineN').gsub(/\s+/, "")
+		combineNsucc = param('combineNsucc').gsub(/\s+/, "")
+		repeatN = param('cycleFree') != "" ? "1" : "-1"
+		onlyStart = param('onlyStart') != "" ? "true" : "false"
+	%>
+	<h3>State graph</h3>
+<div id="loading">
+	<img src="/assets/loading.gif" /><br/>
+	Please wait while the graph is being loaded...
+</div>
+<!--<div id="graphFrameDiv" style="width: 99%; height: 350px; padding: 1px; border: 0px;">-->
+<iframe src="<%= l('p' => "/graph/#{automation.id}/graph_frame", 'auto' => automation.id, 'onlyStart' => onlyStart, 'idemN' => idem, 'repeatN' => repeatN, 
+	'skipN' => skipN, 'skipNsucc' => skipNsucc, 'combineN' => combineN, 'combineNsucc' => combineNsucc) %>" 
+	style="margin: 1px; width: 99.5%; height: 98%; border: 2px solid #888888;" id="graphFrame"></iframe>
+<!--</div>-->
+<script type="text/javascript">
+	$('iframe#graphFrame').load(function() {
+        $('#loading').hide();
+    });
+	$('#graphFrameDiv').resizable();
+</script>
+<div style="clear: both; margin-top: 10px;">
+<a href="<%= l('p' => 'graph_frame', 'auto' => automation.id) %>" target="_blank">Open in New Window</a>
+</div>
+	<% end %>
+
+	<h3>Coverage Settings</h3>
+	<table>
+		<tr><td><b>Idempotence</b></td><td colspan="2">N &#8712; {<input type="text" name="idempotenceN" style="width: 150px" value="<%= param('idempotenceN','0') %>"/>}
+			<br/>(test idempotence of N consecutive tasks)</td></tr>
+		<tr><td><b>Combinations</b></td>
+			<td>skip-N:</td><td>N &#8712; {<input type="text" name="skipN" style="width: 150px" value="<%= param('skipN') %>"/>}</td></tr>
+			<tr><td></td><td>skip-N-successive:</td><td>N &#8712; {<input type="text" name="skipNsucc" style="width: 150px" value="<%= param('skipNsucc') %>"/>}</td></tr>
+			<tr><td></td><td>combine-N:</td><td>N &#8712; {<input type="text" name="combineN" style="width: 150px" value="<%= param('combineN') %>"/>}</td></tr>
+			<tr><td></td><td>combine-N-successive:</td><td>N &#8712; {<input type="text" name="combineNsucc" style="width: 150px" value="<%= param('combineNsucc') %>"/>}</td></tr>
+		<tr><td><b>Iterations</b></td><td colspan="2"><input type="checkbox" name="cycleFree" <%= param('cycleFree') != '' ? 'checked="checked"' : '' %> />
+			generate cycle-free graph</td></tr>
+		<tr><td></td><td colspan="2"><input type="checkbox" name="onlyStart" <%= (param('genGraph') == '' || param('onlyStart') != '') ? 'checked="checked"' : '' %> /> always repeat from start node</td></tr>
+		<tr><td></td><td colspan="2"><input type="submit" name="genGraph" value="Generate Graph"/></td></tr>
+	</table>
+
+	<% else %>
+	<h2>State Graph</h2>
+	Please select an automation to display its state graph.
+	<% end %>
+</form>
+</div>

data/webapp/app/views/scripts/import_chef.html.erb

@@ -0,0 +1,104 @@
+<h1>Chef Import</h1>
+<%
+$session = session
+if !$session['gen.available_recipes']
+	$session['gen.available_recipes'] = {}
+end
+if !$session['gen.available_cookbook_versions']
+	$session['gen.available_cookbook_versions'] = {}
+end
+if !$session['gen.available_cookbooks']
+	$session['gen.available_cookbooks'] = []
+end
+available_cookbooks = $session['gen.available_cookbooks']
+available_cookbook_versions = $session['gen.available_cookbook_versions']
+available_recipes = $session['gen.available_recipes']
+message = ""
+
+# retrieve list of available cookbooks from opscode
+if param("loadOpsCode") != ""
+	books = ChefUtil.available_cookbooks_from_opscode()
+	if books
+		books.each do |b|
+			available_cookbooks << b["cookbook_name"]
+		end
+		$session['gen.available_cookbooks'] = Toaster::MarkupUtil.to_json(available_cookbooks)
+	end
+	message += "Loaded #{books.size} cookbooks from opscode. Try auto-completion in textfield." if !books.empty?
+end
+
+# retrieve list of available cookbooks from opscode
+if param("cookbook") != ""
+	cb_name = param("cookbook")
+	if !available_cookbook_versions[cb_name] || available_cookbook_versions[cb_name].empty?
+		available_cookbook_versions[cb_name] = 
+			ChefUtil.available_cookbook_versions(cb_name)
+	end
+end
+
+# retrieve list of available recipes for a specific cookbook
+if param("loadOpsCodeRecipes") != ""
+	recipes = ChefUtil.available_recipes_from_opscode(param('cookbook'), param('cookbook_version'))
+	if recipes
+		available_recipes[param('cookbook')] = []
+		recipes.each do |r|
+			available_recipes[param('cookbook')] << r["recipe_name"]
+		end
+		#available_recipes[param('cookbook')] = Toaster::MarkupUtil.to_json(available_recipes)
+	end
+	message += "Loaded #{recipes.size} recipes for cookbook '#{param('cookbook')}' version '#{param('cookbook_version')}' from opscode. Try auto-completion in textfield." if !recipes.empty?
+end
+
+%>
+<% puts params
+if message && message.to_s != "" %>
+<div class="info"><%= message %></div>
+<% end %>
+<%= form_tag do %>
+<table>
+<tr><td><b>Automation Name:</b></td><td>
+	<%= text_field_tag :auto_name, param('auto_name', '') %>
+	</td><td>
+	</td></tr>
+<tr><td><b>Chef Cookbook:</b></td><td>
+	<%= text_field_tag :cookbook, param("cookbook", 'tomcat6'), :id => "cookbook" %>
+	</td><td>
+	<% if available_cookbooks.empty? %>
+	<input type="submit" value="Load from OpsCode.com" name="loadOpsCode"/><br/>
+	<% else %>
+	<script type="text/javascript">
+	$(function() {
+	  var availables = <%= available_cookbooks.inspect.html_safe %>;
+      $("#cookbook").autocomplete({source: availables});
+	});
+	</script>
+	<% end %> 
+</td></tr>
+<tr><td><b>Version:</b></td><td>
+	<%= select_tag(:cookbook_version, options_for_select(["latest"].concat(
+		available_cookbook_versions[param('cookbook')] || []))) %>
+	</td><td>
+	<input type="submit" value="Update" name="loadOpsCodeVersions"/>
+</td></tr>
+<tr><td style="vertical-align: top"><b>Recipe Name(s):</b></td><td>
+	<%= text_field_tag :recipes, param('recipes', 'default'), :id => "recipes" %><br/>
+	(Use space or comma as separator.)<br/>
+	</td><td>
+	<input type="submit" value="Load from OpsCode.com" name="loadOpsCodeRecipes"/><br/>
+	<% if available_recipes[param('cookbook')] && !available_recipes[param('cookbook')].empty? %>
+	<script type="text/javascript">
+	$(function() {
+	  var availables = <%= available_recipes[param('cookbook')].inspect.html_safe %>;
+      $("#recipes").autocomplete({source: availables});
+	});
+	</script>
+	<% end %> 
+</td></tr>
+<tr>
+	<td></td><td>
+		<%= submit_tag("Import Chef Script", :name => "submitImport") %>
+	</td><td>
+	</td>
+</tr>
+</table>
+<% end %>