jlecour/EvoBal
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

afficher/masquer tous les headers

Browse source
This commit is contained in:
Jérémy Lecour 2021-02-09 22:33:59 +01:00 committed by Jérémy Lecour
parent 622e99fd3d
commit 15c8e84c67
3 changed files with 28 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/javascript/controllers/email_controller.js Normal file
View file

@ -0,0 +1,18 @@
import { Controller } from "stimulus"
export default class extends Controller {
static targets = [ "buttonMain", "buttonAll", "headersMain", "headersAll" ]
show_main () {
this.buttonMainTarget.classList.add("hidden");
this.buttonAllTarget.classList.remove("hidden");
this.headersMainTarget.classList.remove("hidden");
this.headersAllTarget.classList.add("hidden");
}
show_all () {
this.buttonMainTarget.classList.remove("hidden");
this.buttonAllTarget.classList.add("hidden");
this.headersMainTarget.classList.add("hidden");
this.headersAllTarget.classList.remove("hidden");
}
}

9
app/views/emails/_email.html.erb
View file

@ -1,6 +1,9 @@
<div id="<%= dom_id email %>" class="email_container"> <div id="<%= dom_id email %>" class="email_container" data-controller="email">
<button data-email-target="buttonAll" data-action="email#show_all">Show all headers</button>
<button data-email-target="buttonMain" data-action="email#show_main" class="hidden">Show main headers only</button>
<table class="email_content"> <table class="email_content">
<thead class="email_main_headers"> <thead class="email_main_headers" data-email-target="headersMain">
<tr> <tr>
<th>Date</th> <th>Date</th>
<td><%= email.date %></td> <td><%= email.date %></td>
@ -58,7 +61,7 @@
</td> </td>
</tr> </tr>
</thead> </thead>
<thead class="email_additional_headers"> <thead class="email_additional_headers hidden" data-email-target="headersAll">
<% email.headers.each do |header| %> <% email.headers.each do |header| %>
<tr> <tr>
<th><%= header["name"] %></th> <th><%= header["name"] %></th>

8
app/views/layouts/application.html.erb
View file

@ -23,8 +23,8 @@
<div class="hidden md:block"> <div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4"> <div class="ml-10 flex items-baseline space-x-4">
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" --> <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
<%= link_to "Emails", emails_path, class: (current_page?(emails_path) ? "nav-tab--current" : "nav-tab") %> <%= link_to "Emails", emails_path, class: (controller_name == "emails" ? "nav-tab--current" : "nav-tab") %>
<%= link_to "Filters", filters_path, class: (current_page?(filters_path) ? "nav-tab--current" : "nav-tab") %> <%= link_to "Filters", filters_path, class: (controller_name == "filters" ? "nav-tab--current" : "nav-tab") %>
</div> </div>
</div> </div>
</div> </div>
@ -88,8 +88,8 @@
<div data-main-nav-target="userMenu" class="hidden md:hidden"> <div data-main-nav-target="userMenu" class="hidden md:hidden">
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-whites" --> <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-whites" -->
<%= link_to "Emails", emails_path, class: (current_page?(emails_path) ? "nav-tab--current" : "nav-tab") %> <%= link_to "Emails", emails_path, class: (controller_name == "emails" ? "nav-tab--current" : "nav-tab") %>
<%= link_to "Filters", filters_path, class: (current_page?(filters_path) ? "nav-tab--current" : "nav-tab") %> <%= link_to "Filters", filters_path, class: (controller_name == "filters" ? "nav-tab--current" : "nav-tab") %>
</div> </div>
<div class="pt-4 pb-3 border-t border-gray-700"> <div class="pt-4 pb-3 border-t border-gray-700">
<div class="flex items-center px-5"> <div class="flex items-center px-5">