61 lines
3 KiB
Plaintext
61 lines
3 KiB
Plaintext
<% content_for :main_header do %>
|
|
<h1 class="truncate">Filter #<%= @filter.id %>: <%= @filter.description %></h1>
|
|
<% end %>
|
|
|
|
<div class="grid grid-cols-3 gap-6">
|
|
|
|
<div class="shadow rounded-lg bg-white">
|
|
<h2 class="text-xl py-2 font-medium text-center bg-gray-50 border-b border-gray-300 rounded-t-lg">Filter</h2>
|
|
<div class="px-4 py-3">
|
|
<%= render(FlashNoticeComponent.new) { notice } if notice.present? %>
|
|
|
|
<%= turbo_frame_tag "filter" do %>
|
|
<%= render @filter %>
|
|
<% end %>
|
|
|
|
<div class="my-4 flex items-center">
|
|
<div class="flex-1 flex justify-end space-x-4">
|
|
<%= link_to 'Edit', edit_filter_path(@filter), class: "rounded-md relative inline-flex items-center px-4 py-2 border border-gray-100 bg-white text-sm font-medium text-gray-700 hover:bg-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500" %>
|
|
|
|
<% if @filter.enabled? %>
|
|
<%= link_to "Disable", disable_filter_path(@filter), data: { method: :patch, confirm: 'Are you sure you want to disable this filter?' }, class: "rounded-md relative inline-flex items-center px-4 py-2 border border-transparent bg-yellow-200 text-sm font-medium text-yellow-700 hover:bg-yellow-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500" %>
|
|
<% else %>
|
|
<%= link_to "Enable", enable_filter_path(@filter), data: { method: :patch, confirm: 'Are you sure you want to disable this filter?' }, class: "rounded-md relative inline-flex items-center px-4 py-2 border border-transparent bg-green-50 text-sm font-medium text-green-700 hover:bg-green-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500" %>
|
|
<% end %>
|
|
|
|
<%= link_to 'Delete', @filter, method: :delete, data: { confirm: 'Are you sure you want to delete this filter? There is no undo!' }, class: "rounded-md relative inline-flex items-center px-4 py-2 border border-transparent bg-white text-sm font-medium text-red-700 bg-red-100 hover:bg-red-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500" %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="shadow rounded-lg bg-white">
|
|
<h2 class="text-xl py-2 font-medium text-center bg-gray-50 border-b border-gray-300 rounded-t-lg">Conditions</h2>
|
|
<div class="px-4 py-3">
|
|
<%= render(@filter.conditions) || "<i class='italic'>No conditions yet</i>".html_safe %>
|
|
|
|
<%= turbo_frame_tag "new_condition" do %>
|
|
<div>
|
|
<%= link_to "Add a new condition", new_filter_condition_path(@filter) %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shadow rounded-lg bg-white">
|
|
<h2 class="text-xl py-2 font-medium text-center bg-gray-50 border-b border-gray-300 rounded-t-lg">Operations</h2>
|
|
<div class="px-4 py-3 bg-white">
|
|
<%= render(@filter.operations) || "<i class='italic'>No operations yet</i>".html_safe %>
|
|
<%= turbo_frame_tag "new_operation" do %>
|
|
<div>
|
|
<%= link_to "Add a new operation", new_filter_operation_path(@filter) %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div> |