From 405218c91dc9c91a3659895492805cf76d7c22bf Mon Sep 17 00:00:00 2001
From: "Thoeni Fabian (Student Com20)" <fabian.thoeni@stud-inf.unibz.it>
Date: Thu, 23 Dec 2021 00:19:46 +0100
Subject: [PATCH] v5 - register style changes
---
secure/public/css/styles.css | 7 +
.../resources/views/auth/register.blade.php | 133 ++++++++++--------
2 files changed, 84 insertions(+), 56 deletions(-)
diff --git a/secure/public/css/styles.css b/secure/public/css/styles.css
index 290e411..c4876bb 100644
--- a/secure/public/css/styles.css
+++ b/secure/public/css/styles.css
@@ -14,6 +14,13 @@ html, body {
align-content: center;
}
+#card2 {
+ height: 370px;
+ margin-top: 17%;
+ margin-bottom: auto;
+ width: 400px;
+ background-color: rgba(0, 0, 0, 0.5) !important;
+}
#card {
height: 370px;
margin-top: auto;
diff --git a/secure/resources/views/auth/register.blade.php b/secure/resources/views/auth/register.blade.php
index 91855fd..a4402fd 100644
--- a/secure/resources/views/auth/register.blade.php
+++ b/secure/resources/views/auth/register.blade.php
@@ -1,77 +1,98 @@
-@extends('layouts.app')
+@extends('layouts.signin')
@section('content')
-<div class="container">
- <div class="row justify-content-center">
- <div class="col-md-8">
- <div class="card">
- <div class="card-header">{{ __('Register') }}</div>
-
- <div class="card-body">
- <form method="POST" action="{{ route('register') }}">
- @csrf
-
- <div class="row mb-3">
- <label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Name') }}</label>
+<div id="app">
+ <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
+ <div class="container">
+ <a class="navbar-brand">
+ BattTho
+ </a>
- <div class="col-md-6">
- <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
- @error('name')
- <span class="invalid-feedback" role="alert">
- <strong>{{ $message }}</strong>
- </span>
- @enderror
- </div>
- </div>
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <ul class="navbar-nav me-auto">
- <div class="row mb-3">
- <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
+ </ul>
+ <ul class="navbar-nav ms-auto">
+ <li class="nav-item">
+ <a class="nav-link" href="{{ route('login') }}">Login </a>
+ </li>
- <div class="col-md-6">
- <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
+ <li class="nav-item dropdown">
- @error('email')
- <span class="invalid-feedback" role="alert">
- <strong>{{ $message }}</strong>
- </span>
- @enderror
- </div>
+ <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+ <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
+ document.getElementById('logout-form').submit();">
+ </a>
</div>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
- <div class="row mb-3">
- <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
+</div>
+<div class="container">
+ <div class="d-flex justify-content-center h-100">
+ <div id="card2" >
+ <div class="card-header">
+ <h3>Register</h3>
+ </div>
+ <div class="card-body">
+ <form method="POST" action="{{ route('register') }}">
+ @csrf
+ <div class="input-group form-group">
+ <div class="input-group-prepend">
+ <span class="input-group-text"><i class="fas fa-user"></i></span>
+ </div>
+ <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" placeholder="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
- <div class="col-md-6">
- <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
+ @error('name')
+ <span class="invalid-feedback" role="alert">
+ <strong>{{ $message }}</strong>
+ </span>
+ @enderror
+ </div>
- @error('password')
- <span class="invalid-feedback" role="alert">
- <strong>{{ $message }}</strong>
- </span>
- @enderror
- </div>
+ <div class="input-group form-group">
+ <div class="input-group-prepend">
+ <span class="input-group-text"><i class="fas fa-envelope-open-text"></i></span>
</div>
+ <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="email" value="{{ old('email') }}" required autocomplete="email">
- <div class="row mb-3">
- <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
+ @error('email')
+ <span class="invalid-feedback" role="alert">
+ <strong>{{ $message }}</strong>
+ </span>
+ @enderror
+ </div>
- <div class="col-md-6">
- <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
- </div>
+ <div class="input-group form-group">
+ <div class="input-group-prepend">
+ <span class="input-group-text"><i class="fas fa-key"></i></span>
</div>
+ <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="password" required autocomplete="new-password">
+
+ @error('password')
+ <span class="invalid-feedback" role="alert">
+ <strong>{{ $message }}</strong>
+ </span>
+ @enderror
+ </div>
- <div class="row mb-0">
- <div class="col-md-6 offset-md-4">
- <button type="submit" class="btn btn-primary">
- {{ __('Register') }}
- </button>
- </div>
+ <div class="input-group form-group">
+ <div class="input-group-prepend">
+ <span class="input-group-text"><i class="fas fa-key"></i></span>
</div>
- </form>
- </div>
+ <input id="password-confirm" type="password" class="form-control" name="password_confirmation" placeholder="password confirmation" required autocomplete="new-password">
+ </div>
+ <br>
+ <div class="form-group">
+ <input type="submit" value="Register" class="btn float-right login_btn">
+ </div>
+ </form>
</div>
</div>
</div>
</div>
-@endsection
+@endsection
\ No newline at end of file
--
GitLab