EvoBal/app/views/filters/_filter.html.erb

<div id="<%= dom_id filter %>" class="filter-<%= filter.enabled? ? 'enabled' : 'disabled' %> flex flex-row bg-green-500">

  <div class="flex flex-grow bg-yellow-500">
    <strong class="pr-1">Description:</strong>
    <%= filter.description || "<i>No description</i>" %>
  </div>

  <div class="flex flex-grow bg-yellow-500">
    <strong class="pr-1">Operator:</strong>
    <%= filter.operator %>
  </div>

  <div class="flex flex-grow bg-yellow-500">
    <strong class="pr-1">Inverted:</strong>
    <%= filter.inverted? ? 'Yes' : 'No' %>
  </div>

  <div class="flex flex-grow-0 flex-col bg-gray-500">
    <%= link_to 'Edit', edit_filter_path(@filter), class: "flex items-center" %>
    <%= button_to 'Delete', @filter, method: :delete, data: { confirm: 'Are you sure?' }, class: "flex items-center" %>
    <% if filter.enabled? %>
      <%= button_to 'Disable', filter_disable_path(@filter), data: { method: :patch }, class: "flex items-center" %>
    <% else %>
      <%= button_to 'Enable', filter_enable_path(@filter), data: { method: :patch }, class: "flex items-center" %>
    <% end %>
  </div>
</div>