change mailer layouts

change the layout of the updating_email and updated_email templates

ruby/lib/jam_ruby/app/mailers/user_mailer.rb

@@ -369,9 +369,9 @@ module JamRuby
       sendgrid_substitute('@USERID', [user.id])
 
       sendgrid_unique_args :type => "updating_email"
-      mail(:to => user.update_email, :subject => "JamKazam Email Change Confirmation") do |format|
+      mail(:to => user.update_email, :subject => I18n.t('user_mailer.updating_email.subject')) do |format|
         format.text
-        format.html
+        format.html{ render layout: "user_mailer_beta" }
       end
     end
 
@@ -383,9 +383,9 @@ module JamRuby
       sendgrid_substitute('@USERID', [user.id])
 
       sendgrid_unique_args :type => "updated_email"
-      mail(:to => user.email, :subject => "JamKazam Email Changed") do |format|
+      mail(:to => user.email, :subject => "Your JamKazam account email address has been updated") do |format|
         format.text
-        format.html
+        format.html{ render layout: "user_mailer_beta" }
       end
     end
 

ruby/lib/jam_ruby/app/views/jam_ruby/user_mailer/updated_email.html.erb

@@ -1,3 +1,9 @@
-<% provide(:title, 'JamKazam Email Confirmed') %>
+<% provide(:title, I18n.t('user_mailer.updated_email.subject')) %>
 
-<b><%= @user.email %></b> has been confirmed as your new email address.
+<p> <%= I18n.t 'user_mailer.updated_email.greeting' -%> <%= @user.first_name -%> -</p>
+
+<p><%= I18n.t 'user_mailer.updated_email.paragraph1' -%><%= @user.email %></p>
+
+<p><%= I18n.t 'user_mailer.updated_email.best_wishes' -%><br/>
+  <%= I18n.t 'user_mailer.updated_email.signature' -%>
+</p>

ruby/lib/jam_ruby/app/views/jam_ruby/user_mailer/updating_email.html.erb

@@ -1,3 +1,32 @@
-<% provide(:title, 'Please Confirm New JamKazam Email') %>
+<% provide(:title, I18n.t('user_mailer.updating_email.subject')) %>
 
-Please click the following link to confirm your change in email: <a style="color: #ffcc00;" href="<%= @user.update_email_confirmation_url %>">confirm email</a>.
+<p> <%= I18n.t 'user_mailer.updating_email.greeting' -%> <%= @user.first_name -%> -</p>
+
+<p><%= I18n.t 'user_mailer.updating_email.paragraph1' -%></p>
+
+<div style="text-align: center">
+ <a
+    href="<%= @user.update_email_confirmation_url %>"
+    style="
+      color: #fff;
+      text-decoration: none;
+      background-color: #2c7be5;
+      border-color: #2c7be5;
+      border: 1px solid transparent;
+      padding: 0.3125rem 1rem;
+      line-height: 2.5;
+      font-size: 1em;
+      border-radius: 0.25rem;
+      cursor: pointer;
+      transition: color 0.15s ease-in-out,
+        background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+        box-shadow 0.15s ease-in-out;
+    "
+    ><%= I18n.t 'user_mailer.updating_email.confirm_change' -%></a>
+</div>
+
+<p><%= I18n.t 'user_mailer.updating_email.paragraph2' -%></p>
+
+<p><%= I18n.t 'user_mailer.updating_email.best_wishes' -%><br/>
+  <%= I18n.t 'user_mailer.updating_email.signature' -%>
+</p>

web/config/locales/en.yml

@@ -22,7 +22,22 @@ en:
       paragraph2: " If you have received this email but aren’t familiar with JamKazam, someone has registered at our website using your email address, and you can use the unsubscribe link below to stop receiving emails from us."
       best_wishes: "Best Regards,"
       signature: "Team JamKazam"
-
+    updating_email:
+      subject: |-
+        Please confirm the change you made to your JamKazam account email (ACTION NEEDED)
+      greeting: "Hello"
+      paragraph1: "We received a request to change the email address associated with your JamKazam account. If you made this change, please click the button below to confirm this change."
+      confirm_change: "Confirm Email Change"
+      paragraph2: "If you did not change your JamKazam account email address, we strongly recommend you sign into your JamKazam account, change your account password, and update your account email address immediately to protect the security of your account."
+      best_wishes: "Best Regards,"
+      signature: "Team JamKazam"
+    updated_email:
+      subject: "Your JamKazam account email address has been updated"
+      greeting: "Hello"
+      paragraph1: "Thank you for confirming the update of your JamKazam account email address to "
+      best_wishes: "Best Regards,"
+      signature: "Team JamKazam"
+      
     new_musicians_match:
       subject: "New musicians with good Internet connections to you have joined JamKazam!"
       greeting: "Hi"