coupler 0.0.1-java

data/webroot/views/matchers/form.erb

@@ -0,0 +1,250 @@
+<%- @breadcrumbs = [@project, @scenario, @matcher.new? ? "New Matcher" : "Edit Matcher"] -%>
+<%= error_messages_for @matcher %>
+<%= form_tag_for(@matcher, :base_url => "/projects/#{@project.id}/scenarios/#{@scenario.id}/matchers") %>
+  <h3>Comparisons</h3>
+  <%- if @matcher.comparisons.count == 0 -%>
+  <div id="no-comparisons" style="margin-bottom: 1em;">
+    There are currently no fields selected.
+  </div>
+  <%- end -%>
+  <div id="comparisons" style="display: <%= @matcher.comparisons.count == 0 ? "none;" : "block;" %>">
+    <table class="list">
+      <thead>
+        <tr>
+          <th>#</th>
+          <th>Value 1</th>
+          <th></th>
+          <th>Value 2</th>
+        </tr>
+      </thead>
+      <tbody>
+      <%- @matcher.comparisons.each_with_index do |comparison, i| -%>
+        <tr id="comparison-row-<%= i %>">
+          <td><%= i + 1 %></td>
+          <td><%= comparison.lhs_label %></td>
+          <td><%= comparison.operator_symbol %></td>
+          <td><%= comparison.rhs_label %></td>
+          <td><a href="#" onclick="deleteComparison(<%= i %>); return false;">Delete</a></td>
+        </tr>
+      <%- end -%>
+      </tbody>
+    </table>
+  <%- @matcher.comparisons.each_with_index do |comparison, i| -%>
+    <%-# This could be done in one loop, but it's a lot less readable -%>
+    <div id='comparison-<%= i %>' style='display: none;'>
+      <% if !comparison.new? %><input type='hidden' name='matcher[comparisons_attributes][<%= i %>][id]' value='<%= comparison.id %>' /><% end %>
+      <input type='hidden' name='matcher[comparisons_attributes][<%= i %>][lhs_type]' value='<%= comparison.lhs_type %>' />
+      <input type='hidden' name='matcher[comparisons_attributes][<%= i %>][raw_lhs_value]' value='<%= comparison.raw_lhs_value %>' />
+      <input type='hidden' name='matcher[comparisons_attributes][<%= i %>][lhs_which]' value='<%= comparison.lhs_which %>' />
+      <input type='hidden' name='matcher[comparisons_attributes][<%= i %>][rhs_type]' value='<%= comparison.rhs_type %>' />
+      <input type='hidden' name='matcher[comparisons_attributes][<%= i %>][raw_rhs_value]' value='<%= comparison.raw_rhs_value %>' />
+      <input type='hidden' name='matcher[comparisons_attributes][<%= i %>][rhs_which]' value='<%= comparison.rhs_which %>' />
+      <input type='hidden' name='matcher[comparisons_attributes][<%= i %>][operator]' value='<%= comparison.operator %>' />
+    </div>
+  <%- end -%>
+  </div>
+  <p>
+    <a href="#" onclick="addComparison(); return false;">Add comparison</a>
+  </p>
+  <h3>Finish</h3>
+  <div id="no-finish" style="display: <%= @matcher.comparisons.count == 0 ? "block;" : "none;" %>">
+    You must add at least one field before finishing, or you can <a href="/projects/<%= @project.id %>/scenarios/<%= @scenario.id %>">cancel</a>.
+  </div>
+  <div id="finish" style="display: <%= @matcher.comparisons.count == 0 ? "none;" : "block;" %>">
+    <input type="submit" value="Submit" /> or <a href="/projects/<%= @project.id %>/scenarios/<%= @scenario.id %>">Cancel</a>
+  </div>
+
+  <div id="add-comparison-dialog" style="display: none;">
+    <table class="form">
+      <thead>
+        <tr>
+          <th>Type</th>
+          <th>Value</th>
+        </tr>
+      </thead>
+      <tbody>
+      <%- %w{lhs rhs}.each do |name| -%>
+        <tr>
+          <td>
+            <select id="<%= name %>_type">
+            <%- Coupler::Models::Comparison::TYPES.each do |type| -%>
+              <option value="<%= type %>"<%= ' selected="selected"' if type == 'field' %>><%= type.capitalize %></option>
+            <%- end -%>
+            </select>
+          </td>
+          <td>
+            <select id="<%= name %>_value_select" style="width: 100%">
+              <option></option>
+            <%- @resources.values_at(0, -1).each_with_index do |resource, i| -%>
+              <optgroup label="<%= resource.name %><%= " [#{i+1}]" if @resources.length == 1 %>">
+              <%- resource.selected_fields.each do |field| -%>
+                <option value="<%= i+1 %>__<%= field.id %>"><%= field.name %></option>
+              <%- end -%>
+              </optgroup>
+            <%- end -%>
+            </select>
+            <input id="<%= name %>_value_text" type="text" style="display: none;" />
+          </td>
+        </tr>
+      <%- end -%>
+      </tbody>
+    </table>
+    <div style="padding-top: 1em">
+      <strong><label for="operator">Operator:</label></strong>
+      <select id="operator">
+      <%- Coupler::Models::Comparison::OPERATORS.keys.each do |type| -%>
+        <option value="<%= type %>"><%= humanize(type) %></option>
+      <%- end -%>
+      </select>
+    </div>
+  </div>
+</form>
+
+<script type="text/javascript">
+  var totalComparisons = <%= @matcher.comparisons.length %>;
+  var numComparisons = <%= @matcher.comparisons.length %>;
+  var operators = <%= Coupler::Models::Comparison::OPERATORS.to_json %>;
+  var resources = <%= @resources.collect(&:name).to_json %>;
+
+  function addComparison() {
+    $('#add-comparison-dialog').dialog('open');
+  }
+
+  function deleteComparison(i) {
+    container = $('#comparison-'+i);
+    if (container.find('input[name$="[id]"]').length > 0) {
+      container.append("<input type='hidden' name='matcher[comparisons_attributes]["+i+"][_delete]' value='true' />");
+      $('#comparison-row-'+i)
+        .addClass('strikethrough')
+        .find('td:last')
+        .html('<a href="#" onclick="undeleteComparison('+i+'); return false;">Undelete</a>')
+        .css('textDecoration', 'none');
+    }
+    else {
+      container.remove();
+      $('#comparison-row-'+i).remove();
+    }
+    if (--numComparisons == 0) {
+      $('#no-finish').show();
+      $('#finish').hide();
+    }
+  }
+
+  function undeleteComparison(i) {
+    $('#comparison-'+i+' input[name*=delete]').remove();
+    $('#comparison-row-'+i)
+      .removeClass('strikethrough')
+      .find('td:last')
+      .html('<a href="#" onclick="deleteComparison('+i+'); return false;">Delete</a>');
+    if (++numComparisons == 1) {
+      $('#no-finish').hide();
+      $('#finish').show();
+    }
+  }
+
+  $(function() {
+    $('#add-comparison-dialog').dialog({
+      autoOpen: false, title: "Add comparison", modal: true, width: 'auto',
+      buttons: {
+        "Add": function() {
+          var types = [];
+          var values = [];
+          var labels = [];
+          var whichs = [];
+          var operator = $('#operator').val();
+          $('#lhs_type, #rhs_type').each(function() {
+            var type = $(this);
+            types.push(type.val());
+            var name = type.attr('id').replace(/_type$/, "")
+            if (type.val() == 'field') {
+              var obj = $('#'+name+'_value_select :selected');
+              var label = obj.html();
+
+              var md = obj.val().match(/^([12])__(\d+)$/);
+              var which = md[1]
+              var id = md[2];
+              if (resources.length == 1) {
+                label += ' ('+resources[0]+'<span class="sup">'+which+'</span>)';
+              }
+              else {
+                label += ' ('+resources[parseInt(which)-1]+')';
+                which = ''
+              }
+              values.push(id); whichs.push(which); labels.push(label);
+            }
+            else {
+              var obj = $('#'+name+'_value_text');
+              values.push(obj.val());
+              if (type.val() == 'string') {
+                labels.push('"'+obj.val()+'"');
+              }
+              else {
+                labels.push(obj.val());
+              }
+              whichs.push('');
+            }
+          });
+
+          $("<tr id='comparison-row-"+totalComparisons+"'></tr>")
+            .append("<td>"+(totalComparisons+1)+"</td>")
+            .append("<td>"+labels[0]+"</td>")
+            .append("<td>"+operators[operator]+"</td>")
+            .append("<td>"+labels[1]+"</td>")
+            .append("<td><a href='#' onclick='deleteComparison("+totalComparisons+"); return false;'>Delete</a></td>")
+            .appendTo($('#comparisons table tbody'));
+          $("<div id='comparison-"+totalComparisons+"' style='display: none;'></div>")
+            .append("<input type='hidden' name='matcher[comparisons_attributes]["+totalComparisons+"][lhs_type]' value='"+types[0]+"' />")
+            .append("<input type='hidden' name='matcher[comparisons_attributes]["+totalComparisons+"][raw_lhs_value]' value='"+values[0]+"' />")
+            .append("<input type='hidden' name='matcher[comparisons_attributes]["+totalComparisons+"][lhs_which]' value='"+whichs[0]+"' />")
+            .append("<input type='hidden' name='matcher[comparisons_attributes]["+totalComparisons+"][rhs_type]' value='"+types[1]+"' />")
+            .append("<input type='hidden' name='matcher[comparisons_attributes]["+totalComparisons+"][raw_rhs_value]' value='"+values[1]+"' />")
+            .append("<input type='hidden' name='matcher[comparisons_attributes]["+totalComparisons+"][rhs_which]' value='"+whichs[1]+"' />")
+            .append("<input type='hidden' name='matcher[comparisons_attributes]["+totalComparisons+"][operator]' value='"+operator+"' />")
+            .appendTo($('#comparisons'));
+          numComparisons++;
+          totalComparisons++;
+
+          $('#no-comparisons').hide();
+          $('#comparisons').show();
+          $('#no-finish').hide();
+          $('#finish').show();
+          $('#add-comparison-dialog').dialog('close');
+        },
+        "Cancel": function() {
+          $('#add-comparison-dialog').dialog('close');
+        }
+      }
+    });
+    $('#lhs_type, #rhs_type').change(function() {
+      obj = $(this);
+      name = obj.attr('id').replace(/_type$/, "")
+      if (obj.val() == 'field') {
+        $("#"+name+"_value_select").show();
+        $("#"+name+"_value_text").hide();
+      }
+      else {
+        $("#"+name+"_value_select").hide();
+        $("#"+name+"_value_text").show();
+      }
+    });
+    $('#lhs_value_select').change(function() {
+      if ($("#rhs_type").val() == "field") {
+        // try to select an analagous second field
+        var rhs_value_select = $('#rhs_value_select');
+        var lhs_value = $(this).find(':selected');
+        if (lhs_value.val().match(/^1__/) != null) {
+          if (resources.length == 1) {
+            // field from first self-linkage table selected
+            rhs_value_select.val(lhs_value.val().replace(/^1__/, '2__'));
+          }
+          else {
+            option = rhs_value_select.find('option[value^=2__]:contains('+lhs_value.html()+')')
+            if (option.length > 0) {
+              rhs_value_select.val(option.attr('value'));
+            }
+          }
+        }
+      }
+    });
+  });
+</script>

data/webroot/views/matchers/list.erb

@@ -0,0 +1,32 @@
+<% if @matcher.nil? %>
+<p>There is currently no matcher for this scenario.</p>
+<% else %>
+<table class="list">
+  <thead>
+    <tr>
+      <th>Value 1</th>
+      <th></th>
+      <th>Value 2</th>
+      <th></th>
+      <th></th>
+    </tr>
+  </thead>
+  <tbody>
+    <%- comparisons = @matcher.comparisons -%>
+    <tr>
+      <td><%= comparisons[0].lhs_label %></td>
+      <td><%= comparisons[0].operator_symbol %></td>
+      <td><%= comparisons[0].rhs_label %></td>
+      <td rowspan="<%= comparisons.length %>"><a href="/projects/<%= @project.id %>/scenarios/<%= @scenario.id %>/matchers/<%= @matcher.id %>/edit">Edit</a></td>
+      <td rowspan="<%= comparisons.length %>"><%= delete_link("Delete", "/projects/#{@project.id}/scenarios/#{@scenario.id}/matchers/#{@matcher.id}") %></td>
+    </tr>
+    <%- comparisons[1..-1].each_with_index do |comparison, j| -%>
+    <tr<%= " class='alt'" if j % 2 == 0 %>>
+      <td><%= comparison.lhs_label %></td>
+      <td><%= comparison.operator_symbol %></td>
+      <td><%= comparison.rhs_label %></td>
+    </tr>
+    <%- end -%>
+  </tbody>
+</table>
+<% end %>

data/webroot/views/projects/form.erb

@@ -0,0 +1,14 @@
+<% @breadcrumbs = [@project] %>
+<%= form_tag_for(@project, :base_url => "/projects") %>
+  <p>
+    <label for="name">Name</label><br/>
+    <input id="name" name="project[name]" value="<%= @project.name %>" type="text" />
+  </p>
+  <p>
+    <label for="description">Description</label><br/>
+    <input id="description" name="project[description]" value="<%= @project.description %>" type="text" />
+  </p>
+  <p>
+    <input type="submit" value="Submit" /> or <a href="/projects">Cancel</a>
+  </p>
+</form>

data/webroot/views/projects/index.erb

@@ -0,0 +1,96 @@
+<%- @breadcrumbs = ["Projects"] -%>
+<ul class="projects">
+  <%- @projects.each_with_index do |project, i| -%>
+    <li class="project ui-widget" style="z-index: <%= 100 - (i * 3) %>;">
+      <%- if project.description.present? -%>
+        <div class="tooltip ui-corner-right" style="z-index: <%= 98 - (i * 3) %>;">
+          <h3>Description</h3>
+          <div class="description"><%= h(project.description) %></div>
+        </div>
+      <%- end -%>
+      <div class="header ui-widget-header ui-corner-tl ui-corner-tr" style="z-index: <%= 99 - (i * 3) %>;"><a href="/projects/<%= project.id %>" title="<%= h(project.name) %>"><%= project.name %></a></div>
+      <div class="content ui-widget-content ui-corner-bl ui-corner-br" style="z-index: <%= 99 - (i * 3) %>;">
+        <ul class="links">
+          <li><span class="ui-icon ui-icon-document"></span><a href="/projects/<%= project.id %>/resources">Resources</a> (<%= @resource_counts[project.id] || 0 %>)</li>
+          <li><span class="ui-icon ui-icon-document"></span><a href="/projects/<%= project.id %>/scenarios">Scenarios</a> (<%= @scenario_counts[project.id] || 0 %>)</li>
+        </ul>
+        <div class="buttons">
+          <button class="edit-project" onclick="window.location.href = '/projects/<%= project.id %>/edit'">Edit</button>
+          <button class="delete-project" onclick="return deleteProject(<%= project.id %>, '<%= project.name %>');">Delete</button>
+        </div>
+      </div>
+    </li>
+  <%- end -%>
+</ul>
+<div class="clear"></div>
+<p>
+  <a href="/projects/new">New Project</a>
+</p>
+<div id="delete-project-dialog" style="display: none;">
+  <form id="delete-form" method="post">
+    <div style="display: none;">
+      <input type="hidden" name="_method" value="delete" />
+    </div>
+    <div id="confirm-1">
+      <p>Are you sure you want to delete this project?  This will delete everything about this project, including scenarios and resources.</p>
+      <br/>
+      <p>
+        <label for="nuke">Delete old versions, too?</label>
+        <input id="nuke" name="nuke" type="checkbox" value="true" />
+      </p>
+    </div>
+    <div id="confirm-2" style="display: none;">
+      <div id="nuke-choice" style="margin-bottom: 1em;">You have chosen to delete the project <strong>AND</strong> its history.</div>
+      <p>Are you really sure?</p>
+    </div>
+  </form>
+</div>
+<div id="tooltip" style="display: none;"></div>
+
+<script type="text/javascript">
+  function deleteProject(id, name) {
+    $('#delete-form').attr('action', '/projects/'+id);
+    $('#delete-project-dialog').dialog('option', 'title', 'Delete '+name).dialog('open');
+  }
+  $(function() {
+    $('#delete-project-dialog').dialog({
+      autoOpen: false,
+      buttons: {
+        "Yes": function() {
+          if ($('#confirm-1').is(':visible')) {
+            $('#nuke-choice').toggle($('#nuke').is(':checked'));
+            $('#confirm-1').hide();
+            $('#confirm-2').show();
+          }
+          else {
+            $('#delete-form').submit();
+          }
+        },
+        "No": function() {
+          $('#delete-project-dialog').dialog('close');
+          $('#nuke').attr('checked', false)
+          $('#confirm-1').show();
+          $('#confirm-2').hide();
+        }
+      },
+      modal: true
+    });
+    $('button.edit-project').button({icons: { primary: 'ui-icon-pencil' }});
+    $('button.delete-project').button({icons: { primary: 'ui-icon-trash' }});
+
+    $('li.project:has(.tooltip)').
+      mouseenter(function() {
+        var t = $(this);
+        t.find('.header').removeClass('ui-corner-tr');
+        t.find('.content').removeClass('ui-corner-br');
+        t.find('.tooltip').stop().animate({right: '-125px'});
+      }).
+      mouseleave(function() {
+        var t = $(this);
+        t.find('.tooltip').stop().animate({right: '0px'}, function() {
+          t.find('.header').addClass('ui-corner-tr');
+          t.find('.content').addClass('ui-corner-br');
+        });
+      });
+  });
+</script>

data/webroot/views/projects/show.erb

@@ -0,0 +1,24 @@
+<% @breadcrumbs = [@project] %>
+<% if flash[:newly_created] %>
+<div id="notice">
+  Project successfully created!
+
+  You'll need to <a href="/projects/<%= @project.id %>/resources/new">add a resource</a> next.
+</div>
+<% end %>
+
+<h2>Resources</h2>
+<div class="section">
+  <%= erb(:"resources/list", :layout => false) %>
+  <p>
+    <a href="/projects/<%= @project.id %>/resources/new">Add resource</a>
+  </p>
+</div>
+
+<h2>Scenarios</h2>
+<div class="section">
+  <%= erb(:"scenarios/list", :layout => false) %>
+  <p>
+    <a href="/projects/<%= @project.id %>/scenarios/new">Create scenario</a>
+  </p>
+</div>

data/webroot/views/resources/edit.erb

@@ -0,0 +1,88 @@
+<%- @breadcrumbs = [@project, @resource, "Edit"] -%>
+<%- add_javascript('jquery.dataTables.min.js') -%>
+<%- add_stylesheet('dataTables.css') -%>
+<%= error_messages_for @resource %>
+
+<h2>Fields To Select</h2>
+<table id="fields" class="dataTable" style="clear: both;">
+  <thead>
+    <tr>
+      <th><input id="toggle_all" type="checkbox" /></th>
+      <th>Field</th>
+      <th>Type</th>
+    </tr>
+  </thead>
+  <tbody>
+  <%- @fields.each do |field| -%>
+    <tr>
+      <td style="text-align: center;"><input id="field_checkbox_<%= field.id %>" class="field_checkbox" type="checkbox" onclick="toggleField('<%= field.id %>', this);"<%= " checked='checked'" if field.is_selected %> /></td>
+      <td><label for="field_checkbox_<%= field.id %>"><%= field.name %></label></td>
+      <td><%= field.db_type %></td>
+    </tr>
+  <%- end -%>
+  </tbody>
+</table>
+<div id="selection_count"><strong>Fields currently selected</strong>: <span><%= @selection_count %></span> (out of <%= @fields.length %>)</div>
+
+<form method="post" action="/projects/<%= @project.id %>/resources/<%= @resource.id %>">
+  <div style="display: none;">
+    <input name="_method" type="hidden" value="put" />
+    <%- @fields.each do |field| -%>
+    <input type="hidden" name="resource[fields_attributes][<%= field.id %>][id]" value="<%= field.id %>" />
+    <input id="field_<%= field.id %>" class='field' type="hidden" name="resource[fields_attributes][<%= field.id %>][is_selected]" value="<%= field.is_selected ? 1 : 0 %>" />
+    <%- end -%>
+  </div>
+  <div class="clear"></div>
+  <br/>
+  <p>
+    <input type="submit" value="Submit" /> or <a href="/projects/<%= @project.id %>/resources/<%= @resource.id %>">Cancel</a>
+  </p>
+</form>
+
+<script type="text/javascript">
+  var selection_count = <%= @selection_count %>;
+
+  // called when an actual click happens
+  function toggleField(id, checkbox) {
+    input = $('#field_'+id);
+    if ($(checkbox).is(':checked')) {
+      input.val(1);
+      selection_count++;
+    }
+    else {
+      input.val(0);
+      selection_count--;
+    }
+    updateCount();
+  }
+  function updateCheckboxes() {
+    $('#fields .field_checkbox').each(function() {
+      id = this.id.replace("_checkbox", "");
+      $(this).attr('checked', $('#'+id).val() == "1");
+    });
+  }
+  function updateCount() {
+    $('#selection_count span').html(selection_count);
+  }
+
+  var oTable;
+  $(function() {
+    oTable = $('#fields').dataTable({
+      bJQueryUI: true, aaSorting: [],
+      aoColumns: [ { bSortable: false, bSearchable: false }, null, null ],
+      fnDrawCallback: updateCheckboxes
+    });
+    $('#toggle_all').click(function() {
+      if ($(this).is(':checked')) {
+        $('.field:hidden').val(1);
+        selection_count = <%= @selection_count %>;
+      }
+      else {
+        $('.field:hidden').val(0);
+        selection_count = 0;
+      }
+      updateCheckboxes();
+      updateCount();
+    });
+  });
+</script>

data/webroot/views/resources/index.erb

@@ -0,0 +1,5 @@
+<%- @breadcrumbs = [@project, "Resources"] -%>
+<%= erb(:"resources/list", :layout => false) %>
+<p>
+  <a href="/projects/<%= @project.id %>/resources/new">Add resource</a>
+</p>

data/webroot/views/resources/list.erb

@@ -0,0 +1,27 @@
+<% if @resources.empty? %>
+<p>There are currently no resources for this project.</p>
+<% else %>
+<table class="list">
+  <thead>
+    <tr>
+      <th>Name</th>
+      <% unless @hide_connection %><th>Connection</th><% end %>
+      <th>Database</th>
+      <th>Table</th>
+    </tr>
+  </thead>
+  <tbody>
+  <% @resources.each_with_index do |resource, i| %>
+    <tr<%= ' class="alt"' if i % 2 == 1 %>>
+      <td><a href="/projects/<%= @project.id %>/resources/<%= resource.id %>"><%= resource.name %></a></td>
+      <%- if resource.import_id -%>
+        <td colspan="3" class='centered'>(imported)</td>
+      <%- else -%>
+        <% unless @hide_connection %><td><%= resource.connection.name %></td><% end %>
+        <td><%= resource.table_name %></td>
+      <%- end -%>
+    </tr>
+  <% end %>
+  </tbody>
+</table>
+<% end %>

data/webroot/views/resources/new.erb

@@ -0,0 +1,121 @@
+<% @breadcrumbs = [@project, @resource] %>
+<%= error_messages_for @resource %>
+
+<div class="strong">Choose a resource type:</div>
+<div id="resource-type-buttons" style="padding: 1em 0 2em 2em">
+  <label for="resource-type-database">Database</label><input id="resource-type-database" type="radio" name="resource-type" value="database"<%= ' checked="checked"' if @resource.resource_type == 'database' %> />
+  <label for="resource-type-csv">CSV</label><input id="resource-type-csv" type="radio" name="resource-type" value="csv"<%= ' checked="checked"' if @resource.resource_type == 'csv' %> />
+</div>
+
+<div id="resource-database"<%= ' style="display: none"' if @resource.resource_type != 'database' %>>
+  <form method="post" action="/projects/<%= @project.id %>/resources">
+    <div style='display: none;'><input type='hidden' name="resource[resource_type]" value="database" /></div>
+    <%- if @connections.empty? -%>
+    <h2>Connection</h2>
+    <table class="form">
+      <tr>
+        <td class="left"><label for="connection_name" class="strong">Name</label></td>
+        <td>
+          <input id="connection_name" name="resource[connection_attributes][name]" type="text" value="<%=h @resource.connection.name %>" />
+        </td>
+      </tr>
+      <tr class="alt">
+        <td class="left"><label for="adapter" class="strong">Type</label></td>
+        <td>
+          <select id="adapter" name="resource[connection_attributes][adapter]">
+          <%- Coupler::Models::Connection::ADAPTERS.each do |(value, label)| -%>
+            <option value="<%= value %>"<%= ' selected="selected"' if @resource.connection.adapter == value %>><%= label %></option>
+          <%- end -%>
+          </select>
+        </td>
+      </tr>
+      <tr>
+        <td class="left"><label for="host" class="strong">Host</label></td>
+        <td>
+          <input id="host" name="resource[connection_attributes][host]" type="text" value="<%=h @resource.connection.host %>" />
+        </td>
+      </tr>
+      <tr class="alt">
+        <td class="left"><label for="port" class="strong">Port</label></td>
+        <td>
+          <input id="port" name="resource[connection_attributes][port]" type="text" value="<%=h @resource.connection.port %>" />
+        </td>
+      </tr>
+      <tr>
+        <td class="left"><label for="username" class="strong">Username</label></td>
+        <td>
+          <input id="username" name="resource[connection_attributes][username]" type="text" value="<%=h @resource.connection.username %>" />
+        </td>
+      </tr>
+      <tr class="alt">
+        <td class="left"><label for="password" class="strong">Password</label><br/></td>
+        <td>
+          <input id="password" name="resource[connection_attributes][password]" type="password" />
+        </td>
+      </tr>
+    </table>
+    <%- end -%>
+    <h2>Database</h2>
+    <table class="form">
+      <tr<%= cycle("", ' class="alt"') %>>
+        <td class="left"><label for="name" class="strong">Name</label></td>
+        <td>
+          <input id="name" name="resource[name]" type="text" />
+        </td>
+      </tr>
+      <%- if !@connections.empty? -%>
+      <tr<%= cycle("", ' class="alt"') %>>
+        <td class="left"><label for="connection_id" class="strong">Connection</label></td>
+        <td>
+          <select id="connection_id" name="resource[connection_id]">
+          <%- @connections.each do |connection| -%>
+            <option value="<%= connection.id %>"><%= connection.name %></option>
+          <%- end -%>
+          </select>
+        </td>
+      </tr>
+      <%- end -%>
+      <tr<%= cycle("", ' class="alt"') %>>
+        <td class="left"><label for="table_name" class="strong">Table</label></td>
+        <td>
+          <input id="table_name" name="resource[table_name]" type="text" value="<%= @resource.table_name %>" />
+        </td>
+      </tr>
+    </table>
+    <p>
+      <input type="submit" value="Submit" /> or <a href="/projects/<%= @project.id %>">Cancel</a>
+    </p>
+  </form>
+</div>
+
+<div id="resource-csv"<%= ' style="display: none"' if @resource.resource_type != 'csv' %>>
+  <form id="new-import" method="post" action="/projects/<%= @project.id %>/imports/upload" enctype="multipart/form-data">
+    <div style='display: none;'><input type='hidden' name="resource[resource_type]" value="csv" /></div>
+    <h2>CSV Import</h2>
+    <p>
+      <input type="file" name="data" />
+    </p>
+  </form>
+</div>
+
+<script type="text/javascript">
+  $(function() {
+    $('#resource-type-buttons').buttonset()
+      .find('input').change(function() {
+        val = $(this).val();
+        if (val == "database") {
+          $('#resource-csv').fadeOut('fast', function() {
+            $('#resource-database').fadeIn('fast');
+          });
+        }
+        else if (val == "csv") {
+          $('#resource-database').fadeOut('fast', function() {
+            $('#resource-csv').fadeIn('fast');
+          });
+        }
+      });
+    $('input:file').change(function() {
+      $('#new-import').submit();
+    });
+  });
+</script>