devise-foundation-views 0.1.1 → 1.0.1

data/app/views/devise/unlocks/new.html.erb

@@ -1,25 +1,18 @@
-<%= foundation_devise_error_messages! %>
-<div class="row">
-  <div class="medium-6 medium-centered columns">
-    <div class="login-box">
-      <div class="row">
-        <div class="large-12 columns">
-          <%= form_for(resource, :as => resource_name, :url => unlock_path(resource_name), :html => { :method => :post}) do |f| %>
-            <div class="row">
-              <h5 class="text-center">
-                <%= t('.resend_unlock_instructions', :default => "Resend unlock instructions") %>
-              </h5>
-            </div>
-            <div class="row">
-              <%= f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"%>
-            </div>
-            <div class="row">
-              <%= f.submit t('.resend_unlock_instructions', :default => "Resend unlock instructions"), class: "button expand large-12 large-centered columns" %>
-            </div>
-          <% end %>
-        </div>
-        <%= render "devise/shared/links" %>
+<%= render layout: "devise/shared/foundation_layout", locals: { title: t(".resend_unlock_instructions", default: "Resend unlock instructions") } do %>
+  <%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+    <%= render "devise/shared/error_messages", resource: resource %>
+
+    <div class="grid-x grid-padding-x">
+      <div class="cell">
+        <%= f.label :email %>
+        <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+      </div>
+
+      <div class="cell">
+        <%= f.submit t(".resend_unlock_instructions", default: "Resend unlock instructions"), class: "button expanded" %>
       </div>
     </div>
-  </div>
-</div>
+  <% end %>
+
+  <%= render "devise/shared/links" %>
+<% end %>

data/app/views/devise_haml/confirmations/new.html.haml

@@ -1,15 +1,10 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => confirmation_path(resource_name), :html => { :method => :post}) do |f|
-            .row
-              %h5.text-center
-                = t('.resend_confirmation_instructions', :default => 'Resend confirmation instructions')
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.submit t('.resend_confirmation_instructions', :default => 'Resend confirmation instructions'), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".resend_confirmation_instructions", default: "Resend confirmation instructions") } do
+  = form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email)
+      .cell
+        = f.submit t(".resend_confirmation_instructions", default: "Resend confirmation instructions"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_haml/mailer/confirmation_instructions.html.haml

@@ -1,3 +1,3 @@
-%p= t('.greeting', :recipient => @resource.email, :default => "Welcome #{@resource.email}!")
-%p= t('.instruction', :default => "You can confirm your account email through the link below:")
-%p= link_to t('.action', :default => "Confirm my account"),confirmation_url(@resource, :confirmation_token => @token, locale: I18n.locale)
+%p= t(".welcome", email: @email, default: "Welcome #{@email}!")
+%p= t(".instruction", default: "You can confirm your account email through the link below:")
+%p= link_to t(".confirm_my_account", default: "Confirm my account"), confirmation_url(@resource, confirmation_token: @token)

data/app/views/devise_haml/mailer/reset_password_instructions.html.haml

@@ -1,5 +1,5 @@
-%p= t('.greeting', :recipient => @resource.email, :default => "Hello #{@resource.email}!")
-%p= t('.instruction', :default => "Someone has requested a link to change your password, and you can do this through the link below.")
-%p= link_to t('.action', :default => "Change my password"), edit_password_url(@resource, :reset_password_token => @token, locale: I18n.locale)
-%p= t('.instruction_2', :default => "If you didn't request this, please ignore this email.")
-%p= t('.instruction_3', :default => "Your password won't change until you access the link above and create a new one.")
+%p= t(".hello", email: @resource.email, default: "Hello #{@resource.email}!")
+%p= t(".someone_requested_a_link", default: "Someone has requested a link to change your password. You can do this through the link below.")
+%p= link_to t(".change_my_password", default: "Change my password"), edit_password_url(@resource, reset_password_token: @token)
+%p= t(".if_you_didnt_request", default: "If you didn't request this, please ignore this email.")
+%p= t(".password_wont_change", default: "Your password won't change until you access the link above and create a new one.")

data/app/views/devise_haml/mailer/unlock_instructions.html.haml

@@ -1,4 +1,4 @@
-%p= t('.greeting', :recipient => @resource.email, :default => "Hello #{@resource.email}!")
-%p= t('.message', :default => "Your account has been locked due to an excessive amount of unsuccessful sign in attempts.")
-%p= t('.instruction', :default => "Click the link below to unlock your account:")
-%p= link_to t('.action', :default => "Unlock my account"), unlock_url(@resource, :unlock_token => @resource.unlock_token, locale: I18n.locale)
+%p= t(".hello", email: @resource.email, default: "Hello #{@resource.email}!")
+%p= t(".account_locked", default: "Your account has been locked due to an excessive number of unsuccessful sign in attempts.")
+%p= t(".click_link_below", default: "Click the link below to unlock your account:")
+%p= link_to t(".unlock_my_account", default: "Unlock my account"), unlock_url(@resource, unlock_token: @token)

data/app/views/devise_haml/passwords/edit.html.haml

@@ -1,17 +1,16 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put}) do |f|
-            = f.hidden_field :reset_password_token
-            .row
-              %h5.text-center= t('.change_your_password', :default => 'Change your password')
-            .row
-              = f.password_field :password, autocomplete: "off", class: "large-12 columns", placeholder: "New Password"
-            .row
-              = f.password_field :password_confirmation, autocomplete: "off", class: "large-12 columns", placeholder: "Confirm New Password"
-            .row
-              = f.submit t('.change_my_password', :default => 'Change my password'), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".change_your_password", default: "Change your password") } do
+  = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    = f.hidden_field :reset_password_token
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :password, t(".new_password", default: "New password")
+        - if @minimum_password_length
+          %p.help-text= t("devise.shared.minimum_password_length", count: @minimum_password_length, default: "(#{@minimum_password_length} characters minimum)")
+        = f.password_field :password, autofocus: true, autocomplete: "new-password"
+      .cell
+        = f.label :password_confirmation, t(".confirm_new_password", default: "Confirm new password")
+        = f.password_field :password_confirmation, autocomplete: "new-password"
+      .cell
+        = f.submit t(".change_my_password", default: "Change my password"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_haml/passwords/new.html.haml

@@ -1,14 +1,10 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :post}) do |f|
-            .row
-              %h5.text-center= t('.forgot_your_password', :default => 'Forgot your password?')
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.submit t('.send_me_reset_password_instructions', :default => "Send me reset password instructions"), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".forgot_your_password", default: "Forgot your password?") } do
+  = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email"
+      .cell
+        = f.submit t(".send_me_reset_password_instructions", default: "Send me password reset instructions"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_haml/registrations/edit.html.haml

@@ -1,23 +1,32 @@
-= foundation_devise_error_messages!
-.row  
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put }) do |f|
-            .row
-              %h5.text-center= t('.title', :resource => resource_class.model_name.human , :default => "Edit #{resource_name.to_s.humanize}")
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.password_field :password, autocomplete: "off", class: "large-12 columns", placeholder: "Password", title: "leave blank if you don't want to change it"
-            .row
-              = f.password_field :password_confirmation, autocomplete: "off", class: "large-12 columns", placeholder: "Password Confirmation"
-            .row
-              = f.password_field :current_password, autocomplete: "off", class: "large-12 columns", placeholder: "Current Password", title: "we need your current password to confirm your changes"
-            .row
-              = f.submit t('.update', :default => "Update"), class: "button expand large-12 large-centered columns"
-        %p
-          = t('.unhappy', :default => 'Unhappy')
-          ? #{link_to t('.cancel_my_account', :default => "Cancel my account"), registration_path(resource_name), :data => { :confirm => t('.are_you_sure', :default => "Are you sure?") }, :method => :delete}.
-        = link_to t('.back', :default => 'Back'), :back
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".title", resource: resource_class.model_name.human, default: "Edit #{resource_name.to_s.humanize}") } do
+  = form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email"
+      - if devise_mapping.confirmable? && resource.pending_reconfirmation?
+        .cell
+          .callout.warning
+            = t(".currently_waiting_confirmation", email: resource.unconfirmed_email, default: "Currently waiting confirmation for: #{resource.unconfirmed_email}")
+      .cell
+        = f.label :password
+        %p.help-text= t(".leave_blank_if_you_don_t_want_to_change_it", default: "(leave blank if you don't want to change it)")
+        = f.password_field :password, autocomplete: "new-password"
+        - if @minimum_password_length
+          %p.help-text= t("devise.shared.minimum_password_length", count: @minimum_password_length, default: "#{@minimum_password_length} characters minimum")
+      .cell
+        = f.label :password_confirmation
+        = f.password_field :password_confirmation, autocomplete: "new-password"
+      .cell
+        = f.label :current_password
+        %p.help-text= t(".we_need_your_current_password_to_confirm_your_changes", default: "(we need your current password to confirm your changes)")
+        = f.password_field :current_password, autocomplete: "current-password"
+      .cell
+        = f.submit t(".update", default: "Update"), class: "button expanded"
+  .text-center
+    %h3= t(".cancel_my_account", default: "Cancel my account")
+    %p
+      = t(".unhappy", default: "Unhappy")
+      = button_to t(".cancel_my_account", default: "Cancel my account"), registration_path(resource_name), data: { confirm: t(".are_you_sure", default: "Are you sure?"), turbo_confirm: t(".are_you_sure", default: "Are you sure?") }, method: :delete, class: "button alert expanded"
+    = link_to t(".back", default: "Back"), :back

data/app/views/devise_haml/registrations/new.html.haml

@@ -1,18 +1,18 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f|
-            .row
-              %h5.text-center= t('.sign_up', :default => "Sign up")
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.password_field :password, autocomplete: "off", class: "large-12 columns", placeholder: "Password"
-            .row
-              = f.password_field :password_confirmation, autocomplete: "off", class: "large-12 columns", placeholder: "Password Confirmation"
-            .row
-              = f.submit t('.sign_up', :default => "Sign up"), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".sign_up", default: "Sign up") } do
+  = form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email"
+      .cell
+        = f.label :password
+        - if @minimum_password_length
+          %p.help-text= t("devise.shared.minimum_password_length", count: @minimum_password_length, default: "(#{@minimum_password_length} characters minimum)")
+        = f.password_field :password, autocomplete: "new-password"
+      .cell
+        = f.label :password_confirmation
+        = f.password_field :password_confirmation, autocomplete: "new-password"
+      .cell
+        = f.submit t(".sign_up", default: "Sign up"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_haml/sessions/new.html.haml

@@ -1,20 +1,20 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
-            .row
-              %h5.text-center= t('.sign_in', :default => "Sign in")
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.password_field :password, autocomplete: "off", class: "large-12 columns", placeholder: "Password"
-            - if devise_mapping.rememberable?
-              .row
-                = f.check_box :remember_me
-                = f.label :remember_me
-            .row
-              = f.submit  t('.sign_in', :default => "Sign in"), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".sign_in", default: "Log in") } do
+  = form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email"
+      .cell
+        = f.label :password
+        = f.password_field :password, autocomplete: "current-password"
+      - if devise_mapping.rememberable?
+        .cell
+          .grid-x.align-middle
+            .cell.shrink
+              = f.check_box :remember_me
+            .cell.auto
+              = f.label :remember_me
+      .cell
+        = f.submit t(".sign_in", default: "Log in"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_haml/shared/_error_messages.html.haml

@@ -0,0 +1,9 @@
+- if resource.errors.any?
+  #error_explanation.callout.alert{ data: { closable: true }, role: "alert" }
+    %h2
+      = I18n.t("errors.messages.not_saved", count: resource.errors.count, resource: resource.class.model_name.human.downcase)
+    %ul.no-bullet
+      - resource.errors.full_messages.each do |message|
+        %li= message
+    %button.close-button{ "aria-label" => t("devise.shared.error_messages.close", default: "Dismiss alert"), type: "button", data: { close: true } }
+      %span{ "aria-hidden" => true } ×

data/app/views/devise_haml/shared/_foundation_layout.html.haml

@@ -0,0 +1,7 @@
+.grid-container.devise-foundation-views
+  .grid-x.grid-padding-x.align-center
+    .medium-10.large-7.cell
+      .devise-form-card
+        - if local_assigns[:title].present?
+          %h2.text-center.devise-form-card__title= title
+        = yield

data/app/views/devise_haml/shared/_links.html.haml

@@ -1,19 +1,20 @@
-- if controller_name != 'sessions'
-  = link_to t(".sign_in", :default => "Sign in"), new_session_path(resource_name)
-  %br/
-- if devise_mapping.registerable? && controller_name != 'registrations'
-  = link_to t(".sign_up", :default => "Sign up"), new_registration_path(resource_name)
-  %br/
-- if devise_mapping.recoverable? && controller_name != 'passwords'
-  = link_to t(".forgot_your_password", :default => "Forgot your password?"), new_password_path(resource_name)
-  %br/
-- if devise_mapping.confirmable? && controller_name != 'confirmations'
-  = link_to t('.didn_t_receive_confirmation_instructions', :default => "Didn't receive confirmation instructions?"), new_confirmation_path(resource_name)
-  %br/
-- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks'
-  = link_to t('.didn_t_receive_unlock_instructions', :default => "Didn't receive unlock instructions?"), new_unlock_path(resource_name)
-  %br/
-- if devise_mapping.omniauthable?
-  - resource_class.omniauth_providers.each do |provider|
-    = link_to t('.sign_in_with_provider', :provider => provider.to_s.titleize, :default => "Sign in with #{provider.to_s.titleize}"), omniauth_authorize_path(resource_name, provider)
-    %br/
+.devise-links.text-center
+  - if controller_name != 'sessions'
+    = link_to t(".sign_in", default: "Log in"), new_session_path(resource_name)
+    %br/
+  - if devise_mapping.registerable? && controller_name != 'registrations'
+    = link_to t(".sign_up", default: "Sign up"), new_registration_path(resource_name)
+    %br/
+  - if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations'
+    = link_to t(".forgot_your_password", default: "Forgot your password?"), new_password_path(resource_name)
+    %br/
+  - if devise_mapping.confirmable? && controller_name != 'confirmations'
+    = link_to t(".didn_t_receive_confirmation_instructions", default: "Didn't receive confirmation instructions?"), new_confirmation_path(resource_name)
+    %br/
+  - if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks'
+    = link_to t(".didn_t_receive_unlock_instructions", default: "Didn't receive unlock instructions?"), new_unlock_path(resource_name)
+    %br/
+  - if devise_mapping.omniauthable?
+    - resource_class.omniauth_providers.each do |provider|
+      = button_to t(".sign_in_with_provider", provider: OmniAuth::Utils.camelize(provider), default: "Sign in with #{OmniAuth::Utils.camelize(provider)}"), omniauth_authorize_path(resource_name, provider), data: { turbo: false }, class: "button hollow expanded"
+      %br/

data/app/views/devise_haml/unlocks/new.html.haml

@@ -1,14 +1,10 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => unlock_path(resource_name), :html => { :method => :post}) do |f|
-            .row
-              %h5.text-center= t('.resend_unlock_instructions', :default => "Resend unlock instructions")
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.submit t('.resend_unlock_instructions', :default => "Resend unlock instructions"), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".resend_unlock_instructions", default: "Resend unlock instructions") } do
+  = form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email"
+      .cell
+        = f.submit t(".resend_unlock_instructions", default: "Resend unlock instructions"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_slim/confirmations/new.html.slim

@@ -1,14 +1,10 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => confirmation_path(resource_name), :html => { :method => :post}) do |f|
-            .row
-              h5.text-center= t('.resend_confirmation_instructions', :default => 'Resend confirmation instructions')
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.submit t('.resend_confirmation_instructions', :default => 'Resend confirmation instructions'), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".resend_confirmation_instructions", default: "Resend confirmation instructions") } do
+  = form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email)
+      .cell
+        = f.submit t(".resend_confirmation_instructions", default: "Resend confirmation instructions"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_slim/mailer/confirmation_instructions.html.slim

@@ -1,4 +1,3 @@
-p= t('.greeting', :recipient => @resource.email, :default => "Welcome # @resource.email !")
-p= t('.instruction', :default => "You can confirm your account email through the link below:")
-p= link_to t('.action', :default => "Confirm my account"),confirmation_url(@resource, :confirmation_token => @token, locale: I18n.locale)
- 
+p= t(".welcome", email: @email, default: "Welcome #{@email}!")
+p= t(".instruction", default: "You can confirm your account email through the link below:")
+p= link_to t(".confirm_my_account", default: "Confirm my account"), confirmation_url(@resource, confirmation_token: @token)

data/app/views/devise_slim/mailer/reset_password_instructions.html.slim

@@ -1,6 +1,5 @@
-p= t('.greeting', :recipient => @resource.email, :default => "Hello # @resource.email !")
-p= t('.instruction', :default => "Someone has requested a link to change your password, and you can do this through the link below.")
-p= link_to t('.action', :default => "Change my password"), edit_password_url(@resource, :reset_password_token => @token, locale: I18n.locale)
-p= t('.instruction_2', :default => "If you didn't request this, please ignore this email.")
-p= t('.instruction_3', :default => "Your password won't change until you access the link above and create a new one.")
- 
+p= t(".hello", email: @resource.email, default: "Hello #{@resource.email}!")
+p= t(".someone_requested_a_link", default: "Someone has requested a link to change your password. You can do this through the link below.")
+p= link_to t(".change_my_password", default: "Change my password"), edit_password_url(@resource, reset_password_token: @token)
+p= t(".if_you_didnt_request", default: "If you didn't request this, please ignore this email.")
+p= t(".password_wont_change", default: "Your password won't change until you access the link above and create a new one.")

data/app/views/devise_slim/mailer/unlock_instructions.html.slim

@@ -1,4 +1,4 @@
-p= t('.greeting', :recipient => @resource.email, :default => "Hello # @resource.email !")
-p= t('.message', :default => "Your account has been locked due to an excessive amount of unsuccessful sign in attempts.")
-p= t('.instruction', :default => "Click the link below to unlock your account:")
-p= link_to t('.action', :default => "Unlock my account"), unlock_url(@resource, :unlock_token => @resource.unlock_token, locale: I18n.locale)
+p= t(".hello", email: @resource.email, default: "Hello #{@resource.email}!")
+p= t(".account_locked", default: "Your account has been locked due to an excessive number of unsuccessful sign in attempts.")
+p= t(".click_link_below", default: "Click the link below to unlock your account:")
+p= link_to t(".unlock_my_account", default: "Unlock my account"), unlock_url(@resource, unlock_token: @token)

data/app/views/devise_slim/passwords/edit.html.slim

@@ -1,18 +1,16 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put}) do |f|
-            = f.hidden_field :reset_password_token
-            .row
-              h5.text-center= t('.change_your_password', :default => 'Change your password')
-            .row
-              = f.password_field :password, autocomplete: "off", class: "large-12 columns", placeholder: "New Password"
-            .row
-              = f.password_field :password_confirmation, autocomplete: "off", class: "large-12 columns", placeholder: "Confirm New Password"
-            .row
-              = f.submit t('.change_my_password', :default => 'Change my password'), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
- 
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".change_your_password", default: "Change your password") } do
+  = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    = f.hidden_field :reset_password_token
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :password, t(".new_password", default: "New password")
+        - if @minimum_password_length
+          p.help-text= t("devise.shared.minimum_password_length", count: @minimum_password_length, default: "(#{@minimum_password_length} characters minimum)")
+        = f.password_field :password, autofocus: true, autocomplete: "new-password"
+      .cell
+        = f.label :password_confirmation, t(".confirm_new_password", default: "Confirm new password")
+        = f.password_field :password_confirmation, autocomplete: "new-password"
+      .cell
+        = f.submit t(".change_my_password", default: "Change my password"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_slim/passwords/new.html.slim

@@ -1,14 +1,10 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :post}) do |f|
-            .row
-              h5.text-center= t('.forgot_your_password', :default => 'Forgot your password?')
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.submit t('.send_me_reset_password_instructions', :default => "Send me reset password instructions"), class: "button expand large-12 large-centered columns"
-        = render "devise/shared/links"
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".forgot_your_password", default: "Forgot your password?") } do
+  = form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email"
+      .cell
+        = f.submit t(".send_me_reset_password_instructions", default: "Send me password reset instructions"), class: "button expanded"
+  = render "devise/shared/links"

data/app/views/devise_slim/registrations/edit.html.slim

@@ -1,24 +1,32 @@
-= foundation_devise_error_messages!
-.row
-  .medium-6.medium-centered.columns
-    .login-box
-      .row
-        .large-12.columns
-          = form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put }) do |f|
-            .row
-              h5.text-center= t('.title', :resource => resource_class.model_name.human , :default => "Edit # resource_name.to_s.humanize ")
-            .row
-              = f.email_field :email, autofocus: true, class: "large-12 columns", placeholder: "Email"
-            .row
-              = f.password_field :password, autocomplete: "off", class: "large-12 columns", placeholder: "Password", title: "leave blank if you don't want to change it"
-            .row
-              = f.password_field :password_confirmation, autocomplete: "off", class: "large-12 columns", placeholder: "Password Confirmation"
-            .row
-              = f.password_field :current_password, autocomplete: "off", class: "large-12 columns", placeholder: "Current Password", title: "we need your current password to confirm your changes"
-            .row
-              = f.submit t('.update', :default => "Update"), class: "button expand large-12 large-centered columns"
-        p
-          = t('.unhappy', :default => 'Unhappy')
-          | ? #{link_to t('.cancel_my_account', :default => "Cancel my account"), registration_path(resource_name), :data => { :confirm => t('.are_you_sure', :default => "Are you sure?") }, :method => :delete}.
-        = link_to t('.back', :default => 'Back'), :back
- 
+= render layout: "devise/shared/foundation_layout", locals: { title: t(".title", resource: resource_class.model_name.human, default: "Edit #{resource_name.to_s.humanize}") } do
+  = form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f|
+    = render "devise/shared/error_messages", resource: resource
+    .grid-x.grid-padding-x
+      .cell
+        = f.label :email
+        = f.email_field :email, autofocus: true, autocomplete: "email"
+      - if devise_mapping.confirmable? && resource.pending_reconfirmation?
+        .cell
+          .callout.warning
+            = t(".currently_waiting_confirmation", email: resource.unconfirmed_email, default: "Currently waiting confirmation for: #{resource.unconfirmed_email}")
+      .cell
+        = f.label :password
+        p.help-text= t(".leave_blank_if_you_don_t_want_to_change_it", default: "(leave blank if you don't want to change it)")
+        = f.password_field :password, autocomplete: "new-password"
+        - if @minimum_password_length
+          p.help-text= t("devise.shared.minimum_password_length", count: @minimum_password_length, default: "#{@minimum_password_length} characters minimum")
+      .cell
+        = f.label :password_confirmation
+        = f.password_field :password_confirmation, autocomplete: "new-password"
+      .cell
+        = f.label :current_password
+        p.help-text= t(".we_need_your_current_password_to_confirm_your_changes", default: "(we need your current password to confirm your changes)")
+        = f.password_field :current_password, autocomplete: "current-password"
+      .cell
+        = f.submit t(".update", default: "Update"), class: "button expanded"
+  .text-center
+    h3= t(".cancel_my_account", default: "Cancel my account")
+    p
+      = t(".unhappy", default: "Unhappy")
+      = button_to t(".cancel_my_account", default: "Cancel my account"), registration_path(resource_name), data: { confirm: t(".are_you_sure", default: "Are you sure?"), turbo_confirm: t(".are_you_sure", default: "Are you sure?") }, method: :delete, class: "button alert expanded"
+    = link_to t(".back", default: "Back"), :back