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

Segregate new postcode concerns to its own js file

Browse Source
This commit is contained in:
afiq.hamzah
2023-03-02 18:51:27 +08:00
parent e03d9165f2
commit 7b79496ccc
3 changed files with 87 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/poskod-concerns.js
Vendored
+73
View File
@@ -0,0 +1,73 @@
let handlePoskodDetail_NotFound = (modal) => {
let input_negeri = modal.querySelector('input#negeri');
let input_daerah = modal.querySelector('input#daerah');
let select_daerah = modal.querySelector('select#select-daerah');
input_daerah.closest('div.col-md-8').style.display = 'none';
input_daerah.disabled = 'true';
select_daerah.closest('div.col-md-8').style.display = 'block';
select_daerah.disabled = false;
select_daerah.readOnly = false;
input_negeri.value = '';
input_negeri.placeholder = '';
let getAllNegeri = () => {
return fetch(api_url + '/api/daerah');
};
let data_daerah = getAllNegeri().then(response => response.json())
.then(x => x.map(y => {
return {
"id": y.koddaerah,
"text": y.namadaerah + ' - ' + y.negeri.negeri,
}
})).then(x => {
$('#select-daerah').select2({
placeholder: "Sila pilih daerah pelanggan",
dropdownParent: $('#daftar_pelanggan'),
closeOnSelect: true,
data: x,
});
}).then(() => $('#select-daerah').val('').trigger('change'));
};
$('select.select2-daerah').on('select2:select', function (e) {
let caller = e.target || e.srcElement;
let modal = caller.closest('div.modal.fade');
let selected_daerah = e.params.data;
let getDaerahDetail = (koddaerah) => {
return fetch(api_url + '/api/daerah/' + koddaerah)
.then(response => response.json())
.then(x => fetch(api_url + '/api/negeri/' + x.kodnegeri))
.then(response => response.json())
};
let input_negeri = modal.querySelector('input#negeri');
getDaerahDetail(selected_daerah.id).then(x => input_negeri.value = x.negeri);
});
let handlePoskodDetail_Found = (modal) => {
let input_negeri = modal.querySelector('input#negeri');
let input_daerah = modal.querySelector('input#daerah');
let select_daerah = modal.querySelector('select#select-daerah');
select_daerah.closest('div.col-md-8').style.display = 'none';
select_daerah.disabled = 'true';
input_daerah.closest('div.col-md-8').style.display = 'block';
input_daerah.disabled = false;
input_negeri.readOnly = true;
input_negeri.placeholder = '';
input_daerah.readOnly = true;
input_daerah.placeholder = '';
};
resources/views/customers/index.blade.php
+1 -83
View File
@@ -7,14 +7,6 @@
position: absolute;
}
.select2-container .select2-selection--single {
height: 37px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0px;
}
</style>
<div class="container">
<div class="row justify-content-center">
@@ -554,81 +546,6 @@
reader.readAsDataURL(this.files[0]);
});
let handlePoskodDetail_NotFound = (modal) => {
let input_negeri = modal.querySelector('input#negeri');
let input_daerah = modal.querySelector('input#daerah');
let select_daerah = modal.querySelector('select#select-daerah');
input_daerah.closest('div.col-md-8').style.display = 'none' ;
input_daerah.disabled = 'true';
select_daerah.closest('div.col-md-8').style.display = 'block' ;
select_daerah.disabled = false;
select_daerah.readOnly = false;
input_negeri.value = '';
input_negeri.placeholder = '';
let getAllNegeri = () => {
return fetch(api_url+'/api/daerah');
};
let data_daerah = getAllNegeri().then(response => response.json())
.then(x => x.map(y => {
return {
"id": y.koddaerah,
"text": y.namadaerah + ' - ' + y.negeri.negeri,
}
})).then(x => {
$('#select-daerah').select2({
placeholder: "Sila pilih daerah pelanggan",
dropdownParent: $('#daftar_pelanggan'),
closeOnSelect: true,
data: x,
});
}).then(() => $('#select-daerah').val('').trigger('change'));
};
$('select.select2-daerah').on('select2:select', function (e) {
let caller = e.target || e.srcElement;
let modal = caller.closest('div.modal.fade');
let selected_daerah = e.params.data;
let getDaerahDetail = (koddaerah) => {
return fetch(api_url+'/api/daerah/'+koddaerah)
.then(response => response.json())
.then(x => fetch(api_url+'/api/negeri/'+x.kodnegeri))
.then(response => response.json())
};
let input_negeri = modal.querySelector('input#negeri');
getDaerahDetail(selected_daerah.id).then(x => input_negeri.value = x.negeri);
});
let handlePoskodDetail_Found = (modal) => {
let input_negeri = modal.querySelector('input#negeri');
let input_daerah = modal.querySelector('input#daerah');
let select_daerah = modal.querySelector('select#select-daerah');
select_daerah.closest('div.col-md-8').style.display = 'none' ;
select_daerah.disabled = 'true';
input_daerah.closest('div.col-md-8').style.display = 'block' ;
input_daerah.disabled = false;
input_negeri.readOnly = true;
input_negeri.placeholder = '';
input_daerah.readOnly = true;
input_daerah.placeholder = '';
};
$('#poskod').change(function(){
var poskod = this.value;
@@ -1357,6 +1274,7 @@
</script>
<script src="{{ asset('js/iris-mykad-websocket-client-api.js') }}"></script>
<script src="{{ asset('js/mykad-reader-customer.js') }}"></script>
<script src="{{ asset('js/poskod-concerns.js') }}"></script>
@endpush
@endsection
resources/views/layouts/app.blade.php
+13 -4
View File
@@ -76,6 +76,15 @@
flex-direction: column;
align-items: flex-start !important;
}
.select2-container .select2-selection--single {
height: 37px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0px;
}
</style>
</head>
@@ -318,11 +327,11 @@
</nav>
@if ($auth_user['roles'] == 'ppc' || $auth_user['roles'] == 'pc')
@php
@php
$current = Carbon\Carbon::now();
$tarikhsemasa = $current->toDateString();
$cawangan = App\CawanganAR::where('kodcaw',$auth_user['cawangan'])->get()->toArray();
$getVault = Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url').'/api/TunaiDiTangan/' . $auth_user['cawangan'],['tarikh' => $tarikhsemasa])->json();
@endphp
@@ -359,7 +368,7 @@
</script>
@endif
<main class="py-4">
@yield('content')
</main>