daengdeni/webstatement
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
app/Http/Controllers/PrintStatementController.php
View File

@@ -110,7 +110,7 @@ ini_set('max_execution_time', 300000);
$validated['failed_count'] = 0;
$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['password'] = $request->input('password') ?? '';
// Create the statement log
$statement = PrintStatementLog::create($validated);

5
app/Models/PrintStatementLog.php
View File

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

41
database/migrations/2025_07_10_071722_add_password_to_print_statement_logs_table.php Normal file
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');
});
}
};

85
resources/views/statements/index.blade.php
View File

@@ -20,7 +20,7 @@
@endif
<div class="grid grid-cols-1 gap-5">
@if ($multiBranch)
@if (!$multiBranch)
<div class="form-group">
<label class="form-label required" for="branch_code">Branch/Cabang</label>
<select
@@ -107,6 +107,22 @@
@enderror
</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">
<label class="form-label required" for="start_date">Start Date</label>
@@ -141,7 +157,8 @@
</div>
<div class="col-span-6">
<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="min-w-full card card-grid" data-datatable="false" data-datatable-page-size="10"
data-datatable-state-save="false" id="statement-table"
@@ -218,9 +235,6 @@
<select class="w-16 select select-sm" data-datatable-size="true"
name="perpage"> </select>
per page
<select class="w-16 select select-sm" data-datatable-size="true"
name="perpage"> </select>
per page
</div>
<div class="flex gap-4 items-center">
<div class="flex gap-4 items-center">
@@ -273,51 +287,76 @@
}
/**
* Konfirmasi email sebelum submit form
* Menampilkan SweetAlert jika email diisi untuk konfirmasi pengiriman
* Konfirmasi password dan email sebelum submit form
* Menampilkan SweetAlert jika password atau email diisi untuk konfirmasi
*/
document.addEventListener('DOMContentLoaded', function() {
const form = document.querySelector('form');
const emailInput = document.getElementById('email');
const passwordInput = document.getElementById('password');
// Log: Inisialisasi event listener untuk konfirmasi email
console.log('Email confirmation listener initialized');
// Log: Inisialisasi event listener untuk konfirmasi
console.log('Form confirmation listener initialized');
form.addEventListener('submit', function(e) {
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) {
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
// Log: Email terdeteksi, menampilkan konfirmasi
console.log('Email detected:', emailValue);
// Log: Konfirmasi diperlukan
console.log('Confirmation needed:', {
email: emailValue,
hasPassword: !!passwordValue
});
Swal.fire({
title: 'Konfirmasi Pengiriman Email',
text: `Apakah Anda yakin ingin mengirimkan statement ke email: ${emailValue}?`,
title: 'Konfirmasi Request Statement',
text: `Mohon konfirmasi pengaturan berikut:\n\n${confirmationMessage}\nApakah Anda yakin ingin melanjutkan?`,
icon: 'question',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Ya, Kirim Email',
confirmButtonText: 'Ya, Lanjutkan',
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) => {
if (result.isConfirmed) {
// Log: User konfirmasi pengiriman email
console.log('User confirmed email sending');
// Log: User konfirmasi
console.log('User confirmed form submission');
// Submit form setelah konfirmasi
form.submit();
} else {
// Log: User membatalkan pengiriman email
console.log('User cancelled email sending');
// Log: User membatalkan
console.log('User cancelled form submission');
}
});
} else {
// Log: Tidak ada email, submit form normal
console.log('No email provided, submitting form normally');
}
});
});