Merge pull request #17 from demesameneshoa/features/registration

User Registration Implementation

app/controllers/application_controller.rb

@@ -1,2 +1,9 @@
 class ApplicationController < ActionController::Base
+ before_action :configure_permitted_parameters, if: :devise_controller?
+
+ protected
+
+ def configure_permitted_parameters
+ devise_parameter_sanitizer.permit(:sign_up, keys: [:name])
+ end
 end

app/models/user.rb

@@ -2,7 +2,9 @@ class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
- :recoverable, :rememberable, :validatable
+ :recoverable, :rememberable, :validatable, :confirmable
 
  has_many :recipes
+
+ validates :name, presence: true
 end

app/views/devise/confirmations/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Resend confirmation instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
+ <%= render "devise/shared/error_messages", resource: resource %>
+
+ <div class="field">
+ <%= f.label :email %><br />
+ <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) %>
+ </div>
+
+ <div class="actions">
+ <%= f.submit "Resend confirmation instructions" %>
+ </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

app/views/devise/mailer/confirmation_instructions.html.erb

@@ -0,0 +1,5 @@
+<p>Welcome <%= @email %>!</p>
+
+<p>You can confirm your account email through the link below:</p>
+
+<p><%= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token) %></p>

app/views/devise/mailer/email_changed.html.erb

@@ -0,0 +1,7 @@
+<p>Hello <%= @email %>!</p>
+
+<% if @resource.try(:unconfirmed_email?) %>
+ <p>We're contacting you to notify you that your email is being changed to <%= @resource.unconfirmed_email %>.</p>
+<% else %>
+ <p>We're contacting you to notify you that your email has been changed to <%= @resource.email %>.</p>
+<% end %>

app/views/devise/mailer/password_change.html.erb

@@ -0,0 +1,3 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>We're contacting you to notify you that your password has been changed.</p>

app/views/devise/mailer/reset_password_instructions.html.erb

@@ -0,0 +1,8 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Someone has requested a link to change your password. You can do this through the link below.</p>
+
+<p><%= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token) %></p>
+
+<p>If you didn't request this, please ignore this email.</p>
+<p>Your password won't change until you access the link above and create a new one.</p>

app/views/devise/mailer/unlock_instructions.html.erb

@@ -0,0 +1,7 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Your account has been locked due to an excessive number of unsuccessful sign in attempts.</p>
+
+<p>Click the link below to unlock your account:</p>
+
+<p><%= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token) %></p>

app/views/devise/passwords/edit.html.erb

@@ -0,0 +1,25 @@
+<h2>Change your password</h2>
+
+<%= 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 %>
+
+ <div class="field">
+ <%= f.label :password, "New password" %><br />
+ <% if @minimum_password_length %>
+ <em>(<%= @minimum_password_length %> characters minimum)</em><br />
+ <% end %>
+ <%= f.password_field :password, autofocus: true, autocomplete: "new-password" %>
+ </div>
+
+ <div class="field">
+ <%= f.label :password_confirmation, "Confirm new password" %><br />
+ <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+ </div>
+
+ <div class="actions">
+ <%= f.submit "Change my password" %>
+ </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

app/views/devise/passwords/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Forgot your password?</h2>
+
+<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
+ <%= render "devise/shared/error_messages", resource: resource %>
+
+ <div class="field">
+ <%= f.label :email %><br />
+ <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+ </div>
+
+ <div class="actions">
+ <%= f.submit "Send me reset password instructions" %>
+ </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

app/views/devise/registrations/edit.html.erb

@@ -0,0 +1,43 @@
+<h2>Edit <%= resource_name.to_s.humanize %></h2>
+
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
+ <%= render "devise/shared/error_messages", resource: resource %>
+
+ <div class="field">
+ <%= f.label :email %><br />
+ <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+ </div>
+
+ <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+ <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
+ <% end %>
+
+ <div class="field">
+ <%= f.label :password %> <i>(leave blank if you don't want to change it)</i><br />
+ <%= f.password_field :password, autocomplete: "new-password" %>
+ <% if @minimum_password_length %>
+ <br />
+ <em><%= @minimum_password_length %> characters minimum</em>
+ <% end %>
+ </div>
+
+ <div class="field">
+ <%= f.label :password_confirmation %><br />
+ <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+ </div>
+
+ <div class="field">
+ <%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />
+ <%= f.password_field :current_password, autocomplete: "current-password" %>
+ </div>
+
+ <div class="actions">
+ <%= f.submit "Update" %>
+ </div>
+<% end %>
+
+<h3>Cancel my account</h3>
+
+<div>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?", turbo_confirm: "Are you sure?" }, method: :delete %></div>
+
+<%= link_to "Back", :back %>

app/views/devise/registrations/new.html.erb

@@ -0,0 +1,40 @@
+<div class="container mt-5">
+ <div class="row justify-content-center">
+ <div class="col-md-6 col-lg-4">
+ <h2 class="text-center mb-4">Sign up</h2>
+
+ <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { class: 'needs-validation', novalidate: true }) do |f| %>
+ <%= render "devise/shared/error_messages", resource: resource %>
+
+ <div class="form-group">
+ <%= f.label :name %>
+ <%= f.text_field :name, class: 'form-control', autocomplete: 'name', required: true %>
+ </div>
+
+ <div class="form-group">
+ <%= f.label :email %>
+ <%= f.email_field :email, class: 'form-control', autofocus: true, autocomplete: 'email', required: true %>
+ </div>
+
+ <div class="form-group">
+ <%= f.label :password %>
+ <% if @minimum_password_length %>
+ <small class="text-muted">(<%= @minimum_password_length %> characters minimum)</small>
+ <% end %>
+ <%= f.password_field :password, class: 'form-control', autocomplete: 'new-password', required: true %>
+ </div>
+
+ <div class="form-group">
+ <%= f.label :password_confirmation %>
+ <%= f.password_field :password_confirmation, class: 'form-control', autocomplete: 'new-password', required: true %>
+ </div>
+
+ <div class="text-center">
+ <%= f.submit "Sign up", class: 'btn btn-primary' %>
+ </div>
+ <% end %>
+
+ <%= render "devise/shared/links" %>
+ </div>
+ </div>
+</div>

app/views/devise/sessions/new.html.erb

@@ -0,0 +1,26 @@
+<h2>Log in</h2>
+
+<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+ <div class="field">
+ <%= f.label :email %><br />
+ <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+ </div>
+
+ <div class="field">
+ <%= f.label :password %><br />
+ <%= f.password_field :password, autocomplete: "current-password" %>
+ </div>
+
+ <% if devise_mapping.rememberable? %>
+ <div class="field">
+ <%= f.check_box :remember_me %>
+ <%= f.label :remember_me %>
+ </div>
+ <% end %>
+
+ <div class="actions">
+ <%= f.submit "Log in" %>
+ </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

app/views/devise/shared/_error_messages.html.erb

@@ -0,0 +1,15 @@
+<% if resource.errors.any? %>
+ <div id="error_explanation" data-turbo-cache="false">
+ <h2>
+ <%= I18n.t("errors.messages.not_saved",
+ count: resource.errors.count,
+ resource: resource.class.model_name.human.downcase)
+ %>
+ </h2>
+ <ul>
+ <% resource.errors.full_messages.each do |message| %>
+ <li><%= message %></li>
+ <% end %>
+ </ul>
+ </div>
+<% end %>

app/views/devise/shared/_links.html.erb

@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+ <%= link_to "Log in", new_session_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+ <%= link_to "Sign up", new_registration_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+ <%= link_to "Forgot your password?", new_password_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+ <%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+ <%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.omniauthable? %>
+ <%- resource_class.omniauth_providers.each do |provider| %>
+ <%= button_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false } %><br />
+ <% end %>
+<% end %>

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

@@ -0,0 +1,16 @@
+<h2>Resend unlock instructions</h2>
+
+<%= 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="field">
+ <%= f.label :email %><br />
+ <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+ </div>
+
+ <div class="actions">
+ <%= f.submit "Resend unlock instructions" %>
+ </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

app/views/layouts/application.html.erb

@@ -2,7 +2,14 @@
 <html>
  <head>
  <title>RecipesApp</title>
- <meta name="viewport" content="width=device-width,initial-scale=1">
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="description" content="blog app" />
+ <meta name="author" content="Demes Ameneshoa and Arthur Iturres" />
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+ integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
+ crossorigin="anonymous"
+ />
  <%= csrf_meta_tags %>
  <%= csp_meta_tag %>
 
@@ -11,6 +18,21 @@
  </head>
 
  <body>
+
+ <div class="p-1 text-center">
+ <% if user_signed_in? %>
+ <%= button_to("Sign Out", destroy_user_session_path,
+ method: :delete,
+ class: "btn btn-outline-success px-2 py-1",
+ style: "font-size: 0.9rem;") %>
+ <% else %>
+ <%= button_to("Sign in", new_user_session_path,
+ method: :get,
+ class: "btn btn-outline-success px-2 py-1",
+ style: "font-size: 0.9rem;") %>
+ <% end %>
+ </div>
+
  <p class="notice"><%= notice %></p>
  <p class="alert"><%= alert %></p>
 

config/initializers/devise.rb

@@ -14,7 +14,7 @@
  # confirmation, reset password and unlock tokens in the database.
  # Devise will use the `secret_key_base` as its `secret_key`
  # by default. You can change it below and use your own secret key.
- # config.secret_key = 'b0a624c7987f9f7b948328d3628cc18f1dfa0ecaf19670d4afac00f34a25d3f95f6902602e8c6a36825f262b0c24c4d59646a66db5bf4d8dcc629fd9c664ca43'
+ # config.secret_key = 'd21917bf1c93328cf178ee11655b51988e59f91faf1c5197272af90c443ed840f18c693c21f9a5f9d325918316d739e3af8f22e9e4b5afbfd5f2664e6dd4b963'
 
  # ==> Controller configuration
  # Configure the parent class to the devise controllers.
@@ -126,7 +126,7 @@
  config.stretches = Rails.env.test? ? 1 : 12
 
  # Set up a pepper to generate the hashed password.
- # config.pepper = '3744a9e96514b19a468c01ac76c9971acd68813f3b648f6c18c1029a644caa3434b32eca2cf7c10603600fed3e6eada53c962eb2e79fbf716d48bb1a0881de1a'
+ # config.pepper = '9e248af07ed8b30a8f7b4e864c9731ca922cbcce0465a6c76b09d29ee8bb4cb2a4fbf456d0a7109393f232577651aeac91a008576bf1738821f92f515b174db9'
 
  # Send a notification to the original email when the user's email is changed.
  # config.send_email_changed_notification = false

config/routes.rb

@@ -9,5 +9,5 @@
  get "up" => "rails/health#show", as: :rails_health_check
 
  # Defines the root path route ("/")
- # root "posts#index"
+ root "recipes#index"
 end

db/migrate/20231219114224_add_confirmable_to_users.rb

@@ -0,0 +1,8 @@
+class AddConfirmableToUsers < ActiveRecord::Migration[7.1]
+ def change
+ add_column :users, :confirmation_token, :string
+ add_column :users, :confirmed_at, :datetime
+ add_column :users, :confirmation_sent_at, :datetime
+ add_column :users, :unconfirmed_email, :string
+ end
+end