html - 如何在所有@objects(不是每个对象)周围放置边框?

标签 html css ruby-on-rails ruby

<分区>

如何在所有 Date.current 挑战周围放置一个 challenges-border

第一个示例的问题是边框位于每个挑战周围,但我希望边框位于 Date.current 的所有挑战周围。

尝试#1

<% @challenges.each do |challenge| %>
  <% if challenge.deadline == Date.current %>
    <div class="challenges-border">
      <%= challenge.deadline %>: <%= challenge.action %>
    </div>
  <% else %>
    <%= challenge.deadline %>: <%= challenge.action %>
  <% end %>
<% end %>

enter image description here

尝试#2

我得到错误 deadline undefined method

<% if @challenges.deadline == Date.current %>
  <div class="challenges-border">
<% end %>

<% @challenges.each do |challenge| %>
  <%= challenge.deadline %>: <%= challenge.action %>
<% end %>

<% if @challenges.deadline == Date.current %>
  </div>
<% end %>

尝试 #3

这行不通,因为我希望挑战按截止日期降序排列,这意味着 Date.current 挑战可能出现在列表的中间,而不是将它们全部列为 @todays_challenges 最后。

<% @challenges.each do |challenge| %>
  <%= challenge.deadline %>: <%= challenge.action %>
<% end %>

<div class="challenges-border">
  <% @todays_challenges.each do |challenge| %>
    <%= challenge.deadline %>: <%= challenge.action %>
  <% end %>
</div>

最佳答案

I want the border to be placed around all the challenges that are Date.current

<div class="challenges-border">
  <% @challenges.current.each do |challenge| %>  
    <%= challenge.deadline %>: <%= challenge.action %>
  <% end %>
</div>

<div>
  <% @challenges.not_current.each do |challenge| %>  
    <%= challenge.deadline %>: <%= challenge.action %>
  <% end %>
</div>

class Challenge < ActiveRecord::Base
  scope :current, -> { where(deadline: Date.current) }
  scope :not_current, -> { where.not(deadline: Date.current) }
end

关于html - 如何在所有@objects(不是每个对象)周围放置边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35513197/

上一篇:html - Bootstrap : block image resizing

下一篇:html - 修复了移动浏览器上的 header 问题

相关文章:

ruby-on-rails - 如何在集成测试中访问虚拟 remember_token 属性?

html - IE7 内容低于容器

jquery - 在 iPhone 上打开时下拉菜单自动关闭 (Bootstrap v3.3.1)

html - 更改 bootstrap css 文件,但不工作

html - 在一行中创建你的 div,在底部创建第 4 个 div。 CSS/HTML

ruby-on-rails - Rails 3.1 & Sprockets & 编译的 JS 文件

javascript - AngularJS:未从指令调用 ngChange

javascript - 在没有正则表达式的情况下从跨度中解开文本

html - <p> 元素不包含在包含 <div> 的高度中

ruby-on-rails - Rails 在多个应用程序之间共享 Restful 身份验证