petites améliorations d'interface

This commit is contained in:
Jérémy Lecour 2021-03-05 00:19:55 +01:00 committed by Jérémy Lecour
parent e5975a0a2b
commit d9ff4a6e5f
2 changed files with 20 additions and 14 deletions

View file

@ -1,16 +1,16 @@
<% content_for :main_header do %>
<h1>Email #</h1>
<h1 class="truncate">Email #<%= @email.id %>: <%= @email.subject %></h1>
<% end %>
<%= render(FlashNoticeComponent.new) { notice } if notice.present? %>
<%= turbo_stream_from @email %>
<%= turbo_frame_tag "room" do %>
<%= turbo_frame_tag "email" do %>
<%= render @email %>
<p>
<%= link_to 'Edit', edit_email_path(@email) %> |
<%= link_to 'Back', emails_path, "data-turbo-frame": "_top" %>
</p>
<div class="my-4">
<%= link_to '← Back to emails list', filters_path %>
</div>
<% end %>

View file

@ -1,5 +1,5 @@
<% content_for :main_header do %>
<h1>Filter #<%= @filter.id %></h1>
<h1 class="truncate">Filter #<%= @filter.id %>: <%= @filter.description %></h1>
<% end %>
<%= render(FlashNoticeComponent.new) { notice } if notice.present? %>
@ -11,24 +11,30 @@
<div id="conditions">
<h2 class="text-xl py-1 font-semibold">Conditions</h2>
<div class="ml-6">
<%= render(@filter.conditions) || "<i class='italic'>No conditions yet</i>" %>
<%= render(@filter.conditions) || "<i class='italic'>No conditions yet</i>".html_safe %>
<%= turbo_frame_tag "new_condition" do %>
<%= link_to "Add a new condition", new_filter_condition_path(@filter) %>
<div>
<%= link_to "Add a new condition", new_filter_condition_path(@filter) %>
</div>
<% end %>
</div>
</div>
<div id="operations">
<h2 class="text-xl py-1 font-semibold">Operations</h2>
<div class="ml-6">
<%= render(@filter.operations) || "<i class='italic'>No operations yet</i>" %>
<%= render(@filter.operations) || "<i class='italic'>No operations yet</i>".html_safe %>
<%= turbo_frame_tag "new_operation" do %>
<%= link_to "Add a new operation", new_filter_operation_path(@filter) %>
<div>
<%= link_to "Add a new operation", new_filter_operation_path(@filter) %>
</div>
<% end %>
</div>
</div>
<div class="my-4">
<%= link_to '← Back to filters list', filters_path, class: "hover:text-blue-700" %>
<div class="my-4 flex items-center">
<div class="flex-1 flex justify-between">
<%= link_to '← Back to filters list', filters_path, class: "rounded-md relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 hover:text-blue-700" %>
<%= link_to 'Delete this filter', @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>