register & login page ajax request
This commit is contained in:
@@ -4,13 +4,12 @@
|
||||
<script>
|
||||
async function login(event) {
|
||||
const response = await postData(event.target.action, getFormData(event))
|
||||
console.log(response)
|
||||
|
||||
if (response.errors) {
|
||||
loopObject(response.errors, item => addValidationClasses(item))
|
||||
} else {
|
||||
removeValidationClasess()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@@ -1,5 +1,20 @@
|
||||
@extends('vendor.nova.partials.auth-layout')
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
async function register(event) {
|
||||
const response = await postData(event.target.action, getFormData(event))
|
||||
console.log(response)
|
||||
|
||||
if (response.errors) {
|
||||
loopObject(response.errors, item => addValidationClasses(item))
|
||||
} else {
|
||||
removeValidationClasess()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
<div class="login-section d-center items-center h-screen">
|
||||
<div class="d-none h-full max-w-4xl">
|
||||
@@ -9,71 +24,82 @@
|
||||
{{-- <div class="logo">
|
||||
<img src="assets/images/logo-login.png" width="200px">
|
||||
</div> --}}
|
||||
<form class="bg-white dark:bg-gray-800 rounded-lg p-8 w-[25rem] mx-auto mt-1" method="POST" action="{{ route('register') }}">
|
||||
<form
|
||||
class="bg-white dark:bg-gray-800 rounded-lg p-8 w-[25rem] mx-auto mt-1"
|
||||
method="POST"
|
||||
action="{{ route('register') }}"
|
||||
onsubmit="event.preventDefault();register(event)"
|
||||
>
|
||||
@csrf
|
||||
<h2 class="text-2xl text-center font-normal mb-6">{{ __('Online panel') }}</h2>
|
||||
<svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
|
||||
<path fill="#D8E3EC" d="M0 0h100v2H0z"></path>
|
||||
</svg>
|
||||
<div class="mb-1">
|
||||
<label class="block mb-1" for="username">
|
||||
<label class="block mb-1" for="name">
|
||||
{{ __('Full Name') }}
|
||||
</label>
|
||||
<input class="form-control form-input form-input-bordered w-full @error('name') form-input-border-error @enderror" id="name" type="text" name="name" autofocus="" value="{{ old('name') }}">
|
||||
<input class="form-control form-input form-input-bordered w-full"
|
||||
id="name"
|
||||
type="text"
|
||||
name="name"
|
||||
autofocus=""
|
||||
value="{{ old('name') }}"
|
||||
>
|
||||
|
||||
@error('name')
|
||||
<span class="text-red-500 text-italic">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
<span id="name-error-box" class="text-red-500 text-italic error-box"></span>
|
||||
</div>
|
||||
<div class="mb-1">
|
||||
<label class="block mb-1" for="username">
|
||||
<label class="block mb-1" for="phone">
|
||||
{{ __('Phone') }}
|
||||
</label>
|
||||
<input class="form-control form-input form-input-bordered w-full" id="phone" type="text" name="phone" autofocus="" value="{{ old('phone') }}">
|
||||
|
||||
@error('phone')
|
||||
<span class="text-red-500 text-italic">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
<input class="form-control form-input form-input-bordered w-full"
|
||||
id="phone"
|
||||
type="text"
|
||||
name="phone"
|
||||
autofocus=""
|
||||
value="{{ old('phone') }}"
|
||||
>
|
||||
|
||||
<span id="phone-error-box" class="text-red-500 text-italic error-box"></span>
|
||||
</div>
|
||||
<div class="mb-1">
|
||||
<label class="block mb-1" for="username">
|
||||
{{ __('Username') }}
|
||||
</label>
|
||||
<input class="form-control form-input form-input-bordered w-full" id="username" type="text" name="username" autofocus="" value="{{ old('username') }}">
|
||||
<input class="form-control form-input form-input-bordered w-full"
|
||||
id="username"
|
||||
type="text"
|
||||
name="username"
|
||||
autofocus=""
|
||||
value="{{ old('username') }}"
|
||||
>
|
||||
|
||||
@error('username')
|
||||
<span class="text-red-500 text-italic">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
<span id="username-error-box" class="text-red-500 text-italic error-box"></span>
|
||||
</div>
|
||||
<div class="mb-1">
|
||||
<label class="block mb-1" for="password">
|
||||
{{ __('Password') }}
|
||||
</label>
|
||||
<input class="form-control form-input form-input-bordered w-full" id="password" type="password" name="password" >
|
||||
|
||||
@error('password')
|
||||
<span class="text-red-500 text-italic">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
<input class="form-control form-input form-input-bordered w-full"
|
||||
id="password"
|
||||
type="password"
|
||||
name="password"
|
||||
>
|
||||
|
||||
<span id="password-error-box" class="text-red-500 text-italic error-box"></span>
|
||||
</div>
|
||||
<div class="mb-1">
|
||||
<label class="block mb-1" for="password_confirmation">
|
||||
{{ __('Confirm Password') }}
|
||||
</label>
|
||||
<input class="form-control form-input form-input-bordered w-full" id="password_confirmation" type="password" name="password_confirmation" >
|
||||
<input class="form-control form-input form-input-bordered w-full"
|
||||
id="password_confirmation"
|
||||
type="password"
|
||||
name="password_confirmation"
|
||||
>
|
||||
|
||||
@error('password_confirmation')
|
||||
<span class="text-red-500 text-italic">
|
||||
<strong>{{ $message }}</strong>
|
||||
</span>
|
||||
@enderror
|
||||
<span id="password_confirmation-error-box" class="text-red-500 text-italic error-box"></span>
|
||||
</div>
|
||||
<div class="mb-6"></div>
|
||||
<button class="w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center cursor-pointer rounded text-sm font-bold focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 inline-flex items-center justify-center h-9 px-3 mb-3 w-full flex justify-center shadow relative bg-primary-500 hover:bg-primary-400 text-white dark:text-gray-900 w-full flex justify-center" type="submit">
|
||||
|
||||
Reference in New Issue
Block a user