Oops!
+#{sentence}
#{messages} +#{sentence}
+#{message}.
+#{sentence}
+Welcome <%= @email %>!
+ +You can confirm your account email through the link below:
+ +<%= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token) %>
diff --git a/app/views/devise/mailer/email_changed.html.erb b/app/views/devise/mailer/email_changed.html.erb new file mode 100644 index 0000000..32f4ba8 --- /dev/null +++ b/app/views/devise/mailer/email_changed.html.erb @@ -0,0 +1,7 @@ +Hello <%= @email %>!
+ +<% if @resource.try(:unconfirmed_email?) %> +We're contacting you to notify you that your email is being changed to <%= @resource.unconfirmed_email %>.
+<% else %> +We're contacting you to notify you that your email has been changed to <%= @resource.email %>.
+<% end %> diff --git a/app/views/devise/mailer/password_change.html.erb b/app/views/devise/mailer/password_change.html.erb new file mode 100644 index 0000000..b41daf4 --- /dev/null +++ b/app/views/devise/mailer/password_change.html.erb @@ -0,0 +1,3 @@ +Hello <%= @resource.email %>!
+ +We're contacting you to notify you that your password has been changed.
diff --git a/app/views/devise/mailer/reset_password_instructions.html.erb b/app/views/devise/mailer/reset_password_instructions.html.erb new file mode 100644 index 0000000..f667dc1 --- /dev/null +++ b/app/views/devise/mailer/reset_password_instructions.html.erb @@ -0,0 +1,8 @@ +Hello <%= @resource.email %>!
+ +Someone has requested a link to change your password. You can do this through the link below.
+ +<%= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token) %>
+ +If you didn't request this, please ignore this email.
+Your password won't change until you access the link above and create a new one.
diff --git a/app/views/devise/mailer/unlock_instructions.html.erb b/app/views/devise/mailer/unlock_instructions.html.erb new file mode 100644 index 0000000..41e148b --- /dev/null +++ b/app/views/devise/mailer/unlock_instructions.html.erb @@ -0,0 +1,7 @@ +Hello <%= @resource.email %>!
+ +Your account has been locked due to an excessive number of unsuccessful sign in attempts.
+ +Click the link below to unlock your account:
+ +<%= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token) %>
diff --git a/app/views/devise/passwords/edit.html.slim b/app/views/devise/passwords/edit.html.slim new file mode 100644 index 0000000..20e50d1 --- /dev/null +++ b/app/views/devise/passwords/edit.html.slim @@ -0,0 +1,37 @@ +=r ux.div "w-full max-w-sm" + = form_for(resource, + as: resource_name, + url: user_password_path(resource_name), + html: { method: :put, + class: "bg-white mb-10 px-8 pt-1 pb-8 rounded shadow-md" }) do |f| + + =r ux.h2 "font-hairline mb-6 text-center" + | Change Your Password + = devise_error_messages! + + = f.hidden_field :reset_password_token + + =r ux.div "mb-4" + = f.label :password, "New Password", class: "block font-bold mb-2 text-gray-700 text-sm" + - if @minimum_password_length + =r ux.em 'text-gray-600' + ="(#{@minimum_password_length} characters minimum)" + = f.password_field :password, + autofocus: true, + autocomplete: "new-password", + class: "appearance-none border leading-tight focus:outline-none px-3 py-2 rounded shadow focus:shadow-outline text-gray-700 w-full" + + =r ux.div "mb-4" + = f.label :password_confirmation, + "Confirm New Password", + class: "block font-bold mb-2 text-gray-700 text-sm" + = f.password_field :password_confirmation, + autocomplete: "off", + class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" + + =r ux.div "mb-4" + = f.submit "Change My Password", + class: "button bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full" + + = render "devise/shared/links" + = render "devise/shared/form_footer" diff --git a/app/views/devise/passwords/new.html.slim b/app/views/devise/passwords/new.html.slim new file mode 100644 index 0000000..9ade99a --- /dev/null +++ b/app/views/devise/passwords/new.html.slim @@ -0,0 +1,22 @@ +=r ux.div "w-full max-w-sm" + = form_for(resource, + as: resource_name, + url: password_path(resource_name), + html: { method: :post, + class: "bg-white mb-10 px-8 pt-1 pb-8 rounded shadow-md" }) do |f| + + =r ux.h2 "font-hairline mb-6 text-center" + | Forgot your password? + = devise_error_messages! + + =r ux.div "mb-4" + = f.label :email, class: "block font-bold mb-2 text-gray-700 text-sm" + = f.email_field :email, autofocus: true, autocomplete: "email", + class: "appearance-none border leading-tight focus:outline-none px-3 py-2 rounded shadow focus:shadow-outline text-gray-700 w-full" + + =r ux.div "mb-4" + = f.submit "Send Password Reset Info", + class: "button bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full" + + = render "devise/shared/links" + = render "devise/shared/form_footer" \ No newline at end of file diff --git a/app/views/devise/registrations/edit.html.slim b/app/views/devise/registrations/edit.html.slim new file mode 100644 index 0000000..ff50272 --- /dev/null +++ b/app/views/devise/registrations/edit.html.slim @@ -0,0 +1,41 @@ +=r ux.div "w-full max-w-md" + = form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put, class: "bg-white mb-10 px-8 pt-1 pb-8 rounded shadow-md" }) do |f| + =r ux.h2 "font-hairline mb-6 text-center" + = "Edit #{resource_name.to_s.humanize}" + = devise_error_messages! + + =r ux.div "mb-4" + = f.label :email, class: "block font-bold mb-0 text-gray-700 text-sm" + = f.email_field :email, autofocus: true, autocomplete: "email", class: "appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none shadow focus:shadow-outline" + - if devise_mapping.confirmable? && resource.pending_reconfirmation? + =r ux.div + = "Currently waiting confirmation for: #{resource.unconfirmed_email}" + + =r ux.div "mb-4" + = f.label :password, class: "block font-bold mb-2 text-gray-700 text-sm" + = f.password_field :password, autocomplete: "new-password", class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" + i + | (leave blank if you don't want to change it) + + =r ux.div "mb-4" + = f.label :password_confirmation, class: "block font-bold mb-2 text-gray-700 text-sm" + = f.password_field :password_confirmation, autocomplete: "new-password", class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" + + =r ux.div "mb-4" + = f.label :current_password, class: "block font-bold mb-2 text-gray-700 text-sm" + = f.password_field :current_password, autocomplete: "current-password", class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" + =r ux.div "actions" + = f.submit "Update", class: "button bg-blue-500 hover:bg-blue-700 font-bold text-white focus:outline-none py-2 px-4 rounded focus:shadow-outline w-full" + + =r ux.divider + + =r ux.h4 'text-center !mt-8' + | Unhappy? + =r ux.div 'text-center' + = button_to "Delete my account", registration_path(resource_name), data: { confirm: "Are you sure?" }, method: :delete, + class: "button bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full" + + br + + =r ux.div 'text-center' + = link_to "Back", root_path \ No newline at end of file diff --git a/app/views/devise/registrations/new.html.slim b/app/views/devise/registrations/new.html.slim new file mode 100644 index 0000000..639276c --- /dev/null +++ b/app/views/devise/registrations/new.html.slim @@ -0,0 +1,30 @@ +=r ux.div "w-full max-w-sm" + = form_for(resource, as: resource_name, url: registration_path(resource_name), html: { class: "bg-white mb-10 px-8 pt-1 pb-8 rounded shadow-md" }) do |f| + =r ux.h2 "font-hairline mb-6 text-center" + | Sign Up + = devise_error_messages! + + =r ux.div "mb-4" + = f.label :email, class: "block font-bold mb-2 text-gray-700 text-sm" + = f.email_field :email, autocomplete: "email", placeholder: "user@example.com", class: "appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none shadow focus:shadow-outline" + + =r ux.div "mb-4" + = f.label :password, class: "block font-bold mb-2 text-gray-700 text-sm" + - if @minimum_password_length + =r ux.small + =r ux.em "text-gray-600" + ="(#{@minimum_password_length} characters minimum)" + = f.password_field :password, autocomplete: "new-password", class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" + + =r ux.div "mb-4" + = f.label :password_confirmation, class: "block font-bold mb-2 text-gray-700 text-sm" + = f.password_field :password_confirmation, + autocomplete: "new-password", + class: "appearance-none border leading-tight focus:outline-none px-3 py-2 rounded shadow focus:shadow-outline text-gray-700 w-full" + + =r ux.div "mb-4" + = f.submit "Sign Up", + class: "button bg-blue-500 hover:bg-blue-700 font-bold text-white focus:outline-none py-2 px-4 rounded focus:shadow-outline w-full" + + = render "devise/shared/links" + = render "devise/shared/form_footer" \ No newline at end of file diff --git a/app/views/devise/sessions/new.html.slim b/app/views/devise/sessions/new.html.slim new file mode 100644 index 0000000..e9aa5cb --- /dev/null +++ b/app/views/devise/sessions/new.html.slim @@ -0,0 +1,25 @@ +=r ux.div "w-full max-w-sm" + = form_for(resource, as: resource_name, url: session_path(resource_name), html: {class: "bg-white mb-10 px-8 pt-1 pb-8 rounded shadow-md"}) do |f| + =r ux.h2 "font-hairline mb-6 text-center" + | Log In + = devise_simple_error_messages! + - if flash.present? + =r ux.div "bg-red-100 border-l-4 border-red-500 text-red-700 p-4 mb-4" + =r ux.p "font-bold" + | Oops! + - flash.each do |name, msg| + = content_tag :p, msg.humanize, id: "flash_#{name}" if msg.is_a?(String) + =r ux.div "mb-4" + = f.label :email, class: "block text-gray-700 text-sm font-bold mb-2" + = f.email_field :email, autofocus: true, autocomplete: "email", class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight foucs:outline-none focus:shadow-outline" + =r ux.div "mb-4" + = f.label :password, class: "block text-gray-700 text-sm font-bold mb-2" + = f.password_field :password, autocomplete: "current-password", class: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" + - if devise_mapping.rememberable? + =r ux.div "mb-4" + = f.check_box :remember_me, class: "mr-2 leading-tight" + = f.label :remember_me, class: "align-baseline inline-block text-gray-700 text-sm" + =r ux.div "mb-4" + = f.submit "Log in", class: "button bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline w-full" + = render "devise/shared/links" + = render "devise/shared/form_footer" \ No newline at end of file diff --git a/app/views/devise/shared/_error_messages.html.erb b/app/views/devise/shared/_error_messages.html.erb new file mode 100644 index 0000000..cabfe30 --- /dev/null +++ b/app/views/devise/shared/_error_messages.html.erb @@ -0,0 +1,15 @@ +<% if resource.errors.any? %> +