testcard.html.erb

<script type="text/javascript">
$(function() {
  var project = new Project({"project":{"iteration_length":1,"last_changeset_id":123,"iteration_start_day":1,"point_values":[0,1,2,3,5,8],"default_velocity":10,"id":999999,"start_date":"2012/03/08"}});
  project.users.reset([{"user":{"name":"Test User","email":"test@example.com","initials":"TU","id":1}}]);
  project.current_user = new User({"user":{"name":"Test User","email":"test@example.com","initials":"TU","id":1}});

  project.stories.fetch = function() {};
  window.project = project;

  var chilly_bin = $('#chilly_bin');
  var backlog = $('#backlog');
  var in_progress = $('#in_progress');
  var done = $('#done');

  var view;
  appendStoryTo(chilly_bin, {"title":"Unestimated feature"});
  appendStoryTo(chilly_bin, {"title":"Estimated feature","estimate":3});
  appendStoryTo(chilly_bin, {"title":"Example chore","story_type":"chore"});
  appendStoryTo(chilly_bin, {"title":"Example bug","story_type":"bug"});
  appendStoryTo(chilly_bin, {"title":"Example release","story_type":"release"});

  view = appendStoryTo(chilly_bin, {"title":"Save in progress","estimate":3});
  view.saveInProgress = true;
  view.render();
  view.disableForm();

  appendStoryTo(chilly_bin, {"title":"Editing feature","editing":true});
  appendStoryTo(chilly_bin, {
    "title":"Editing chore","story_type":"chore","editing":true
  });
  appendStoryTo(chilly_bin, {
    "title":"Editing bug","story_type":"bug","editing":true
  });
  appendStoryTo(chilly_bin, {
    "title":"Editing release","story_type":"release","editing":true
  });

  appendStoryTo(backlog, {"title":"Unestimated feature"});
  appendStoryTo(backlog, {"title":"Estimated feature","estimate":3});
  appendStoryTo(backlog, {"title":"Example chore","story_type":"chore"});
  appendStoryTo(backlog, {"title":"Example bug","story_type":"bug"});
  appendStoryTo(backlog, {"title":"Example release","story_type":"release"});
  appendStoryTo(backlog, {"title":"Estimated feature","estimate":3});
  view = appendStoryTo(backlog, {
    "title":"Save in progress","story_type":"release","editing":true
  });
  view.saveInProgress = true;
  view.render();
  view.disableForm();

  appendStoryTo(in_progress, {
    "title":"Started feature","state":"started","estimate":1
  });
  appendStoryTo(in_progress, {
    "title":"Finished feature","state":"finished", "estimate":2
  });
  appendStoryTo(in_progress, {
    "title":"Delivered feature","estimate":5, "state":"delivered"
  });
  appendStoryTo(in_progress, {
    "title":"Rejected feature","estimate":8, "state": "rejected"
  });
  appendStoryTo(in_progress, {"title":"Example chore","story_type":"chore"});
  appendStoryTo(in_progress, {"title":"Example bug","story_type":"bug"});
  appendStoryTo(in_progress, {"title":"Example release","story_type":"release"});

  appendIterationTo(done, new Iteration({'number':1, stories:[]}));

  function appendStoryTo(el, storyAttributes, view) {

    // Increment the ID on each invocation
    if (typeof appendStoryTo.id == 'undefined') {
      appendStoryTo.id = 1;
    }
    storyAttributes.id = appendStoryTo.id++;

    var story = new Story(storyAttributes);
    //story.collection = window.project.stories;
    window.project.stories.add(story);
    if (typeof view == 'undefined') {
      view = new StoryView({model: story});
    }
    view.render();
    el.append(view.el);
    return view;
  }

  function appendIterationTo(el, iteration, view) {
    iteration.project = window.project;
    if (typeof view == 'undefined') {
      view = new IterationView({model: iteration});
    }
    view.render();
    el.append(view.el);
    return view;
  }

  window.projectView = new ProjectView({model: project});
  window.projectView.scaleToViewport();
  $(window).resize(projectView.scaleToViewport);

  window.projectView.notice({
    'title': 'Test card',
    'text': 'This is a testcard to expose the full UI on one page'
  });
});
</script>

<% content_for :title_bar do %>
  <div id="velocity" class="velocity"></div>
  <%= render :partial => 'projects/nav',
             :locals => {:project => @project, :show_column_toggles => true} %>
  | <a id="add_story" href="#">Add story</a>
<% end %>

<table class="stories" width="100%">
  <tbody>
    <tr>
      <td class="done_column" style="width: 25%">
        <div class="column_header">Done<a class="toggle-column hide_done" title="Close">&times;</a></div>
        <div id="done" class="storycolumn"></div>
      </td>
      <td class="in_progress_column" style="width: 25%">
        <div class="column_header">In Progress<a class="toggle-column hide_in_progress" title="Close">&times;</a></div>
        <div id="in_progress" class="storycolumn sortable"></div>
      </td>
      <td class="backlog_column" style="width: 25%">
        <div class="column_header">Backlog<a class="toggle-column hide_backlog" title="Close">&times;</a></div>
        <div id="backlog" class="storycolumn sortable"></div>
      </td>
      <td class="chilly_bin_column" style="width: 25%">
        <div class="column_header">Chilly Bin<a class="toggle-column hide_chilly_bin" title="Close">&times;</a></div>
        <div id="chilly_bin" class="storycolumn sortable"></div>
      </td>
    </tr>
  </tbody>
</table>