feat(webstatement): tambah field password untuk proteksi PDF statement

Perubahan yang dilakukan:
- Menambahkan kolom password (nullable) pada tabel print_statement_logs melalui migrasi baru.
- Menambahkan field password di model PrintStatementLog dengan atribut hidden untuk keamanan serialisasi.
- Menambahkan input password pada form request print statement.
- Menambahkan validasi sisi klien agar password minimal 6 karakter.
- Menambahkan konfirmasi melalui SweetAlert untuk pengisian password dan email tujuan.
- Menambahkan index pada kolom password untuk optimasi pencarian jika dibutuhkan.
- Menggunakan field password untuk proteksi file PDF melalui PDFPasswordProtect.
- Menambahkan helper text dan placeholder pada form untuk meningkatkan pengalaman pengguna.
- Menambahkan atribut autocomplete="new-password" untuk menghindari autofill browser yang tidak aman.
- Menjaga kompatibilitas ke belakang dengan membuat field bersifat opsional (nullable).

Tujuan perubahan:
- Memberikan opsi proteksi file PDF dengan password yang diatur oleh pengguna.
- Meningkatkan keamanan distribusi file statement melalui email.
- Memastikan pengalaman pengguna tetap aman dan nyaman saat mengatur proteksi.
This commit is contained in:
Daeng Deni Mardaeni
2025-07-10 14:33:26 +07:00
parent 593a4f0d9c
commit 5b235def37
4 changed files with 110 additions and 25 deletions

View File

@@ -110,7 +110,7 @@ ini_set('max_execution_time', 300000);
$validated['failed_count'] = 0; $validated['failed_count'] = 0;
$validated['stmt_sent_type'] = $request->input('stmt_sent_type') ? implode(",",$request->input('stmt_sent_type')) : ''; $validated['stmt_sent_type'] = $request->input('stmt_sent_type') ? implode(",",$request->input('stmt_sent_type')) : '';
$validated['branch_code'] = $validated['branch_code'] ?? $branch_code; // Awal tidak tersedia $validated['branch_code'] = $validated['branch_code'] ?? $branch_code; // Awal tidak tersedia
$validated['password'] = $request->input('password') ?? '';
// Create the statement log // Create the statement log
$statement = PrintStatementLog::create($validated); $statement = PrintStatementLog::create($validated);

View File

@@ -46,6 +46,7 @@ class PrintStatementLog extends Model
'email_sent_at', 'email_sent_at',
'stmt_sent_type', 'stmt_sent_type',
'is_generated', 'is_generated',
'password', // Tambahan field password
]; ];
protected $casts = [ protected $casts = [
@@ -60,6 +61,10 @@ class PrintStatementLog extends Model
'target_accounts' => 'array', 'target_accounts' => 'array',
]; ];
protected $hidden = [
'password', // Hide password dari serialization
];
/** /**
* Get the formatted period display * Get the formatted period display
* *

View File

@@ -0,0 +1,41 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Menjalankan migrasi untuk menambahkan kolom password ke tabel print_statement_logs
*
* @return void
*/
public function up(): void
{
Schema::table('print_statement_logs', function (Blueprint $table) {
// Menambahkan kolom password setelah kolom stmt_sent_type
$table->string('password', 255)->nullable()->after('stmt_sent_type')
->comment('Password untuk proteksi PDF statement');
// Menambahkan index untuk performa query jika diperlukan
$table->index(['password'], 'idx_print_statement_logs_password');
});
}
/**
* Membalikkan migrasi dengan menghapus kolom password
*
* @return void
*/
public function down(): void
{
Schema::table('print_statement_logs', function (Blueprint $table) {
// Hapus index terlebih dahulu
$table->dropIndex('idx_print_statement_logs_password');
// Hapus kolom password
$table->dropColumn('password');
});
}
};

View File

@@ -20,7 +20,7 @@
@endif @endif
<div class="grid grid-cols-1 gap-5"> <div class="grid grid-cols-1 gap-5">
@if ($multiBranch) @if (!$multiBranch)
<div class="form-group"> <div class="form-group">
<label class="form-label required" for="branch_code">Branch/Cabang</label> <label class="form-label required" for="branch_code">Branch/Cabang</label>
<select <select
@@ -107,6 +107,22 @@
@enderror @enderror
</div> </div>
<!-- Tambahan field password -->
<div class="form-group">
<label class="form-label" for="password">PDF Password</label>
<input type="password"
class="input form-control @error('password') border-danger bg-danger-light @enderror"
id="password" name="password" value="{{ old('password', $statement->password ?? '') }}"
placeholder="Optional password untuk proteksi PDF statement" autocomplete="new-password">
<div class="mt-1 text-xs text-primary">
<i class="text-sm ki-outline ki-information-5"></i>
Jika dikosongkan password default statement akan diberlakukan
</div>
@error('password')
<div class="text-sm alert text-danger">{{ $message }}</div>
@enderror
</div>
<div class="form-group"> <div class="form-group">
<label class="form-label required" for="start_date">Start Date</label> <label class="form-label required" for="start_date">Start Date</label>
@@ -141,7 +157,8 @@
</div> </div>
<div class="col-span-6"> <div class="col-span-6">
<div class="min-w-full card card-grid" data-datatable="false" data-datatable-page-size="10" <div class="min-w-full card card-grid" data-datatable="false" data-datatable-page-size="10"
data-datatable-state-save="false" id="statement-table" data-api-url="{{ route('statements.datatables') }}"> data-datatable-state-save="false" id="statement-table"
data-api-url="{{ route('statements.datatables') }}">
<div class="flex-wrap py-5 card-header"> <div class="flex-wrap py-5 card-header">
<div class="min-w-full card card-grid" data-datatable="false" data-datatable-page-size="10" <div class="min-w-full card card-grid" data-datatable="false" data-datatable-page-size="10"
data-datatable-state-save="false" id="statement-table" data-datatable-state-save="false" id="statement-table"
@@ -218,9 +235,6 @@
<select class="w-16 select select-sm" data-datatable-size="true" <select class="w-16 select select-sm" data-datatable-size="true"
name="perpage"> </select> name="perpage"> </select>
per page per page
<select class="w-16 select select-sm" data-datatable-size="true"
name="perpage"> </select>
per page
</div> </div>
<div class="flex gap-4 items-center"> <div class="flex gap-4 items-center">
<div class="flex gap-4 items-center"> <div class="flex gap-4 items-center">
@@ -273,51 +287,76 @@
} }
/** /**
* Konfirmasi email sebelum submit form * Konfirmasi password dan email sebelum submit form
* Menampilkan SweetAlert jika email diisi untuk konfirmasi pengiriman * Menampilkan SweetAlert jika password atau email diisi untuk konfirmasi
*/ */
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
const form = document.querySelector('form'); const form = document.querySelector('form');
const emailInput = document.getElementById('email'); const emailInput = document.getElementById('email');
const passwordInput = document.getElementById('password');
// Log: Inisialisasi event listener untuk konfirmasi email // Log: Inisialisasi event listener untuk konfirmasi
console.log('Email confirmation listener initialized'); console.log('Form confirmation listener initialized');
form.addEventListener('submit', function(e) { form.addEventListener('submit', function(e) {
const emailValue = emailInput.value.trim(); const emailValue = emailInput.value.trim();
const passwordValue = passwordInput.value.trim();
// Jika email diisi, tampilkan konfirmasi let confirmationNeeded = false;
let confirmationMessage = '';
// Jika email diisi
if (emailValue) { if (emailValue) {
confirmationNeeded = true;
confirmationMessage += `• Statement akan dikirim ke email: ${emailValue}\n`;
}
// Jika password diisi
if (passwordValue) {
confirmationNeeded = true;
confirmationMessage += `• PDF akan diproteksi dengan password\n`;
}
// Jika ada yang perlu dikonfirmasi
if (confirmationNeeded) {
e.preventDefault(); // Hentikan submit form sementara e.preventDefault(); // Hentikan submit form sementara
// Log: Email terdeteksi, menampilkan konfirmasi // Log: Konfirmasi diperlukan
console.log('Email detected:', emailValue); console.log('Confirmation needed:', {
email: emailValue,
hasPassword: !!passwordValue
});
Swal.fire({ Swal.fire({
title: 'Konfirmasi Pengiriman Email', title: 'Konfirmasi Request Statement',
text: `Apakah Anda yakin ingin mengirimkan statement ke email: ${emailValue}?`, text: `Mohon konfirmasi pengaturan berikut:\n\n${confirmationMessage}\nApakah Anda yakin ingin melanjutkan?`,
icon: 'question', icon: 'question',
showCancelButton: true, showCancelButton: true,
confirmButtonColor: '#3085d6', confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33', cancelButtonColor: '#d33',
confirmButtonText: 'Ya, Kirim Email', confirmButtonText: 'Ya, Lanjutkan',
cancelButtonText: 'Batal', cancelButtonText: 'Batal',
reverseButtons: true reverseButtons: true,
preConfirm: () => {
// Validasi password jika diisi
if (passwordValue && passwordValue.length < 6) {
Swal.showValidationMessage('Password minimal 6 karakter');
return false;
}
return true;
}
}).then((result) => { }).then((result) => {
if (result.isConfirmed) { if (result.isConfirmed) {
// Log: User konfirmasi pengiriman email // Log: User konfirmasi
console.log('User confirmed email sending'); console.log('User confirmed form submission');
// Submit form setelah konfirmasi // Submit form setelah konfirmasi
form.submit(); form.submit();
} else { } else {
// Log: User membatalkan pengiriman email // Log: User membatalkan
console.log('User cancelled email sending'); console.log('User cancelled form submission');
} }
}); });
} else {
// Log: Tidak ada email, submit form normal
console.log('No email provided, submitting form normally');
} }
}); });
}); });
@@ -351,7 +390,7 @@
account_number: { account_number: {
title: 'Account Number', title: 'Account Number',
render: (item, data) => { render: (item, data) => {
if(data.request_type=="multi_account"){ if (data.request_type == "multi_account") {
return data.stmt_sent_type ?? 'N/A'; return data.stmt_sent_type ?? 'N/A';
} }
return data.account_number ?? ''; return data.account_number ?? '';