Add websignup page

Author: taingalls

app/Controllers/Http/UserController.js

@@ -86,6 +86,62 @@ class UserController {
     });
   }
 
+  // Register a new user via web
+  async websignup({ request, response, auth }) {
+    if (Env.get('IS_REGISTRATION_ENABLED') == 'false') {
+      // eslint-disable-line eqeqeq
+      return response.status(401).send({
+        message: 'Registration is disabled on this server',
+        status: 401,
+      });
+    }
+
+    // Validate user input
+    const validation = await validateAll(request.all(), {
+      firstname: 'required',
+      lastname: 'required',
+      email: 'required|email|unique:users,email',
+      password: 'required',
+    });
+
+    if (validation.fails()) {
+      return response.status(401).send({
+        message: 'Invalid POST arguments',
+        messages: validation.messages(),
+        status: 401,
+      });
+    }
+
+    const data = request.only(['firstname', 'lastname', 'email', 'password']);
+
+    // Hash password
+    const hashedPassword = crypto
+      .createHash('sha256')
+      .update(data.password)
+      .digest('base64');
+
+    // Create user in DB
+    let user;
+    try {
+      user = await User.create({
+        email: data.email,
+        password: hashedPassword,
+        username: data.firstname,
+        lastname: data.lastname,
+      });
+    } catch (e) {
+      return response.status(401).send({
+        message: 'E-Mail Address already in use',
+        status: 401,
+      });
+    }
+
+    await auth.generate(user);
+
+    // Redirect user to login page, confirmaiton would be nice
+    return response.redirect('/user/login');
+  }
+
   // Login using an existing user
   async login({ request, response, auth }) {
     if (!request.header('Authorization')) {

resources/views/others/websignup.edge

@@ -0,0 +1,93 @@
+@layout('layouts.v2')
+
+@section('content')
+<div class="w-screen bg-purple-200 flex items-center justify-center">
+<form class="w-full max-w-sm bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4"
+  action="/websignup" method="POST">
+    <h1 class="text-gray-700 text-center text-2xl pb-5">
+      Signup for a Ferdium account
+    </h1>
+    <p class="text-gray-600 text-sm text-center py-2">
+      Please provide your details so your Ferdium account can be created.
+    </p>
+
+    @if(flashMessage('error'))
+    <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4">
+      {{ flashMessage('error') }}
+    </div>
+    @endif
+    @if(old('message'))
+    <div class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4">
+      {{ old('message') }}
+    </div>
+    @endif
+
+    <div class="mb-4">
+      <label class="block text-gray-700 text-sm font-bold mb-2" for="firstname">
+        First Name
+      </label>
+      <input
+        class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+        id="firstname"
+        name="firstname"
+        type="text"
+        placeholder="First Name"
+        value="{{ old('firstname', '') }}"
+        required>
+    </div>
+    <div class="mb-4">
+      <label class="block text-gray-700 text-sm font-bold mb-2" for="lastname">
+        Last Name
+      </label>
+      <input
+        class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+        id="lastname"
+        name="lastname"
+        type="text"
+        placeholder="Last Name"
+        value="{{ old('lastname', '') }}"
+        required>
+    </div>
+    <div class="mb-4">
+      <label class="block text-gray-700 text-sm font-bold mb-2" for="email">
+        E-Mail
+      </label>
+      <input
+        class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+        id="email"
+        name="email"
+        type="text"
+        placeholder="E-Mail"
+        value="{{ old('email', '') }}"
+        required>
+    </div>
+    <div class="mb-6">
+      <label class="block text-gray-700 text-sm font-bold mb-2" for="password">
+        Password
+      </label>
+      <input
+        class="shadow appearance-none rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline"
+        id="password"
+        type="password"
+        name="password"
+        placeholder="*****"
+        autocomplete="current-password"
+        required>
+    </div>
+    <button
+      class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
+      type="submit">
+      Signup
+    </button>
+    <p class="text-gray-600 text-sm text-center py-2">
+      By signing up for your Franz/Ferdi account, you accept the <a href="/terms">terms of service</a> and <a href="/privacy">privacy
+        policy</a>
+    </p>
+    <div class="text-center">
+      <a class="w-full font-bold text-sm text-blue-500 hover:text-blue-800" href="/user/login">
+        Login to an existing account
+      </a>
+    </div>
+</form>
+</div>
+@endsection

start/routes.js

@@ -118,6 +118,10 @@ Route.get('new', ({ response, view }) => {
 Route.post('import', 'UserController.import');
 Route.get('import', ({ view }) => view.render('others.import'));
 
+// Ferdium account signup
+Route.post('websignup', 'UserController.websignup');
+Route.get('websignup', ({ view }) => view.render('others.websignup'));
+
 // Legal documents
 Route.get('terms', ({ response }) => response.redirect('/terms.html'));
 Route.get('privacy', ({ response }) => response.redirect('/privacy.html'));