add email to auth buttons page for #63

lib/auth/person.ex

@@ -64,6 +64,11 @@ defmodule Auth.Person do
     end
   end
 
+  def login_register_changeset() do
+    %Person{}
+    |> cast(%{}, [:email])
+  end
+
   @doc """
   `transform_github_profile_data_to_person/1` transforms the profile data
   received from invoking `ElixirAuthGithub.github_auth/1`

lib/auth_web/controllers/auth_controller.ex

@@ -30,8 +30,17 @@ defmodule AuthWeb.AuthController do
     handler(conn, person, state)
   end
 
+  def login_register_handler(conn, params) do
+    IO.inspect(params, label: "params")
 
-  # def email_password_handler(conn, params) do
+    conn
+    |> put_resp_content_type("text/html")
+    |> send_resp(200, "login_register_handler")
+    |> halt()
+  end
+
+
+  # def email_handler(conn, params) do
   #
   #   # GOTO: https://toranbillups.com/blog/archive/2018/11/18/implementing-basic-authentication/
   # end

lib/auth_web/controllers/page_controller.ex

@@ -7,9 +7,16 @@ defmodule AuthWeb.PageController do
     oauth_github_url = ElixirAuthGithub.login_url(%{scopes: ["user:email"], state: state})
     oauth_google_url = ElixirAuthGoogle.generate_oauth_url(conn, state)
 
+    changeset = Auth.Person.login_register_changeset()
+    # Map.put(assigns, :action,
+    #   Routes.apikey_path(@conn, :create))
+    conn = assign(conn, :action,
+      Routes.auth_path(conn, :login_register_handler))
+
     render(conn, "index.html",
       oauth_github_url: oauth_github_url,
-      oauth_google_url: oauth_google_url
+      oauth_google_url: oauth_google_url,
+      changeset: changeset
     )
   end
 

lib/auth_web/router.ex

@@ -19,6 +19,7 @@ defmodule AuthWeb.Router do
     get "/", PageController, :index
     get "/auth/github/callback", AuthController, :github_handler
     get "/auth/google/callback", AuthController, :google_handler
+    post "/people/register", AuthController, :login_register_handler
   end
 
 

lib/auth_web/templates/apikey/show.html.eex

@@ -1,5 +1,3 @@
-
-
 <div class="f3 w-60 center">
   <h1>Your AUTH_API_KEY</h1>
 

lib/auth_web/templates/page/index.html.eex

@@ -1,6 +1,6 @@
 <div class="phx-hero w-80 center">
   <h1 class="center tc">Please Sign in to Continue</h1>
-  <p class="center tc">Login using your GitHub or Google Account: </p>
+  <p class="center tc f3">Use your GitHub or Google Account: </p>
 
   <div style="display:flex; flex-direction:column; width:22em; margin: 20px auto;">
     <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
@@ -43,6 +43,26 @@
       </div>
     </a>
   <div>
+
+  <div class="center">
+    <p class="center tc pt2 f3"><u>Or</u> use your email address: </p>
+
+    <%= form_for @changeset, @action,  fn f -> %>
+      <%= text_input f, :email, class:
+      "db w-100 mt2 pa2 ba b--dark-grey f3",
+        placeholder: "your@email.com"%>
+      <%= error_tag f, :email %>
+      <br />
+
+      <%= submit "Login / Register",
+        class: "pointer br2 ba b--dark-green bg-green white pa3 ml1 mv1 f3
+        shadow-hover bg-animate hover-bg-dark-green border-box no-underline db",
+        style: "margin:0 auto;"
+      %>
+    <% end %>
+
+
+  </div>
 </div>
 <!-- Wake the Email Heroku App github.com/dwyl/auth/issues/50 -->
 <img src="https://dwylmail.herokuapp.com/pixel" />