contek
@contek (tomoya)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

Enum表示別 CSSの適用方法

どのように列挙型をclass別でCSSを適用させるのか分からずに困っております💦

_order.html.erb
<p class="status1"><%= order.order_type_i18n %></p>

現状はclass=status1のみですが、status4まで反映させたいです。

order.rb
class Order < ApplicationRecord
  enum order_type: { waiting: 0, running: 1, arrival: 2, completed: 3 }
end
_order.css
.status1{
    color: rgb(68, 68, 240);
}

.status2{
    color: green;
}

.status3{
    color: red;
}

.status4{
    color: black;
}

上記のように種類に応じて色分けしたいです。
すみませんが、ご教授の程よろしくお願いします💦

0

1Answer

やりたいことと違っていたらすみません.

some.erb
<p class="status_<%= order.order_type %>"><%= order.order_type_i18n %>
some.css
.status_waiting {
   // some settings
}

みたいに,enum の key 名と css のクラス名を一致させるのはどうでしょうか?

0Like

Comments

  1. @contek

    Questioner

    @atm-snagさん、
    ご回答いただきありがとうございます!

    求めていたコードでした!!
    勉強になります🙂

Your answer might help someone💌