update all blade views for kadar anggota koperasi
This commit is contained in:
@@ -71,12 +71,27 @@
|
||||
</form>
|
||||
</div>
|
||||
@if($search == true && $blacklist_search == false)
|
||||
<div class="text-center mt-3">
|
||||
<button type="button" style="margin:auto" class="btn btn-primary" onclick="newcustomer()">
|
||||
Daftar Pelanggan
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
<div class="text-center mt-3">
|
||||
|
||||
{{-- ✅ Jika anggota tapi belum daftar pelanggan --}}
|
||||
@if(isset($showDaftarPelangganBtn) && $showDaftarPelangganBtn)
|
||||
<button type="button" style="margin:auto" class="btn btn-success" onclick="newcustomer()">
|
||||
Daftar Pelanggan
|
||||
</button>
|
||||
@endif
|
||||
|
||||
{{-- ✅ Jika pelanggan dah ada tapi belum anggota --}}
|
||||
@if(isset($showAssignAnggotaBtn) && $showAssignAnggotaBtn)
|
||||
<form action="{{ route('customers.assignAnggota') }}" method="POST" style="display:inline-block;">
|
||||
@csrf
|
||||
<input type="hidden" name="noic" value="{{ $noic }}">
|
||||
<button type="submit" class="btn btn-primary">Assign sebagai Anggota</button>
|
||||
</form>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- Modal No KP -->
|
||||
@@ -478,42 +493,75 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var api_url = "<?php echo $api_url ?>";
|
||||
var search = "<?php echo $search ?>";
|
||||
var type_id = "<?php echo $idtype ?>";
|
||||
var blacklist_search = "<?php echo $blacklist_search ?>";
|
||||
var api_url = @json($api_url ?? '');
|
||||
var search = @json($search ?? false);
|
||||
var type_id = @json($idtype ?? '');
|
||||
var isAnggota = @json($isAnggota ?? false);
|
||||
var isPelanggan = @json($isPelanggan ?? false);
|
||||
var blacklist_search = @json($blacklist_search ?? false);
|
||||
var showAssignAnggotaBtn = @json($showAssignAnggotaBtn ?? false);
|
||||
var showDaftarPelangganBtn = @json($showDaftarPelangganBtn ?? false);
|
||||
|
||||
$(document).ready(function(){
|
||||
// Datepicker
|
||||
$('#passport_tarikh_lahir').datepicker({
|
||||
format: 'dd/mm/yyyy',
|
||||
endDate: new Date()
|
||||
});
|
||||
|
||||
var noic = $('#noic').val();
|
||||
identifyIC(noic);
|
||||
if (typeof identifyIC === 'function') {
|
||||
identifyIC(noic);
|
||||
}
|
||||
|
||||
if(search == true){
|
||||
if(blacklist_search == true){
|
||||
Swal.fire({
|
||||
icon: 'warning',
|
||||
title: 'Amaran!',
|
||||
text: 'Pelanggan telah disenarai hitamkan dari Pembiayaan'
|
||||
});
|
||||
event.preventDefault();
|
||||
return false;
|
||||
}else{
|
||||
Swal.fire({
|
||||
icon: 'info',
|
||||
title: 'Pelanggan Tiada Dalam Rekod!',
|
||||
text: 'Sila Daftar Pelanggan'
|
||||
});
|
||||
event.preventDefault();
|
||||
return false;
|
||||
// Debug: Papar semua nilai dalam console
|
||||
console.log({
|
||||
search,
|
||||
blacklist_search,
|
||||
showAssignAnggotaBtn,
|
||||
showDaftarPelangganBtn
|
||||
});
|
||||
|
||||
// Logik amaran SweetAlert
|
||||
if("{{ auth()->user()->cawangan }}" == 'X0301'){
|
||||
if (search === true) {
|
||||
if (blacklist_search === true) {
|
||||
Swal.fire({
|
||||
icon: 'warning',
|
||||
title: 'Amaran!',
|
||||
text: 'Pelanggan telah disenarai hitamkan dari Pembiayaan.'
|
||||
});
|
||||
}
|
||||
else if (isAnggota && !isPelanggan) {
|
||||
Swal.fire({
|
||||
icon: 'info',
|
||||
title: 'Anggota Belum Didaftarkan!',
|
||||
text: 'Pelanggan ini adalah anggota koperasi tetapi belum berdaftar sebagai pelanggan.'
|
||||
});
|
||||
}
|
||||
else if (isPelanggan && !isAnggota) {
|
||||
Swal.fire({
|
||||
icon: 'info',
|
||||
title: 'Pelanggan Bukan Anggota!',
|
||||
text: 'Pelanggan ini berdaftar tetapi belum menjadi anggota koperasi.'
|
||||
});
|
||||
}
|
||||
else if (!isAnggota && !isPelanggan) {
|
||||
Swal.fire({
|
||||
icon: 'info',
|
||||
title: 'Pelanggan Tiada Dalam Rekod!',
|
||||
text: 'Sila Daftar Pelanggan.'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
function calculatePassportAge(){
|
||||
var passport_lahir = $('#passport_tarikh_lahir').val();
|
||||
var split_date = passport_lahir.split('/');
|
||||
|
||||
@@ -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() {
|
||||
|
||||
Reference in New Issue
Block a user