Segregate new postcode concerns to its own js file

public/js/poskod-concerns.js

@@ -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

@@ -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

@@ -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>