gravity_mailbox 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +20 -0
- data/lib/gravity_mailbox/engine.rb +19 -0
- data/lib/gravity_mailbox/rails_cache_delivery_method.rb +6 -2
- data/lib/gravity_mailbox/version.rb +1 -1
- data/lib/gravity_mailbox.rb +1 -2
- metadata +7 -25
- data/lib/gravity_mailbox/mailbox_controller.rb +0 -56
- data/lib/gravity_mailbox/railtie.rb +0 -25
- data/lib/gravity_mailbox/templates/gravity_mailbox/mailbox/_mail.html.erb +0 -51
- data/lib/gravity_mailbox/templates/gravity_mailbox/mailbox/index.html.erb +0 -173
- data/lib/gravity_mailbox/templates/layouts/application.html.erb +0 -18
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ce37494fe075c4031d525e51672a2a1be1f8fb283aaae7d1de7d30a5baa2ff31
|
|
4
|
+
data.tar.gz: 360aeebf86d71e2887fdd239639be1710968d3f253b1f19e867584499bdf9c2c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5363f0b77e08f72fbfe7153671a99f655ed7711c7d65055727ce2034a9657ae6cf5884023df7b47a2aea6ab2997e93bac746d8aa839720881180dabbbbc2b453
|
|
7
|
+
data.tar.gz: 729affd85417e0f371980d0a39067f6039c8ac495fe6f4d126be8cd243d1d2e36aca3a71b6384d86c737ec035f989a9837ef28383a75951451fe43fbe0e76339
|
data/README.md
CHANGED
|
@@ -29,13 +29,28 @@ Or install it yourself as:
|
|
|
29
29
|
* Config ActionMailer to use the RailsCacheDeliveryMethod.
|
|
30
30
|
|
|
31
31
|
```ruby
|
|
32
|
+
# config/environments/(development|staging).rb
|
|
32
33
|
config.action_mailer.delivery_method = :gravity_mailbox_rails_cache
|
|
33
34
|
config.action_mailer.perform_deliveries = true
|
|
34
35
|
```
|
|
35
36
|
|
|
37
|
+
* Mount the Engine
|
|
38
|
+
|
|
39
|
+
```ruby
|
|
40
|
+
# config/routes.rb
|
|
41
|
+
mount GravityMailbox::Engine => "/gravity_mailbox"
|
|
42
|
+
```
|
|
43
|
+
|
|
36
44
|
* Send mails
|
|
37
45
|
* Go to http://localhost:3000/gravity_mailbox to see the mails.
|
|
38
46
|
|
|
47
|
+
**Note**
|
|
48
|
+
|
|
49
|
+
You can use routing constraints to restrict access to GravityMailbox. More details and example in the [Rails Guides](https://guides.rubyonrails.org/routing.html#advanced-constraints).
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
## Screenshots
|
|
53
|
+
|
|
39
54
|
<p align="center">
|
|
40
55
|
<img width="520" alt="image" src="https://user-images.githubusercontent.com/7858787/213796119-a22ac9da-3943-4cd0-95e6-2fb724de999a.png">
|
|
41
56
|
</p>
|
|
@@ -46,6 +61,11 @@ After checking out the repo, run `bin/setup` to install dependencies. Then, run
|
|
|
46
61
|
|
|
47
62
|
To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and the created tag, and push the `.gem` file to [rubygems.org](https://rubygems.org).
|
|
48
63
|
|
|
64
|
+
### Standalone app
|
|
65
|
+
|
|
66
|
+
Use `bundle exec rackup` to test locally the gem. Go to [http://localhost:9292](http://localhost:9292)
|
|
67
|
+
Use the button to send a test mail and to see those mail into GravityMailbox.
|
|
68
|
+
|
|
49
69
|
## Contributing
|
|
50
70
|
|
|
51
71
|
Bug reports and pull requests are welcome on GitHub at https://github.com/petalmd/gravity_mailbox.
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
require 'rails'
|
|
4
|
+
require_relative 'rails_cache_delivery_method'
|
|
5
|
+
|
|
6
|
+
module GravityMailbox
|
|
7
|
+
class Engine < ::Rails::Engine # :nodoc:
|
|
8
|
+
isolate_namespace(GravityMailbox)
|
|
9
|
+
|
|
10
|
+
initializer 'gravity_mailbox.add_delivery_method' do
|
|
11
|
+
ActiveSupport.on_load :action_mailer do
|
|
12
|
+
ActionMailer::Base.add_delivery_method(
|
|
13
|
+
:gravity_mailbox_rails_cache,
|
|
14
|
+
RailsCacheDeliveryMethod
|
|
15
|
+
)
|
|
16
|
+
end
|
|
17
|
+
end
|
|
18
|
+
end
|
|
19
|
+
end
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
# frozen_string_literal: true
|
|
2
2
|
|
|
3
|
+
require 'mail'
|
|
4
|
+
|
|
3
5
|
module GravityMailbox
|
|
4
6
|
class RailsCacheDeliveryMethod
|
|
5
7
|
KEY_PREFIX = 'gravity_mailbox/'
|
|
6
8
|
MAILS_LIST_KEY = "#{KEY_PREFIX}list"
|
|
7
9
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
attr_accessor :settings
|
|
11
|
+
|
|
12
|
+
def initialize(settings)
|
|
13
|
+
@settings = settings
|
|
10
14
|
end
|
|
11
15
|
|
|
12
16
|
def deliver!(mail)
|
data/lib/gravity_mailbox.rb
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
# frozen_string_literal: true
|
|
2
2
|
|
|
3
3
|
require_relative 'gravity_mailbox/version'
|
|
4
|
-
require_relative 'gravity_mailbox/
|
|
5
|
-
require_relative 'gravity_mailbox/railtie' if defined?(Rails)
|
|
4
|
+
require_relative 'gravity_mailbox/engine'
|
|
6
5
|
|
|
7
6
|
module GravityMailbox
|
|
8
7
|
end
|
metadata
CHANGED
|
@@ -1,43 +1,29 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: gravity_mailbox
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.4.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Jean-Francis Bastien
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2023-
|
|
11
|
+
date: 2023-06-16 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
|
-
name:
|
|
14
|
+
name: rails
|
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
|
16
16
|
requirements:
|
|
17
17
|
- - ">="
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
|
-
version: '
|
|
19
|
+
version: '6.0'
|
|
20
20
|
type: :runtime
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
24
|
- - ">="
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
|
-
version: '
|
|
27
|
-
- !ruby/object:Gem::Dependency
|
|
28
|
-
name: railties
|
|
29
|
-
requirement: !ruby/object:Gem::Requirement
|
|
30
|
-
requirements:
|
|
31
|
-
- - ">="
|
|
32
|
-
- !ruby/object:Gem::Version
|
|
33
|
-
version: '5.2'
|
|
34
|
-
type: :runtime
|
|
35
|
-
prerelease: false
|
|
36
|
-
version_requirements: !ruby/object:Gem::Requirement
|
|
37
|
-
requirements:
|
|
38
|
-
- - ">="
|
|
39
|
-
- !ruby/object:Gem::Version
|
|
40
|
-
version: '5.2'
|
|
26
|
+
version: '6.0'
|
|
41
27
|
description: Development tools that aim to make it simple to visualize mail sent by
|
|
42
28
|
your Rails app directly through your Rails app.
|
|
43
29
|
email:
|
|
@@ -51,12 +37,8 @@ files:
|
|
|
51
37
|
- LICENSE.txt
|
|
52
38
|
- README.md
|
|
53
39
|
- lib/gravity_mailbox.rb
|
|
54
|
-
- lib/gravity_mailbox/
|
|
40
|
+
- lib/gravity_mailbox/engine.rb
|
|
55
41
|
- lib/gravity_mailbox/rails_cache_delivery_method.rb
|
|
56
|
-
- lib/gravity_mailbox/railtie.rb
|
|
57
|
-
- lib/gravity_mailbox/templates/gravity_mailbox/mailbox/_mail.html.erb
|
|
58
|
-
- lib/gravity_mailbox/templates/gravity_mailbox/mailbox/index.html.erb
|
|
59
|
-
- lib/gravity_mailbox/templates/layouts/application.html.erb
|
|
60
42
|
- lib/gravity_mailbox/version.rb
|
|
61
43
|
homepage: https://github.com/petalmd/gravity_mailbox
|
|
62
44
|
licenses:
|
|
@@ -82,7 +64,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
82
64
|
- !ruby/object:Gem::Version
|
|
83
65
|
version: '0'
|
|
84
66
|
requirements: []
|
|
85
|
-
rubygems_version: 3.
|
|
67
|
+
rubygems_version: 3.2.3
|
|
86
68
|
signing_key:
|
|
87
69
|
specification_version: 4
|
|
88
70
|
summary: Visualize mail sent by your Rails app directly through your Rails app.
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
module GravityMailbox
|
|
4
|
-
class MailboxController < ActionController::Base
|
|
5
|
-
self.view_paths = File.expand_path('templates', __dir__)
|
|
6
|
-
|
|
7
|
-
layout 'application'
|
|
8
|
-
|
|
9
|
-
before_action :set_mails, only: %i[index]
|
|
10
|
-
|
|
11
|
-
def index
|
|
12
|
-
@part = find_preferred_part(request.format, Mime[:html], Mime[:text]) if @mail
|
|
13
|
-
return unless params[:part]
|
|
14
|
-
|
|
15
|
-
response.content_type = 'text/html'
|
|
16
|
-
render plain: email_body
|
|
17
|
-
end
|
|
18
|
-
|
|
19
|
-
def download_eml
|
|
20
|
-
@mail = RailsCacheDeliveryMethod.mail(params[:id])
|
|
21
|
-
send_data @mail.to_s, filename: "#{@mail.subject}.eml"
|
|
22
|
-
end
|
|
23
|
-
|
|
24
|
-
def delete
|
|
25
|
-
RailsCacheDeliveryMethod.delete(params[:id])
|
|
26
|
-
redirect_to '/gravity_mailbox'
|
|
27
|
-
end
|
|
28
|
-
|
|
29
|
-
def delete_all
|
|
30
|
-
RailsCacheDeliveryMethod.delete_all
|
|
31
|
-
redirect_to '/gravity_mailbox'
|
|
32
|
-
end
|
|
33
|
-
|
|
34
|
-
private
|
|
35
|
-
|
|
36
|
-
def find_preferred_part(*formats)
|
|
37
|
-
formats.each do |format|
|
|
38
|
-
part = @mail.find_first_mime_type(format)
|
|
39
|
-
return part if part
|
|
40
|
-
end
|
|
41
|
-
|
|
42
|
-
return unless formats.any? { |f| @mail.mime_type == f }
|
|
43
|
-
|
|
44
|
-
@mail
|
|
45
|
-
end
|
|
46
|
-
|
|
47
|
-
def email_body
|
|
48
|
-
@mail.part[1].body.decoded
|
|
49
|
-
end
|
|
50
|
-
|
|
51
|
-
def set_mails
|
|
52
|
-
@mails = RailsCacheDeliveryMethod.mails
|
|
53
|
-
@mail = @mails.detect { |m| m.message_id == params[:id] } if params[:id]
|
|
54
|
-
end
|
|
55
|
-
end
|
|
56
|
-
end
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
# frozen_string_literal: true
|
|
2
|
-
|
|
3
|
-
require_relative 'mailbox_controller'
|
|
4
|
-
|
|
5
|
-
module GravityMailbox
|
|
6
|
-
class Railtie < ::Rails::Railtie # :nodoc:
|
|
7
|
-
initializer 'gravity_mailbox.add_delivery_method' do
|
|
8
|
-
ActiveSupport.on_load :action_mailer do
|
|
9
|
-
ActionMailer::Base.add_delivery_method(
|
|
10
|
-
:gravity_mailbox_rails_cache,
|
|
11
|
-
RailsCacheDeliveryMethod
|
|
12
|
-
)
|
|
13
|
-
end
|
|
14
|
-
end
|
|
15
|
-
|
|
16
|
-
config.after_initialize do |app|
|
|
17
|
-
app.routes.prepend do
|
|
18
|
-
get '/gravity_mailbox' => 'gravity_mailbox/mailbox#index', internal: true
|
|
19
|
-
post '/gravity_mailbox/delete_all' => 'gravity_mailbox/mailbox#delete_all', internal: true
|
|
20
|
-
get '/gravity_mailbox/download_eml' => 'gravity_mailbox/mailbox#download_eml', internal: true
|
|
21
|
-
post '/gravity_mailbox/delete' => 'gravity_mailbox/mailbox#delete', internal: true
|
|
22
|
-
end
|
|
23
|
-
end
|
|
24
|
-
end
|
|
25
|
-
end
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
<div class="mail-list-item <%= mail.message_id == params[:id] ? 'selected-mail' : '' %>" data-mail-id="<%= mail.message_id %>">
|
|
3
|
-
<div class="level" style="margin-bottom: 12px">
|
|
4
|
-
<div class="level-left" style="width: 80%">
|
|
5
|
-
<span class="has-text-weight-semibold mail-subject"><%= mail.subject %></span>
|
|
6
|
-
</div>
|
|
7
|
-
<div class="level-right">
|
|
8
|
-
<div class="dropdown is-right">
|
|
9
|
-
<div class="dropdown-trigger" style="width: 24px; height: 24px;">
|
|
10
|
-
<span class="icon">
|
|
11
|
-
<ion-icon name="ellipsis-vertical-outline"></ion-icon>
|
|
12
|
-
</span>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="dropdown-menu" id="dropdown-menu" role="menu">
|
|
15
|
-
<div class="dropdown-content">
|
|
16
|
-
<div class="dropdown-item">
|
|
17
|
-
<%= link_to "/gravity_mailbox/download_eml?id=#{mail.message_id}", class: ['link-button'] do %>
|
|
18
|
-
<span class="icon-text">
|
|
19
|
-
<span class="icon has-text-centered">
|
|
20
|
-
<ion-icon name="download-outline"></ion-icon>
|
|
21
|
-
</span>
|
|
22
|
-
<span>Download .eml</span>
|
|
23
|
-
</span>
|
|
24
|
-
<% end %>
|
|
25
|
-
</div>
|
|
26
|
-
|
|
27
|
-
<div class="dropdown-item">
|
|
28
|
-
<%= button_to "/gravity_mailbox/delete?id=#{mail.message_id}", class: ['link-button'], method: :post do %>
|
|
29
|
-
<span class="icon-text">
|
|
30
|
-
<span class="icon has-text-centered">
|
|
31
|
-
<ion-icon name="trash-outline"></ion-icon>
|
|
32
|
-
</span>
|
|
33
|
-
<span>Delete</span>
|
|
34
|
-
</span>
|
|
35
|
-
<% end %>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
|
|
43
|
-
<% mail.to.each do |email_to| %>
|
|
44
|
-
<%= content_tag(:p, email_to, class: ['has-text-weight-light'], style: "font-size: 0.85rem") %>
|
|
45
|
-
<% end %>
|
|
46
|
-
<div class="has-text-right">
|
|
47
|
-
<span class="is-size-7" title="<%= I18n.l(mail.date, format: :long) %>">
|
|
48
|
-
<%= time_ago_in_words(mail.date) %>
|
|
49
|
-
</span>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
<% content_for :style do %>
|
|
2
|
-
body, iframe {
|
|
3
|
-
height: 100vh;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
iframe {
|
|
7
|
-
border: 0;
|
|
8
|
-
width: 100%;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.navbar {
|
|
12
|
-
background-color: #007bff !important;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.navbar-brand > h1 {
|
|
16
|
-
font-family: 'Righteous', cursive !important;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.mail-list-column {
|
|
20
|
-
height: 100vh;
|
|
21
|
-
overflow: scroll;
|
|
22
|
-
min-width: 20em;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.link-button {
|
|
26
|
-
background: none!important;
|
|
27
|
-
border: none;
|
|
28
|
-
padding: 0!important;
|
|
29
|
-
font-family: arial, sans-serif;
|
|
30
|
-
color: #000;
|
|
31
|
-
cursor: pointer;
|
|
32
|
-
width: 100%;
|
|
33
|
-
text-align: left;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.mail-list-item {
|
|
37
|
-
background-color: #fff!important;
|
|
38
|
-
padding: 1rem;
|
|
39
|
-
box-shadow: inset 0 -1px 0 0 rgb(100 121 143 / 12%) !important;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.mail-list-item.selected-mail {
|
|
43
|
-
background-color: #ffffff!important;
|
|
44
|
-
border-left: 8px solid #ed900c;
|
|
45
|
-
padding-left: calc(1rem - 8px);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.mail-list-item:hover {
|
|
49
|
-
cursor: pointer !important;
|
|
50
|
-
border-left: 8px solid lightgrey;
|
|
51
|
-
padding-left: calc(1rem - 8px);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.mail-list-item.selected-mail:hover {
|
|
55
|
-
border-left: 8px solid #ed900c;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
#iframe-mail-container {
|
|
59
|
-
background-color: whitesmoke !important;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.dropdown-trigger:hover {
|
|
63
|
-
cursor: pointer !important;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.dropdown-item:hover {
|
|
67
|
-
background-color: whitesmoke !important;
|
|
68
|
-
}
|
|
69
|
-
<% end %>
|
|
70
|
-
|
|
71
|
-
<div class="columns mb-0 mt-0">
|
|
72
|
-
<div class="column is-one-quarter pt-0 pr-0 mail-list-column">
|
|
73
|
-
<div class="navbar has-background-info">
|
|
74
|
-
<div class="navbar-brand">
|
|
75
|
-
<h1 class="navbar-item title is-6 has-text-white">GravityMailbox</h1>
|
|
76
|
-
</div>
|
|
77
|
-
<div class="navbar-menu">
|
|
78
|
-
<div class="navbar-end">
|
|
79
|
-
<div class="navbar-item">
|
|
80
|
-
<div class="dropdown is-right" id="toolbar-dropdown">
|
|
81
|
-
<div class="dropdown-trigger" style="width: 24px; height: 24px;">
|
|
82
|
-
<span class="icon has-text-white has-text-centered" aria-controls="dropdown-menu">
|
|
83
|
-
<ion-icon size="large" name="menu-outline"></ion-icon>
|
|
84
|
-
</span>
|
|
85
|
-
</div>
|
|
86
|
-
<div class="dropdown-menu" id="dropdown-menu" role="menu">
|
|
87
|
-
<div class="dropdown-content">
|
|
88
|
-
<div class="dropdown-item">
|
|
89
|
-
<%= button_to '/gravity_mailbox/delete_all', class: ['link-button'], method: :post do %>
|
|
90
|
-
<span class="icon-text">
|
|
91
|
-
<span class="icon has-text-centered">
|
|
92
|
-
<ion-icon name="trash-outline"></ion-icon>
|
|
93
|
-
</span>
|
|
94
|
-
<span>Delete all</span>
|
|
95
|
-
</span>
|
|
96
|
-
<% end %>
|
|
97
|
-
</div>
|
|
98
|
-
</div>
|
|
99
|
-
</div>
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
</div>
|
|
103
|
-
</div>
|
|
104
|
-
</div>
|
|
105
|
-
|
|
106
|
-
<% @mails.each_with_index do |mail, index| %>
|
|
107
|
-
<%= render partial: 'mail', locals: { mail: mail, index: index } %>
|
|
108
|
-
<% end %>
|
|
109
|
-
</div>
|
|
110
|
-
<div class="column pb-0 pt-0 pl-0">
|
|
111
|
-
<iframe id="iframe-mail-container" seamless name="messageBody" src="<%= params[:id] ? "?part=true&id=#{params[:id]}" : '' %>"></iframe>
|
|
112
|
-
</div>
|
|
113
|
-
</div>
|
|
114
|
-
|
|
115
|
-
<script>
|
|
116
|
-
function closeAllOtherDropdown(e) {
|
|
117
|
-
document.querySelectorAll(".dropdown").forEach((dropdown) => {
|
|
118
|
-
dropdown.classList.remove('is-active');
|
|
119
|
-
})
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
// Click on mail and change iframe src
|
|
123
|
-
let mailItems = document.querySelectorAll(".mail-list-item")
|
|
124
|
-
mailItems.forEach(mailItem => {
|
|
125
|
-
mailItem.addEventListener("click", () => {
|
|
126
|
-
document.querySelector("#iframe-mail-container").src = "/gravity_mailbox?part=true&id=" + mailItem.dataset.mailId
|
|
127
|
-
mailItems.forEach(mailItem => mailItem.classList.remove("selected-mail"))
|
|
128
|
-
mailItem.classList.add("selected-mail")
|
|
129
|
-
})
|
|
130
|
-
})
|
|
131
|
-
|
|
132
|
-
// Close all dropdowns if the user clicks outside of them
|
|
133
|
-
document.addEventListener("click", (e) => {
|
|
134
|
-
document.querySelectorAll(".dropdown").forEach((dropdown) => {
|
|
135
|
-
dropdown.classList.remove("is-active")
|
|
136
|
-
})
|
|
137
|
-
});
|
|
138
|
-
|
|
139
|
-
// Each mail menu dropdown
|
|
140
|
-
document.querySelectorAll('.dropdown-trigger').forEach((dropdown) => {
|
|
141
|
-
dropdown.addEventListener('click', function (e) {
|
|
142
|
-
closeAllOtherDropdown(e)
|
|
143
|
-
e.target.closest(".dropdown").classList.toggle('is-active');
|
|
144
|
-
e.stopPropagation();
|
|
145
|
-
})
|
|
146
|
-
})
|
|
147
|
-
|
|
148
|
-
function displayAutomaticallyTheFirstEmail() {
|
|
149
|
-
const mailItems = document.querySelectorAll(".mail-list-item");
|
|
150
|
-
if (mailItems.length) {
|
|
151
|
-
const mailItem = mailItems[0];
|
|
152
|
-
document.querySelector("#iframe-mail-container").src = "/gravity_mailbox?part=true&id=" + mailItem.dataset.mailId;
|
|
153
|
-
mailItem.classList.add("selected-mail");
|
|
154
|
-
} else {
|
|
155
|
-
const iframe = document.querySelector("#iframe-mail-container");
|
|
156
|
-
|
|
157
|
-
const iframeBody = iframe.contentDocument.body;
|
|
158
|
-
if (iframeBody) {
|
|
159
|
-
const p = document.createElement('p');
|
|
160
|
-
p.textContent = "No email received yet.";
|
|
161
|
-
p.style.fontFamily = "sans-serif";
|
|
162
|
-
p.style.fontSize = "20px";
|
|
163
|
-
p.style.fontWeight = "100";
|
|
164
|
-
iframeBody.appendChild(p);
|
|
165
|
-
iframeBody.style.display = "flex";
|
|
166
|
-
iframeBody.style.justifyContent = "center";
|
|
167
|
-
iframeBody.style.alignItems = "center";
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
document.addEventListener("DOMContentLoaded", displayAutomaticallyTheFirstEmail);
|
|
173
|
-
</script>
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html>
|
|
3
|
-
<head>
|
|
4
|
-
<meta name="viewport" content="width=device-width" />
|
|
5
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
|
6
|
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
7
|
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
8
|
-
<link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
|
|
9
|
-
<style>
|
|
10
|
-
<%= yield :style %>
|
|
11
|
-
</style>
|
|
12
|
-
</head>
|
|
13
|
-
<body>
|
|
14
|
-
<%= yield %>
|
|
15
|
-
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
|
16
|
-
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
|
17
|
-
</body>
|
|
18
|
-
</html>
|