sphericalkat/katbin
1
0
Fork 0
Code Issues 5 Pull Requests 12 Actions Packages Projects Releases Wiki Activity

refactor(users): add styles for remaining user management templates

Browse Source 
Signed-off-by: SphericalKat <amolele@gmail.com>
This commit is contained in:
Amogh Lele 2021-08-20 02:27:16 +05:30
parent 36ad9d1000
commit d734e8ad02
No known key found for this signature in database
GPG Key ID: ED5C54FBBB920E51
4 changed files with 103 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
lib/ketbin_web/templates/user_confirmation/new.html.eex
View File

@ -1,15 +1,19 @@
<h1>Resend confirmation instructions</h1> <div class="flex flex-col w-full h-full justify-center items-center">
<h1 class="font-bold text-4xl text-amber pt-4">Resend confirmation instructions</h1>
<%= form_for :user, Routes.user_confirmation_path(@conn, :create), fn f -> %> <%= form_for :user, Routes.user_confirmation_path(@conn, :create), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
<%= label f, :email %> <div class="flex flex-col w-full">
<%= email_input f, :email, required: true %> <%= label f, :email %>
<%= email_input f, :email, [class: "text-black px-2 py-1 outline-none", required: true] %>
</div>
<div> <div class="bg-amber mt-4 rounded-sm px-2 py-1">
<%= submit "Resend confirmation instructions" %> <%= submit "Resend confirmation instructions" %>
</div> </div>
<% end %> <% end %>
<p> <p class="mb-4 text-amber">
<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> | <%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
<%= link "Log in", to: Routes.user_session_path(@conn, :new) %> <%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
</p> </p>
</div>

48
lib/ketbin_web/templates/user_reset_password/edit.html.eex
View File

@ -1,26 +1,32 @@
<h1>Reset password</h1> <div class="flex flex-col w-full h-full justify-center items-center">
<h1 class="font-bold text-4xl text-amber pt-4">Reset password</h1>
<%= form_for @changeset, Routes.user_reset_password_path(@conn, :update, @token), fn f -> %> <%= form_for @changeset, Routes.user_reset_password_path(@conn, :update, @token), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
<%= if @changeset.action do %> <%= if @changeset.action do %>
<div class="alert alert-danger"> <div class="alert alert-danger">
<p>Oops, something went wrong! Please check the errors below.</p> <p>Oops, something went wrong! Please check the errors below.</p>
</div> </div>
<% end %> <% end %>
<%= label f, :password, "New password" %> <div class="flex flex-col w-full">
<%= password_input f, :password, required: true %> <%= label f, :password, "New password" %>
<%= error_tag f, :password %> <%= password_input f, :password, [class: "text-black px-2 py-1 outline-none", required: true] %>
<%= error_tag f, :password %>
</div>
<%= label f, :password_confirmation, "Confirm new password" %> <div class="flex flex-col w-full">
<%= password_input f, :password_confirmation, required: true %> <%= label f, :password_confirmation, "Confirm new password" %>
<%= error_tag f, :password_confirmation %> <%= password_input f, :password_confirmation, [class: "text-black px-2 py-1 outline-none", required: true] %>
<%= error_tag f, :password_confirmation %>
</div>
<div> <div class="bg-amber mt-4 rounded-sm px-2 py-1">
<%= submit "Reset password" %> <%= submit "Reset password" %>
</div> </div>
<% end %> <% end %>
<p> <p class="mb-4 text-amber">
<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> | <%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
<%= link "Log in", to: Routes.user_session_path(@conn, :new) %> <%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
</p> </p>
</div>

28
lib/ketbin_web/templates/user_reset_password/new.html.eex
View File

@ -1,15 +1,19 @@
<h1>Forgot your password?</h1> <div class="flex flex-col w-full h-full justify-center items-center">
<h1 class="font-bold text-4xl text-amber pt-4">Forgot your password?</h1>
<%= form_for :user, Routes.user_reset_password_path(@conn, :create), fn f -> %> <%= form_for :user, Routes.user_reset_password_path(@conn, :create), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
<%= label f, :email %> <div class="flex flex-col w-full">
<%= email_input f, :email, required: true %> <%= label f, :email %>
<%= email_input f, :email, [class: "text-black px-2 py-1 outline-none", required: true] %>
</div>
<div> <div class="bg-amber mt-4 rounded-sm px-2 py-1">
<%= submit "Send instructions to reset password" %> <%= submit "Send instructions to reset password" %>
</div> </div>
<% end %> <% end %>
<p> <p class="mb-4 text-amber">
<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> | <%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
<%= link "Log in", to: Routes.user_session_path(@conn, :new) %> <%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
</p> </p>
</div>

75
lib/ketbin_web/templates/user_settings/edit.html.eex
View File

@ -1,8 +1,9 @@
<h1>Settings</h1> <h1 class="font-bold text-4xl text-amber pt-4 w-full text-center">Settings</h1>
<h3>Change email</h3> <div class="flex w-full h-full justify-center items-center">
<%= form_for @email_changeset, Routes.user_settings_path(@conn, :update), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
<h3 class="font-bold text-2xl text-amber pb-4">Change email</h3>
<%= form_for @email_changeset, Routes.user_settings_path(@conn, :update), fn f -> %>
<%= if @email_changeset.action do %> <%= if @email_changeset.action do %>
<div class="alert alert-danger"> <div class="alert alert-danger">
<p>Oops, something went wrong! Please check the errors below.</p> <p>Oops, something went wrong! Please check the errors below.</p>
@ -11,43 +12,55 @@
<%= hidden_input f, :action, name: "action", value: "update_email" %> <%= hidden_input f, :action, name: "action", value: "update_email" %>
<%= label f, :email %> <div class="flex flex-col w-full">
<%= email_input f, :email, required: true %> <%= label f, :email %>
<%= error_tag f, :email %> <%= email_input f, :email, [class: "text-black px-2 py-1 outline-none", required: true] %>
<%= error_tag f, :email %>
</div>
<%= label f, :current_password, for: "current_password_for_email" %> <div class="flex flex-col w-full">
<%= password_input f, :current_password, required: true, name: "current_password", id: "current_password_for_email" %> <%= label f, :current_password, for: "current_password_for_email" %>
<%= error_tag f, :current_password %> <%= password_input f, :current_password, [class: "text-black px-2 py-1 outline-none", required: true, name: "current_password", id: "current_password_for_email"]%>
<%= error_tag f, :current_password %>
</div>
<div> <div class="bg-amber mt-4 rounded-sm px-2 py-1">
<%= submit "Change email" %> <%= submit "Change email" %>
</div> </div>
<% end %> <% end %>
<h3>Change password</h3>
<%= form_for @password_changeset, Routes.user_settings_path(@conn, :update), fn f -> %> <%= form_for @password_changeset, Routes.user_settings_path(@conn, :update), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
<%= if @password_changeset.action do %> <h3 class="font-bold text-2xl text-amber pb-4">Change password</h3>
<div class="alert alert-danger">
<p>Oops, something went wrong! Please check the errors below.</p>
</div>
<% end %>
<%= hidden_input f, :action, name: "action", value: "update_password" %> <%= if @password_changeset.action do %>
<div class="alert alert-danger">
<p>Oops, something went wrong! Please check the errors below.</p>
</div>
<% end %>
<%= label f, :password, "New password" %> <%= hidden_input f, :action, name: "action", value: "update_password" %>
<%= password_input f, :password, required: true %>
<%= error_tag f, :password %>
<%= label f, :password_confirmation, "Confirm new password" %> <div class="flex flex-col w-full">
<%= password_input f, :password_confirmation, required: true %> <%= label f, :password, "New password" %>
<%= error_tag f, :password_confirmation %> <%= password_input f, :password, [class: "text-black px-2 py-1 outline-none", required: true] %>
<%= error_tag f, :password %>
</div>
<%= label f, :current_password, for: "current_password_for_password" %> <div class="flex flex-col w-full">
<%= password_input f, :current_password, required: true, name: "current_password", id: "current_password_for_password" %> <%= label f, :password_confirmation, "Confirm new password" %>
<%= error_tag f, :current_password %> <%= password_input f, :password_confirmation, [class: "text-black px-2 py-1 outline-none", required: true] %>
<%= error_tag f, :password_confirmation %>
</div>
<div> <div class="flex flex-col w-full">
<%= submit "Change password" %> <%= label f, :current_password, for: "current_password_for_password" %>
</div> <%= password_input f, :current_password, [class: "text-black px-2 py-1 outline-none", required: true, name: "current_password", id: "current_password_for_password"] %>
<% end %> <%= error_tag f, :current_password %>
</div>
<div class="bg-amber mt-4 rounded-sm px-2 py-1">
<%= submit "Change password" %>
</div>
<% end %>
<div>