call4paperz/call4paperz

<div id="content">
  <div id="most_recent_events">
    <div class="head">
      <%= image_tag 'most_recent_events.png' %><br />
      <p><strong>Decide which talks get accepted!</strong></p>
    </div>

    <% @events.each do |event| %>
      <div class="event">
        <h2><%= link_to event.name, event_path(event) %></h2>

        <div class="buttons">
          <%= link_to image_tag('more.png'), event_path(event), :class => 'more' %>
          <%= link_to pluralize(event.proposals.size, 'proposal'), event_path(event) %>
          <%= link_to pluralize(event.comments.size, 'comment'), event_path(event) %>
          <%= render 'shared/tweet_button',
            text: "#{event.name} is on a call for papers! Check it out.",
            url: event_url(event) %>
          <%= render 'shared/facebook_like', url: event_url(event) %>
        </div>
      </div>
    <% end %>
    <% if @events_quantity > 0 -%>
      <p class="prop_link"><%= link_to "We have #{@events_quantity} open events available to vote. Click to see them.", events_path, :class => "prop_link" %></p>
    <% end -%>
    <br/>
  </div>

  <div id="most_recent_comments">
    <div class="head">
      <%= image_tag 'most_recent_comments.png' %><br />
      <p><strong>What people think about the last proposals.</strong></p>
    </div>

    <ul id="comments">
      <% @comments.each do |comment| %>
        <li class="comment">
          <div class="comment_pic">
            <%= user_picture(comment.user, :class => 'borda_vinho') %>
          </div>
          <div class="comment_text">
            <p class="cn"><%= link_to truncate(comment.body, :length => 60), event_proposal_path(comment.proposal.event, comment.proposal),  :class => "comment_detail" %></p>
            <p><small><%= comment.user.name %></small></p>
          </div>
          <%= image_tag 'linha.png' %>
        </li>
      <% end %>
      <%= link_to "all events", events_path, :class => 'all' %>
    </ul>
  </div>
</div>

<%= content_for :js do %>
<script>
  var timeout = 6000;

  function swapImage() {
    var nextItem = $('.showcase .active').fadeOut(800).delay(800).
        parent().next().find('img').first();

    $('.showcase .active').removeClass('active');

    if(nextItem.size() == 0) {
        nextItem = $('.showcase img').first();
    }

    nextItem.fadeIn(800).addClass('active');

    setTimeout(swapImage, timeout);
  }

  $(document).ready(function() {
    setTimeout(swapImage, timeout)
    new C4P.Twitter().loadLast("<%= last_tweet_path(format: :json) %>")
  })
</script>
<% end %>