user confirmation styled and working with tests
This commit is contained in:
parent
ccb67ea3f2
commit
598773d678
4 changed files with 40 additions and 14 deletions
|
@ -15,7 +15,7 @@ import "../node_modules/bootstrap-icons/icons/box-arrow-right.svg"; // log out
|
|||
import "../node_modules/bootstrap-icons/icons/at.svg";
|
||||
import "../node_modules/bootstrap-icons/icons/key.svg";
|
||||
import "../node_modules/bootstrap-icons/icons/key-fill.svg";
|
||||
import "../node_modules/bootstrap-icons/icons/envelope.svg";
|
||||
import "../node_modules/bootstrap-icons/icons/arrow-repeat.svg";
|
||||
|
||||
// webpack automatically bundles all modules in your
|
||||
// entry points. Those entry points can be configured
|
||||
|
|
|
@ -1,15 +1,40 @@
|
|||
<h1>Resend confirmation instructions</h1>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-sm-9 col-md-7 col-lg-5 col-xl-4 ">
|
||||
|
||||
<%= form_for :user, Routes.user_confirmation_path(@conn, :create), fn f -> %>
|
||||
<%= label f, :email %>
|
||||
<%= email_input f, :email, required: true %>
|
||||
<h3>
|
||||
<%= icon_div @conn, "bi-arrow-repeat", [class: "icon baseline"] %>
|
||||
Resend confirmation instructions
|
||||
</h3>
|
||||
<p class="lead">We'll send you another email with a link to confirm your email address.</p>
|
||||
|
||||
<%= form_for :user, Routes.user_confirmation_path(@conn, :create), [class: "needs-validation", novalidate: true], fn f -> %>
|
||||
|
||||
<%= label f, :email, class: "form-label" %>
|
||||
<div class="input-group has-validation mb-3">
|
||||
<span class="input-group-text">
|
||||
<%= icon_div @conn, "bi-at", [class: "icon fs-5"] %>
|
||||
</span>
|
||||
<%= email_input f, :email,
|
||||
value: @current_user && @current_user.email || "",
|
||||
placeholder: "e.g., babka@73k.us",
|
||||
class: "form-control",
|
||||
maxlength: User.max_email,
|
||||
required: true,
|
||||
autofocus: !@current_user
|
||||
%>
|
||||
<span class="invalid-feedback">must be a valid email address</span>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<%= submit "Resend confirmation instructions", class: "btn btn-primary" %>
|
||||
</div>
|
||||
|
||||
<% end %>
|
||||
|
||||
<p>
|
||||
<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
|
||||
<%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
|
||||
</p>
|
||||
|
||||
<div>
|
||||
<%= submit "Resend confirmation instructions" %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<p>
|
||||
<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
|
||||
<%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
defmodule Bones73kWeb.UserConfirmationView do
|
||||
use Bones73kWeb, :view
|
||||
alias Bones73k.Accounts.User
|
||||
end
|
||||
|
|
|
@ -13,7 +13,7 @@ defmodule Bones73kWeb.UserConfirmationControllerTest do
|
|||
test "renders the confirmation page", %{conn: conn} do
|
||||
conn = get(conn, Routes.user_confirmation_path(conn, :new))
|
||||
response = html_response(conn, 200)
|
||||
assert response =~ "<h1>Resend confirmation instructions</h1>"
|
||||
assert response =~ "Resend confirmation instructions\n </h3>"
|
||||
end
|
||||
end
|
||||
|
||||
|
|
Loading…
Reference in a new issue