RubyGems - railsui - Versions diffs - 3.1.4 → 3.2.0 - Mend

railsui 3.1.4 → 3.2.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.

Files changed (535) hide show

data/app/views/railsui/themes/shepherd/mailers/_layout.html.erb CHANGED Viewed

@@ -538,504 +538,12 @@ end
 </html>
 <% end %>
-<% content_for :haml, flush: true do %>
-!!!
-%html
-  %body
-    - theme = {
-    - align_logo: "center",
-    - primary: "#f43f5e",
-    - secondary: "#1D9AE2",
-    - heading_text_color: "#0f172a",
-    - footer_text_color: "#71717a",
-    - body_text_color: "#27272a",
-    - light_text_color: "#71717a",
-    - callout_bg_color: "#fef9c3",
-    - callout_border_color: "#fef08a",
-    - callout_text_color: "#a16207",
-    - button_border_radius: "25px",
-    - hr_color: "#e4e4e7",
-    - dark_mode_background_color: "#18181b",
-    - dark_mode_hr_color: "#3f3f46"
-    - }
-    %meta{content: "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
-    :css
-      :root {
-              color-scheme: light dark;
-              supported-color-schemes: light dark;
-            }
-            @media (prefers-color-scheme: dark) {
-              body {
-                background-color: #{theme[:dark_mode_background_color]} !important;
-                color: #ffffff !important;
-              }
-              .content {
-                color: #ffffff !important;
-              }
-              h1,
-              h2,
-              h3,
-              h4 {
-                color: #ffffff !important;
-              }
-              .main {
-                background: #{theme[:dark_mode_background_color]} !important;
-              }
-              .footer td,
-              .footer p,
-              .footer span,
-              .footer a {
-                color: #{theme[:footer_text_color]} !important;
-              }
-              .small {
-                color: #{theme[:footer_text_color]} !important;
-              }
-              table.callout td {
-                background-color: #{theme[:callout_bg_color]} !important;
-                color: #{theme[:callout_text_color]} !important;
-              }
-              .view-in-browser {
-                color: #9ca3af !important;
-              }
-              .action__link--primary {
-                background-color: #{theme[:primary]} !important;
-                border-color: #{theme[:primary]} !important;
-              }
-              .action__link--secondary {
-                background-color: #{theme[:secondary]} !important;
-                border-color: #{theme[:secondary]} !important;
-              }
-              table hr {
-                border-color: #{theme[:dark_mode_hr_color]};
-              }
-            }
-            @media all {
-              .ExternalClass {
-                width: 100%;
-              }
-              .ExternalClass,
-              .ExternalClass p,
-              .ExternalClass span,
-              .ExternalClass font,
-              .ExternalClass td,
-              .ExternalClass div {
-                line-height: 100%;
-              }
-            }
-            img {
-              border: none;
-              -ms-interpolation-mode: bicubic;
-              max-width: 100%;
-            }
-            img.rounded-full {
-              border-radius: 99999px;
-              width: 20px;
-              height: 20px;
-              margin-bottom: -2px;
-              margin-bottom: -2px;
-            }
-            table {
-              border-collapse: separate;
-              mso-table-lspace: 0pt;
-              mso-table-rspace: 0pt;
-              width: 100%;
-            }
-            table td {
-              font-family: sans-serif;
-              font-size: 16px;
-              vertical-align: top;
-            }
-            .container {
-              display: block;
-              margin: 0 auto !important;
-              /* makes it centered */
-              max-width: 600px;
-              padding: 10px;
-              width: 600px;
-            }
-            .content {
-              box-sizing: border-box;
-              display: block;
-              margin: 0 auto;
-              max-width: 600px;
-              padding: 20px;
-              line-height: 1.6;
-              color: #{theme[:body_text_color]};
-            }
-            .logo {
-              color: #222;
-              text-decoration: none;
-              font-size: 18px;
-              font-weight: 500;
-              line-height: 0;
-            }
-            .logo:hover {
-              text-decoration: none;
-            }
-            .main {
-              background: #ffffff;
-              width: 100%;
-            }
-            .wrapper {
-              box-sizing: border-box;
-              padding: 20px;
-            }
-            .footer {
-              clear: both;
-              padding-top: 16px;
-              margin-bottom: 16px;
-              text-align: center;
-            }
-            .footer td,
-            .footer p,
-            .footer span,
-            .footer a {
-              color: #{theme[:footer_text_color]};
-              font-size: 13px;
-              line-height: 150%;
-              margin: 0;
-              text-align: center;
-            }
-            h1,
-            h2,
-            h3,
-            h4 {
-              color: #{theme[:heading_text_color]};
-              font-family: 'system-ui',
-              '-apple-system',
-              'BlinkMacSystemFont',
-              '"Segoe UI"',
-              'Roboto',
-              '"Helvetica Neue"',
-              'Arial',
-              '"Noto Sans"',
-              'sans-serif',
-              '"Apple Color Emoji"',
-              '"Segoe UI Emoji"',
-              '"Segoe UI Symbol"',
-              '"Noto Color Emoji"';
-              line-height: 1.4;
-              margin-bottom: 20px;
-            }
-            h1 {
-              font-size: 24px;
-              font-weight: 800;
-              line-height: 30px;
-            }
-            h2 {
-              font-size: 22px;
-              font-weight: 800;
-            }
-            p,
-            ul,
-            ol,
-            table.callout {
-              font-family: sans-serif;
-              font-size: 16px;
-              font-weight: normal;
-              margin-bottom: 18px;
-            }
-            ul {
-              padding-left: 16px;
-              margin: 10px 0;
-              Margin: 10px 0;
-              list-style-type: disc;
-            }
-            ul li {
-              Margin-bottom: 10px;
-              margin-bottom: 10px;
-            }
-            p li,
-            ul li,
-            ol li {
-              list-style-position: outside;
-            }
-            p.no-bottom-margin {
-              margin-bottom: 0;
-            }
-            a {
-              color: #{theme[:primary]};
-              text-decoration: underline;
-            }
-            a:hover {
-              text-decoration: underline;
-            }
-            .intro blockquote {
-              font-style: italic;
-              color: #111827 !important;
-              border-left: 5px solid #e5e7eb;
-              margin: 0 0 18px 0;
-              padding-left: 24px;
-            }
-            .intro blockquote p {
-              font-weight: 500 !important;
-              font-style: italic;
-              color: #111827 !important;
-              margin: 0;
-            }
-            .last {
-              margin-bottom: 0;
-            }
-            .first {
-              margin-top: 0;
-            }
-            .align-center {
-              text-align: center;
-            }
-            .align-right {
-              text-align: right;
-            }
-            .align-left {
-              text-align: left;
-            }
-            .mt-0 {
-              margin-top: 0;
-            }
-            .mb-0 {
-              margin-bottom: 0;
-            }
-            .mt-10 {
-              margin-top: 10px;
-              Margin-top: 10px;
-            }
-            .mb-10 {
-              margin-bottom: 10px;
-              Margin-bottom: 10px;
-            }
-            .small {
-              font-size: 14px;
-              color: #{theme[:light_text_color]};
-              line-height: 130%;
-            }
-            hr {
-              border: 0;
-              border-bottom: 1px solid #{theme[:hr_color]};
-              margin: 20px 0;
-            }
-            table.callout td {
-              background-color: #{theme[:callout_bg_color]};
-              padding: 16px;
-              border-radius: 6px;
-              color: #{theme[:callout_text_color]}
-            }
-            table.callout td p {
-              margin: 0;
-            }
-            .view-in-browser {
-              font-size: 12px;
-              color: #{theme[:light_text_color]};
-              margin-bottom: 10px;
-              text-align: center;
-              display: block;
-            }
-            table.social-links {
-              width: auto;
-            }
-            table.social-links td {
-              width: 44px;
-              overflow: hidden;
-              text-align: center;
-            }
-            table.social-links td img {
-              display: inline;
-            }
-            @media only screen and (max-width: 620px) {
-              table[class="body"] a.view-in-browser {
-                font-size: 12px !important;
-                margin-top: 10px;
-              }
-              table[class="body"] h1 {
-                font-size: 28px !important;
-                margin-bottom: 10px !important;
-              }
-              table[class="body"] a,
-              table[class="body"] ol,
-              table[class="body"] p,
-              table[class="body"] span,
-              table[class="body"] td,
-              table[class="body"] ul {
-                font-size: 16px !important;
-              }
-              table[class="body"] p.small {
-                font-size: 14px !important;
-              }
-              table[class="body"] .footer {
-                padding: 10px;
-              }
-              table[class="body"] .footer p {
-                font-size: 16px !important;;
-                line-height: 150%;
-              }
-              .wrapper {
-                padding: 20px 10px !important;
-              }
-              .content {
-                padding: 0 !important;
-              }
-              .container {
-                padding: 0 !important;
-                width: 100.85% !important;
-              }
-              .main {
-                border-left-width: 0 !important;
-                border-radius: 0 !important;
-                border-right-width: 0 !important;
-                width: 100% !important;
-              }
-              .img-responsive {
-                height: auto !important;
-                max-width: 100% !important;
-                width: auto !important;
-              }
-              .action__link--primary,
-              .action__link--secondary {
-                border-width: 10px 0px !important;
-              }
-            }
-            /* Action buttons */
-            .action__link {
-              display: inline-block;
-              text-decoration: none !important;
-              text-align: center;
-              border-radius: #{theme[:button_border_radius]} !important;
-              -webkit-text-size-adjust: none;
-              color: white !important;
-              font-size: 15px;
-            }
-            /* Update your brand colors here */
-            .action__link--primary {
-              background-color: #{theme[:primary]};
-              border-top: 10px solid  #{theme[:primary]};
-              border-right: 24px solid #{theme[:primary]};
-              border-bottom: 10px solid #{theme[:primary]};
-              border-left: 24px solid #{theme[:primary]};
-            }
-            .action__link--secondary {
-              color: white;
-              background-color: #{theme[:secondary]};
-              border-top: 10px solid #{theme[:secondary]};
-              border-right: 24px solid #{theme[:secondary]};
-              border-bottom: 10px solid #{theme[:secondary]};
-              border-left: 24px solid #{theme[:secondary]};
-            }
-            .action {
-              width: 100%;
-              padding: 0 0 5px 0 !important;
-              text-align: center;
-            }
-            .action__link--expanded {
-              width: 100%;
-            }
-            .action td {
-              padding: 0 !important;
-              border: none;
-            }
-            @media only screen and (max-width: 600px) {
-              .action a {
-                width: 100%;
-              }
-            }
-    %table.body{border: "0", cellpadding: "0", cellspacing: "0"}
-      %tr
-        %td.container
-          .content
-            %table.main{border: "0", cellpadding: "0", cellspacing: "0"}
-              %tr
-                %td
-                  %table{border: "0", cellpadding: "0", cellspacing: "0"}
-                    %tr
-                      %td.wrapper
-                        %table{align: "#{theme[:align_logo] ||= "left"}"}
-                          %tr
-                            %td{align: "#{theme[:align_logo] ||= "left"}"}
-                              = spacer(12)
-                              = link_to root_url, class: "logo", target: :_blank do
-                                = image_tag Railsui.theme_logo_url, style: "width: 40px; max-width: 40px; height: auto; display: inline; text-align: center;", alt: "#{Railsui.config.application_name} logo"
-                              = spacer(24)
-                        = yield
-            = spacer(8)
-            %table.footer{border: "0", cellpadding: "0", cellspacing: "0"}
-              %tr
-                %td
-                  Please contact #{mail_to Railsui.config.support_email, Railsui.config.support_email, subject: "Help", body: "I need help...", style: "text-decoration: underline;"} if you have any questions.
-        %td
-<% end %>
 <% content_for :ruby, flush: true do %>
 <% end %>
-<%= render_snippet active_tab: "erb", erb_filename: "mailer.html.erb", haml_filename: "mailer.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "mailer.html.erb" %>
 </div>
 <%= system_pagination(prev_path: systems_authentication_static_unlocks_path, prev_text: "Unlock", next_path: systems_mailers_minimal_path, next_text: "Minimal") %>

data/app/views/railsui/themes/shepherd/mailers/_minimal.html.erb CHANGED Viewed

@@ -45,23 +45,8 @@
 <%%= link_to "Learn more", "https://railsui.com" %>
 <% end %>
-<% content_for :haml, flush: true do %>
-/ app/views/some_mailer/minimal.haml.erb
-%h1 This is a heading
-= spacer(16)
-%p Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi nulla rem ipsam, praesentium quisquam quidem laboriosam nihil cumque, molestias vero enim corrupti corporis quibusdam mollitia! Dolores ipsum eos animi facere.
-= spacer(16)
-%ul
-  %li List item 1
-  %li List item 2
-  %li List item 3
-= spacer(16)
-%p Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi nulla rem ipsam, praesentium quisquam quidem laboriosam nihil cumque, molestias vero enim corrupti corporis quibusdam mollitia! Dolores ipsum eos animi facere.
-= spacer(16)
-= link_to "Learn more", "https://railsui.com"
-<% end %>
-  <%= render_snippet active_tab: "erb", erb_filename: "minimal.html.erb", haml_filename: "minimal.haml.erb" %>
+  <%= render_snippet active_tab: "erb", erb_filename: "minimal.html.erb" %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/shepherd/mailers/_promotion.html.erb CHANGED Viewed

@@ -55,27 +55,8 @@
 <%%= email_action "Start shopping", "#", align: "center", fullwidth: true, theme: "secondary" %>
 <% end %>
-<% content_for :haml, flush: true do %>
-/ app/views/some_mailer/promotion.haml.erb
-/ Add width and height attributes to all images for maximum cross-email client support
-= image_tag "your/promotion/image.jpg", alt: "Promotional image example", width: "1200px", height: "600px"
-= spacer(16)
-%h1 Limited time offer!
-= spacer(16)
-%p Lorem ipsum dolor...
-= spacer(16)
-= email_callout do
-  %p
-    For a limited time use the coupon code
-    %strong 50OFF
-    for 50% off your first purchase.
-= spacer(16)
-%p Lorem ipsum dolor...
-= spacer(16)
-= email_action "Start shopping", "#", align: "center", fullwidth: true, theme: "secondary"
-<% end %>
-  <%= render_snippet active_tab: "erb", erb_filename: "promotion.html.erb", haml_filename: "promotion.haml.erb" %>
+  <%= render_snippet active_tab: "erb", erb_filename: "promotion.html.erb" %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/shepherd/mailers/_transactional.html.erb CHANGED Viewed

@@ -125,50 +125,8 @@
 <%%= email_action("View receipt", "#") %>
 <% end %>
-<% content_for :haml, flush: true do %>
-/ app/views/some_mailer/transactional.haml.erb
-%p Hey Andy,
-%p Thanks for subscribing to Rails UI. This email contains the receipt from your purchase.
-%p
-  The purchase will appear as
-  %code RAILSUI
-  on your credit card statement for the card ending in
-  = succeed "." do
-    %code 1234
-  = link_to "update your payment information", "#"
-  at any time. Below you'll find the details of your order:
-= spacer(16)
-%table.mb-0
-  %tbody
-    %tr
-      %td
-        Order #2345
-      %td{align: "right"}
-        01/01/23
-%hr/
-%table
-  %thead
-    %th{align: "left"} Description
-    %th{align: "right"} Amount
-  %tbody
-    %tr
-      %td
-        = link_to "Rails UI", "https://railsui.com", target: :_blank
-        %p.small.mb-0 Renews annually. Next charge on 01/01/24.
-      %td{align: "right"}
-        $1,000,000.00
-    %tr
-      %td
-    %tr
-      %td
-      %td{align: "right"}
-        %strong Total: $1,000,000.00
-= spacer(16)
-%p If you have any questions about this receipt or Rails UI, please reply to this email or reach out to our support team for help. Someone will get back to you within a few hours.
-= email_action("View receipt", "#")
-<% end %>
-  <%= render_snippet active_tab: "erb", erb_filename: "transactional.html.erb", haml_filename: "transactional.haml.erb" %>
+  <%= render_snippet active_tab: "erb", erb_filename: "transactional.html.erb" %>
 <% end %>
 <% end %>

data/app/views/railsui/themes/shepherd/mailers/devise/_confirmation_instructions.html.erb CHANGED Viewed

@@ -26,16 +26,8 @@
 <%%= email_action "Confirm my account", confirmation_url(@resource, confirmation_token: @token), fullwidth: true %>
 <% end %>
-<% content_for :haml, flush: true do %>
-/ app/views/devise/mailer/confirmation_instructions.html.erb
-%p
-  Hi #{@email},
-%p Thanks for signing up at ACME.xyz! Before you access your new account we want to make sure it's really you.
-%p Confirm your account by clicking the button below.
-= email_action "Confirm my account", confirmation_url(@resource, confirmation_token: @token), fullwidth: true
-<% end %>
-<%= render_snippet active_tab: "erb", erb_filename: "confirmation_instructions.html.erb", haml_filename: "confirmation_instructions.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "confirmation_instructions.html.erb" %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/shepherd/mailers/devise/_email_changed.html.erb CHANGED Viewed

@@ -24,18 +24,7 @@
 <%% end %>
 <% end %>
-<% content_for :haml, flush: true do %>
-/ app/views/devise/mailer/email_changed.haml.erb
-%p
-  Hi #{@email},
-- if @resource.try(:unconfirmed_email?)
-  %p
-    We're contacting you to notify you that your email is being changed to #{@resource.unconfirmed_email}.
-- else
-  %p
-    We're contacting you to notify you that your email has been changed to #{@resource.email}.
-<% end %>
-<%= render_snippet active_tab: "erb", erb_filename: "email_changed.html.erb", haml_filename: "email_changed.haml.erb"  %>
+<%= render_snippet active_tab: "erb", erb_filename: "email_changed.html.erb"  %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/shepherd/mailers/devise/_password_changed.html.erb CHANGED Viewed

@@ -19,13 +19,7 @@
 <p>We're contacting you to notify you that your password has been changed.</p>
 <% end %>
-<% content_for :haml, flush: true do %>
-/ app/views/devise/mailer/password_changed.haml.erb
-%p
-  Hi #{@resource.email},
-%p We're contacting you to notify you that your password has been changed.
-<% end %>
-<%= render_snippet active_tab: "erb", erb_filename: "password_changed.html.erb", haml_filename: "password_changed.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "password_changed.html.erb" %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/shepherd/mailers/devise/_reset_password_instructions.html.erb CHANGED Viewed

@@ -23,15 +23,7 @@
 <p>If you didn't make this change we recommend <%%= link_to "resetting your password immediately", edit_password_url(@resource, reset_password_token: @token) %> or <%%= mail_to Railsui.config.support_email, "contacting someone from our support team" %>.</p>
 <% end %>
-<% content_for :haml, flush: true do %>
-/ app/views/devise/mailer/reset_password_instructions.haml.erb
-%p
-  Hi #{@resource.email},
-%p We're contacting you to notify you that your password has been changed.
-%p
-  If you didn't make this change we recommend #{link_to "resetting your password immediately", edit_password_url(@resource, reset_password_token: @token)} or #{mail_to "some@email.com", "contacting someone from our support team"}.
-<% end %>
-<%= render_snippet active_tab: "erb", erb_filename: "reset_password_instructions.html.erb", haml_filename: "reset_password_instructions.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "reset_password_instructions.html.erb" %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/shepherd/mailers/devise/_unlock_instructions.html.erb CHANGED Viewed

@@ -26,15 +26,7 @@
 <%%= email_action "Unlock account", unlock_url(@resource, unlock_token: @token) %>
 <% end %>
-<% content_for :haml, flush: true do %>
-/ app/views/devise/mailer/unlock_instructions.html.erb
-%p
-  Hi #{@resource.email},
-%p Your account has been locked due to an excessive number of unsuccessful sign in attempts.
-%p Click the link below to unlock your account:
-= email_action "Unlock account", unlock_url(@resource, unlock_token: @token)
-<% end %>
-<%= render_snippet active_tab: "erb", erb_filename: "unlock_instructions.html.erb", haml_filename: "unlock_instructions.haml.erb" %>
+<%= render_snippet active_tab: "erb", erb_filename: "unlock_instructions.html.erb" %>
 <% end %>
 <% end %>
 </div>