Perubahan login dan register

This commit is contained in:
Muhammad Raihan Surya 2023-09-12 19:35:08 +07:00
parent c6e7e74f2a
commit 1af5e8a7da
7 changed files with 100 additions and 11 deletions

View File

@ -14,7 +14,7 @@ class UserTransactionController extends Controller
*/
public function indexPembeli()
{
return view('user.transaction.pembeli.transaction-pembeli',[
return view('user.transaction.pembeli.index',[
'name'=>'npannisa',
'TransactionUser'=>TransactionUser::HistoryTransaction()
]);

View File

@ -28,7 +28,7 @@ class DatabaseSeeder extends Seeder
'nama_depan' => $faker->firstName,
'nama_belakang' => $faker->lastName,
'tanggal_lahir' => $faker->date($format = 'Y-m-d', $max = 'now'),
'email' => fake()->unique()->safeEmail(),
'email' => 'admin@example.net',
'email_verified_at' => now(),
'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
'remember_token' => Str::random(10),

View File

@ -58,6 +58,13 @@ video {
z-index: 3;
}
.flex-input-btn {
width: 100%;
display: flex;
align-items: center;
margin-top: 3%;
}
form.sign-up-form {
display: flex;
align-items: start;
@ -103,8 +110,8 @@ form p {
.input-field-signup-flex {
width: 100%;
height: 55px;
margin-top: 2%;
background-color: #f0f0f0;
margin-top: 10px;
border-radius: 1rem;
display: grid;
grid-template-columns: 15% 85%;
@ -113,6 +120,41 @@ form p {
position: relative;
}
.input {
width: 100%;
height: 55px;
background-color: #f0f0f0;
border-radius: 1rem;
display: grid;
grid-template-columns: 15% 85%;
display: flex;
align-items: center;
position: relative;
}
.input input {
width: 110%;
height: 100%;
background: none;
outline: none;
border: none;
border-radius: 1rem;
line-height: 1;
font-weight: 600;
margin-right: 1rem;
font-size: 0.8rem;
color: #333;
}
.input i {
padding: 0 1.5rem;
color: #acacac;
transition: 0.5s;
}
.up {
margin-top: 3%;
}
.input-field-signin-flex input,
.input-field-signup-flex input {
width: 82%;

View File

@ -41,9 +41,11 @@ $("[data-checkboxes]").each(function () {
// User
$("#table-1").dataTable({
columnDefs: [{ sortable: false, targets: [2, 7] }],
searchable: true,
});
// Refund, Setting, Transaction
$("#table-2").dataTable({
ordering: true,
searchable: true,
});

View File

@ -11,7 +11,7 @@
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-6">
<div class="col-md-9">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">

View File

@ -21,7 +21,6 @@
<th>Foto Profil</th>
<th>Nama Panjang</th>
<th>Email</th>
{{-- <th>Gender</th> --}}
<th>Tanggal Daftar</th>
<th>Status</th>
<th>Aksi</th>
@ -37,7 +36,7 @@
<img src="{{ $user->foto_profil != null ? asset('storage') : asset('assets/img/avatar/avatar-6.png') }}" alt="...">
</figure>
</td>
<td>{{ $user->nama }}</td>
<td>{{ $user->nama_depan.' '.$user->nama_belakang }}</td>
<td>{{ $user->email }}</td>
<td>{{ $user->created_at }}</td>
<td>

View File

@ -87,7 +87,7 @@
</div> --}}
<!-- ======= MODAL ======= -->
<div class="container">
<div class="container mt-5">
<div class="forms-container">
<div class="signin-signup">
@ -175,11 +175,21 @@
maxlength="16"
oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 16);" />
</div>
<div class="input-field up">
<div class="flex-input-btn">
<div class="input">
<i class="fa fa-envelope" aria-hidden="true"></i>
<input type="email" placeholder="Email" class="email-input" name="new_email" />
<input type="email" placeholder="Email" class="email-input" name="new_email"
id="newEmail" />
</div>
<button id="verifikasiEmail" class="btn-otp solid"
type="button">Verifikasi</button>
</div>
<div class="input-field up">
<i class="fa fa-ellipsis-h" aria-hidden="true"></i>
<input type="text" class="telp-input-signup"
oninput="this.value = this.value.replace(/[^0-6]/g, '').substring(0, 6);"
placeholder="Kode Verifikasi Email" name="email-verification">
</div>
<div class="input-field up">
<i class="fa fa-phone" aria-hidden="true"></i>
<input type="text" class="telp-input-signup" maxlength="13"
@ -403,6 +413,18 @@
<script>
$(document).ready(function() {
let verificationStatus = false;
let verificationCode = '';
function generateVerificationCode() {
const codeLength = 6;
let code = '';
for (let i = 0; i < codeLength; i++) {
code += Math.floor(Math.random() * 10); // Menghasilkan digit acak dari 0 hingga 9
}
return code;
}
$('#cekAkun').on('click', function() {
let email = document.querySelector('[name="email"]').value;
const csrfToken = $('meta[name="csrf-token"]').attr('content');
@ -470,6 +492,27 @@
}
});
$('#verifikasiEmail').on('click', function() {
});
$('#newEmail').on('input', function() {
const newEmail = $(this);
clearTimeout(newEmail.timer); // Menghapus timeout yang ada
// Menunggu 5 detik sebelum menghasilkan kode verifikasi
newEmail.timer = setTimeout(function() {
const email = newEmail.val().trim(); // Menghapus spasi di awal dan akhir
if (email === '') {
alert('Silakan masukkan alamat email Anda terlebih dahulu.');
} else {
const verificationCode = generateVerificationCode();
console.log(verificationCode);
}
}, 5000);
});
$('#signUp').on('click', function() {
let emptyInput = [];
const csrfToken = $('meta[name="csrf-token"]').attr('content');
@ -479,6 +522,7 @@
let email = document.querySelector('[name="new_email"]').value;
let nohp = document.querySelector('[name="nohp"]').value;
let gender = document.querySelector('[name="gender"]').value;
let emailVerification = document.querySelector('[name="email-verification"]').value;
// Tanggal lahir
let tanggalLahir = document.querySelector('[name="tanggal_lahir"]').value;
@ -514,6 +558,8 @@
if (email.trim() === "") {
emptyInput.push("Email tidak boleh kosong");
} else if (!verificationStatus) {
emptyInput.push("Verifikasi email terlebih dahulu");
}
if (nohp.trim() === "") {