KoPKB/kaunter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

update all blade views for kadar anggota koperasi

Browse Source
This commit is contained in:
nurafrinaalimi16
2025-11-10 18:46:37 +08:00
parent bb8bcae8e8
commit 31dc30ed60
5 changed files with 878 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/customers/v2/info.blade.php
+314 -14
View File
@@ -88,6 +88,16 @@
<input type="text" class="form-control" name="bakilelong" id="bakilelong" readonly value="{{ number_format($bakilelong,2) }}">
</div>
</div>
@if(isset($customer_info['tag_anggota']) && $customer_info['tag_anggota'] == 1)
<div class="form-group row">
<div class="col-md-4">
<b>Status</b>
</div>
<div class="col-md-8">
<input type="text" class="form-control" readonly value="Anggota Koperasi">
</div>
</div>
@endif
</div>
<div class="col-md-6">
@@ -120,9 +130,171 @@
</div>
</div>
<!-- footer card -->
<div class="mr-4 form-group d-flex justify-content-end">
<button class="btn btn-primary button-spacing" data-toggle="modal" data-target="#customer_detail">Maklumat Pelanggan</button>
<div class="form-group d-flex justify-content-end align-items-center mt-3 mb-2">
<!-- Butang Maklumat Pelanggan -->
<button class="btn btn-primary d-flex align-items-center"
data-toggle="modal" data-target="#customer_detail"
style="margin-right: 12px;">
<i class="fas fa-info-circle me-1"></i> Maklumat Pelanggan
</button>
<!-- Butang Assign Sebagai Anggota -->
@if(isset($showAssignAnggotaBtn) && $showAssignAnggotaBtn && isset($kodcaw) && $kodcaw == 'X0301')
<div class="m-0 p-2">
<button type="button"
class="btn btn-success d-flex align-items-center"
data-noic="{{ $noic }}"
onclick="assignAnggota(this)">
<i class="fas fa-user-check me-1"></i> Assign sebagai Anggota
</button>
</div>
<script>
function test(e) {
console.log('test');
console.log(e);
return;
const swalWithBootstrapButtons = Swal.mixin({
customClass: {
confirmButton: 'btn btn-success me-2',
cancelButton: 'btn btn-danger'
},
buttonsStyling: false
});
try {
// 1️⃣ Sahkan tindakan
const confirm = await swalWithBootstrapButtons.fire({
title: 'Mohon Kelulusan Operasi',
text: 'Adakah anda pasti mahu mohon kelulusan operasi untuk assign sebagai anggota?',
icon: 'question',
showCancelButton: true,
confirmButtonText: 'Ya, Hantar Mohon',
cancelButtonText: 'Batal',
reverseButtons: true
});
if (!confirm.isConfirmed) {
await Swal.fire('Dibatalkan', 'Tindakan tidak diteruskan.', 'info');
return;
}
// 2️⃣ Masukkan komen
const komenPrompt = await Swal.fire({
title: 'Masukkan Komen',
input: 'text',
inputPlaceholder: 'Contoh: Layak sebagai anggota',
showCancelButton: true,
confirmButtonText: 'Hantar',
cancelButtonText: 'Batal',
inputValidator: (value) => {
if (!value) return 'Sila masukkan komen!';
}
});
if (!komenPrompt.isConfirmed) {
await Swal.fire('Dibatalkan', 'Tiada komen dimasukkan.', 'info');
return;
}
const komen = komenPrompt.value;
// 3️⃣ Papar popup "Tunggu Pengesahan Operasi"
Swal.fire({
title: 'Tunggu Pengesahan Operasi',
text: 'Permohonan sedang menunggu kelulusan operasi...',
icon: 'info',
allowOutsideClick: false,
allowEscapeKey: false,
showConfirmButton: false,
didOpen: () => {
Swal.showLoading();
}
});
// 4️⃣ Hantar permohonan ke backend (Laravel)
const response = await fetch("{{ route('operasi.createkelulusan-anggota') }}", {
method: 'POST',
headers: {
"Content-Type": "application/json",
"X-CSRF-TOKEN": "{{ csrf_token() }}"
},
body: JSON.stringify({
mohon: "Assign Anggota",
noic: noic,
norujukan: norujukan,
komen: komen,
teller: "{{ Auth::user()->name }}",
tagoperasi: 1 // 1 = tunggu kelulusan operasi
})
console.log(`Response: ${response}`);
});
const result = await response.json();
if (!response.ok || !result) {
throw new Error(result.message || 'Ralat semasa menghantar permohonan.');
}
// Simpan ID permohonan (jika API hantar balik id/siri)
const siricreated = result.data?.id ?? null;
// 5️⃣ Aktifkan listener Pusher
const pusher = new Pusher("{{ env('PUSHER_APP_KEY') }}", {
cluster: 'ap1',
encrypted: true
});
const channel = pusher.subscribe('notice-anggota');
channel.bind('my-anggota', function (data) {
// Padankan notifikasi dengan permohonan semasa
if (
data.norujukan === norujukan &&
data.noic === noic &&
(!siricreated || data.siri == siricreated)
) {
Swal.close(); // Tutup popup loading
if (data.kelulusan === 'lulus') {
Swal.fire({
icon: 'success',
title: 'Diluluskan oleh Operasi',
text: `Komen: ${data.komen}`,
confirmButtonText: 'OK'
}).then(() => {
// contoh: reload page atau update UI
location.reload();
});
} else if (data.kelulusan === 'batal') {
Swal.fire({
icon: 'warning',
title: 'Permohonan Dibatalkan',
text: `Komen: ${data.komen}`,
confirmButtonText: 'OK'
});
}
}
});
} catch (error) {
console.error('Ralat mohonKelulusanOperasiAnggota:', error);
Swal.fire({
icon: 'error',
title: 'Ralat',
text: 'Gagal menghantar permohonan kelulusan operasi. Sila cuba semula.'
});
}
}
</script>
@endif
</div>
</div>
@@ -167,7 +339,7 @@
$activate_tab = request()->session()->pull('activate_tab', 'SAG_lama');
$activate_tab_SAG_baru = $activate_tab === 'SAG_baru' ? 'active' : '';
$aria_selected_SAG_baru = $activate_tab === 'SAG_baru' ? 'true' : 'false';
$aria_selected_SAG_baru = $activate_tab === 'SAG_baru' ? 'true' : 'false';
$activate_pane_SAG_baru = $activate_tab === 'SAG_baru' ? 'active show' : '';
$activate_tab_SAG_lama = $activate_tab === 'SAG_lama' ? 'active' : '';
@@ -403,16 +575,24 @@
</div>
<div class='col-md-8'>
@php
$poskod = Http::withOptions(['verify' => config('app.api_verify')])->get($api_url . '/api/poskod/'. $customer_info['poskod'])->json();
// $data = $poskod;
// $poskod2 = array('koddaerah'=>'NIL','kodnegeri' => 'NIL');
// dd($poskod,$poskod2,$data,$customer_info);
if(empty($poskod)){
$poskod = array('koddaerah'=>'NIL','kodnegeri' => 'NIL');
}
$daerah = Http::withOptions(['verify' => config('app.api_verify')])->get($api_url . '/api/daerah/' . $poskod['koddaerah'])->json();
@endphp
<input type="text" readonly name='koddaerah' id='koddaerah' value="{{ $daerah ? $daerah['namadaerah'] : 'NIL' }}" class='form-control'>
$poskod = Http::withOptions(['verify' => config('app.api_verify')])
->get($api_url . '/api/poskod/' . $customer_info['poskod'])
->json();
// Jika tiada data poskod atau tiada koddaerah
if (empty($poskod) || !isset($poskod['koddaerah'])) {
$poskod = ['koddaerah' => 'NIL', 'kodnegeri' => 'NIL'];
}
$daerah = Http::withOptions(['verify' => config('app.api_verify')])
->get($api_url . '/api/daerah/' . $poskod['koddaerah'])
->json();
@endphp
<input type="text" readonly name="koddaerah" id="koddaerah"
value="{{ $daerah['namadaerah'] ?? 'NIL' }}"
class="form-control">
</div>
</div>
<div class='form-group row col-md-12'>
@@ -2996,6 +3176,126 @@
});
}
}
async function assignAnggota(e){
let noic = $(e).data('noic');
const swalWithBootstrapButtons = Swal.mixin({
customClass: {
confirmButton: 'btn btn-success me-2',
cancelButton: 'btn btn-danger'
},
buttonsStyling: false
});
try {
// 1️⃣ Sahkan tindakan
const confirm = await swalWithBootstrapButtons.fire({
title: 'Mohon Kelulusan Operasi',
text: 'Adakah anda pasti mahu mohon kelulusan operasi untuk assign sebagai anggota?',
icon: 'question',
showCancelButton: true,
confirmButtonText: 'Ya, Hantar Mohon',
cancelButtonText: 'Batal',
reverseButtons: true
});
if (!confirm.isConfirmed) {
await Swal.fire('Dibatalkan', 'Tindakan tidak diteruskan.', 'info');
return;
}
console.log(confirm);
// 2️⃣ Masukkan komen
const komenPrompt = await Swal.fire({
title: 'Masukkan Komen',
input: 'text',
inputPlaceholder: 'Contoh: Layak sebagai anggota',
showCancelButton: true,
confirmButtonText: 'Hantar',
cancelButtonText: 'Batal',
inputValidator: (value) => !value && 'Sila masukkan komen!'
});
if (!komenPrompt.isConfirmed) {
await Swal.fire('Dibatalkan', 'Tiada komen dimasukkan.', 'info');
return;
}
const komen = komenPrompt.value;
// 3️⃣ Papar popup loading
Swal.fire({
title: 'Tunggu Pengesahan Operasi',
text: 'Permohonan sedang menunggu kelulusan operasi...',
icon: 'info',
allowOutsideClick: false,
allowEscapeKey: false,
showConfirmButton: false,
didOpen: () => Swal.showLoading()
});
// 4️⃣ Aktifkan listener Pusher terlebih dahulu
const pusher = new Pusher("{{ env('PUSHER_APP_KEY') }}", {
cluster: 'ap1',
encrypted: true
});
const channel = pusher.subscribe('notice-anggota');
channel.bind('my-anggota', function (data) {
// Padankan hanya berdasarkan noic
console.log(data,noic);
if (data.noic == noic) {
Swal.close(); // tutup loading
if (data.status === 'DILULUSKAN') {
Swal.fire({
icon: 'success',
title: 'Diluluskan oleh Operasi',
confirmButtonText: 'OK'
}).then(() => location.reload());
} else if (data.status === 'DITOLAK') {
Swal.fire({
icon: 'warning',
title: 'Permohonan Dibatalkan',
confirmButtonText: 'OK'
});
}
}
});
// 5️⃣ Hantar permohonan ke backend
const response = await fetch("{{ route('operasi.createkelulusan-anggota') }}", {
method: 'POST',
headers: {
"Content-Type": "application/json",
"X-CSRF-TOKEN": "{{ csrf_token() }}"
},
body: JSON.stringify({
mohon: "Assign Anggota",
nokp: noic,
komen: komen,
teller: "{{ Auth::user()->name }}",
tagoperasi: 1 // tunggu kelulusan operasi
})
});
const result = await response.json();
if (!response.ok || !result) throw new Error(result.message || 'Ralat semasa menghantar permohonan.');
console.log(result);
} catch (error) {
console.error('Ralat mohonKelulusanOperasiAnggota:', error);
Swal.fire({
icon: 'error',
title: 'Ralat',
text: 'Gagal menghantar permohonan kelulusan operasi. Sila cuba semula.'
});
}
}
</script>
<script>
$('#kodkerja').on('change', function() {