从应用程序布局中删除div

时间:2013-07-24 11:21:03

标签: ruby ruby-on-rails-3.2

我正在使用无限滚动。我在application.html.erb文件中添加了我的加载器。但这是一个错误的做法,因为我只想在一个文件中加载我的加载器。如果我在索引页面中添加我的加载器,那么它会多次显示...有人可以帮助我吗?我跟随了rails casts的无限滚动。 在我的应用程序文件中,我添加了这个:

<% if controller.controller_name.eql?("cases") && controller.action_name.eql?("index")%>
  <div id="loadingDiv">
    <img src="/assets/ajax-loader.gif" alt="Loading">
  </div>
<% end %>

如何将我的代码放在索引文件中,以便加载程序在每次滚动后只出现一次。 索引文件:

<div class="row-fluid app-secondary-header">
  <div class="span3">
    <h2>All Cases</h2>
  </div>
  <div class="span4">
     <div class="filter"><h5>Filter <i class="ss-icon ss-dropdown filter-activate popover-with-html" title="Hello" data-content="
<ul>
  <li>Hi</li>
  <li>Help</li>
  <li>Pop</li>
</ul>" data-placement="bottom"></i>
      </h5></div>
  </div>
  <div class="span5">
   <a href="" class="btn btn-primary"><i class="ss-icon ss-plus"></i> Add New Case</a>
 </div> <!-- end span12 -->
</div>
<%= render "list" %>

<%= will_paginate @cases %>

列出部分:

<% if @cases.blank? %>
  <div class="row-fluid">
    <%= link_to 'Click here to add Case', new_case_path, remote: true -%>
  </div>
<% else %>
<% @cases.each do |case_1| %>
  <div class="row-fluid">
    <div class="span12 card <%= cycle('card-even','card-odd') -%>">
      <div>
        <h3><%= link_to case_1.case_name, case_path(case_1) %></h3>
        <i class="ss-icon ss-navigateright hiderARROW"></i>
        <span class="status status-red">
          <i class="ss-icon ss-clock"></i>2 Days Overdue
        </span>
        <a href="" class="hiderBUTTON"><i class="ss-icon ss-dropdown"></i></a>
      </div>
      <div class = "timeline">
        <% tasks = Case.get_short_timeline(case_1) -%>
        <% tasks.each do |task| %>
        <div class= "circle <%= get_task_status_color(task.task_status_name) -%> filter-activate popover-with-html"  title="" data-content="<h4>Case handed over to Attorney</h4><h4>Some form of comment & date</h4>" data-placement="top">
          <span></span>
        </div>
        <div class="rect-fixed"></div>
        <%end%>
        <div class="rect-inf"></div>
      </div>
      <div class="subsection"><span> <%= case_1.case_type_name %></span><i class="ss-icon ss-attach"><em>19</em></i><i class="ss-icon ss-chat"><em><%= case_1.comments_count%></em></i><i class="ss-icon ss-list"><em>42</em></i>
      </div>
    </div> <!-- end of card -->
  </div>
<% end %>

0 个答案:

没有答案