auth design
This commit is contained in:
Resul Madesenow
@@ -4,5 +4,5 @@
|
||||
}
|
||||
|
||||
.login-section {
|
||||
padding: 0px 150px;
|
||||
padding: 0px 120px;
|
||||
}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
@section('content')
|
||||
<div class="login-section flex justify-between items-center h-screen">
|
||||
<div>
|
||||
<img src="assets/images/logo-login.png" width="85%">
|
||||
<img src="assets/images/logo-login.png" width="400px">
|
||||
</div>
|
||||
<div>
|
||||
<form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('login') }}">
|
||||
|
||||
@@ -1,44 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ app()->getLocale() }}" dir="ltr" class="h-full font-sans antialiased">
|
||||
<head>
|
||||
<meta name="theme-color" content="#fff">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
<meta name="locale" content="{{ app()->getLocale() }}"/>
|
||||
<meta name="robots" content="noindex">
|
||||
@extends('vendor.nova.partials.auth-layout')
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
|
||||
<style type="text/css">
|
||||
.bg-img {
|
||||
background: url({{ asset('assets/images/login-bg.jpg')}}) no-repeat fixed var(--sc-login-bg-position, 50% 50%);
|
||||
background-size: cover;
|
||||
}
|
||||
.login-section {
|
||||
padding: 0px 150px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-img">
|
||||
<div class="bg-white flex justify-between px-4 py-1 absolute w-full">
|
||||
<div class="bg-green-500 px-8 text-white text-sm p-1 rounded uppercase font-bold"><a href="#"> Töleg barlagy </a></div>
|
||||
<div class="flex items-center">
|
||||
<a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
|
||||
<a href="#" class="mr-6 text-sm text-gray-900 uppercase">Kömek</a>
|
||||
<div class="flex text-sm text-gray-900 space-x-1 uppercase">
|
||||
<a href="#" class="font-bold"> Tm |</a>
|
||||
<a href="#"> En |</a>
|
||||
<a href="#"> Ru</a>
|
||||
</div>
|
||||
</div>
|
||||
@section('content')
|
||||
<div class="login-section flex justify-between items-center h-screen">
|
||||
<div>
|
||||
<img src="{{ asset('assets/images/logo-login.png')}}" width="400px">
|
||||
</div>
|
||||
<div class="login-section flex justify-between items-center h-screen">
|
||||
<div>
|
||||
<img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
|
||||
</div>
|
||||
<div>
|
||||
<form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-lg mx-auto" method="POST" action="{{ route('register') }}">
|
||||
<div>
|
||||
<form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('register') }}">
|
||||
@csrf
|
||||
<h2 class="text-2xl text-center font-normal mb-6">{{ __('Welcome Back!') }}</h2>
|
||||
<svg class="block mx-auto mb-6" xmlns="http://www.w3.org/2000/svg" width="100" height="2" viewBox="0 0 100 2">
|
||||
@@ -112,16 +80,6 @@
|
||||
<span class=""><span>{{ __('Go to login page') }}</span></span>
|
||||
</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
|
||||
<p>“Turkmenbasy” PTB-y ©</p>
|
||||
<a href="#">SoftClub</a>
|
||||
</div>
|
||||
</div>
|
||||
<script src="/assets/js/inputmask.min.js"></script>
|
||||
<script>
|
||||
new Inputmask("+(\\9\\93)-99-99-99-99").mask(document.getElementById('phone'));
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@stop
|
||||
|
||||
@@ -1,50 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="tk" dir="ltr" class="h-full font-sans antialiased">
|
||||
<head>
|
||||
<meta name="theme-color" content="#fff">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
<meta name="locale" content="tk"/>
|
||||
<meta name="robots" content="noindex">
|
||||
@extends('vendor.nova.partials.auth-layout')
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701">
|
||||
<style type="text/css">
|
||||
.bg-img {
|
||||
background: url({{ asset('assets/images/login-bg.jpg')}}) no-repeat fixed var(--sc-login-bg-position, 50% 50%);
|
||||
background-size: cover;
|
||||
}
|
||||
.login-section {
|
||||
padding: 0px 150px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-img">
|
||||
<div class="bg-white flex justify-between px-4 py-1 absolute w-full">
|
||||
<div class="bg-green-500 px-8 text-white text-sm p-1 rounded uppercase font-bold"><a href="#"> Töleg barlagy </a></div>
|
||||
<div class="flex items-center">
|
||||
<a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
|
||||
<a href="#" class="mr-6 text-sm text-gray-900 uppercase">Kömek</a>
|
||||
<div class="flex text-sm text-gray-900 space-x-1 uppercase">
|
||||
<a href="#" class="font-bold"> Tm |</a>
|
||||
<a href="#"> En |</a>
|
||||
<a href="#"> Ru</a>
|
||||
</div>
|
||||
</div>
|
||||
@section('content')
|
||||
<div class="login-section flex justify-between items-center h-screen">
|
||||
<div>
|
||||
<img src="{{ asset('assets/images/logo-login.png')}}" width="400px">
|
||||
</div>
|
||||
<div class="login-section flex justify-between items-center h-screen">
|
||||
<div>
|
||||
<img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
|
||||
<div>
|
||||
<form
|
||||
method="POST"
|
||||
action="{{ route('reset-password') }}"
|
||||
onsubmit="event.preventDefault();resetPassword(event)"
|
||||
class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 max-w-lg mx-auto"
|
||||
class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto"
|
||||
>
|
||||
@csrf
|
||||
<div class="mx-auto py-2 max-w-md flex justify-center">
|
||||
@@ -99,56 +67,6 @@
|
||||
</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
|
||||
<p>“Turkmenbasy” PTB-y ©</p>
|
||||
<a href="#">SoftClub</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/assets/js/sweetalert2@11.js"></script>
|
||||
<script src="/assets/js/fn.js"></script>
|
||||
<script>
|
||||
async function resetPassword(event) {
|
||||
const response = await postData(event.target.action, getFormData(event))
|
||||
|
||||
if (response.errors) {
|
||||
loopObject(response.errors, item => addValidationClasses(item))
|
||||
} else {
|
||||
removeValidationClasess()
|
||||
|
||||
if (response.step === 1) {
|
||||
showVerificationCodeBox()
|
||||
|
||||
Swal.fire({
|
||||
title: '{{ __('Verification code') }}',
|
||||
text: response.message,
|
||||
icon: 'info'
|
||||
})
|
||||
}
|
||||
|
||||
if (response.step === 2) {
|
||||
showPasswordBox()
|
||||
|
||||
Swal.fire({
|
||||
title: '{{ __('Reset Password') }}',
|
||||
text: response.message,
|
||||
icon: 'warning'
|
||||
})
|
||||
}
|
||||
|
||||
if (response.step === 3) {
|
||||
await Swal.fire({
|
||||
title: response.message,
|
||||
showDenyButton: false,
|
||||
showCancelButton: false,
|
||||
})
|
||||
|
||||
window.location.href = '{{ route('login') }}'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@stop
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
{{-- <a href="#"> Töleg barlagy </a> --}}
|
||||
</div>
|
||||
<div class="flex items-center">
|
||||
<a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-41-15</a>
|
||||
<a href="tel:+99312444115" class="mr-6 text-sm text-gray-900">(+99312) 44-42-34</a>
|
||||
<a href="#" class="mr-6 text-sm text-gray-900 uppercase">{{ __('Help') }}</a>
|
||||
<div class="flex text-sm text-gray-900 space-x-1 uppercase">
|
||||
@foreach(config('app.locales') as $localeKey => $localeDisplayName)
|
||||
@@ -40,9 +40,55 @@
|
||||
|
||||
<div class="bg-white flex justify-between p-1 px-3 text-sm fixed bottom-0 left-0 right-0">
|
||||
<p>“Turkmenbasy” PTB-y ©</p>
|
||||
<a href="#">SoftClub</a>
|
||||
{{-- <a href="#">SoftClub</a> --}}
|
||||
</div>
|
||||
</div>
|
||||
<script src="/assets/js/inputmask.min.js"></script>
|
||||
<script src="/assets/js/sweetalert2@11.js"></script>
|
||||
<script src="/assets/js/fn.js"></script>
|
||||
<script>
|
||||
new Inputmask("+(\\9\\93)-99-99-99-99").mask(document.getElementById('phone'));
|
||||
|
||||
async function resetPassword(event) {
|
||||
const response = await postData(event.target.action, getFormData(event))
|
||||
|
||||
if (response.errors) {
|
||||
loopObject(response.errors, item => addValidationClasses(item))
|
||||
} else {
|
||||
removeValidationClasess()
|
||||
|
||||
if (response.step === 1) {
|
||||
showVerificationCodeBox()
|
||||
|
||||
Swal.fire({
|
||||
title: '{{ __('Verification code') }}',
|
||||
text: response.message,
|
||||
icon: 'info'
|
||||
})
|
||||
}
|
||||
|
||||
if (response.step === 2) {
|
||||
showPasswordBox()
|
||||
|
||||
Swal.fire({
|
||||
title: '{{ __('Reset Password') }}',
|
||||
text: response.message,
|
||||
icon: 'warning'
|
||||
})
|
||||
}
|
||||
|
||||
if (response.step === 3) {
|
||||
await Swal.fire({
|
||||
title: response.message,
|
||||
showDenyButton: false,
|
||||
showCancelButton: false,
|
||||
})
|
||||
|
||||
window.location.href = '{{ route('login') }}'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user