Add: missing lib files
This commit is contained in:
parent
4cc4453bbd
commit
f4670ddc98
GPG key ID:
583642324A1D2070
40 changed files with 3356 additions and 0 deletions
9
Elixir/notes_app/lib/notes_app.ex
Normal file
9
Elixir/notes_app/lib/notes_app.ex
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
defmodule NotesApp do
|
||||||
|
@moduledoc """
|
||||||
|
NotesApp keeps the contexts that define your domain
|
||||||
|
and business logic.
|
||||||
|
|
||||||
|
Contexts are also responsible for managing your data, regardless
|
||||||
|
if it comes from the database, an external API or others.
|
||||||
|
"""
|
||||||
|
end
|
||||||
353
Elixir/notes_app/lib/notes_app/accounts.ex
Normal file
353
Elixir/notes_app/lib/notes_app/accounts.ex
Normal file
|
|
@ -0,0 +1,353 @@
|
||||||
|
defmodule NotesApp.Accounts do
|
||||||
|
@moduledoc """
|
||||||
|
The Accounts context.
|
||||||
|
"""
|
||||||
|
|
||||||
|
import Ecto.Query, warn: false
|
||||||
|
alias NotesApp.Repo
|
||||||
|
|
||||||
|
alias NotesApp.Accounts.{User, UserToken, UserNotifier}
|
||||||
|
|
||||||
|
## Database getters
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Gets a user by email.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> get_user_by_email("foo@example.com")
|
||||||
|
%User{}
|
||||||
|
|
||||||
|
iex> get_user_by_email("unknown@example.com")
|
||||||
|
nil
|
||||||
|
|
||||||
|
"""
|
||||||
|
def get_user_by_email(email) when is_binary(email) do
|
||||||
|
Repo.get_by(User, email: email)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Gets a user by email and password.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> get_user_by_email_and_password("foo@example.com", "correct_password")
|
||||||
|
%User{}
|
||||||
|
|
||||||
|
iex> get_user_by_email_and_password("foo@example.com", "invalid_password")
|
||||||
|
nil
|
||||||
|
|
||||||
|
"""
|
||||||
|
def get_user_by_email_and_password(email, password)
|
||||||
|
when is_binary(email) and is_binary(password) do
|
||||||
|
user = Repo.get_by(User, email: email)
|
||||||
|
if User.valid_password?(user, password), do: user
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Gets a single user.
|
||||||
|
|
||||||
|
Raises `Ecto.NoResultsError` if the User does not exist.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> get_user!(123)
|
||||||
|
%User{}
|
||||||
|
|
||||||
|
iex> get_user!(456)
|
||||||
|
** (Ecto.NoResultsError)
|
||||||
|
|
||||||
|
"""
|
||||||
|
def get_user!(id), do: Repo.get!(User, id)
|
||||||
|
|
||||||
|
## User registration
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Registers a user.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> register_user(%{field: value})
|
||||||
|
{:ok, %User{}}
|
||||||
|
|
||||||
|
iex> register_user(%{field: bad_value})
|
||||||
|
{:error, %Ecto.Changeset{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def register_user(attrs) do
|
||||||
|
%User{}
|
||||||
|
|> User.registration_changeset(attrs)
|
||||||
|
|> Repo.insert()
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Returns an `%Ecto.Changeset{}` for tracking user changes.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> change_user_registration(user)
|
||||||
|
%Ecto.Changeset{data: %User{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def change_user_registration(%User{} = user, attrs \\ %{}) do
|
||||||
|
User.registration_changeset(user, attrs, hash_password: false, validate_email: false)
|
||||||
|
end
|
||||||
|
|
||||||
|
## Settings
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Returns an `%Ecto.Changeset{}` for changing the user email.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> change_user_email(user)
|
||||||
|
%Ecto.Changeset{data: %User{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def change_user_email(user, attrs \\ %{}) do
|
||||||
|
User.email_changeset(user, attrs, validate_email: false)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Emulates that the email will change without actually changing
|
||||||
|
it in the database.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> apply_user_email(user, "valid password", %{email: ...})
|
||||||
|
{:ok, %User{}}
|
||||||
|
|
||||||
|
iex> apply_user_email(user, "invalid password", %{email: ...})
|
||||||
|
{:error, %Ecto.Changeset{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def apply_user_email(user, password, attrs) do
|
||||||
|
user
|
||||||
|
|> User.email_changeset(attrs)
|
||||||
|
|> User.validate_current_password(password)
|
||||||
|
|> Ecto.Changeset.apply_action(:update)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Updates the user email using the given token.
|
||||||
|
|
||||||
|
If the token matches, the user email is updated and the token is deleted.
|
||||||
|
The confirmed_at date is also updated to the current time.
|
||||||
|
"""
|
||||||
|
def update_user_email(user, token) do
|
||||||
|
context = "change:#{user.email}"
|
||||||
|
|
||||||
|
with {:ok, query} <- UserToken.verify_change_email_token_query(token, context),
|
||||||
|
%UserToken{sent_to: email} <- Repo.one(query),
|
||||||
|
{:ok, _} <- Repo.transaction(user_email_multi(user, email, context)) do
|
||||||
|
:ok
|
||||||
|
else
|
||||||
|
_ -> :error
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
defp user_email_multi(user, email, context) do
|
||||||
|
changeset =
|
||||||
|
user
|
||||||
|
|> User.email_changeset(%{email: email})
|
||||||
|
|> User.confirm_changeset()
|
||||||
|
|
||||||
|
Ecto.Multi.new()
|
||||||
|
|> Ecto.Multi.update(:user, changeset)
|
||||||
|
|> Ecto.Multi.delete_all(:tokens, UserToken.by_user_and_contexts_query(user, [context]))
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc ~S"""
|
||||||
|
Delivers the update email instructions to the given user.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> deliver_user_update_email_instructions(user, current_email, &url(~p"/users/settings/confirm_email/#{&1}"))
|
||||||
|
{:ok, %{to: ..., body: ...}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def deliver_user_update_email_instructions(%User{} = user, current_email, update_email_url_fun)
|
||||||
|
when is_function(update_email_url_fun, 1) do
|
||||||
|
{encoded_token, user_token} = UserToken.build_email_token(user, "change:#{current_email}")
|
||||||
|
|
||||||
|
Repo.insert!(user_token)
|
||||||
|
UserNotifier.deliver_update_email_instructions(user, update_email_url_fun.(encoded_token))
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Returns an `%Ecto.Changeset{}` for changing the user password.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> change_user_password(user)
|
||||||
|
%Ecto.Changeset{data: %User{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def change_user_password(user, attrs \\ %{}) do
|
||||||
|
User.password_changeset(user, attrs, hash_password: false)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Updates the user password.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> update_user_password(user, "valid password", %{password: ...})
|
||||||
|
{:ok, %User{}}
|
||||||
|
|
||||||
|
iex> update_user_password(user, "invalid password", %{password: ...})
|
||||||
|
{:error, %Ecto.Changeset{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def update_user_password(user, password, attrs) do
|
||||||
|
changeset =
|
||||||
|
user
|
||||||
|
|> User.password_changeset(attrs)
|
||||||
|
|> User.validate_current_password(password)
|
||||||
|
|
||||||
|
Ecto.Multi.new()
|
||||||
|
|> Ecto.Multi.update(:user, changeset)
|
||||||
|
|> Ecto.Multi.delete_all(:tokens, UserToken.by_user_and_contexts_query(user, :all))
|
||||||
|
|> Repo.transaction()
|
||||||
|
|> case do
|
||||||
|
{:ok, %{user: user}} -> {:ok, user}
|
||||||
|
{:error, :user, changeset, _} -> {:error, changeset}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
## Session
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Generates a session token.
|
||||||
|
"""
|
||||||
|
def generate_user_session_token(user) do
|
||||||
|
{token, user_token} = UserToken.build_session_token(user)
|
||||||
|
Repo.insert!(user_token)
|
||||||
|
token
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Gets the user with the given signed token.
|
||||||
|
"""
|
||||||
|
def get_user_by_session_token(token) do
|
||||||
|
{:ok, query} = UserToken.verify_session_token_query(token)
|
||||||
|
Repo.one(query)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Deletes the signed token with the given context.
|
||||||
|
"""
|
||||||
|
def delete_user_session_token(token) do
|
||||||
|
Repo.delete_all(UserToken.by_token_and_context_query(token, "session"))
|
||||||
|
:ok
|
||||||
|
end
|
||||||
|
|
||||||
|
## Confirmation
|
||||||
|
|
||||||
|
@doc ~S"""
|
||||||
|
Delivers the confirmation email instructions to the given user.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> deliver_user_confirmation_instructions(user, &url(~p"/users/confirm/#{&1}"))
|
||||||
|
{:ok, %{to: ..., body: ...}}
|
||||||
|
|
||||||
|
iex> deliver_user_confirmation_instructions(confirmed_user, &url(~p"/users/confirm/#{&1}"))
|
||||||
|
{:error, :already_confirmed}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def deliver_user_confirmation_instructions(%User{} = user, confirmation_url_fun)
|
||||||
|
when is_function(confirmation_url_fun, 1) do
|
||||||
|
if user.confirmed_at do
|
||||||
|
{:error, :already_confirmed}
|
||||||
|
else
|
||||||
|
{encoded_token, user_token} = UserToken.build_email_token(user, "confirm")
|
||||||
|
Repo.insert!(user_token)
|
||||||
|
UserNotifier.deliver_confirmation_instructions(user, confirmation_url_fun.(encoded_token))
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Confirms a user by the given token.
|
||||||
|
|
||||||
|
If the token matches, the user account is marked as confirmed
|
||||||
|
and the token is deleted.
|
||||||
|
"""
|
||||||
|
def confirm_user(token) do
|
||||||
|
with {:ok, query} <- UserToken.verify_email_token_query(token, "confirm"),
|
||||||
|
%User{} = user <- Repo.one(query),
|
||||||
|
{:ok, %{user: user}} <- Repo.transaction(confirm_user_multi(user)) do
|
||||||
|
{:ok, user}
|
||||||
|
else
|
||||||
|
_ -> :error
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
defp confirm_user_multi(user) do
|
||||||
|
Ecto.Multi.new()
|
||||||
|
|> Ecto.Multi.update(:user, User.confirm_changeset(user))
|
||||||
|
|> Ecto.Multi.delete_all(:tokens, UserToken.by_user_and_contexts_query(user, ["confirm"]))
|
||||||
|
end
|
||||||
|
|
||||||
|
## Reset password
|
||||||
|
|
||||||
|
@doc ~S"""
|
||||||
|
Delivers the reset password email to the given user.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> deliver_user_reset_password_instructions(user, &url(~p"/users/reset_password/#{&1}"))
|
||||||
|
{:ok, %{to: ..., body: ...}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def deliver_user_reset_password_instructions(%User{} = user, reset_password_url_fun)
|
||||||
|
when is_function(reset_password_url_fun, 1) do
|
||||||
|
{encoded_token, user_token} = UserToken.build_email_token(user, "reset_password")
|
||||||
|
Repo.insert!(user_token)
|
||||||
|
UserNotifier.deliver_reset_password_instructions(user, reset_password_url_fun.(encoded_token))
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Gets the user by reset password token.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> get_user_by_reset_password_token("validtoken")
|
||||||
|
%User{}
|
||||||
|
|
||||||
|
iex> get_user_by_reset_password_token("invalidtoken")
|
||||||
|
nil
|
||||||
|
|
||||||
|
"""
|
||||||
|
def get_user_by_reset_password_token(token) do
|
||||||
|
with {:ok, query} <- UserToken.verify_email_token_query(token, "reset_password"),
|
||||||
|
%User{} = user <- Repo.one(query) do
|
||||||
|
user
|
||||||
|
else
|
||||||
|
_ -> nil
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Resets the user password.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> reset_user_password(user, %{password: "new long password", password_confirmation: "new long password"})
|
||||||
|
{:ok, %User{}}
|
||||||
|
|
||||||
|
iex> reset_user_password(user, %{password: "valid", password_confirmation: "not the same"})
|
||||||
|
{:error, %Ecto.Changeset{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def reset_user_password(user, attrs) do
|
||||||
|
Ecto.Multi.new()
|
||||||
|
|> Ecto.Multi.update(:user, User.password_changeset(user, attrs))
|
||||||
|
|> Ecto.Multi.delete_all(:tokens, UserToken.by_user_and_contexts_query(user, :all))
|
||||||
|
|> Repo.transaction()
|
||||||
|
|> case do
|
||||||
|
{:ok, %{user: user}} -> {:ok, user}
|
||||||
|
{:error, :user, changeset, _} -> {:error, changeset}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
161
Elixir/notes_app/lib/notes_app/accounts/user.ex
Normal file
161
Elixir/notes_app/lib/notes_app/accounts/user.ex
Normal file
|
|
@ -0,0 +1,161 @@
|
||||||
|
defmodule NotesApp.Accounts.User do
|
||||||
|
use Ecto.Schema
|
||||||
|
import Ecto.Changeset
|
||||||
|
|
||||||
|
schema "users" do
|
||||||
|
field :email, :string
|
||||||
|
field :password, :string, virtual: true, redact: true
|
||||||
|
field :hashed_password, :string, redact: true
|
||||||
|
field :current_password, :string, virtual: true, redact: true
|
||||||
|
field :confirmed_at, :utc_datetime
|
||||||
|
|
||||||
|
timestamps(type: :utc_datetime)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
A user changeset for registration.
|
||||||
|
|
||||||
|
It is important to validate the length of both email and password.
|
||||||
|
Otherwise databases may truncate the email without warnings, which
|
||||||
|
could lead to unpredictable or insecure behaviour. Long passwords may
|
||||||
|
also be very expensive to hash for certain algorithms.
|
||||||
|
|
||||||
|
## Options
|
||||||
|
|
||||||
|
* `:hash_password` - Hashes the password so it can be stored securely
|
||||||
|
in the database and ensures the password field is cleared to prevent
|
||||||
|
leaks in the logs. If password hashing is not needed and clearing the
|
||||||
|
password field is not desired (like when using this changeset for
|
||||||
|
validations on a LiveView form), this option can be set to `false`.
|
||||||
|
Defaults to `true`.
|
||||||
|
|
||||||
|
* `:validate_email` - Validates the uniqueness of the email, in case
|
||||||
|
you don't want to validate the uniqueness of the email (like when
|
||||||
|
using this changeset for validations on a LiveView form before
|
||||||
|
submitting the form), this option can be set to `false`.
|
||||||
|
Defaults to `true`.
|
||||||
|
"""
|
||||||
|
def registration_changeset(user, attrs, opts \\ []) do
|
||||||
|
user
|
||||||
|
|> cast(attrs, [:email, :password])
|
||||||
|
|> validate_email(opts)
|
||||||
|
|> validate_password(opts)
|
||||||
|
end
|
||||||
|
|
||||||
|
defp validate_email(changeset, opts) do
|
||||||
|
changeset
|
||||||
|
|> validate_required([:email])
|
||||||
|
|> validate_format(:email, ~r/^[^\s]+@[^\s]+$/, message: "must have the @ sign and no spaces")
|
||||||
|
|> validate_length(:email, max: 160)
|
||||||
|
|> maybe_validate_unique_email(opts)
|
||||||
|
end
|
||||||
|
|
||||||
|
defp validate_password(changeset, opts) do
|
||||||
|
changeset
|
||||||
|
|> validate_required([:password])
|
||||||
|
|> validate_length(:password, min: 12, max: 72)
|
||||||
|
# Examples of additional password validation:
|
||||||
|
# |> validate_format(:password, ~r/[a-z]/, message: "at least one lower case character")
|
||||||
|
# |> validate_format(:password, ~r/[A-Z]/, message: "at least one upper case character")
|
||||||
|
# |> validate_format(:password, ~r/[!?@#$%^&*_0-9]/, message: "at least one digit or punctuation character")
|
||||||
|
|> maybe_hash_password(opts)
|
||||||
|
end
|
||||||
|
|
||||||
|
defp maybe_hash_password(changeset, opts) do
|
||||||
|
hash_password? = Keyword.get(opts, :hash_password, true)
|
||||||
|
password = get_change(changeset, :password)
|
||||||
|
|
||||||
|
if hash_password? && password && changeset.valid? do
|
||||||
|
changeset
|
||||||
|
# If using Bcrypt, then further validate it is at most 72 bytes long
|
||||||
|
|> validate_length(:password, max: 72, count: :bytes)
|
||||||
|
# Hashing could be done with `Ecto.Changeset.prepare_changes/2`, but that
|
||||||
|
# would keep the database transaction open longer and hurt performance.
|
||||||
|
|> put_change(:hashed_password, Bcrypt.hash_pwd_salt(password))
|
||||||
|
|> delete_change(:password)
|
||||||
|
else
|
||||||
|
changeset
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
defp maybe_validate_unique_email(changeset, opts) do
|
||||||
|
if Keyword.get(opts, :validate_email, true) do
|
||||||
|
changeset
|
||||||
|
|> unsafe_validate_unique(:email, NotesApp.Repo)
|
||||||
|
|> unique_constraint(:email)
|
||||||
|
else
|
||||||
|
changeset
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
A user changeset for changing the email.
|
||||||
|
|
||||||
|
It requires the email to change otherwise an error is added.
|
||||||
|
"""
|
||||||
|
def email_changeset(user, attrs, opts \\ []) do
|
||||||
|
user
|
||||||
|
|> cast(attrs, [:email])
|
||||||
|
|> validate_email(opts)
|
||||||
|
|> case do
|
||||||
|
%{changes: %{email: _}} = changeset -> changeset
|
||||||
|
%{} = changeset -> add_error(changeset, :email, "did not change")
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
A user changeset for changing the password.
|
||||||
|
|
||||||
|
## Options
|
||||||
|
|
||||||
|
* `:hash_password` - Hashes the password so it can be stored securely
|
||||||
|
in the database and ensures the password field is cleared to prevent
|
||||||
|
leaks in the logs. If password hashing is not needed and clearing the
|
||||||
|
password field is not desired (like when using this changeset for
|
||||||
|
validations on a LiveView form), this option can be set to `false`.
|
||||||
|
Defaults to `true`.
|
||||||
|
"""
|
||||||
|
def password_changeset(user, attrs, opts \\ []) do
|
||||||
|
user
|
||||||
|
|> cast(attrs, [:password])
|
||||||
|
|> validate_confirmation(:password, message: "does not match password")
|
||||||
|
|> validate_password(opts)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Confirms the account by setting `confirmed_at`.
|
||||||
|
"""
|
||||||
|
def confirm_changeset(user) do
|
||||||
|
now = DateTime.utc_now() |> DateTime.truncate(:second)
|
||||||
|
change(user, confirmed_at: now)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Verifies the password.
|
||||||
|
|
||||||
|
If there is no user or the user doesn't have a password, we call
|
||||||
|
`Bcrypt.no_user_verify/0` to avoid timing attacks.
|
||||||
|
"""
|
||||||
|
def valid_password?(%NotesApp.Accounts.User{hashed_password: hashed_password}, password)
|
||||||
|
when is_binary(hashed_password) and byte_size(password) > 0 do
|
||||||
|
Bcrypt.verify_pass(password, hashed_password)
|
||||||
|
end
|
||||||
|
|
||||||
|
def valid_password?(_, _) do
|
||||||
|
Bcrypt.no_user_verify()
|
||||||
|
false
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Validates the current password otherwise adds an error to the changeset.
|
||||||
|
"""
|
||||||
|
def validate_current_password(changeset, password) do
|
||||||
|
changeset = cast(changeset, %{current_password: password}, [:current_password])
|
||||||
|
|
||||||
|
if valid_password?(changeset.data, password) do
|
||||||
|
changeset
|
||||||
|
else
|
||||||
|
add_error(changeset, :current_password, "is not valid")
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
79
Elixir/notes_app/lib/notes_app/accounts/user_notifier.ex
Normal file
79
Elixir/notes_app/lib/notes_app/accounts/user_notifier.ex
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
defmodule NotesApp.Accounts.UserNotifier do
|
||||||
|
import Swoosh.Email
|
||||||
|
|
||||||
|
alias NotesApp.Mailer
|
||||||
|
|
||||||
|
# Delivers the email using the application mailer.
|
||||||
|
defp deliver(recipient, subject, body) do
|
||||||
|
email =
|
||||||
|
new()
|
||||||
|
|> to(recipient)
|
||||||
|
|> from({"NotesApp", "contact@example.com"})
|
||||||
|
|> subject(subject)
|
||||||
|
|> text_body(body)
|
||||||
|
|
||||||
|
with {:ok, _metadata} <- Mailer.deliver(email) do
|
||||||
|
{:ok, email}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Deliver instructions to confirm account.
|
||||||
|
"""
|
||||||
|
def deliver_confirmation_instructions(user, url) do
|
||||||
|
deliver(user.email, "Confirmation instructions", """
|
||||||
|
|
||||||
|
==============================
|
||||||
|
|
||||||
|
Hi #{user.email},
|
||||||
|
|
||||||
|
You can confirm your account by visiting the URL below:
|
||||||
|
|
||||||
|
#{url}
|
||||||
|
|
||||||
|
If you didn't create an account with us, please ignore this.
|
||||||
|
|
||||||
|
==============================
|
||||||
|
""")
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Deliver instructions to reset a user password.
|
||||||
|
"""
|
||||||
|
def deliver_reset_password_instructions(user, url) do
|
||||||
|
deliver(user.email, "Reset password instructions", """
|
||||||
|
|
||||||
|
==============================
|
||||||
|
|
||||||
|
Hi #{user.email},
|
||||||
|
|
||||||
|
You can reset your password by visiting the URL below:
|
||||||
|
|
||||||
|
#{url}
|
||||||
|
|
||||||
|
If you didn't request this change, please ignore this.
|
||||||
|
|
||||||
|
==============================
|
||||||
|
""")
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Deliver instructions to update a user email.
|
||||||
|
"""
|
||||||
|
def deliver_update_email_instructions(user, url) do
|
||||||
|
deliver(user.email, "Update email instructions", """
|
||||||
|
|
||||||
|
==============================
|
||||||
|
|
||||||
|
Hi #{user.email},
|
||||||
|
|
||||||
|
You can change your email by visiting the URL below:
|
||||||
|
|
||||||
|
#{url}
|
||||||
|
|
||||||
|
If you didn't request this change, please ignore this.
|
||||||
|
|
||||||
|
==============================
|
||||||
|
""")
|
||||||
|
end
|
||||||
|
end
|
||||||
179
Elixir/notes_app/lib/notes_app/accounts/user_token.ex
Normal file
179
Elixir/notes_app/lib/notes_app/accounts/user_token.ex
Normal file
|
|
@ -0,0 +1,179 @@
|
||||||
|
defmodule NotesApp.Accounts.UserToken do
|
||||||
|
use Ecto.Schema
|
||||||
|
import Ecto.Query
|
||||||
|
alias NotesApp.Accounts.UserToken
|
||||||
|
|
||||||
|
@hash_algorithm :sha256
|
||||||
|
@rand_size 32
|
||||||
|
|
||||||
|
# It is very important to keep the reset password token expiry short,
|
||||||
|
# since someone with access to the email may take over the account.
|
||||||
|
@reset_password_validity_in_days 1
|
||||||
|
@confirm_validity_in_days 7
|
||||||
|
@change_email_validity_in_days 7
|
||||||
|
@session_validity_in_days 60
|
||||||
|
|
||||||
|
schema "users_tokens" do
|
||||||
|
field :token, :binary
|
||||||
|
field :context, :string
|
||||||
|
field :sent_to, :string
|
||||||
|
belongs_to :user, NotesApp.Accounts.User
|
||||||
|
|
||||||
|
timestamps(type: :utc_datetime, updated_at: false)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Generates a token that will be stored in a signed place,
|
||||||
|
such as session or cookie. As they are signed, those
|
||||||
|
tokens do not need to be hashed.
|
||||||
|
|
||||||
|
The reason why we store session tokens in the database, even
|
||||||
|
though Phoenix already provides a session cookie, is because
|
||||||
|
Phoenix' default session cookies are not persisted, they are
|
||||||
|
simply signed and potentially encrypted. This means they are
|
||||||
|
valid indefinitely, unless you change the signing/encryption
|
||||||
|
salt.
|
||||||
|
|
||||||
|
Therefore, storing them allows individual user
|
||||||
|
sessions to be expired. The token system can also be extended
|
||||||
|
to store additional data, such as the device used for logging in.
|
||||||
|
You could then use this information to display all valid sessions
|
||||||
|
and devices in the UI and allow users to explicitly expire any
|
||||||
|
session they deem invalid.
|
||||||
|
"""
|
||||||
|
def build_session_token(user) do
|
||||||
|
token = :crypto.strong_rand_bytes(@rand_size)
|
||||||
|
{token, %UserToken{token: token, context: "session", user_id: user.id}}
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Checks if the token is valid and returns its underlying lookup query.
|
||||||
|
|
||||||
|
The query returns the user found by the token, if any.
|
||||||
|
|
||||||
|
The token is valid if it matches the value in the database and it has
|
||||||
|
not expired (after @session_validity_in_days).
|
||||||
|
"""
|
||||||
|
def verify_session_token_query(token) do
|
||||||
|
query =
|
||||||
|
from token in by_token_and_context_query(token, "session"),
|
||||||
|
join: user in assoc(token, :user),
|
||||||
|
where: token.inserted_at > ago(@session_validity_in_days, "day"),
|
||||||
|
select: user
|
||||||
|
|
||||||
|
{:ok, query}
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Builds a token and its hash to be delivered to the user's email.
|
||||||
|
|
||||||
|
The non-hashed token is sent to the user email while the
|
||||||
|
hashed part is stored in the database. The original token cannot be reconstructed,
|
||||||
|
which means anyone with read-only access to the database cannot directly use
|
||||||
|
the token in the application to gain access. Furthermore, if the user changes
|
||||||
|
their email in the system, the tokens sent to the previous email are no longer
|
||||||
|
valid.
|
||||||
|
|
||||||
|
Users can easily adapt the existing code to provide other types of delivery methods,
|
||||||
|
for example, by phone numbers.
|
||||||
|
"""
|
||||||
|
def build_email_token(user, context) do
|
||||||
|
build_hashed_token(user, context, user.email)
|
||||||
|
end
|
||||||
|
|
||||||
|
defp build_hashed_token(user, context, sent_to) do
|
||||||
|
token = :crypto.strong_rand_bytes(@rand_size)
|
||||||
|
hashed_token = :crypto.hash(@hash_algorithm, token)
|
||||||
|
|
||||||
|
{Base.url_encode64(token, padding: false),
|
||||||
|
%UserToken{
|
||||||
|
token: hashed_token,
|
||||||
|
context: context,
|
||||||
|
sent_to: sent_to,
|
||||||
|
user_id: user.id
|
||||||
|
}}
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Checks if the token is valid and returns its underlying lookup query.
|
||||||
|
|
||||||
|
The query returns the user found by the token, if any.
|
||||||
|
|
||||||
|
The given token is valid if it matches its hashed counterpart in the
|
||||||
|
database and the user email has not changed. This function also checks
|
||||||
|
if the token is being used within a certain period, depending on the
|
||||||
|
context. The default contexts supported by this function are either
|
||||||
|
"confirm", for account confirmation emails, and "reset_password",
|
||||||
|
for resetting the password. For verifying requests to change the email,
|
||||||
|
see `verify_change_email_token_query/2`.
|
||||||
|
"""
|
||||||
|
def verify_email_token_query(token, context) do
|
||||||
|
case Base.url_decode64(token, padding: false) do
|
||||||
|
{:ok, decoded_token} ->
|
||||||
|
hashed_token = :crypto.hash(@hash_algorithm, decoded_token)
|
||||||
|
days = days_for_context(context)
|
||||||
|
|
||||||
|
query =
|
||||||
|
from token in by_token_and_context_query(hashed_token, context),
|
||||||
|
join: user in assoc(token, :user),
|
||||||
|
where: token.inserted_at > ago(^days, "day") and token.sent_to == user.email,
|
||||||
|
select: user
|
||||||
|
|
||||||
|
{:ok, query}
|
||||||
|
|
||||||
|
:error ->
|
||||||
|
:error
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
defp days_for_context("confirm"), do: @confirm_validity_in_days
|
||||||
|
defp days_for_context("reset_password"), do: @reset_password_validity_in_days
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Checks if the token is valid and returns its underlying lookup query.
|
||||||
|
|
||||||
|
The query returns the user found by the token, if any.
|
||||||
|
|
||||||
|
This is used to validate requests to change the user
|
||||||
|
email. It is different from `verify_email_token_query/2` precisely because
|
||||||
|
`verify_email_token_query/2` validates the email has not changed, which is
|
||||||
|
the starting point by this function.
|
||||||
|
|
||||||
|
The given token is valid if it matches its hashed counterpart in the
|
||||||
|
database and if it has not expired (after @change_email_validity_in_days).
|
||||||
|
The context must always start with "change:".
|
||||||
|
"""
|
||||||
|
def verify_change_email_token_query(token, "change:" <> _ = context) do
|
||||||
|
case Base.url_decode64(token, padding: false) do
|
||||||
|
{:ok, decoded_token} ->
|
||||||
|
hashed_token = :crypto.hash(@hash_algorithm, decoded_token)
|
||||||
|
|
||||||
|
query =
|
||||||
|
from token in by_token_and_context_query(hashed_token, context),
|
||||||
|
where: token.inserted_at > ago(@change_email_validity_in_days, "day")
|
||||||
|
|
||||||
|
{:ok, query}
|
||||||
|
|
||||||
|
:error ->
|
||||||
|
:error
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Returns the token struct for the given token value and context.
|
||||||
|
"""
|
||||||
|
def by_token_and_context_query(token, context) do
|
||||||
|
from UserToken, where: [token: ^token, context: ^context]
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Gets all tokens for the given user for the given contexts.
|
||||||
|
"""
|
||||||
|
def by_user_and_contexts_query(user, :all) do
|
||||||
|
from t in UserToken, where: t.user_id == ^user.id
|
||||||
|
end
|
||||||
|
|
||||||
|
def by_user_and_contexts_query(user, [_ | _] = contexts) do
|
||||||
|
from t in UserToken, where: t.user_id == ^user.id and t.context in ^contexts
|
||||||
|
end
|
||||||
|
end
|
||||||
44
Elixir/notes_app/lib/notes_app/application.ex
Normal file
44
Elixir/notes_app/lib/notes_app/application.ex
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
defmodule NotesApp.Application do
|
||||||
|
# See https://hexdocs.pm/elixir/Application.html
|
||||||
|
# for more information on OTP Applications
|
||||||
|
@moduledoc false
|
||||||
|
|
||||||
|
use Application
|
||||||
|
|
||||||
|
@impl true
|
||||||
|
def start(_type, _args) do
|
||||||
|
children = [
|
||||||
|
NotesAppWeb.Telemetry,
|
||||||
|
NotesApp.Repo,
|
||||||
|
{Ecto.Migrator,
|
||||||
|
repos: Application.fetch_env!(:notes_app, :ecto_repos),
|
||||||
|
skip: skip_migrations?()},
|
||||||
|
{DNSCluster, query: Application.get_env(:notes_app, :dns_cluster_query) || :ignore},
|
||||||
|
{Phoenix.PubSub, name: NotesApp.PubSub},
|
||||||
|
# Start the Finch HTTP client for sending emails
|
||||||
|
{Finch, name: NotesApp.Finch},
|
||||||
|
# Start a worker by calling: NotesApp.Worker.start_link(arg)
|
||||||
|
# {NotesApp.Worker, arg},
|
||||||
|
# Start to serve requests, typically the last entry
|
||||||
|
NotesAppWeb.Endpoint
|
||||||
|
]
|
||||||
|
|
||||||
|
# See https://hexdocs.pm/elixir/Supervisor.html
|
||||||
|
# for other strategies and supported options
|
||||||
|
opts = [strategy: :one_for_one, name: NotesApp.Supervisor]
|
||||||
|
Supervisor.start_link(children, opts)
|
||||||
|
end
|
||||||
|
|
||||||
|
# Tell Phoenix to update the endpoint configuration
|
||||||
|
# whenever the application is updated.
|
||||||
|
@impl true
|
||||||
|
def config_change(changed, _new, removed) do
|
||||||
|
NotesAppWeb.Endpoint.config_change(changed, removed)
|
||||||
|
:ok
|
||||||
|
end
|
||||||
|
|
||||||
|
defp skip_migrations?() do
|
||||||
|
# By default, sqlite migrations are run when using a release
|
||||||
|
System.get_env("RELEASE_NAME") != nil
|
||||||
|
end
|
||||||
|
end
|
||||||
3
Elixir/notes_app/lib/notes_app/mailer.ex
Normal file
3
Elixir/notes_app/lib/notes_app/mailer.ex
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
defmodule NotesApp.Mailer do
|
||||||
|
use Swoosh.Mailer, otp_app: :notes_app
|
||||||
|
end
|
||||||
104
Elixir/notes_app/lib/notes_app/notes.ex
Normal file
104
Elixir/notes_app/lib/notes_app/notes.ex
Normal file
|
|
@ -0,0 +1,104 @@
|
||||||
|
defmodule NotesApp.Notes do
|
||||||
|
@moduledoc """
|
||||||
|
The Notes context.
|
||||||
|
"""
|
||||||
|
|
||||||
|
import Ecto.Query, warn: false
|
||||||
|
alias NotesApp.Repo
|
||||||
|
|
||||||
|
alias NotesApp.Notes.Note
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Returns the list of notes.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> list_notes()
|
||||||
|
[%Note{}, ...]
|
||||||
|
|
||||||
|
"""
|
||||||
|
def list_notes do
|
||||||
|
Repo.all(Note)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Gets a single note.
|
||||||
|
|
||||||
|
Raises `Ecto.NoResultsError` if the Note does not exist.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> get_note!(123)
|
||||||
|
%Note{}
|
||||||
|
|
||||||
|
iex> get_note!(456)
|
||||||
|
** (Ecto.NoResultsError)
|
||||||
|
|
||||||
|
"""
|
||||||
|
def get_note!(id), do: Repo.get!(Note, id)
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Creates a note.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> create_note(%{field: value})
|
||||||
|
{:ok, %Note{}}
|
||||||
|
|
||||||
|
iex> create_note(%{field: bad_value})
|
||||||
|
{:error, %Ecto.Changeset{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def create_note(attrs \\ %{}) do
|
||||||
|
%Note{}
|
||||||
|
|> Note.changeset(attrs)
|
||||||
|
|> Repo.insert()
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Updates a note.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> update_note(note, %{field: new_value})
|
||||||
|
{:ok, %Note{}}
|
||||||
|
|
||||||
|
iex> update_note(note, %{field: bad_value})
|
||||||
|
{:error, %Ecto.Changeset{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def update_note(%Note{} = note, attrs) do
|
||||||
|
note
|
||||||
|
|> Note.changeset(attrs)
|
||||||
|
|> Repo.update()
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Deletes a note.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> delete_note(note)
|
||||||
|
{:ok, %Note{}}
|
||||||
|
|
||||||
|
iex> delete_note(note)
|
||||||
|
{:error, %Ecto.Changeset{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def delete_note(%Note{} = note) do
|
||||||
|
Repo.delete(note)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Returns an `%Ecto.Changeset{}` for tracking note changes.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
iex> change_note(note)
|
||||||
|
%Ecto.Changeset{data: %Note{}}
|
||||||
|
|
||||||
|
"""
|
||||||
|
def change_note(%Note{} = note, attrs \\ %{}) do
|
||||||
|
Note.changeset(note, attrs)
|
||||||
|
end
|
||||||
|
end
|
||||||
19
Elixir/notes_app/lib/notes_app/notes/note.ex
Normal file
19
Elixir/notes_app/lib/notes_app/notes/note.ex
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
defmodule NotesApp.Notes.Note do
|
||||||
|
use Ecto.Schema
|
||||||
|
import Ecto.Changeset
|
||||||
|
|
||||||
|
schema "notes" do
|
||||||
|
field :title, :string
|
||||||
|
field :content, :string
|
||||||
|
belongs_to :user, NotesApp.Users.User
|
||||||
|
|
||||||
|
timestamps(type: :utc_datetime)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc false
|
||||||
|
def changeset(note, attrs) do
|
||||||
|
note
|
||||||
|
|> cast(attrs, [:title, :content])
|
||||||
|
|> validate_required([:title, :content])
|
||||||
|
end
|
||||||
|
end
|
||||||
5
Elixir/notes_app/lib/notes_app/repo.ex
Normal file
5
Elixir/notes_app/lib/notes_app/repo.ex
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
defmodule NotesApp.Repo do
|
||||||
|
use Ecto.Repo,
|
||||||
|
otp_app: :notes_app,
|
||||||
|
adapter: Ecto.Adapters.SQLite3
|
||||||
|
end
|
||||||
113
Elixir/notes_app/lib/notes_app_web.ex
Normal file
113
Elixir/notes_app/lib/notes_app_web.ex
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
defmodule NotesAppWeb do
|
||||||
|
@moduledoc """
|
||||||
|
The entrypoint for defining your web interface, such
|
||||||
|
as controllers, components, channels, and so on.
|
||||||
|
|
||||||
|
This can be used in your application as:
|
||||||
|
|
||||||
|
use NotesAppWeb, :controller
|
||||||
|
use NotesAppWeb, :html
|
||||||
|
|
||||||
|
The definitions below will be executed for every controller,
|
||||||
|
component, etc, so keep them short and clean, focused
|
||||||
|
on imports, uses and aliases.
|
||||||
|
|
||||||
|
Do NOT define functions inside the quoted expressions
|
||||||
|
below. Instead, define additional modules and import
|
||||||
|
those modules here.
|
||||||
|
"""
|
||||||
|
|
||||||
|
def static_paths, do: ~w(assets fonts images favicon.ico robots.txt)
|
||||||
|
|
||||||
|
def router do
|
||||||
|
quote do
|
||||||
|
use Phoenix.Router, helpers: false
|
||||||
|
|
||||||
|
# Import common connection and controller functions to use in pipelines
|
||||||
|
import Plug.Conn
|
||||||
|
import Phoenix.Controller
|
||||||
|
import Phoenix.LiveView.Router
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def channel do
|
||||||
|
quote do
|
||||||
|
use Phoenix.Channel
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def controller do
|
||||||
|
quote do
|
||||||
|
use Phoenix.Controller,
|
||||||
|
formats: [:html, :json],
|
||||||
|
layouts: [html: NotesAppWeb.Layouts]
|
||||||
|
|
||||||
|
import Plug.Conn
|
||||||
|
import NotesAppWeb.Gettext
|
||||||
|
|
||||||
|
unquote(verified_routes())
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def live_view do
|
||||||
|
quote do
|
||||||
|
use Phoenix.LiveView,
|
||||||
|
layout: {NotesAppWeb.Layouts, :app}
|
||||||
|
|
||||||
|
unquote(html_helpers())
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def live_component do
|
||||||
|
quote do
|
||||||
|
use Phoenix.LiveComponent
|
||||||
|
|
||||||
|
unquote(html_helpers())
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def html do
|
||||||
|
quote do
|
||||||
|
use Phoenix.Component
|
||||||
|
|
||||||
|
# Import convenience functions from controllers
|
||||||
|
import Phoenix.Controller,
|
||||||
|
only: [get_csrf_token: 0, view_module: 1, view_template: 1]
|
||||||
|
|
||||||
|
# Include general helpers for rendering HTML
|
||||||
|
unquote(html_helpers())
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
defp html_helpers do
|
||||||
|
quote do
|
||||||
|
# HTML escaping functionality
|
||||||
|
import Phoenix.HTML
|
||||||
|
# Core UI components and translation
|
||||||
|
import NotesAppWeb.CoreComponents
|
||||||
|
import NotesAppWeb.Gettext
|
||||||
|
|
||||||
|
# Shortcut for generating JS commands
|
||||||
|
alias Phoenix.LiveView.JS
|
||||||
|
|
||||||
|
# Routes generation with the ~p sigil
|
||||||
|
unquote(verified_routes())
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def verified_routes do
|
||||||
|
quote do
|
||||||
|
use Phoenix.VerifiedRoutes,
|
||||||
|
endpoint: NotesAppWeb.Endpoint,
|
||||||
|
router: NotesAppWeb.Router,
|
||||||
|
statics: NotesAppWeb.static_paths()
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
When used, dispatch to the appropriate controller/live_view/etc.
|
||||||
|
"""
|
||||||
|
defmacro __using__(which) when is_atom(which) do
|
||||||
|
apply(__MODULE__, which, [])
|
||||||
|
end
|
||||||
|
end
|
||||||
678
Elixir/notes_app/lib/notes_app_web/components/core_components.ex
Normal file
678
Elixir/notes_app/lib/notes_app_web/components/core_components.ex
Normal file
|
|
@ -0,0 +1,678 @@
|
||||||
|
defmodule NotesAppWeb.CoreComponents do
|
||||||
|
@moduledoc """
|
||||||
|
Provides core UI components.
|
||||||
|
|
||||||
|
At first glance, this module may seem daunting, but its goal is to provide
|
||||||
|
core building blocks for your application, such as modals, tables, and
|
||||||
|
forms. The components consist mostly of markup and are well-documented
|
||||||
|
with doc strings and declarative assigns. You may customize and style
|
||||||
|
them in any way you want, based on your application growth and needs.
|
||||||
|
|
||||||
|
The default components use Tailwind CSS, a utility-first CSS framework.
|
||||||
|
See the [Tailwind CSS documentation](https://tailwindcss.com) to learn
|
||||||
|
how to customize them or feel free to swap in another framework altogether.
|
||||||
|
|
||||||
|
Icons are provided by [heroicons](https://heroicons.com). See `icon/1` for usage.
|
||||||
|
"""
|
||||||
|
use Phoenix.Component
|
||||||
|
|
||||||
|
alias Phoenix.LiveView.JS
|
||||||
|
# import NotesAppWeb.Gettext
|
||||||
|
|
||||||
|
use Gettext, backend: NotesAppWeb.Gettext
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a modal.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.modal id="confirm-modal">
|
||||||
|
This is a modal.
|
||||||
|
</.modal>
|
||||||
|
|
||||||
|
JS commands may be passed to the `:on_cancel` to configure
|
||||||
|
the closing/cancel event, for example:
|
||||||
|
|
||||||
|
<.modal id="confirm" on_cancel={JS.navigate(~p"/posts")}>
|
||||||
|
This is another modal.
|
||||||
|
</.modal>
|
||||||
|
|
||||||
|
"""
|
||||||
|
attr :id, :string, required: true
|
||||||
|
attr :show, :boolean, default: false
|
||||||
|
attr :on_cancel, JS, default: %JS{}
|
||||||
|
slot :inner_block, required: true
|
||||||
|
|
||||||
|
def modal(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div
|
||||||
|
id={@id}
|
||||||
|
phx-mounted={@show && show_modal(@id)}
|
||||||
|
phx-remove={hide_modal(@id)}
|
||||||
|
data-cancel={JS.exec(@on_cancel, "phx-remove")}
|
||||||
|
class="relative z-50 hidden"
|
||||||
|
>
|
||||||
|
<div id={"#{@id}-bg"} class="bg-zinc-50/90 fixed inset-0 transition-opacity" aria-hidden="true" />
|
||||||
|
<div
|
||||||
|
class="fixed inset-0 overflow-y-auto"
|
||||||
|
aria-labelledby={"#{@id}-title"}
|
||||||
|
aria-describedby={"#{@id}-description"}
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
tabindex="0"
|
||||||
|
>
|
||||||
|
<div class="flex min-h-full items-center justify-center">
|
||||||
|
<div class="w-full max-w-3xl p-4 sm:p-6 lg:py-8">
|
||||||
|
<.focus_wrap
|
||||||
|
id={"#{@id}-container"}
|
||||||
|
phx-window-keydown={JS.exec("data-cancel", to: "##{@id}")}
|
||||||
|
phx-key="escape"
|
||||||
|
phx-click-away={JS.exec("data-cancel", to: "##{@id}")}
|
||||||
|
class="shadow-zinc-700/10 ring-zinc-700/10 relative hidden rounded-2xl bg-white p-14 shadow-lg ring-1 transition"
|
||||||
|
>
|
||||||
|
<div class="absolute top-6 right-5">
|
||||||
|
<button
|
||||||
|
phx-click={JS.exec("data-cancel", to: "##{@id}")}
|
||||||
|
type="button"
|
||||||
|
class="-m-3 flex-none p-3 opacity-20 hover:opacity-40"
|
||||||
|
aria-label={gettext("close")}
|
||||||
|
>
|
||||||
|
<.icon name="hero-x-mark-solid" class="h-5 w-5" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div id={"#{@id}-content"}>
|
||||||
|
<%= render_slot(@inner_block) %>
|
||||||
|
</div>
|
||||||
|
</.focus_wrap>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders flash notices.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.flash kind={:info} flash={@flash} />
|
||||||
|
<.flash kind={:info} phx-mounted={show("#flash")}>Welcome Back!</.flash>
|
||||||
|
"""
|
||||||
|
attr :id, :string, doc: "the optional id of flash container"
|
||||||
|
attr :flash, :map, default: %{}, doc: "the map of flash messages to display"
|
||||||
|
attr :title, :string, default: nil
|
||||||
|
attr :kind, :atom, values: [:info, :error], doc: "used for styling and flash lookup"
|
||||||
|
attr :rest, :global, doc: "the arbitrary HTML attributes to add to the flash container"
|
||||||
|
|
||||||
|
slot :inner_block, doc: "the optional inner block that renders the flash message"
|
||||||
|
|
||||||
|
def flash(assigns) do
|
||||||
|
assigns = assign_new(assigns, :id, fn -> "flash-#{assigns.kind}" end)
|
||||||
|
|
||||||
|
~H"""
|
||||||
|
<div
|
||||||
|
:if={msg = render_slot(@inner_block) || Phoenix.Flash.get(@flash, @kind)}
|
||||||
|
id={@id}
|
||||||
|
phx-click={JS.push("lv:clear-flash", value: %{key: @kind}) |> hide("##{@id}")}
|
||||||
|
role="alert"
|
||||||
|
class={[
|
||||||
|
"fixed top-2 right-2 mr-2 w-80 sm:w-96 z-50 rounded-lg p-3 ring-1",
|
||||||
|
@kind == :info && "bg-emerald-50 text-emerald-800 ring-emerald-500 fill-cyan-900",
|
||||||
|
@kind == :error && "bg-rose-50 text-rose-900 shadow-md ring-rose-500 fill-rose-900"
|
||||||
|
]}
|
||||||
|
{@rest}
|
||||||
|
>
|
||||||
|
<p :if={@title} class="flex items-center gap-1.5 text-sm font-semibold leading-6">
|
||||||
|
<.icon :if={@kind == :info} name="hero-information-circle-mini" class="h-4 w-4" />
|
||||||
|
<.icon :if={@kind == :error} name="hero-exclamation-circle-mini" class="h-4 w-4" />
|
||||||
|
<%= @title %>
|
||||||
|
</p>
|
||||||
|
<p class="mt-2 text-sm leading-5"><%= msg %></p>
|
||||||
|
<button type="button" class="group absolute top-1 right-1 p-2" aria-label={gettext("close")}>
|
||||||
|
<.icon name="hero-x-mark-solid" class="h-5 w-5 opacity-40 group-hover:opacity-70" />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Shows the flash group with standard titles and content.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.flash_group flash={@flash} />
|
||||||
|
"""
|
||||||
|
attr :flash, :map, required: true, doc: "the map of flash messages"
|
||||||
|
attr :id, :string, default: "flash-group", doc: "the optional id of flash container"
|
||||||
|
|
||||||
|
def flash_group(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div id={@id}>
|
||||||
|
<.flash kind={:info} title={gettext("Success!")} flash={@flash} />
|
||||||
|
<.flash kind={:error} title={gettext("Error!")} flash={@flash} />
|
||||||
|
<.flash
|
||||||
|
id="client-error"
|
||||||
|
kind={:error}
|
||||||
|
title={gettext("We can't find the internet")}
|
||||||
|
phx-disconnected={show(".phx-client-error #client-error")}
|
||||||
|
phx-connected={hide("#client-error")}
|
||||||
|
hidden
|
||||||
|
>
|
||||||
|
<%= gettext("Attempting to reconnect") %>
|
||||||
|
<.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
|
||||||
|
</.flash>
|
||||||
|
|
||||||
|
<.flash
|
||||||
|
id="server-error"
|
||||||
|
kind={:error}
|
||||||
|
title={gettext("Something went wrong!")}
|
||||||
|
phx-disconnected={show(".phx-server-error #server-error")}
|
||||||
|
phx-connected={hide("#server-error")}
|
||||||
|
hidden
|
||||||
|
>
|
||||||
|
<%= gettext("Hang in there while we get back on track") %>
|
||||||
|
<.icon name="hero-arrow-path" class="ml-1 h-3 w-3 animate-spin" />
|
||||||
|
</.flash>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a simple form.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.simple_form for={@form} phx-change="validate" phx-submit="save">
|
||||||
|
<.input field={@form[:email]} label="Email"/>
|
||||||
|
<.input field={@form[:username]} label="Username" />
|
||||||
|
<:actions>
|
||||||
|
<.button>Save</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
"""
|
||||||
|
attr :for, :any, required: true, doc: "the data structure for the form"
|
||||||
|
attr :as, :any, default: nil, doc: "the server side parameter to collect all input under"
|
||||||
|
|
||||||
|
attr :rest, :global,
|
||||||
|
include: ~w(autocomplete name rel action enctype method novalidate target multipart),
|
||||||
|
doc: "the arbitrary HTML attributes to apply to the form tag"
|
||||||
|
|
||||||
|
slot :inner_block, required: true
|
||||||
|
slot :actions, doc: "the slot for form actions, such as a submit button"
|
||||||
|
|
||||||
|
def simple_form(assigns) do
|
||||||
|
~H"""
|
||||||
|
<.form :let={f} for={@for} as={@as} {@rest}>
|
||||||
|
<div class="mt-10 space-y-8 bg-white">
|
||||||
|
<%= render_slot(@inner_block, f) %>
|
||||||
|
<div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
|
||||||
|
<%= render_slot(action, f) %>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</.form>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a button.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.button>Send!</.button>
|
||||||
|
<.button phx-click="go" class="ml-2">Send!</.button>
|
||||||
|
"""
|
||||||
|
attr :type, :string, default: nil
|
||||||
|
attr :class, :string, default: nil
|
||||||
|
attr :rest, :global, include: ~w(disabled form name value)
|
||||||
|
|
||||||
|
slot :inner_block, required: true
|
||||||
|
|
||||||
|
def button(assigns) do
|
||||||
|
~H"""
|
||||||
|
<button
|
||||||
|
type={@type}
|
||||||
|
class={[
|
||||||
|
"phx-submit-loading:opacity-75 rounded-lg bg-zinc-900 hover:bg-zinc-700 py-2 px-3",
|
||||||
|
"text-sm font-semibold leading-6 text-white active:text-white/80",
|
||||||
|
@class
|
||||||
|
]}
|
||||||
|
{@rest}
|
||||||
|
>
|
||||||
|
<%= render_slot(@inner_block) %>
|
||||||
|
</button>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders an input with label and error messages.
|
||||||
|
|
||||||
|
A `Phoenix.HTML.FormField` may be passed as argument,
|
||||||
|
which is used to retrieve the input name, id, and values.
|
||||||
|
Otherwise all attributes may be passed explicitly.
|
||||||
|
|
||||||
|
## Types
|
||||||
|
|
||||||
|
This function accepts all HTML input types, considering that:
|
||||||
|
|
||||||
|
* You may also set `type="select"` to render a `<select>` tag
|
||||||
|
|
||||||
|
* `type="checkbox"` is used exclusively to render boolean values
|
||||||
|
|
||||||
|
* For live file uploads, see `Phoenix.Component.live_file_input/1`
|
||||||
|
|
||||||
|
See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
|
||||||
|
for more information. Unsupported types, such as hidden and radio,
|
||||||
|
are best written directly in your templates.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.input field={@form[:email]} type="email" />
|
||||||
|
<.input name="my-input" errors={["oh no!"]} />
|
||||||
|
"""
|
||||||
|
attr :id, :any, default: nil
|
||||||
|
attr :name, :any
|
||||||
|
attr :label, :string, default: nil
|
||||||
|
attr :value, :any
|
||||||
|
|
||||||
|
attr :type, :string,
|
||||||
|
default: "text",
|
||||||
|
values: ~w(checkbox color date datetime-local email file month number password
|
||||||
|
range search select tel text textarea time url week)
|
||||||
|
|
||||||
|
attr :field, Phoenix.HTML.FormField,
|
||||||
|
doc: "a form field struct retrieved from the form, for example: @form[:email]"
|
||||||
|
|
||||||
|
attr :errors, :list, default: []
|
||||||
|
attr :checked, :boolean, doc: "the checked flag for checkbox inputs"
|
||||||
|
attr :prompt, :string, default: nil, doc: "the prompt for select inputs"
|
||||||
|
attr :options, :list, doc: "the options to pass to Phoenix.HTML.Form.options_for_select/2"
|
||||||
|
attr :multiple, :boolean, default: false, doc: "the multiple flag for select inputs"
|
||||||
|
|
||||||
|
attr :rest, :global,
|
||||||
|
include: ~w(accept autocomplete capture cols disabled form list max maxlength min minlength
|
||||||
|
multiple pattern placeholder readonly required rows size step)
|
||||||
|
|
||||||
|
def input(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
|
||||||
|
errors = if Phoenix.Component.used_input?(field), do: field.errors, else: []
|
||||||
|
|
||||||
|
assigns
|
||||||
|
|> assign(field: nil, id: assigns.id || field.id)
|
||||||
|
|> assign(:errors, Enum.map(errors, &translate_error(&1)))
|
||||||
|
|> assign_new(:name, fn -> if assigns.multiple, do: field.name <> "[]", else: field.name end)
|
||||||
|
|> assign_new(:value, fn -> field.value end)
|
||||||
|
|> input()
|
||||||
|
end
|
||||||
|
|
||||||
|
def input(%{type: "checkbox"} = assigns) do
|
||||||
|
assigns =
|
||||||
|
assign_new(assigns, :checked, fn ->
|
||||||
|
Phoenix.HTML.Form.normalize_value("checkbox", assigns[:value])
|
||||||
|
end)
|
||||||
|
|
||||||
|
~H"""
|
||||||
|
<div>
|
||||||
|
<label class="flex items-center gap-4 text-sm leading-6 text-zinc-600">
|
||||||
|
<input type="hidden" name={@name} value="false" disabled={@rest[:disabled]} />
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
id={@id}
|
||||||
|
name={@name}
|
||||||
|
value="true"
|
||||||
|
checked={@checked}
|
||||||
|
class="rounded border-zinc-300 text-zinc-900 focus:ring-0"
|
||||||
|
{@rest}
|
||||||
|
/>
|
||||||
|
<%= @label %>
|
||||||
|
</label>
|
||||||
|
<.error :for={msg <- @errors}><%= msg %></.error>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def input(%{type: "select"} = assigns) do
|
||||||
|
~H"""
|
||||||
|
<div>
|
||||||
|
<.label for={@id}><%= @label %></.label>
|
||||||
|
<select
|
||||||
|
id={@id}
|
||||||
|
name={@name}
|
||||||
|
class="mt-2 block w-full rounded-md border border-gray-300 bg-white shadow-sm focus:border-zinc-400 focus:ring-0 sm:text-sm"
|
||||||
|
multiple={@multiple}
|
||||||
|
{@rest}
|
||||||
|
>
|
||||||
|
<option :if={@prompt} value=""><%= @prompt %></option>
|
||||||
|
<%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
|
||||||
|
</select>
|
||||||
|
<.error :for={msg <- @errors}><%= msg %></.error>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def input(%{type: "textarea"} = assigns) do
|
||||||
|
~H"""
|
||||||
|
<div>
|
||||||
|
<.label for={@id}><%= @label %></.label>
|
||||||
|
<textarea
|
||||||
|
id={@id}
|
||||||
|
name={@name}
|
||||||
|
class={[
|
||||||
|
"mt-2 block w-full rounded-lg text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6 min-h-[6rem]",
|
||||||
|
@errors == [] && "border-zinc-300 focus:border-zinc-400",
|
||||||
|
@errors != [] && "border-rose-400 focus:border-rose-400"
|
||||||
|
]}
|
||||||
|
{@rest}
|
||||||
|
><%= Phoenix.HTML.Form.normalize_value("textarea", @value) %></textarea>
|
||||||
|
<.error :for={msg <- @errors}><%= msg %></.error>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
# All other inputs text, datetime-local, url, password, etc. are handled here...
|
||||||
|
def input(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div>
|
||||||
|
<.label for={@id}><%= @label %></.label>
|
||||||
|
<input
|
||||||
|
type={@type}
|
||||||
|
name={@name}
|
||||||
|
id={@id}
|
||||||
|
value={Phoenix.HTML.Form.normalize_value(@type, @value)}
|
||||||
|
class={[
|
||||||
|
"mt-2 block w-full rounded-lg text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6",
|
||||||
|
@errors == [] && "border-zinc-300 focus:border-zinc-400",
|
||||||
|
@errors != [] && "border-rose-400 focus:border-rose-400"
|
||||||
|
]}
|
||||||
|
{@rest}
|
||||||
|
/>
|
||||||
|
<.error :for={msg <- @errors}><%= msg %></.error>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a label.
|
||||||
|
"""
|
||||||
|
attr :for, :string, default: nil
|
||||||
|
slot :inner_block, required: true
|
||||||
|
|
||||||
|
def label(assigns) do
|
||||||
|
~H"""
|
||||||
|
<label for={@for} class="block text-sm font-semibold leading-6 text-zinc-800">
|
||||||
|
<%= render_slot(@inner_block) %>
|
||||||
|
</label>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Generates a generic error message.
|
||||||
|
"""
|
||||||
|
slot :inner_block, required: true
|
||||||
|
|
||||||
|
def error(assigns) do
|
||||||
|
~H"""
|
||||||
|
<p class="mt-3 flex gap-3 text-sm leading-6 text-rose-600">
|
||||||
|
<.icon name="hero-exclamation-circle-mini" class="mt-0.5 h-5 w-5 flex-none" />
|
||||||
|
<%= render_slot(@inner_block) %>
|
||||||
|
</p>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a header with title.
|
||||||
|
"""
|
||||||
|
attr :class, :string, default: nil
|
||||||
|
|
||||||
|
slot :inner_block, required: true
|
||||||
|
slot :subtitle
|
||||||
|
slot :actions
|
||||||
|
|
||||||
|
def header(assigns) do
|
||||||
|
~H"""
|
||||||
|
<header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
|
||||||
|
<div>
|
||||||
|
<h1 class="text-lg font-semibold leading-8 text-zinc-800">
|
||||||
|
<%= render_slot(@inner_block) %>
|
||||||
|
</h1>
|
||||||
|
<p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">
|
||||||
|
<%= render_slot(@subtitle) %>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex-none"><%= render_slot(@actions) %></div>
|
||||||
|
</header>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc ~S"""
|
||||||
|
Renders a table with generic styling.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.table id="users" rows={@users}>
|
||||||
|
<:col :let={user} label="id"><%= user.id %></:col>
|
||||||
|
<:col :let={user} label="username"><%= user.username %></:col>
|
||||||
|
</.table>
|
||||||
|
"""
|
||||||
|
attr :id, :string, required: true
|
||||||
|
attr :rows, :list, required: true
|
||||||
|
attr :row_id, :any, default: nil, doc: "the function for generating the row id"
|
||||||
|
attr :row_click, :any, default: nil, doc: "the function for handling phx-click on each row"
|
||||||
|
|
||||||
|
attr :row_item, :any,
|
||||||
|
default: &Function.identity/1,
|
||||||
|
doc: "the function for mapping each row before calling the :col and :action slots"
|
||||||
|
|
||||||
|
slot :col, required: true do
|
||||||
|
attr :label, :string
|
||||||
|
end
|
||||||
|
|
||||||
|
slot :action, doc: "the slot for showing user actions in the last table column"
|
||||||
|
|
||||||
|
def table(assigns) do
|
||||||
|
assigns =
|
||||||
|
with %{rows: %Phoenix.LiveView.LiveStream{}} <- assigns do
|
||||||
|
assign(assigns, row_id: assigns.row_id || fn {id, _item} -> id end)
|
||||||
|
end
|
||||||
|
|
||||||
|
~H"""
|
||||||
|
<div class="overflow-y-auto px-4 sm:overflow-visible sm:px-0">
|
||||||
|
<table class="w-[40rem] mt-11 sm:w-full">
|
||||||
|
<thead class="text-sm text-left leading-6 text-zinc-500">
|
||||||
|
<tr>
|
||||||
|
<th :for={col <- @col} class="p-0 pb-4 pr-6 font-normal"><%= col[:label] %></th>
|
||||||
|
<th :if={@action != []} class="relative p-0 pb-4">
|
||||||
|
<span class="sr-only"><%= gettext("Actions") %></span>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody
|
||||||
|
id={@id}
|
||||||
|
phx-update={match?(%Phoenix.LiveView.LiveStream{}, @rows) && "stream"}
|
||||||
|
class="relative divide-y divide-zinc-100 border-t border-zinc-200 text-sm leading-6 text-zinc-700"
|
||||||
|
>
|
||||||
|
<tr :for={row <- @rows} id={@row_id && @row_id.(row)} class="group hover:bg-zinc-50">
|
||||||
|
<td
|
||||||
|
:for={{col, i} <- Enum.with_index(@col)}
|
||||||
|
phx-click={@row_click && @row_click.(row)}
|
||||||
|
class={["relative p-0", @row_click && "hover:cursor-pointer"]}
|
||||||
|
>
|
||||||
|
<div class="block py-4 pr-6">
|
||||||
|
<span class="absolute -inset-y-px right-0 -left-4 group-hover:bg-zinc-50 sm:rounded-l-xl" />
|
||||||
|
<span class={["relative", i == 0 && "font-semibold text-zinc-900"]}>
|
||||||
|
<%= render_slot(col, @row_item.(row)) %>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td :if={@action != []} class="relative w-14 p-0">
|
||||||
|
<div class="relative whitespace-nowrap py-4 text-right text-sm font-medium">
|
||||||
|
<span class="absolute -inset-y-px -right-4 left-0 group-hover:bg-zinc-50 sm:rounded-r-xl" />
|
||||||
|
<span
|
||||||
|
:for={action <- @action}
|
||||||
|
class="relative ml-4 font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
|
||||||
|
>
|
||||||
|
<%= render_slot(action, @row_item.(row)) %>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a data list.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.list>
|
||||||
|
<:item title="Title"><%= @post.title %></:item>
|
||||||
|
<:item title="Views"><%= @post.views %></:item>
|
||||||
|
</.list>
|
||||||
|
"""
|
||||||
|
slot :item, required: true do
|
||||||
|
attr :title, :string, required: true
|
||||||
|
end
|
||||||
|
|
||||||
|
def list(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div class="mt-14">
|
||||||
|
<dl class="-my-4 divide-y divide-zinc-100">
|
||||||
|
<div :for={item <- @item} class="flex gap-4 py-4 text-sm leading-6 sm:gap-8">
|
||||||
|
<dt class="w-1/4 flex-none text-zinc-500"><%= item.title %></dt>
|
||||||
|
<dd class="text-zinc-700"><%= render_slot(item) %></dd>
|
||||||
|
</div>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a back navigation link.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.back navigate={~p"/posts"}>Back to posts</.back>
|
||||||
|
"""
|
||||||
|
attr :navigate, :any, required: true
|
||||||
|
slot :inner_block, required: true
|
||||||
|
|
||||||
|
def back(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div class="mt-16">
|
||||||
|
<.link
|
||||||
|
navigate={@navigate}
|
||||||
|
class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
|
||||||
|
>
|
||||||
|
<.icon name="hero-arrow-left-solid" class="h-3 w-3" />
|
||||||
|
<%= render_slot(@inner_block) %>
|
||||||
|
</.link>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a [Heroicon](https://heroicons.com).
|
||||||
|
|
||||||
|
Heroicons come in three styles – outline, solid, and mini.
|
||||||
|
By default, the outline style is used, but solid and mini may
|
||||||
|
be applied by using the `-solid` and `-mini` suffix.
|
||||||
|
|
||||||
|
You can customize the size and colors of the icons by setting
|
||||||
|
width, height, and background color classes.
|
||||||
|
|
||||||
|
Icons are extracted from the `deps/heroicons` directory and bundled within
|
||||||
|
your compiled app.css by the plugin in your `assets/tailwind.config.js`.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
<.icon name="hero-x-mark-solid" />
|
||||||
|
<.icon name="hero-arrow-path" class="ml-1 w-3 h-3 animate-spin" />
|
||||||
|
"""
|
||||||
|
attr :name, :string, required: true
|
||||||
|
attr :class, :string, default: nil
|
||||||
|
|
||||||
|
def icon(%{name: "hero-" <> _} = assigns) do
|
||||||
|
~H"""
|
||||||
|
<span class={[@name, @class]} />
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
## JS Commands
|
||||||
|
|
||||||
|
def show(js \\ %JS{}, selector) do
|
||||||
|
JS.show(js,
|
||||||
|
to: selector,
|
||||||
|
time: 300,
|
||||||
|
transition:
|
||||||
|
{"transition-all transform ease-out duration-300",
|
||||||
|
"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
||||||
|
"opacity-100 translate-y-0 sm:scale-100"}
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
def hide(js \\ %JS{}, selector) do
|
||||||
|
JS.hide(js,
|
||||||
|
to: selector,
|
||||||
|
time: 200,
|
||||||
|
transition:
|
||||||
|
{"transition-all transform ease-in duration-200",
|
||||||
|
"opacity-100 translate-y-0 sm:scale-100",
|
||||||
|
"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"}
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
def show_modal(js \\ %JS{}, id) when is_binary(id) do
|
||||||
|
js
|
||||||
|
|> JS.show(to: "##{id}")
|
||||||
|
|> JS.show(
|
||||||
|
to: "##{id}-bg",
|
||||||
|
time: 300,
|
||||||
|
transition: {"transition-all transform ease-out duration-300", "opacity-0", "opacity-100"}
|
||||||
|
)
|
||||||
|
|> show("##{id}-container")
|
||||||
|
|> JS.add_class("overflow-hidden", to: "body")
|
||||||
|
|> JS.focus_first(to: "##{id}-content")
|
||||||
|
end
|
||||||
|
|
||||||
|
def hide_modal(js \\ %JS{}, id) do
|
||||||
|
js
|
||||||
|
|> JS.hide(
|
||||||
|
to: "##{id}-bg",
|
||||||
|
transition: {"transition-all transform ease-in duration-200", "opacity-100", "opacity-0"}
|
||||||
|
)
|
||||||
|
|> hide("##{id}-container")
|
||||||
|
|> JS.hide(to: "##{id}", transition: {"block", "block", "hidden"})
|
||||||
|
|> JS.remove_class("overflow-hidden", to: "body")
|
||||||
|
|> JS.pop_focus()
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Translates an error message using gettext.
|
||||||
|
"""
|
||||||
|
def translate_error({msg, opts}) do
|
||||||
|
# When using gettext, we typically pass the strings we want
|
||||||
|
# to translate as a static argument:
|
||||||
|
#
|
||||||
|
# # Translate the number of files with plural rules
|
||||||
|
# dngettext("errors", "1 file", "%{count} files", count)
|
||||||
|
#
|
||||||
|
# However the error messages in our forms and APIs are generated
|
||||||
|
# dynamically, so we need to translate them by calling Gettext
|
||||||
|
# with our gettext backend as first argument. Translations are
|
||||||
|
# available in the errors.po file (as we use the "errors" domain).
|
||||||
|
if count = opts[:count] do
|
||||||
|
Gettext.dngettext(NotesAppWeb.Gettext, "errors", msg, msg, count, opts)
|
||||||
|
else
|
||||||
|
Gettext.dgettext(NotesAppWeb.Gettext, "errors", msg, opts)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Translates the errors for a field from a keyword list of errors.
|
||||||
|
"""
|
||||||
|
def translate_errors(errors, field) when is_list(errors) do
|
||||||
|
for {^field, {msg, opts}} <- errors, do: translate_error({msg, opts})
|
||||||
|
end
|
||||||
|
end
|
||||||
14
Elixir/notes_app/lib/notes_app_web/components/layouts.ex
Normal file
14
Elixir/notes_app/lib/notes_app_web/components/layouts.ex
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
defmodule NotesAppWeb.Layouts do
|
||||||
|
@moduledoc """
|
||||||
|
This module holds different layouts used by your application.
|
||||||
|
|
||||||
|
See the `layouts` directory for all templates available.
|
||||||
|
The "root" layout is a skeleton rendered as part of the
|
||||||
|
application router. The "app" layout is set as the default
|
||||||
|
layout on both `use NotesAppWeb, :controller` and
|
||||||
|
`use NotesAppWeb, :live_view`.
|
||||||
|
"""
|
||||||
|
use NotesAppWeb, :html
|
||||||
|
|
||||||
|
embed_templates "layouts/*"
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,32 @@
|
||||||
|
<header class="px-4 sm:px-6 lg:px-8">
|
||||||
|
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
|
||||||
|
<div class="flex items-center gap-4">
|
||||||
|
<a href="/">
|
||||||
|
<img src={~p"/images/logo.svg"} width="36" />
|
||||||
|
</a>
|
||||||
|
<p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
|
||||||
|
v<%= Application.spec(:phoenix, :vsn) %>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
|
||||||
|
<a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700">
|
||||||
|
@elixirphoenix
|
||||||
|
</a>
|
||||||
|
<a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700">
|
||||||
|
GitHub
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="https://hexdocs.pm/phoenix/overview.html"
|
||||||
|
class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80"
|
||||||
|
>
|
||||||
|
Get Started <span aria-hidden="true">→</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main class="px-4 py-20 sm:px-6 lg:px-8">
|
||||||
|
<div class="mx-auto max-w-2xl">
|
||||||
|
<.flash_group flash={@flash} />
|
||||||
|
<%= @inner_content %>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" class="[scrollbar-gutter:stable]">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="csrf-token" content={get_csrf_token()} />
|
||||||
|
<.live_title suffix=" · Phoenix Framework">
|
||||||
|
<%= assigns[:page_title] || "NotesApp" %>
|
||||||
|
</.live_title>
|
||||||
|
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
|
||||||
|
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body class="bg-white text-black dark:bg-gray-800 dark:text-white">
|
||||||
|
<ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end dark:bg-gray-900">
|
||||||
|
<%= if @current_user do %>
|
||||||
|
<li class="text-[0.8125rem] leading-6 text-zinc-900 dark:text-zinc-300">
|
||||||
|
<%= @current_user.email %>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<.link
|
||||||
|
href={~p"/users/settings"}
|
||||||
|
class="text-[0.8125rem] leading-6 text-zinc-900 dark:text-zinc-300 font-semibold hover:text-zinc-700 dark:hover:text-zinc-400"
|
||||||
|
>
|
||||||
|
Settings
|
||||||
|
</.link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<.link
|
||||||
|
href={~p"/users/log_out"}
|
||||||
|
method="delete"
|
||||||
|
class="text-[0.8125rem] leading-6 text-zinc-900 dark:text-zinc-300 font-semibold hover:text-zinc-700 dark:hover:text-zinc-400"
|
||||||
|
>
|
||||||
|
Log out
|
||||||
|
</.link>
|
||||||
|
</li>
|
||||||
|
<% else %>
|
||||||
|
<li>
|
||||||
|
<.link
|
||||||
|
href={~p"/users/register"}
|
||||||
|
class="text-[0.8125rem] leading-6 text-zinc-900 dark:text-zinc-300 font-semibold hover:text-zinc-700 dark:hover:text-zinc-400"
|
||||||
|
>
|
||||||
|
Register
|
||||||
|
</.link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<.link
|
||||||
|
href={~p"/users/log_in"}
|
||||||
|
class="text-[0.8125rem] leading-6 text-zinc-900 dark:text-zinc-300 font-semibold hover:text-zinc-700 dark:hover:text-zinc-400"
|
||||||
|
>
|
||||||
|
Log in
|
||||||
|
</.link>
|
||||||
|
</li>
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<%= @inner_content %>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
Elixir/notes_app/lib/notes_app_web/controllers/error_html.ex
Normal file
24
Elixir/notes_app/lib/notes_app_web/controllers/error_html.ex
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
defmodule NotesAppWeb.ErrorHTML do
|
||||||
|
@moduledoc """
|
||||||
|
This module is invoked by your endpoint in case of errors on HTML requests.
|
||||||
|
|
||||||
|
See config/config.exs.
|
||||||
|
"""
|
||||||
|
use NotesAppWeb, :html
|
||||||
|
|
||||||
|
# If you want to customize your error pages,
|
||||||
|
# uncomment the embed_templates/1 call below
|
||||||
|
# and add pages to the error directory:
|
||||||
|
#
|
||||||
|
# * lib/notes_app_web/controllers/error_html/404.html.heex
|
||||||
|
# * lib/notes_app_web/controllers/error_html/500.html.heex
|
||||||
|
#
|
||||||
|
# embed_templates "error_html/*"
|
||||||
|
|
||||||
|
# The default is to render a plain text page based on
|
||||||
|
# the template name. For example, "404.html" becomes
|
||||||
|
# "Not Found".
|
||||||
|
def render(template, _assigns) do
|
||||||
|
Phoenix.Controller.status_message_from_template(template)
|
||||||
|
end
|
||||||
|
end
|
||||||
21
Elixir/notes_app/lib/notes_app_web/controllers/error_json.ex
Normal file
21
Elixir/notes_app/lib/notes_app_web/controllers/error_json.ex
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
defmodule NotesAppWeb.ErrorJSON do
|
||||||
|
@moduledoc """
|
||||||
|
This module is invoked by your endpoint in case of errors on JSON requests.
|
||||||
|
|
||||||
|
See config/config.exs.
|
||||||
|
"""
|
||||||
|
|
||||||
|
# If you want to customize a particular status code,
|
||||||
|
# you may add your own clauses, such as:
|
||||||
|
#
|
||||||
|
# def render("500.json", _assigns) do
|
||||||
|
# %{errors: %{detail: "Internal Server Error"}}
|
||||||
|
# end
|
||||||
|
|
||||||
|
# By default, Phoenix returns the status message from
|
||||||
|
# the template name. For example, "404.json" becomes
|
||||||
|
# "Not Found".
|
||||||
|
def render(template, _assigns) do
|
||||||
|
%{errors: %{detail: Phoenix.Controller.status_message_from_template(template)}}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,66 @@
|
||||||
|
defmodule NotesAppWeb.NoteController do
|
||||||
|
use NotesAppWeb, :controller
|
||||||
|
|
||||||
|
alias NotesApp.Notes
|
||||||
|
alias NotesApp.Notes.Note
|
||||||
|
|
||||||
|
import NotesAppWeb.UserAuth
|
||||||
|
|
||||||
|
plug :require_authenticated_user
|
||||||
|
|
||||||
|
def index(conn, _params) do
|
||||||
|
notes = Notes.list_notes()
|
||||||
|
render(conn, :index, notes: notes)
|
||||||
|
end
|
||||||
|
|
||||||
|
def new(conn, _params) do
|
||||||
|
changeset = Notes.change_note(%Note{})
|
||||||
|
render(conn, :new, changeset: changeset)
|
||||||
|
end
|
||||||
|
|
||||||
|
def create(conn, %{"note" => note_params}) do
|
||||||
|
case Notes.create_note(note_params) do
|
||||||
|
{:ok, note} ->
|
||||||
|
conn
|
||||||
|
|> put_flash(:info, "Note created successfully.")
|
||||||
|
|> redirect(to: ~p"/notes/#{note}")
|
||||||
|
|
||||||
|
{:error, %Ecto.Changeset{} = changeset} ->
|
||||||
|
render(conn, :new, changeset: changeset)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def show(conn, %{"id" => id}) do
|
||||||
|
note = Notes.get_note!(id)
|
||||||
|
render(conn, :show, note: note)
|
||||||
|
end
|
||||||
|
|
||||||
|
def edit(conn, %{"id" => id}) do
|
||||||
|
note = Notes.get_note!(id)
|
||||||
|
changeset = Notes.change_note(note)
|
||||||
|
render(conn, :edit, note: note, changeset: changeset)
|
||||||
|
end
|
||||||
|
|
||||||
|
def update(conn, %{"id" => id, "note" => note_params}) do
|
||||||
|
note = Notes.get_note!(id)
|
||||||
|
|
||||||
|
case Notes.update_note(note, note_params) do
|
||||||
|
{:ok, note} ->
|
||||||
|
conn
|
||||||
|
|> put_flash(:info, "Note updated successfully.")
|
||||||
|
|> redirect(to: ~p"/notes/#{note}")
|
||||||
|
|
||||||
|
{:error, %Ecto.Changeset{} = changeset} ->
|
||||||
|
render(conn, :edit, note: note, changeset: changeset)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def delete(conn, %{"id" => id}) do
|
||||||
|
note = Notes.get_note!(id)
|
||||||
|
{:ok, _note} = Notes.delete_note(note)
|
||||||
|
|
||||||
|
conn
|
||||||
|
|> put_flash(:info, "Note deleted successfully.")
|
||||||
|
|> redirect(to: ~p"/notes")
|
||||||
|
end
|
||||||
|
end
|
||||||
13
Elixir/notes_app/lib/notes_app_web/controllers/note_html.ex
Normal file
13
Elixir/notes_app/lib/notes_app_web/controllers/note_html.ex
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
defmodule NotesAppWeb.NoteHTML do
|
||||||
|
use NotesAppWeb, :html
|
||||||
|
|
||||||
|
embed_templates "note_html/*"
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Renders a note form.
|
||||||
|
"""
|
||||||
|
attr :changeset, Ecto.Changeset, required: true
|
||||||
|
attr :action, :string, required: true
|
||||||
|
|
||||||
|
def note_form(assigns)
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<.header>
|
||||||
|
Edit Note <%= @note.id %>
|
||||||
|
<:subtitle>Use this form to manage note records in your database.</:subtitle>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<.note_form changeset={@changeset} action={~p"/notes/#{@note}"} />
|
||||||
|
|
||||||
|
<.back navigate={~p"/notes"}>Back to notes</.back>
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<.header>
|
||||||
|
Listing Notes
|
||||||
|
<:actions>
|
||||||
|
<.link href={~p"/notes/new"}>
|
||||||
|
<.button>New Note</.button>
|
||||||
|
</.link>
|
||||||
|
</:actions>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<.table id="notes" rows={@notes} row_click={&JS.navigate(~p"/notes/#{&1}")}>
|
||||||
|
<:col :let={note} label="Title"><%= note.title %></:col>
|
||||||
|
<:col :let={note} label="Content"><%= note.content %></:col>
|
||||||
|
<:action :let={note}>
|
||||||
|
<div class="sr-only">
|
||||||
|
<.link navigate={~p"/notes/#{note}"}>Show</.link>
|
||||||
|
</div>
|
||||||
|
<.link navigate={~p"/notes/#{note}/edit"}>Edit</.link>
|
||||||
|
</:action>
|
||||||
|
<:action :let={note}>
|
||||||
|
<.link href={~p"/notes/#{note}"} method="delete" data-confirm="Are you sure?">
|
||||||
|
Delete
|
||||||
|
</.link>
|
||||||
|
</:action>
|
||||||
|
</.table>
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
<.header>
|
||||||
|
New Note
|
||||||
|
<:subtitle>Use this form to manage note records in your database.</:subtitle>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<.note_form changeset={@changeset} action={~p"/notes"} />
|
||||||
|
|
||||||
|
<.back navigate={~p"/notes"}>Back to notes</.back>
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
<.simple_form :let={f} for={@changeset} action={@action}>
|
||||||
|
<.error :if={@changeset.action}>
|
||||||
|
Oops, something went wrong! Please check the errors below.
|
||||||
|
</.error>
|
||||||
|
<.input field={f[:title]} type="text" label="Title" />
|
||||||
|
<.input field={f[:content]} type="text" label="Content" />
|
||||||
|
<:actions>
|
||||||
|
<.button>Save Note</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
<.header>
|
||||||
|
<%= @note.title %>
|
||||||
|
<:subtitle><%= @note.updated_at %></:subtitle>
|
||||||
|
<:actions>
|
||||||
|
<.link href={~p"/notes/#{@note}/edit"}>
|
||||||
|
<.button>Edit note</.button>
|
||||||
|
</.link>
|
||||||
|
</:actions>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<p><%= @note.content %></p>
|
||||||
|
|
||||||
|
<.list>
|
||||||
|
<:item title="Title"><%= @note.title %></:item>
|
||||||
|
<:item title="Content"><%= @note.content %></:item>
|
||||||
|
</.list>
|
||||||
|
|
||||||
|
<.back navigate={~p"/notes"}>Back to notes</.back>
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
defmodule NotesAppWeb.PageController do
|
||||||
|
use NotesAppWeb, :controller
|
||||||
|
|
||||||
|
def home(conn, _params) do
|
||||||
|
# The home page is often custom made,
|
||||||
|
# so skip the default app layout.
|
||||||
|
render(conn, :home, layout: false)
|
||||||
|
end
|
||||||
|
end
|
||||||
10
Elixir/notes_app/lib/notes_app_web/controllers/page_html.ex
Normal file
10
Elixir/notes_app/lib/notes_app_web/controllers/page_html.ex
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
defmodule NotesAppWeb.PageHTML do
|
||||||
|
@moduledoc """
|
||||||
|
This module contains pages rendered by PageController.
|
||||||
|
|
||||||
|
See the `page_html` directory for all templates available.
|
||||||
|
"""
|
||||||
|
use NotesAppWeb, :html
|
||||||
|
|
||||||
|
embed_templates "page_html/*"
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,222 @@
|
||||||
|
<.flash_group flash={@flash} />
|
||||||
|
<div class="left-[40rem] fixed inset-y-0 right-0 z-0 hidden lg:block xl:left-[50rem]">
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 1480 957"
|
||||||
|
fill="none"
|
||||||
|
aria-hidden="true"
|
||||||
|
class="absolute inset-0 h-full w-full"
|
||||||
|
preserveAspectRatio="xMinYMid slice"
|
||||||
|
>
|
||||||
|
<path fill="#EE7868" d="M0 0h1480v957H0z" />
|
||||||
|
<path
|
||||||
|
d="M137.542 466.27c-582.851-48.41-988.806-82.127-1608.412 658.2l67.39 810 3083.15-256.51L1535.94-49.622l-98.36 8.183C1269.29 281.468 734.115 515.799 146.47 467.012l-8.928-.742Z"
|
||||||
|
fill="#FF9F92"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M371.028 528.664C-169.369 304.988-545.754 149.198-1361.45 665.565l-182.58 792.025 3014.73 694.98 389.42-1689.25-96.18-22.171C1505.28 697.438 924.153 757.586 379.305 532.09l-8.277-3.426Z"
|
||||||
|
fill="#FA8372"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M359.326 571.714C-104.765 215.795-428.003-32.102-1349.55 255.554l-282.3 1224.596 3047.04 722.01 312.24-1354.467C1411.25 1028.3 834.355 935.995 366.435 577.166l-7.109-5.452Z"
|
||||||
|
fill="#E96856"
|
||||||
|
fill-opacity=".6"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M1593.87 1236.88c-352.15 92.63-885.498-145.85-1244.602-613.557l-5.455-7.105C-12.347 152.31-260.41-170.8-1225-131.458l-368.63 1599.048 3057.19 704.76 130.31-935.47Z"
|
||||||
|
fill="#C42652"
|
||||||
|
fill-opacity=".2"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M1411.91 1526.93c-363.79 15.71-834.312-330.6-1085.883-863.909l-3.822-8.102C72.704 125.95-101.074-242.476-1052.01-408.907l-699.85 1484.267 2837.75 1338.01 326.02-886.44Z"
|
||||||
|
fill="#A41C42"
|
||||||
|
fill-opacity=".2"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M1116.26 1863.69c-355.457-78.98-720.318-535.27-825.287-1115.521l-1.594-8.816C185.286 163.833 112.786-237.016-762.678-643.898L-1822.83 608.665 571.922 2635.55l544.338-771.86Z"
|
||||||
|
fill="#A41C42"
|
||||||
|
fill-opacity=".2"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div class="px-4 py-10 sm:px-6 sm:py-28 lg:px-8 xl:px-28 xl:py-32">
|
||||||
|
<div class="mx-auto max-w-xl lg:mx-0">
|
||||||
|
<svg viewBox="0 0 71 48" class="h-12" aria-hidden="true">
|
||||||
|
<path
|
||||||
|
d="m26.371 33.477-.552-.1c-3.92-.729-6.397-3.1-7.57-6.829-.733-2.324.597-4.035 3.035-4.148 1.995-.092 3.362 1.055 4.57 2.39 1.557 1.72 2.984 3.558 4.514 5.305 2.202 2.515 4.797 4.134 8.347 3.634 3.183-.448 5.958-1.725 8.371-3.828.363-.316.761-.592 1.144-.886l-.241-.284c-2.027.63-4.093.841-6.205.735-3.195-.16-6.24-.828-8.964-2.582-2.486-1.601-4.319-3.746-5.19-6.611-.704-2.315.736-3.934 3.135-3.6.948.133 1.746.56 2.463 1.165.583.493 1.143 1.015 1.738 1.493 2.8 2.25 6.712 2.375 10.265-.068-5.842-.026-9.817-3.24-13.308-7.313-1.366-1.594-2.7-3.216-4.095-4.785-2.698-3.036-5.692-5.71-9.79-6.623C12.8-.623 7.745.14 2.893 2.361 1.926 2.804.997 3.319 0 4.149c.494 0 .763.006 1.032 0 2.446-.064 4.28 1.023 5.602 3.024.962 1.457 1.415 3.104 1.761 4.798.513 2.515.247 5.078.544 7.605.761 6.494 4.08 11.026 10.26 13.346 2.267.852 4.591 1.135 7.172.555ZM10.751 3.852c-.976.246-1.756-.148-2.56-.962 1.377-.343 2.592-.476 3.897-.528-.107.848-.607 1.306-1.336 1.49Zm32.002 37.924c-.085-.626-.62-.901-1.04-1.228-1.857-1.446-4.03-1.958-6.333-2-1.375-.026-2.735-.128-4.031-.61-.595-.22-1.26-.505-1.244-1.272.015-.78.693-1 1.31-1.184.505-.15 1.026-.247 1.6-.382-1.46-.936-2.886-1.065-4.787-.3-2.993 1.202-5.943 1.06-8.926-.017-1.684-.608-3.179-1.563-4.735-2.408l-.043.03a2.96 2.96 0 0 0 .04-.029c-.038-.117-.107-.12-.197-.054l.122.107c1.29 2.115 3.034 3.817 5.004 5.271 3.793 2.8 7.936 4.471 12.784 3.73A66.714 66.714 0 0 1 37 40.877c1.98-.16 3.866.398 5.753.899Zm-9.14-30.345c-.105-.076-.206-.266-.42-.069 1.745 2.36 3.985 4.098 6.683 5.193 4.354 1.767 8.773 2.07 13.293.51 3.51-1.21 6.033-.028 7.343 3.38.19-3.955-2.137-6.837-5.843-7.401-2.084-.318-4.01.373-5.962.94-5.434 1.575-10.485.798-15.094-2.553Zm27.085 15.425c.708.059 1.416.123 2.124.185-1.6-1.405-3.55-1.517-5.523-1.404-3.003.17-5.167 1.903-7.14 3.972-1.739 1.824-3.31 3.87-5.903 4.604.043.078.054.117.066.117.35.005.699.021 1.047.005 3.768-.17 7.317-.965 10.14-3.7.89-.86 1.685-1.817 2.544-2.71.716-.746 1.584-1.159 2.645-1.07Zm-8.753-4.67c-2.812.246-5.254 1.409-7.548 2.943-1.766 1.18-3.654 1.738-5.776 1.37-.374-.066-.75-.114-1.124-.17l-.013.156c.135.07.265.151.405.207.354.14.702.308 1.07.395 4.083.971 7.992.474 11.516-1.803 2.221-1.435 4.521-1.707 7.013-1.336.252.038.503.083.756.107.234.022.479.255.795.003-2.179-1.574-4.526-2.096-7.094-1.872Zm-10.049-9.544c1.475.051 2.943-.142 4.486-1.059-.452.04-.643.04-.827.076-2.126.424-4.033-.04-5.733-1.383-.623-.493-1.257-.974-1.889-1.457-2.503-1.914-5.374-2.555-8.514-2.5.05.154.054.26.108.315 3.417 3.455 7.371 5.836 12.369 6.008Zm24.727 17.731c-2.114-2.097-4.952-2.367-7.578-.537 1.738.078 3.043.632 4.101 1.728.374.388.763.768 1.182 1.106 1.6 1.29 4.311 1.352 5.896.155-1.861-.726-1.861-.726-3.601-2.452Zm-21.058 16.06c-1.858-3.46-4.981-4.24-8.59-4.008a9.667 9.667 0 0 1 2.977 1.39c.84.586 1.547 1.311 2.243 2.055 1.38 1.473 3.534 2.376 4.962 2.07-.656-.412-1.238-.848-1.592-1.507Zm17.29-19.32c0-.023.001-.045.003-.068l-.006.006.006-.006-.036-.004.021.018.012.053Zm-20 14.744a7.61 7.61 0 0 0-.072-.041.127.127 0 0 0 .015.043c.005.008.038 0 .058-.002Zm-.072-.041-.008-.034-.008.01.008-.01-.022-.006.005.026.024.014Z"
|
||||||
|
fill="#FD4F00"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<h1 class="text-brand mt-10 flex items-center text-sm font-semibold leading-6">
|
||||||
|
Phoenix Framework
|
||||||
|
<small class="bg-brand/5 text-[0.8125rem] ml-3 rounded-full px-2 font-medium leading-6">
|
||||||
|
v<%= Application.spec(:phoenix, :vsn) %>
|
||||||
|
</small>
|
||||||
|
</h1>
|
||||||
|
<p class="text-[2rem] mt-4 font-semibold leading-10 tracking-tighter text-zinc-900 text-balance">
|
||||||
|
Peace of mind from prototype to production.
|
||||||
|
</p>
|
||||||
|
<p class="mt-4 text-base leading-7 text-zinc-600">
|
||||||
|
Build rich, interactive web applications quickly, with less code and fewer moving parts. Join our growing community of developers using Phoenix to craft APIs, HTML5 apps and more, for fun or at scale.
|
||||||
|
</p>
|
||||||
|
<div class="flex">
|
||||||
|
<div class="w-full sm:w-auto">
|
||||||
|
<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-3">
|
||||||
|
<a
|
||||||
|
href="https://hexdocs.pm/phoenix/overview.html"
|
||||||
|
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-zinc-900 sm:py-6"
|
||||||
|
>
|
||||||
|
<span class="absolute inset-0 rounded-2xl bg-zinc-50 transition group-hover:bg-zinc-100 sm:group-hover:scale-105">
|
||||||
|
</span>
|
||||||
|
<span class="relative flex items-center gap-4 sm:flex-col">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" aria-hidden="true" class="h-6 w-6">
|
||||||
|
<path d="m12 4 10-2v18l-10 2V4Z" fill="#18181B" fill-opacity=".15" />
|
||||||
|
<path
|
||||||
|
d="M12 4 2 2v18l10 2m0-18v18m0-18 10-2v18l-10 2"
|
||||||
|
stroke="#18181B"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Guides & Docs
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="https://github.com/phoenixframework/phoenix"
|
||||||
|
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-zinc-900 sm:py-6"
|
||||||
|
>
|
||||||
|
<span class="absolute inset-0 rounded-2xl bg-zinc-50 transition group-hover:bg-zinc-100 sm:group-hover:scale-105">
|
||||||
|
</span>
|
||||||
|
<span class="relative flex items-center gap-4 sm:flex-col">
|
||||||
|
<svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6">
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M12 0C5.37 0 0 5.506 0 12.303c0 5.445 3.435 10.043 8.205 11.674.6.107.825-.262.825-.585 0-.292-.015-1.261-.015-2.291C6 21.67 5.22 20.346 4.98 19.654c-.135-.354-.72-1.446-1.23-1.738-.42-.23-1.02-.8-.015-.815.945-.015 1.62.892 1.845 1.261 1.08 1.86 2.805 1.338 3.495 1.015.105-.8.42-1.338.765-1.645-2.67-.308-5.46-1.37-5.46-6.075 0-1.338.465-2.446 1.23-3.307-.12-.308-.54-1.569.12-3.26 0 0 1.005-.323 3.3 1.26.96-.276 1.98-.415 3-.415s2.04.139 3 .416c2.295-1.6 3.3-1.261 3.3-1.261.66 1.691.24 2.952.12 3.26.765.861 1.23 1.953 1.23 3.307 0 4.721-2.805 5.767-5.475 6.075.435.384.81 1.122.81 2.276 0 1.645-.015 2.968-.015 3.383 0 .323.225.707.825.585a12.047 12.047 0 0 0 5.919-4.489A12.536 12.536 0 0 0 24 12.304C24 5.505 18.63 0 12 0Z"
|
||||||
|
fill="#18181B"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Source Code
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href={"https://github.com/phoenixframework/phoenix/blob/v#{Application.spec(:phoenix, :vsn)}/CHANGELOG.md"}
|
||||||
|
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-zinc-900 sm:py-6"
|
||||||
|
>
|
||||||
|
<span class="absolute inset-0 rounded-2xl bg-zinc-50 transition group-hover:bg-zinc-100 sm:group-hover:scale-105">
|
||||||
|
</span>
|
||||||
|
<span class="relative flex items-center gap-4 sm:flex-col">
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" aria-hidden="true" class="h-6 w-6">
|
||||||
|
<path
|
||||||
|
d="M12 1v6M12 17v6"
|
||||||
|
stroke="#18181B"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
<circle
|
||||||
|
cx="12"
|
||||||
|
cy="12"
|
||||||
|
r="4"
|
||||||
|
fill="#18181B"
|
||||||
|
fill-opacity=".15"
|
||||||
|
stroke="#18181B"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Changelog
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="mt-10 grid grid-cols-1 gap-y-4 text-sm leading-6 text-zinc-700 sm:grid-cols-2">
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://twitter.com/elixirphoenix"
|
||||||
|
class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"
|
||||||
|
>
|
||||||
|
<path d="M5.403 14c5.283 0 8.172-4.617 8.172-8.62 0-.131 0-.262-.008-.391A6.033 6.033 0 0 0 15 3.419a5.503 5.503 0 0 1-1.65.477 3.018 3.018 0 0 0 1.263-1.676 5.579 5.579 0 0 1-1.824.736 2.832 2.832 0 0 0-1.63-.916 2.746 2.746 0 0 0-1.821.319A2.973 2.973 0 0 0 8.076 3.78a3.185 3.185 0 0 0-.182 1.938 7.826 7.826 0 0 1-3.279-.918 8.253 8.253 0 0 1-2.64-2.247 3.176 3.176 0 0 0-.315 2.208 3.037 3.037 0 0 0 1.203 1.836A2.739 2.739 0 0 1 1.56 6.22v.038c0 .7.23 1.377.65 1.919.42.54 1.004.912 1.654 1.05-.423.122-.866.14-1.297.052.184.602.541 1.129 1.022 1.506a2.78 2.78 0 0 0 1.662.598 5.656 5.656 0 0 1-2.007 1.074A5.475 5.475 0 0 1 1 12.64a7.827 7.827 0 0 0 4.403 1.358" />
|
||||||
|
</svg>
|
||||||
|
Follow on Twitter
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://elixirforum.com"
|
||||||
|
class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"
|
||||||
|
>
|
||||||
|
<path d="M8 13.833c3.866 0 7-2.873 7-6.416C15 3.873 11.866 1 8 1S1 3.873 1 7.417c0 1.081.292 2.1.808 2.995.606 1.05.806 2.399.086 3.375l-.208.283c-.285.386-.01.905.465.85.852-.098 2.048-.318 3.137-.81a3.717 3.717 0 0 1 1.91-.318c.263.027.53.041.802.041Z" />
|
||||||
|
</svg>
|
||||||
|
Discuss on the Elixir Forum
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://web.libera.chat/#elixir"
|
||||||
|
class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M6.356 2.007a.75.75 0 0 1 .637.849l-1.5 10.5a.75.75 0 1 1-1.485-.212l1.5-10.5a.75.75 0 0 1 .848-.637ZM11.356 2.008a.75.75 0 0 1 .637.848l-1.5 10.5a.75.75 0 0 1-1.485-.212l1.5-10.5a.75.75 0 0 1 .848-.636Z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M14 5.25a.75.75 0 0 1-.75.75h-9.5a.75.75 0 0 1 0-1.5h9.5a.75.75 0 0 1 .75.75ZM13 10.75a.75.75 0 0 1-.75.75h-9.5a.75.75 0 0 1 0-1.5h9.5a.75.75 0 0 1 .75.75Z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Chat on Libera IRC
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://discord.gg/elixir"
|
||||||
|
class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"
|
||||||
|
>
|
||||||
|
<path d="M13.545 2.995c-1.02-.46-2.114-.8-3.257-.994a.05.05 0 0 0-.052.024c-.141.246-.297.567-.406.82a12.377 12.377 0 0 0-3.658 0 8.238 8.238 0 0 0-.412-.82.052.052 0 0 0-.052-.024 13.315 13.315 0 0 0-3.257.994.046.046 0 0 0-.021.018C.356 6.063-.213 9.036.066 11.973c.001.015.01.029.02.038a13.353 13.353 0 0 0 3.996 1.987.052.052 0 0 0 .056-.018c.308-.414.582-.85.818-1.309a.05.05 0 0 0-.028-.069 8.808 8.808 0 0 1-1.248-.585.05.05 0 0 1-.005-.084c.084-.062.168-.126.248-.191a.05.05 0 0 1 .051-.007c2.619 1.176 5.454 1.176 8.041 0a.05.05 0 0 1 .053.006c.08.065.164.13.248.192a.05.05 0 0 1-.004.084c-.399.23-.813.423-1.249.585a.05.05 0 0 0-.027.07c.24.457.514.893.817 1.307a.051.051 0 0 0 .056.019 13.31 13.31 0 0 0 4.001-1.987.05.05 0 0 0 .021-.037c.334-3.396-.559-6.345-2.365-8.96a.04.04 0 0 0-.021-.02Zm-8.198 7.19c-.789 0-1.438-.712-1.438-1.587 0-.874.637-1.586 1.438-1.586.807 0 1.45.718 1.438 1.586 0 .875-.637 1.587-1.438 1.587Zm5.316 0c-.788 0-1.438-.712-1.438-1.587 0-.874.637-1.586 1.438-1.586.807 0 1.45.718 1.438 1.586 0 .875-.63 1.587-1.438 1.587Z" />
|
||||||
|
</svg>
|
||||||
|
Join our Discord server
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="https://fly.io/docs/elixir/getting-started/"
|
||||||
|
class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-zinc-50 hover:text-zinc-900"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-4 w-4 fill-zinc-400 group-hover:fill-zinc-600"
|
||||||
|
>
|
||||||
|
<path d="M1 12.5A4.5 4.5 0 005.5 17H15a4 4 0 001.866-7.539 3.504 3.504 0 00-4.504-4.272A4.5 4.5 0 004.06 8.235 4.502 4.502 0 001 12.5z" />
|
||||||
|
</svg>
|
||||||
|
Deploy your application
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
defmodule NotesAppWeb.UserSessionController do
|
||||||
|
use NotesAppWeb, :controller
|
||||||
|
|
||||||
|
alias NotesApp.Accounts
|
||||||
|
alias NotesAppWeb.UserAuth
|
||||||
|
|
||||||
|
def create(conn, %{"_action" => "registered"} = params) do
|
||||||
|
create(conn, params, "Account created successfully!")
|
||||||
|
end
|
||||||
|
|
||||||
|
def create(conn, %{"_action" => "password_updated"} = params) do
|
||||||
|
conn
|
||||||
|
|> put_session(:user_return_to, ~p"/users/settings")
|
||||||
|
|> create(params, "Password updated successfully!")
|
||||||
|
end
|
||||||
|
|
||||||
|
def create(conn, params) do
|
||||||
|
create(conn, params, "Welcome back!")
|
||||||
|
end
|
||||||
|
|
||||||
|
defp create(conn, %{"user" => user_params}, info) do
|
||||||
|
%{"email" => email, "password" => password} = user_params
|
||||||
|
|
||||||
|
if user = Accounts.get_user_by_email_and_password(email, password) do
|
||||||
|
conn
|
||||||
|
|> put_flash(:info, info)
|
||||||
|
|> UserAuth.log_in_user(user, user_params)
|
||||||
|
else
|
||||||
|
# In order to prevent user enumeration attacks, don't disclose whether the email is registered.
|
||||||
|
conn
|
||||||
|
|> put_flash(:error, "Invalid email or password")
|
||||||
|
|> put_flash(:email, String.slice(email, 0, 160))
|
||||||
|
|> redirect(to: ~p"/users/log_in")
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def delete(conn, _params) do
|
||||||
|
conn
|
||||||
|
|> put_flash(:info, "Logged out successfully.")
|
||||||
|
|> UserAuth.log_out_user()
|
||||||
|
end
|
||||||
|
end
|
||||||
53
Elixir/notes_app/lib/notes_app_web/endpoint.ex
Normal file
53
Elixir/notes_app/lib/notes_app_web/endpoint.ex
Normal file
|
|
@ -0,0 +1,53 @@
|
||||||
|
defmodule NotesAppWeb.Endpoint do
|
||||||
|
use Phoenix.Endpoint, otp_app: :notes_app
|
||||||
|
|
||||||
|
# The session will be stored in the cookie and signed,
|
||||||
|
# this means its contents can be read but not tampered with.
|
||||||
|
# Set :encryption_salt if you would also like to encrypt it.
|
||||||
|
@session_options [
|
||||||
|
store: :cookie,
|
||||||
|
key: "_notes_app_key",
|
||||||
|
signing_salt: "c2TUk/mw",
|
||||||
|
same_site: "Lax"
|
||||||
|
]
|
||||||
|
|
||||||
|
socket "/live", Phoenix.LiveView.Socket,
|
||||||
|
websocket: [connect_info: [session: @session_options]],
|
||||||
|
longpoll: [connect_info: [session: @session_options]]
|
||||||
|
|
||||||
|
# Serve at "/" the static files from "priv/static" directory.
|
||||||
|
#
|
||||||
|
# You should set gzip to true if you are running phx.digest
|
||||||
|
# when deploying your static files in production.
|
||||||
|
plug Plug.Static,
|
||||||
|
at: "/",
|
||||||
|
from: :notes_app,
|
||||||
|
gzip: false,
|
||||||
|
only: NotesAppWeb.static_paths()
|
||||||
|
|
||||||
|
# Code reloading can be explicitly enabled under the
|
||||||
|
# :code_reloader configuration of your endpoint.
|
||||||
|
if code_reloading? do
|
||||||
|
socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket
|
||||||
|
plug Phoenix.LiveReloader
|
||||||
|
plug Phoenix.CodeReloader
|
||||||
|
plug Phoenix.Ecto.CheckRepoStatus, otp_app: :notes_app
|
||||||
|
end
|
||||||
|
|
||||||
|
plug Phoenix.LiveDashboard.RequestLogger,
|
||||||
|
param_key: "request_logger",
|
||||||
|
cookie_key: "request_logger"
|
||||||
|
|
||||||
|
plug Plug.RequestId
|
||||||
|
plug Plug.Telemetry, event_prefix: [:phoenix, :endpoint]
|
||||||
|
|
||||||
|
plug Plug.Parsers,
|
||||||
|
parsers: [:urlencoded, :multipart, :json],
|
||||||
|
pass: ["*/*"],
|
||||||
|
json_decoder: Phoenix.json_library()
|
||||||
|
|
||||||
|
plug Plug.MethodOverride
|
||||||
|
plug Plug.Head
|
||||||
|
plug Plug.Session, @session_options
|
||||||
|
plug NotesAppWeb.Router
|
||||||
|
end
|
||||||
24
Elixir/notes_app/lib/notes_app_web/gettext.ex
Normal file
24
Elixir/notes_app/lib/notes_app_web/gettext.ex
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
defmodule NotesAppWeb.Gettext do
|
||||||
|
@moduledoc """
|
||||||
|
A module providing Internationalization with a gettext-based API.
|
||||||
|
|
||||||
|
By using [Gettext](https://hexdocs.pm/gettext),
|
||||||
|
your module gains a set of macros for translations, for example:
|
||||||
|
|
||||||
|
import NotesAppWeb.Gettext
|
||||||
|
|
||||||
|
# Simple translation
|
||||||
|
gettext("Here is the string to translate")
|
||||||
|
|
||||||
|
# Plural translation
|
||||||
|
ngettext("Here is the string to translate",
|
||||||
|
"Here are the strings to translate",
|
||||||
|
3)
|
||||||
|
|
||||||
|
# Domain-based translation
|
||||||
|
dgettext("errors", "Here is the error message to translate")
|
||||||
|
|
||||||
|
See the [Gettext Docs](https://hexdocs.pm/gettext) for detailed usage.
|
||||||
|
"""
|
||||||
|
use Gettext.Backend, otp_app: :notes_app
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,51 @@
|
||||||
|
defmodule NotesAppWeb.UserConfirmationInstructionsLive do
|
||||||
|
use NotesAppWeb, :live_view
|
||||||
|
|
||||||
|
alias NotesApp.Accounts
|
||||||
|
|
||||||
|
def render(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div class="mx-auto max-w-sm">
|
||||||
|
<.header class="text-center">
|
||||||
|
No confirmation instructions received?
|
||||||
|
<:subtitle>We'll send a new confirmation link to your inbox</:subtitle>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<.simple_form for={@form} id="resend_confirmation_form" phx-submit="send_instructions">
|
||||||
|
<.input field={@form[:email]} type="email" placeholder="Email" required />
|
||||||
|
<:actions>
|
||||||
|
<.button phx-disable-with="Sending..." class="w-full">
|
||||||
|
Resend confirmation instructions
|
||||||
|
</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
|
||||||
|
<p class="text-center mt-4">
|
||||||
|
<.link href={~p"/users/register"}>Register</.link>
|
||||||
|
| <.link href={~p"/users/log_in"}>Log in</.link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def mount(_params, _session, socket) do
|
||||||
|
{:ok, assign(socket, form: to_form(%{}, as: "user"))}
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("send_instructions", %{"user" => %{"email" => email}}, socket) do
|
||||||
|
if user = Accounts.get_user_by_email(email) do
|
||||||
|
Accounts.deliver_user_confirmation_instructions(
|
||||||
|
user,
|
||||||
|
&url(~p"/users/confirm/#{&1}")
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
info =
|
||||||
|
"If your email is in our system and it has not been confirmed yet, you will receive an email with instructions shortly."
|
||||||
|
|
||||||
|
{:noreply,
|
||||||
|
socket
|
||||||
|
|> put_flash(:info, info)
|
||||||
|
|> redirect(to: ~p"/")}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
defmodule NotesAppWeb.UserConfirmationLive do
|
||||||
|
use NotesAppWeb, :live_view
|
||||||
|
|
||||||
|
alias NotesApp.Accounts
|
||||||
|
|
||||||
|
def render(%{live_action: :edit} = assigns) do
|
||||||
|
~H"""
|
||||||
|
<div class="mx-auto max-w-sm">
|
||||||
|
<.header class="text-center">Confirm Account</.header>
|
||||||
|
|
||||||
|
<.simple_form for={@form} id="confirmation_form" phx-submit="confirm_account">
|
||||||
|
<input type="hidden" name={@form[:token].name} value={@form[:token].value} />
|
||||||
|
<:actions>
|
||||||
|
<.button phx-disable-with="Confirming..." class="w-full">Confirm my account</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
|
||||||
|
<p class="text-center mt-4">
|
||||||
|
<.link href={~p"/users/register"}>Register</.link>
|
||||||
|
| <.link href={~p"/users/log_in"}>Log in</.link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def mount(%{"token" => token}, _session, socket) do
|
||||||
|
form = to_form(%{"token" => token}, as: "user")
|
||||||
|
{:ok, assign(socket, form: form), temporary_assigns: [form: nil]}
|
||||||
|
end
|
||||||
|
|
||||||
|
# Do not log in the user after confirmation to avoid a
|
||||||
|
# leaked token giving the user access to the account.
|
||||||
|
def handle_event("confirm_account", %{"user" => %{"token" => token}}, socket) do
|
||||||
|
case Accounts.confirm_user(token) do
|
||||||
|
{:ok, _} ->
|
||||||
|
{:noreply,
|
||||||
|
socket
|
||||||
|
|> put_flash(:info, "User confirmed successfully.")
|
||||||
|
|> redirect(to: ~p"/")}
|
||||||
|
|
||||||
|
:error ->
|
||||||
|
# If there is a current user and the account was already confirmed,
|
||||||
|
# then odds are that the confirmation link was already visited, either
|
||||||
|
# by some automation or by the user themselves, so we redirect without
|
||||||
|
# a warning message.
|
||||||
|
case socket.assigns do
|
||||||
|
%{current_user: %{confirmed_at: confirmed_at}} when not is_nil(confirmed_at) ->
|
||||||
|
{:noreply, redirect(socket, to: ~p"/")}
|
||||||
|
|
||||||
|
%{} ->
|
||||||
|
{:noreply,
|
||||||
|
socket
|
||||||
|
|> put_flash(:error, "User confirmation link is invalid or it has expired.")
|
||||||
|
|> redirect(to: ~p"/")}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,50 @@
|
||||||
|
defmodule NotesAppWeb.UserForgotPasswordLive do
|
||||||
|
use NotesAppWeb, :live_view
|
||||||
|
|
||||||
|
alias NotesApp.Accounts
|
||||||
|
|
||||||
|
def render(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div class="mx-auto max-w-sm">
|
||||||
|
<.header class="text-center">
|
||||||
|
Forgot your password?
|
||||||
|
<:subtitle>We'll send a password reset link to your inbox</:subtitle>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<.simple_form for={@form} id="reset_password_form" phx-submit="send_email">
|
||||||
|
<.input field={@form[:email]} type="email" placeholder="Email" required />
|
||||||
|
<:actions>
|
||||||
|
<.button phx-disable-with="Sending..." class="w-full">
|
||||||
|
Send password reset instructions
|
||||||
|
</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
<p class="text-center text-sm mt-4">
|
||||||
|
<.link href={~p"/users/register"}>Register</.link>
|
||||||
|
| <.link href={~p"/users/log_in"}>Log in</.link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def mount(_params, _session, socket) do
|
||||||
|
{:ok, assign(socket, form: to_form(%{}, as: "user"))}
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("send_email", %{"user" => %{"email" => email}}, socket) do
|
||||||
|
if user = Accounts.get_user_by_email(email) do
|
||||||
|
Accounts.deliver_user_reset_password_instructions(
|
||||||
|
user,
|
||||||
|
&url(~p"/users/reset_password/#{&1}")
|
||||||
|
)
|
||||||
|
end
|
||||||
|
|
||||||
|
info =
|
||||||
|
"If your email is in our system, you will receive instructions to reset your password shortly."
|
||||||
|
|
||||||
|
{:noreply,
|
||||||
|
socket
|
||||||
|
|> put_flash(:info, info)
|
||||||
|
|> redirect(to: ~p"/")}
|
||||||
|
end
|
||||||
|
end
|
||||||
43
Elixir/notes_app/lib/notes_app_web/live/user_login_live.ex
Normal file
43
Elixir/notes_app/lib/notes_app_web/live/user_login_live.ex
Normal file
|
|
@ -0,0 +1,43 @@
|
||||||
|
defmodule NotesAppWeb.UserLoginLive do
|
||||||
|
use NotesAppWeb, :live_view
|
||||||
|
|
||||||
|
def render(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div class="mx-auto max-w-sm">
|
||||||
|
<.header class="text-center">
|
||||||
|
Log in to account
|
||||||
|
<:subtitle>
|
||||||
|
Don't have an account?
|
||||||
|
<.link navigate={~p"/users/register"} class="font-semibold text-brand hover:underline">
|
||||||
|
Sign up
|
||||||
|
</.link>
|
||||||
|
for an account now.
|
||||||
|
</:subtitle>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<.simple_form for={@form} id="login_form" action={~p"/users/log_in"} phx-update="ignore">
|
||||||
|
<.input field={@form[:email]} type="email" label="Email" required />
|
||||||
|
<.input field={@form[:password]} type="password" label="Password" required />
|
||||||
|
|
||||||
|
<:actions>
|
||||||
|
<.input field={@form[:remember_me]} type="checkbox" label="Keep me logged in" />
|
||||||
|
<.link href={~p"/users/reset_password"} class="text-sm font-semibold">
|
||||||
|
Forgot your password?
|
||||||
|
</.link>
|
||||||
|
</:actions>
|
||||||
|
<:actions>
|
||||||
|
<.button phx-disable-with="Logging in..." class="w-full">
|
||||||
|
Log in <span aria-hidden="true">→</span>
|
||||||
|
</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def mount(_params, _session, socket) do
|
||||||
|
email = Phoenix.Flash.get(socket.assigns.flash, :email)
|
||||||
|
form = to_form(%{"email" => email}, as: "user")
|
||||||
|
{:ok, assign(socket, form: form), temporary_assigns: [form: form]}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,87 @@
|
||||||
|
defmodule NotesAppWeb.UserRegistrationLive do
|
||||||
|
use NotesAppWeb, :live_view
|
||||||
|
|
||||||
|
alias NotesApp.Accounts
|
||||||
|
alias NotesApp.Accounts.User
|
||||||
|
|
||||||
|
def render(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div class="mx-auto max-w-sm">
|
||||||
|
<.header class="text-center">
|
||||||
|
Register for an account
|
||||||
|
<:subtitle>
|
||||||
|
Already registered?
|
||||||
|
<.link navigate={~p"/users/log_in"} class="font-semibold text-brand hover:underline">
|
||||||
|
Log in
|
||||||
|
</.link>
|
||||||
|
to your account now.
|
||||||
|
</:subtitle>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<.simple_form
|
||||||
|
for={@form}
|
||||||
|
id="registration_form"
|
||||||
|
phx-submit="save"
|
||||||
|
phx-change="validate"
|
||||||
|
phx-trigger-action={@trigger_submit}
|
||||||
|
action={~p"/users/log_in?_action=registered"}
|
||||||
|
method="post"
|
||||||
|
>
|
||||||
|
<.error :if={@check_errors}>
|
||||||
|
Oops, something went wrong! Please check the errors below.
|
||||||
|
</.error>
|
||||||
|
|
||||||
|
<.input field={@form[:email]} type="email" label="Email" required />
|
||||||
|
<.input field={@form[:password]} type="password" label="Password" required />
|
||||||
|
|
||||||
|
<:actions>
|
||||||
|
<.button phx-disable-with="Creating account..." class="w-full">Create an account</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def mount(_params, _session, socket) do
|
||||||
|
changeset = Accounts.change_user_registration(%User{})
|
||||||
|
|
||||||
|
socket =
|
||||||
|
socket
|
||||||
|
|> assign(trigger_submit: false, check_errors: false)
|
||||||
|
|> assign_form(changeset)
|
||||||
|
|
||||||
|
{:ok, socket, temporary_assigns: [form: nil]}
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("save", %{"user" => user_params}, socket) do
|
||||||
|
case Accounts.register_user(user_params) do
|
||||||
|
{:ok, user} ->
|
||||||
|
{:ok, _} =
|
||||||
|
Accounts.deliver_user_confirmation_instructions(
|
||||||
|
user,
|
||||||
|
&url(~p"/users/confirm/#{&1}")
|
||||||
|
)
|
||||||
|
|
||||||
|
changeset = Accounts.change_user_registration(user)
|
||||||
|
{:noreply, socket |> assign(trigger_submit: true) |> assign_form(changeset)}
|
||||||
|
|
||||||
|
{:error, %Ecto.Changeset{} = changeset} ->
|
||||||
|
{:noreply, socket |> assign(check_errors: true) |> assign_form(changeset)}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("validate", %{"user" => user_params}, socket) do
|
||||||
|
changeset = Accounts.change_user_registration(%User{}, user_params)
|
||||||
|
{:noreply, assign_form(socket, Map.put(changeset, :action, :validate))}
|
||||||
|
end
|
||||||
|
|
||||||
|
defp assign_form(socket, %Ecto.Changeset{} = changeset) do
|
||||||
|
form = to_form(changeset, as: "user")
|
||||||
|
|
||||||
|
if changeset.valid? do
|
||||||
|
assign(socket, form: form, check_errors: false)
|
||||||
|
else
|
||||||
|
assign(socket, form: form)
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,89 @@
|
||||||
|
defmodule NotesAppWeb.UserResetPasswordLive do
|
||||||
|
use NotesAppWeb, :live_view
|
||||||
|
|
||||||
|
alias NotesApp.Accounts
|
||||||
|
|
||||||
|
def render(assigns) do
|
||||||
|
~H"""
|
||||||
|
<div class="mx-auto max-w-sm">
|
||||||
|
<.header class="text-center">Reset Password</.header>
|
||||||
|
|
||||||
|
<.simple_form
|
||||||
|
for={@form}
|
||||||
|
id="reset_password_form"
|
||||||
|
phx-submit="reset_password"
|
||||||
|
phx-change="validate"
|
||||||
|
>
|
||||||
|
<.error :if={@form.errors != []}>
|
||||||
|
Oops, something went wrong! Please check the errors below.
|
||||||
|
</.error>
|
||||||
|
|
||||||
|
<.input field={@form[:password]} type="password" label="New password" required />
|
||||||
|
<.input
|
||||||
|
field={@form[:password_confirmation]}
|
||||||
|
type="password"
|
||||||
|
label="Confirm new password"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
<:actions>
|
||||||
|
<.button phx-disable-with="Resetting..." class="w-full">Reset Password</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
|
||||||
|
<p class="text-center text-sm mt-4">
|
||||||
|
<.link href={~p"/users/register"}>Register</.link>
|
||||||
|
| <.link href={~p"/users/log_in"}>Log in</.link>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def mount(params, _session, socket) do
|
||||||
|
socket = assign_user_and_token(socket, params)
|
||||||
|
|
||||||
|
form_source =
|
||||||
|
case socket.assigns do
|
||||||
|
%{user: user} ->
|
||||||
|
Accounts.change_user_password(user)
|
||||||
|
|
||||||
|
_ ->
|
||||||
|
%{}
|
||||||
|
end
|
||||||
|
|
||||||
|
{:ok, assign_form(socket, form_source), temporary_assigns: [form: nil]}
|
||||||
|
end
|
||||||
|
|
||||||
|
# Do not log in the user after reset password to avoid a
|
||||||
|
# leaked token giving the user access to the account.
|
||||||
|
def handle_event("reset_password", %{"user" => user_params}, socket) do
|
||||||
|
case Accounts.reset_user_password(socket.assigns.user, user_params) do
|
||||||
|
{:ok, _} ->
|
||||||
|
{:noreply,
|
||||||
|
socket
|
||||||
|
|> put_flash(:info, "Password reset successfully.")
|
||||||
|
|> redirect(to: ~p"/users/log_in")}
|
||||||
|
|
||||||
|
{:error, changeset} ->
|
||||||
|
{:noreply, assign_form(socket, Map.put(changeset, :action, :insert))}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("validate", %{"user" => user_params}, socket) do
|
||||||
|
changeset = Accounts.change_user_password(socket.assigns.user, user_params)
|
||||||
|
{:noreply, assign_form(socket, Map.put(changeset, :action, :validate))}
|
||||||
|
end
|
||||||
|
|
||||||
|
defp assign_user_and_token(socket, %{"token" => token}) do
|
||||||
|
if user = Accounts.get_user_by_reset_password_token(token) do
|
||||||
|
assign(socket, user: user, token: token)
|
||||||
|
else
|
||||||
|
socket
|
||||||
|
|> put_flash(:error, "Reset password link is invalid or it has expired.")
|
||||||
|
|> redirect(to: ~p"/")
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
defp assign_form(socket, %{} = source) do
|
||||||
|
assign(socket, :form, to_form(source, as: "user"))
|
||||||
|
end
|
||||||
|
end
|
||||||
167
Elixir/notes_app/lib/notes_app_web/live/user_settings_live.ex
Normal file
167
Elixir/notes_app/lib/notes_app_web/live/user_settings_live.ex
Normal file
|
|
@ -0,0 +1,167 @@
|
||||||
|
defmodule NotesAppWeb.UserSettingsLive do
|
||||||
|
use NotesAppWeb, :live_view
|
||||||
|
|
||||||
|
alias NotesApp.Accounts
|
||||||
|
|
||||||
|
def render(assigns) do
|
||||||
|
~H"""
|
||||||
|
<.header class="text-center">
|
||||||
|
Account Settings
|
||||||
|
<:subtitle>Manage your account email address and password settings</:subtitle>
|
||||||
|
</.header>
|
||||||
|
|
||||||
|
<div class="space-y-12 divide-y">
|
||||||
|
<div>
|
||||||
|
<.simple_form
|
||||||
|
for={@email_form}
|
||||||
|
id="email_form"
|
||||||
|
phx-submit="update_email"
|
||||||
|
phx-change="validate_email"
|
||||||
|
>
|
||||||
|
<.input field={@email_form[:email]} type="email" label="Email" required />
|
||||||
|
<.input
|
||||||
|
field={@email_form[:current_password]}
|
||||||
|
name="current_password"
|
||||||
|
id="current_password_for_email"
|
||||||
|
type="password"
|
||||||
|
label="Current password"
|
||||||
|
value={@email_form_current_password}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
<:actions>
|
||||||
|
<.button phx-disable-with="Changing...">Change Email</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<.simple_form
|
||||||
|
for={@password_form}
|
||||||
|
id="password_form"
|
||||||
|
action={~p"/users/log_in?_action=password_updated"}
|
||||||
|
method="post"
|
||||||
|
phx-change="validate_password"
|
||||||
|
phx-submit="update_password"
|
||||||
|
phx-trigger-action={@trigger_submit}
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
name={@password_form[:email].name}
|
||||||
|
type="hidden"
|
||||||
|
id="hidden_user_email"
|
||||||
|
value={@current_email}
|
||||||
|
/>
|
||||||
|
<.input field={@password_form[:password]} type="password" label="New password" required />
|
||||||
|
<.input
|
||||||
|
field={@password_form[:password_confirmation]}
|
||||||
|
type="password"
|
||||||
|
label="Confirm new password"
|
||||||
|
/>
|
||||||
|
<.input
|
||||||
|
field={@password_form[:current_password]}
|
||||||
|
name="current_password"
|
||||||
|
type="password"
|
||||||
|
label="Current password"
|
||||||
|
id="current_password_for_password"
|
||||||
|
value={@current_password}
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
<:actions>
|
||||||
|
<.button phx-disable-with="Changing...">Change Password</.button>
|
||||||
|
</:actions>
|
||||||
|
</.simple_form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
"""
|
||||||
|
end
|
||||||
|
|
||||||
|
def mount(%{"token" => token}, _session, socket) do
|
||||||
|
socket =
|
||||||
|
case Accounts.update_user_email(socket.assigns.current_user, token) do
|
||||||
|
:ok ->
|
||||||
|
put_flash(socket, :info, "Email changed successfully.")
|
||||||
|
|
||||||
|
:error ->
|
||||||
|
put_flash(socket, :error, "Email change link is invalid or it has expired.")
|
||||||
|
end
|
||||||
|
|
||||||
|
{:ok, push_navigate(socket, to: ~p"/users/settings")}
|
||||||
|
end
|
||||||
|
|
||||||
|
def mount(_params, _session, socket) do
|
||||||
|
user = socket.assigns.current_user
|
||||||
|
email_changeset = Accounts.change_user_email(user)
|
||||||
|
password_changeset = Accounts.change_user_password(user)
|
||||||
|
|
||||||
|
socket =
|
||||||
|
socket
|
||||||
|
|> assign(:current_password, nil)
|
||||||
|
|> assign(:email_form_current_password, nil)
|
||||||
|
|> assign(:current_email, user.email)
|
||||||
|
|> assign(:email_form, to_form(email_changeset))
|
||||||
|
|> assign(:password_form, to_form(password_changeset))
|
||||||
|
|> assign(:trigger_submit, false)
|
||||||
|
|
||||||
|
{:ok, socket}
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("validate_email", params, socket) do
|
||||||
|
%{"current_password" => password, "user" => user_params} = params
|
||||||
|
|
||||||
|
email_form =
|
||||||
|
socket.assigns.current_user
|
||||||
|
|> Accounts.change_user_email(user_params)
|
||||||
|
|> Map.put(:action, :validate)
|
||||||
|
|> to_form()
|
||||||
|
|
||||||
|
{:noreply, assign(socket, email_form: email_form, email_form_current_password: password)}
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("update_email", params, socket) do
|
||||||
|
%{"current_password" => password, "user" => user_params} = params
|
||||||
|
user = socket.assigns.current_user
|
||||||
|
|
||||||
|
case Accounts.apply_user_email(user, password, user_params) do
|
||||||
|
{:ok, applied_user} ->
|
||||||
|
Accounts.deliver_user_update_email_instructions(
|
||||||
|
applied_user,
|
||||||
|
user.email,
|
||||||
|
&url(~p"/users/settings/confirm_email/#{&1}")
|
||||||
|
)
|
||||||
|
|
||||||
|
info = "A link to confirm your email change has been sent to the new address."
|
||||||
|
{:noreply, socket |> put_flash(:info, info) |> assign(email_form_current_password: nil)}
|
||||||
|
|
||||||
|
{:error, changeset} ->
|
||||||
|
{:noreply, assign(socket, :email_form, to_form(Map.put(changeset, :action, :insert)))}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("validate_password", params, socket) do
|
||||||
|
%{"current_password" => password, "user" => user_params} = params
|
||||||
|
|
||||||
|
password_form =
|
||||||
|
socket.assigns.current_user
|
||||||
|
|> Accounts.change_user_password(user_params)
|
||||||
|
|> Map.put(:action, :validate)
|
||||||
|
|> to_form()
|
||||||
|
|
||||||
|
{:noreply, assign(socket, password_form: password_form, current_password: password)}
|
||||||
|
end
|
||||||
|
|
||||||
|
def handle_event("update_password", params, socket) do
|
||||||
|
%{"current_password" => password, "user" => user_params} = params
|
||||||
|
user = socket.assigns.current_user
|
||||||
|
|
||||||
|
case Accounts.update_user_password(user, password, user_params) do
|
||||||
|
{:ok, user} ->
|
||||||
|
password_form =
|
||||||
|
user
|
||||||
|
|> Accounts.change_user_password(user_params)
|
||||||
|
|> to_form()
|
||||||
|
|
||||||
|
{:noreply, assign(socket, trigger_submit: true, password_form: password_form)}
|
||||||
|
|
||||||
|
{:error, changeset} ->
|
||||||
|
{:noreply, assign(socket, password_form: to_form(changeset))}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
87
Elixir/notes_app/lib/notes_app_web/router.ex
Normal file
87
Elixir/notes_app/lib/notes_app_web/router.ex
Normal file
|
|
@ -0,0 +1,87 @@
|
||||||
|
defmodule NotesAppWeb.Router do
|
||||||
|
use NotesAppWeb, :router
|
||||||
|
|
||||||
|
import NotesAppWeb.UserAuth
|
||||||
|
|
||||||
|
pipeline :browser do
|
||||||
|
plug :accepts, ["html"]
|
||||||
|
plug :fetch_session
|
||||||
|
plug :fetch_live_flash
|
||||||
|
plug :put_root_layout, html: {NotesAppWeb.Layouts, :root}
|
||||||
|
plug :protect_from_forgery
|
||||||
|
plug :put_secure_browser_headers
|
||||||
|
plug :fetch_current_user
|
||||||
|
end
|
||||||
|
|
||||||
|
pipeline :api do
|
||||||
|
plug :accepts, ["json"]
|
||||||
|
end
|
||||||
|
|
||||||
|
scope "/", NotesAppWeb do
|
||||||
|
pipe_through :browser
|
||||||
|
|
||||||
|
resources "/notes", NoteController
|
||||||
|
|
||||||
|
get "/", PageController, :home
|
||||||
|
end
|
||||||
|
|
||||||
|
# Other scopes may use custom stacks.
|
||||||
|
# scope "/api", NotesAppWeb do
|
||||||
|
# pipe_through :api
|
||||||
|
# end
|
||||||
|
|
||||||
|
# Enable LiveDashboard and Swoosh mailbox preview in development
|
||||||
|
if Application.compile_env(:notes_app, :dev_routes) do
|
||||||
|
# If you want to use the LiveDashboard in production, you should put
|
||||||
|
# it behind authentication and allow only admins to access it.
|
||||||
|
# If your application does not have an admins-only section yet,
|
||||||
|
# you can use Plug.BasicAuth to set up some basic authentication
|
||||||
|
# as long as you are also using SSL (which you should anyway).
|
||||||
|
import Phoenix.LiveDashboard.Router
|
||||||
|
|
||||||
|
scope "/dev" do
|
||||||
|
pipe_through :browser
|
||||||
|
|
||||||
|
live_dashboard "/dashboard", metrics: NotesAppWeb.Telemetry
|
||||||
|
forward "/mailbox", Plug.Swoosh.MailboxPreview
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
## Authentication routes
|
||||||
|
|
||||||
|
scope "/", NotesAppWeb do
|
||||||
|
pipe_through [:browser, :redirect_if_user_is_authenticated]
|
||||||
|
|
||||||
|
live_session :redirect_if_user_is_authenticated,
|
||||||
|
on_mount: [{NotesAppWeb.UserAuth, :redirect_if_user_is_authenticated}] do
|
||||||
|
live "/users/register", UserRegistrationLive, :new
|
||||||
|
live "/users/log_in", UserLoginLive, :new
|
||||||
|
live "/users/reset_password", UserForgotPasswordLive, :new
|
||||||
|
live "/users/reset_password/:token", UserResetPasswordLive, :edit
|
||||||
|
end
|
||||||
|
|
||||||
|
post "/users/log_in", UserSessionController, :create
|
||||||
|
end
|
||||||
|
|
||||||
|
scope "/", NotesAppWeb do
|
||||||
|
pipe_through [:browser, :require_authenticated_user]
|
||||||
|
|
||||||
|
live_session :require_authenticated_user,
|
||||||
|
on_mount: [{NotesAppWeb.UserAuth, :ensure_authenticated}] do
|
||||||
|
live "/users/settings", UserSettingsLive, :edit
|
||||||
|
live "/users/settings/confirm_email/:token", UserSettingsLive, :confirm_email
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
scope "/", NotesAppWeb do
|
||||||
|
pipe_through [:browser]
|
||||||
|
|
||||||
|
delete "/users/log_out", UserSessionController, :delete
|
||||||
|
|
||||||
|
live_session :current_user,
|
||||||
|
on_mount: [{NotesAppWeb.UserAuth, :mount_current_user}] do
|
||||||
|
live "/users/confirm/:token", UserConfirmationLive, :edit
|
||||||
|
live "/users/confirm", UserConfirmationInstructionsLive, :new
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
92
Elixir/notes_app/lib/notes_app_web/telemetry.ex
Normal file
92
Elixir/notes_app/lib/notes_app_web/telemetry.ex
Normal file
|
|
@ -0,0 +1,92 @@
|
||||||
|
defmodule NotesAppWeb.Telemetry do
|
||||||
|
use Supervisor
|
||||||
|
import Telemetry.Metrics
|
||||||
|
|
||||||
|
def start_link(arg) do
|
||||||
|
Supervisor.start_link(__MODULE__, arg, name: __MODULE__)
|
||||||
|
end
|
||||||
|
|
||||||
|
@impl true
|
||||||
|
def init(_arg) do
|
||||||
|
children = [
|
||||||
|
# Telemetry poller will execute the given period measurements
|
||||||
|
# every 10_000ms. Learn more here: https://hexdocs.pm/telemetry_metrics
|
||||||
|
{:telemetry_poller, measurements: periodic_measurements(), period: 10_000}
|
||||||
|
# Add reporters as children of your supervision tree.
|
||||||
|
# {Telemetry.Metrics.ConsoleReporter, metrics: metrics()}
|
||||||
|
]
|
||||||
|
|
||||||
|
Supervisor.init(children, strategy: :one_for_one)
|
||||||
|
end
|
||||||
|
|
||||||
|
def metrics do
|
||||||
|
[
|
||||||
|
# Phoenix Metrics
|
||||||
|
summary("phoenix.endpoint.start.system_time",
|
||||||
|
unit: {:native, :millisecond}
|
||||||
|
),
|
||||||
|
summary("phoenix.endpoint.stop.duration",
|
||||||
|
unit: {:native, :millisecond}
|
||||||
|
),
|
||||||
|
summary("phoenix.router_dispatch.start.system_time",
|
||||||
|
tags: [:route],
|
||||||
|
unit: {:native, :millisecond}
|
||||||
|
),
|
||||||
|
summary("phoenix.router_dispatch.exception.duration",
|
||||||
|
tags: [:route],
|
||||||
|
unit: {:native, :millisecond}
|
||||||
|
),
|
||||||
|
summary("phoenix.router_dispatch.stop.duration",
|
||||||
|
tags: [:route],
|
||||||
|
unit: {:native, :millisecond}
|
||||||
|
),
|
||||||
|
summary("phoenix.socket_connected.duration",
|
||||||
|
unit: {:native, :millisecond}
|
||||||
|
),
|
||||||
|
summary("phoenix.channel_joined.duration",
|
||||||
|
unit: {:native, :millisecond}
|
||||||
|
),
|
||||||
|
summary("phoenix.channel_handled_in.duration",
|
||||||
|
tags: [:event],
|
||||||
|
unit: {:native, :millisecond}
|
||||||
|
),
|
||||||
|
|
||||||
|
# Database Metrics
|
||||||
|
summary("notes_app.repo.query.total_time",
|
||||||
|
unit: {:native, :millisecond},
|
||||||
|
description: "The sum of the other measurements"
|
||||||
|
),
|
||||||
|
summary("notes_app.repo.query.decode_time",
|
||||||
|
unit: {:native, :millisecond},
|
||||||
|
description: "The time spent decoding the data received from the database"
|
||||||
|
),
|
||||||
|
summary("notes_app.repo.query.query_time",
|
||||||
|
unit: {:native, :millisecond},
|
||||||
|
description: "The time spent executing the query"
|
||||||
|
),
|
||||||
|
summary("notes_app.repo.query.queue_time",
|
||||||
|
unit: {:native, :millisecond},
|
||||||
|
description: "The time spent waiting for a database connection"
|
||||||
|
),
|
||||||
|
summary("notes_app.repo.query.idle_time",
|
||||||
|
unit: {:native, :millisecond},
|
||||||
|
description:
|
||||||
|
"The time the connection spent waiting before being checked out for the query"
|
||||||
|
),
|
||||||
|
|
||||||
|
# VM Metrics
|
||||||
|
summary("vm.memory.total", unit: {:byte, :kilobyte}),
|
||||||
|
summary("vm.total_run_queue_lengths.total"),
|
||||||
|
summary("vm.total_run_queue_lengths.cpu"),
|
||||||
|
summary("vm.total_run_queue_lengths.io")
|
||||||
|
]
|
||||||
|
end
|
||||||
|
|
||||||
|
defp periodic_measurements do
|
||||||
|
[
|
||||||
|
# A module, function and arguments to be invoked periodically.
|
||||||
|
# This function must call :telemetry.execute/3 and a metric must be added above.
|
||||||
|
# {NotesAppWeb, :count_users, []}
|
||||||
|
]
|
||||||
|
end
|
||||||
|
end
|
||||||
229
Elixir/notes_app/lib/notes_app_web/user_auth.ex
Normal file
229
Elixir/notes_app/lib/notes_app_web/user_auth.ex
Normal file
|
|
@ -0,0 +1,229 @@
|
||||||
|
defmodule NotesAppWeb.UserAuth do
|
||||||
|
use NotesAppWeb, :verified_routes
|
||||||
|
|
||||||
|
import Plug.Conn
|
||||||
|
import Phoenix.Controller
|
||||||
|
|
||||||
|
alias NotesApp.Accounts
|
||||||
|
|
||||||
|
# Make the remember me cookie valid for 60 days.
|
||||||
|
# If you want bump or reduce this value, also change
|
||||||
|
# the token expiry itself in UserToken.
|
||||||
|
@max_age 60 * 60 * 24 * 60
|
||||||
|
@remember_me_cookie "_notes_app_web_user_remember_me"
|
||||||
|
@remember_me_options [sign: true, max_age: @max_age, same_site: "Lax"]
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Logs the user in.
|
||||||
|
|
||||||
|
It renews the session ID and clears the whole session
|
||||||
|
to avoid fixation attacks. See the renew_session
|
||||||
|
function to customize this behaviour.
|
||||||
|
|
||||||
|
It also sets a `:live_socket_id` key in the session,
|
||||||
|
so LiveView sessions are identified and automatically
|
||||||
|
disconnected on log out. The line can be safely removed
|
||||||
|
if you are not using LiveView.
|
||||||
|
"""
|
||||||
|
def log_in_user(conn, user, params \\ %{}) do
|
||||||
|
token = Accounts.generate_user_session_token(user)
|
||||||
|
user_return_to = get_session(conn, :user_return_to)
|
||||||
|
|
||||||
|
conn
|
||||||
|
|> renew_session()
|
||||||
|
|> put_token_in_session(token)
|
||||||
|
|> maybe_write_remember_me_cookie(token, params)
|
||||||
|
|> redirect(to: user_return_to || signed_in_path(conn))
|
||||||
|
end
|
||||||
|
|
||||||
|
defp maybe_write_remember_me_cookie(conn, token, %{"remember_me" => "true"}) do
|
||||||
|
put_resp_cookie(conn, @remember_me_cookie, token, @remember_me_options)
|
||||||
|
end
|
||||||
|
|
||||||
|
defp maybe_write_remember_me_cookie(conn, _token, _params) do
|
||||||
|
conn
|
||||||
|
end
|
||||||
|
|
||||||
|
# This function renews the session ID and erases the whole
|
||||||
|
# session to avoid fixation attacks. If there is any data
|
||||||
|
# in the session you may want to preserve after log in/log out,
|
||||||
|
# you must explicitly fetch the session data before clearing
|
||||||
|
# and then immediately set it after clearing, for example:
|
||||||
|
#
|
||||||
|
# defp renew_session(conn) do
|
||||||
|
# preferred_locale = get_session(conn, :preferred_locale)
|
||||||
|
#
|
||||||
|
# conn
|
||||||
|
# |> configure_session(renew: true)
|
||||||
|
# |> clear_session()
|
||||||
|
# |> put_session(:preferred_locale, preferred_locale)
|
||||||
|
# end
|
||||||
|
#
|
||||||
|
defp renew_session(conn) do
|
||||||
|
delete_csrf_token()
|
||||||
|
|
||||||
|
conn
|
||||||
|
|> configure_session(renew: true)
|
||||||
|
|> clear_session()
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Logs the user out.
|
||||||
|
|
||||||
|
It clears all session data for safety. See renew_session.
|
||||||
|
"""
|
||||||
|
def log_out_user(conn) do
|
||||||
|
user_token = get_session(conn, :user_token)
|
||||||
|
user_token && Accounts.delete_user_session_token(user_token)
|
||||||
|
|
||||||
|
if live_socket_id = get_session(conn, :live_socket_id) do
|
||||||
|
NotesAppWeb.Endpoint.broadcast(live_socket_id, "disconnect", %{})
|
||||||
|
end
|
||||||
|
|
||||||
|
conn
|
||||||
|
|> renew_session()
|
||||||
|
|> delete_resp_cookie(@remember_me_cookie)
|
||||||
|
|> redirect(to: ~p"/")
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Authenticates the user by looking into the session
|
||||||
|
and remember me token.
|
||||||
|
"""
|
||||||
|
def fetch_current_user(conn, _opts) do
|
||||||
|
{user_token, conn} = ensure_user_token(conn)
|
||||||
|
user = user_token && Accounts.get_user_by_session_token(user_token)
|
||||||
|
assign(conn, :current_user, user)
|
||||||
|
end
|
||||||
|
|
||||||
|
defp ensure_user_token(conn) do
|
||||||
|
if token = get_session(conn, :user_token) do
|
||||||
|
{token, conn}
|
||||||
|
else
|
||||||
|
conn = fetch_cookies(conn, signed: [@remember_me_cookie])
|
||||||
|
|
||||||
|
if token = conn.cookies[@remember_me_cookie] do
|
||||||
|
{token, put_token_in_session(conn, token)}
|
||||||
|
else
|
||||||
|
{nil, conn}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Handles mounting and authenticating the current_user in LiveViews.
|
||||||
|
|
||||||
|
## `on_mount` arguments
|
||||||
|
|
||||||
|
* `:mount_current_user` - Assigns current_user
|
||||||
|
to socket assigns based on user_token, or nil if
|
||||||
|
there's no user_token or no matching user.
|
||||||
|
|
||||||
|
* `:ensure_authenticated` - Authenticates the user from the session,
|
||||||
|
and assigns the current_user to socket assigns based
|
||||||
|
on user_token.
|
||||||
|
Redirects to login page if there's no logged user.
|
||||||
|
|
||||||
|
* `:redirect_if_user_is_authenticated` - Authenticates the user from the session.
|
||||||
|
Redirects to signed_in_path if there's a logged user.
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
Use the `on_mount` lifecycle macro in LiveViews to mount or authenticate
|
||||||
|
the current_user:
|
||||||
|
|
||||||
|
defmodule NotesAppWeb.PageLive do
|
||||||
|
use NotesAppWeb, :live_view
|
||||||
|
|
||||||
|
on_mount {NotesAppWeb.UserAuth, :mount_current_user}
|
||||||
|
...
|
||||||
|
end
|
||||||
|
|
||||||
|
Or use the `live_session` of your router to invoke the on_mount callback:
|
||||||
|
|
||||||
|
live_session :authenticated, on_mount: [{NotesAppWeb.UserAuth, :ensure_authenticated}] do
|
||||||
|
live "/profile", ProfileLive, :index
|
||||||
|
end
|
||||||
|
"""
|
||||||
|
def on_mount(:mount_current_user, _params, session, socket) do
|
||||||
|
{:cont, mount_current_user(socket, session)}
|
||||||
|
end
|
||||||
|
|
||||||
|
def on_mount(:ensure_authenticated, _params, session, socket) do
|
||||||
|
socket = mount_current_user(socket, session)
|
||||||
|
|
||||||
|
if socket.assigns.current_user do
|
||||||
|
{:cont, socket}
|
||||||
|
else
|
||||||
|
socket =
|
||||||
|
socket
|
||||||
|
|> Phoenix.LiveView.put_flash(:error, "You must log in to access this page.")
|
||||||
|
|> Phoenix.LiveView.redirect(to: ~p"/users/log_in")
|
||||||
|
|
||||||
|
{:halt, socket}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
def on_mount(:redirect_if_user_is_authenticated, _params, session, socket) do
|
||||||
|
socket = mount_current_user(socket, session)
|
||||||
|
|
||||||
|
if socket.assigns.current_user do
|
||||||
|
{:halt, Phoenix.LiveView.redirect(socket, to: signed_in_path(socket))}
|
||||||
|
else
|
||||||
|
{:cont, socket}
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
defp mount_current_user(socket, session) do
|
||||||
|
Phoenix.Component.assign_new(socket, :current_user, fn ->
|
||||||
|
if user_token = session["user_token"] do
|
||||||
|
Accounts.get_user_by_session_token(user_token)
|
||||||
|
end
|
||||||
|
end)
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Used for routes that require the user to not be authenticated.
|
||||||
|
"""
|
||||||
|
def redirect_if_user_is_authenticated(conn, _opts) do
|
||||||
|
if conn.assigns[:current_user] do
|
||||||
|
conn
|
||||||
|
|> redirect(to: signed_in_path(conn))
|
||||||
|
|> halt()
|
||||||
|
else
|
||||||
|
conn
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
@doc """
|
||||||
|
Used for routes that require the user to be authenticated.
|
||||||
|
|
||||||
|
If you want to enforce the user email is confirmed before
|
||||||
|
they use the application at all, here would be a good place.
|
||||||
|
"""
|
||||||
|
def require_authenticated_user(conn, _opts) do
|
||||||
|
if conn.assigns[:current_user] do
|
||||||
|
conn
|
||||||
|
else
|
||||||
|
conn
|
||||||
|
|> put_flash(:error, "You must log in to access this page.")
|
||||||
|
|> maybe_store_return_to()
|
||||||
|
|> redirect(to: ~p"/users/log_in")
|
||||||
|
|> halt()
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
||||||
|
defp put_token_in_session(conn, token) do
|
||||||
|
conn
|
||||||
|
|> put_session(:user_token, token)
|
||||||
|
|> put_session(:live_socket_id, "users_sessions:#{Base.url_encode64(token)}")
|
||||||
|
end
|
||||||
|
|
||||||
|
defp maybe_store_return_to(%{method: "GET"} = conn) do
|
||||||
|
put_session(conn, :user_return_to, current_path(conn))
|
||||||
|
end
|
||||||
|
|
||||||
|
defp maybe_store_return_to(conn), do: conn
|
||||||
|
|
||||||
|
defp signed_in_path(_conn), do: ~p"/"
|
||||||
|
end
|
||||||
Loading…
Reference in a new issue