engineyard/todo

<div id='tabs'>
    <ul>
        <% @count = 1%>
        <% @lists.each do |list| %>
        <li>
            <a href="<%= '#' + 'tabs-' + @count.to_s %>"><%= list.name.capitalize %></a>
        </li>
        <% @count += 1%>
        <% end %>
        <li>
            <a href="#tabs-new-list">Add List +</a>
        </li>
    </ul>

    
    <% @count = 1%>
    <% @lists.each do |list| %>
    
    <div id='tabs-<%= @count %>' class="tab">
    
        <div class="new-task">
            <%= simple_form_for(@task, :url => list_tasks_url(list)) do |f| %>

                <%= f.input :done , :as => :hidden,  :input_html => {:value => false }%>
                <%= f.input :list_id , :as => :hidden,   :input_html => {:value => list.id }%>

                <div class="split-fields">
                    <div class="field">
                        <%= f.input :name , :label => false, :placeholder => "Enter a new task" %>
                    </div>
                    <div class="button">
                        <%= f.button :submit,  "Add Task" %>
                    </div>
                </div>
            <% end %>
        </div>

        <% unless list.tasks.empty? %>
        <ul  class="tasks pending-tasks">
            <% list.tasks.each do |task| %>

                <% unless task.done %>
                    <%= simple_form_for(task, :url => list_task_url(list, task)) do |f| %>

                     <li> 
                        <%= f.input :done ,   :input_html => { :class => 'box'  } , :label => false  %>
                        <%= f.button :submit ,  :class => 'hidden'   %>
                        <%= raw auto_link( h(task.name), :html => { :target => '_blank' }) %>
                        <p class="delete-task">
                            <%= link_to 'X', list_task_url(list, task), :confirm => 'Are you sure?', :method => :delete %>
                        </p>
                      </li>
        
                    <% end %>
                <% end %>
            <% end %>
        </ul>
        <% end %>
        
        <% unless list.done_tasks.empty? %>    
            <ul class="tasks finished-tasks">
                <% list.done_tasks.each do |task| %>
                <li class="finished">
                    <%= raw auto_link( h(task.name), :html => { :target => '_blank' }) %>
                    <p class="delete-task">
                        <%= link_to 'X', list_task_url(list, task), :confirm => 'Are you sure?', :method => :delete %>
                    </p>
                </li>
                <% end %>
            </ul>
        <% end %>
        
        <p class="delete-list">
            <%= link_to 'Delete this list', list, :confirm => 'Are you sure?', :method => :delete %>
        </p>
    </div>
    <% @count += 1%>
    
    <%end%>
    

    <div id="tabs-new-list">
        <h2>Add a New Task List</h2>
        <%= render :partial => '/lists/form' %>
    </div>

    
</div>


<% if listid = params[:list_id] %>
    <% prevlist = List.find listid %>
    <% tabindex = @lists.index(prevlist) %>
<% end %> 


<script>
    $('.box').click(function(event) {
        $(this).parent().next().click();
    });
    
    $(function() {
        var opts = {};
        <% if params[:list_id] %>
            opts.selected = <%= tabindex %>
        <% end %>
        $( "#tabs" ).tabs(opts);
    });

</script>