Webulgam/online.tbbank.gov.tm-laravel-nova
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auth design

Browse Source
This commit is contained in:
Resul Madesenow
2024-02-22 15:54:39 +05:00
parent 94c28efe7f
commit fb70c3758c
5 changed files with 66 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/css/auth.css
View File

@@ -4,5 +4,5 @@
} }
.login-section { .login-section {
padding: 0px 150px; padding: 0px 120px;
} }

2
resources/views/vendor/nova/pages/login.blade.php vendored
View File

@@ -3,7 +3,7 @@
@section('content') @section('content')
<div class="login-section flex justify-between items-center h-screen"> <div class="login-section flex justify-between items-center h-screen">
<div> <div>
<img src="assets/images/logo-login.png" width="85%"> <img src="assets/images/logo-login.png" width="400px">
</div> </div>
<div> <div>
<form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('login') }}"> <form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('login') }}">

58
resources/views/vendor/nova/pages/register.blade.php vendored
View File

@@ -1,44 +1,12 @@
<!DOCTYPE html> @extends('vendor.nova.partials.auth-layout')
<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">
<!-- Styles --> @section('content')
<link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701"> <div class="login-section flex justify-between items-center h-screen">
<style type="text/css"> <div>
.bg-img { <img src="{{ asset('assets/images/logo-login.png')}}" width="400px">
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>
</div> </div>
<div class="login-section flex justify-between items-center h-screen"> <div>
<div> <form class="bg-white dark:bg-gray-800 shadow rounded-lg p-8 w-[25rem] mx-auto" method="POST" action="{{ route('register') }}">
<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') }}">
@csrf @csrf
<h2 class="text-2xl text-center font-normal mb-6">{{ __('Welcome Back!') }}</h2> <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"> <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> <span class=""><span>{{ __('Go to login page') }}</span></span>
</a> </a>
</form> </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>
</div> </div>
<script src="/assets/js/inputmask.min.js"></script> @stop
<script>
new Inputmask("+(\\9\\93)-99-99-99-99").mask(document.getElementById('phone'));
</script>
</body>
</html>

98
resources/views/vendor/nova/pages/reset-password.blade.php vendored
View File

@@ -1,50 +1,18 @@
<!DOCTYPE html> @extends('vendor.nova.partials.auth-layout')
<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">
<!-- Styles --> @section('content')
<link rel="stylesheet" href="/vendor/nova/app.css?id=496e3383c5e2918c7bc875f45870e701"> <div class="login-section flex justify-between items-center h-screen">
<style type="text/css"> <div>
.bg-img { <img src="{{ asset('assets/images/logo-login.png')}}" width="400px">
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>
</div> </div>
<div class="login-section flex justify-between items-center h-screen"> <div>
<div>
<img src="{{ asset('assets/images/logo-login.png')}}" width="85%">
</div>
<div>
<div> <div>
<form <form
method="POST" method="POST"
action="{{ route('reset-password') }}" action="{{ route('reset-password') }}"
onsubmit="event.preventDefault();resetPassword(event)" 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 @csrf
<div class="mx-auto py-2 max-w-md flex justify-center"> <div class="mx-auto py-2 max-w-md flex justify-center">
@@ -99,56 +67,6 @@
</a> </a>
</form> </form>
</div> </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>
</div> </div>
@stop
<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>

50
resources/views/vendor/nova/partials/auth-layout.blade.php vendored
View File

@@ -20,7 +20,7 @@
{{-- <a href="#"> Töleg barlagy </a> --}} {{-- <a href="#"> Töleg barlagy </a> --}}
</div> </div>
<div class="flex items-center"> <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> <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"> <div class="flex text-sm text-gray-900 space-x-1 uppercase">
@foreach(config('app.locales') as $localeKey => $localeDisplayName) @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"> <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> <p>“Turkmenbasy” PTB-y ©</p>
<a href="#">SoftClub</a> {{-- <a href="#">SoftClub</a> --}}
</div> </div>
</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> </body>
</html> </html>