Advertisement
dhiforester

Pasien js

Dec 19th, 2023
1,721
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 11.66 KB | Fixit | 0 0
  1. //Menampilkan Akses Pertama Kali
  2. $('#MenampilkanTabelPasien').html("Loading...");
  3. var ProsesBatas = $('#ProsesBatas').serialize();
  4. $.ajax({
  5.     type        : 'POST',
  6.     url         : '_Page/Pasien/TabelPasien.php',
  7.     data        :  ProsesBatas,
  8.     success     : function(data){
  9.         $('#MenampilkanTabelPasien').html(data);
  10.     }
  11. });
  12. //Ketika Batas Data Diubah
  13. $('#batas').change(function(){
  14.     var ProsesBatas = $('#ProsesBatas').serialize();
  15.     $('#MenampilkanTabelPasien').html('Loading...');
  16.     $.ajax({
  17.         type        : 'POST',
  18.         url         : '_Page/Pasien/TabelPasien.php',
  19.         data        :  ProsesBatas,
  20.         success     : function(data){
  21.             $('#MenampilkanTabelPasien').html(data);
  22.         }
  23.     });
  24. });
  25. //Ketika keyword_by
  26. $('#keyword_by').change(function(){
  27.     var keyword_by = $('#keyword_by').val();
  28.     $('#FormKeyword').html('Loading...');
  29.     $.ajax({
  30.         type        : 'POST',
  31.         url         : '_Page/Pasien/FormKeyword.php',
  32.         data        :  {keyword_by: keyword_by},
  33.         success     : function(data){
  34.             $('#FormKeyword').html(data);
  35.         }
  36.     });
  37. });
  38. //Ketika Submit Proses Filter Dan Pencarian
  39. $('#ProsesBatas').submit(function(){
  40.     var ProsesBatas = $('#ProsesBatas').serialize();
  41.     $('#MenampilkanTabelPasien').html('Loading...');
  42.     $.ajax({
  43.         type        : 'POST',
  44.         url         : '_Page/Pasien/TabelPasien.php',
  45.         data        :  ProsesBatas,
  46.         success     : function(data){
  47.             $('#MenampilkanTabelPasien').html(data);
  48.         }
  49.     });
  50. });
  51. //Ketika Modal Tambah Pasien Muncul
  52. $('#ModalTambahPasien').on('show.bs.modal', function (e) {
  53.     $('#NotifikasiTambahPasien').html('<small><code class="text-primary">Pastkan data pasien yang anda input sudah benar</code></small>');
  54. });
  55. //Ketika Mengetik nama
  56. $('#nama').keyup(function(){
  57.     var textValue = $('#nama').val();
  58.     //Hitung Jumlah Karakter
  59.     var lengthValue=textValue.length;
  60.     //menampilkan Pada label
  61.     $('#panjang_nama').html(lengthValue);
  62.     //Batas Krakter Yang diketik
  63.     var maxLength=50;
  64.     if (lengthValue > maxLength) {
  65.         // Potong teks menjadi maxLength karakter
  66.         var truncatedText = textValue.substring(0, maxLength);
  67.         // Atur nilai input menjadi teks yang dipotong
  68.         $(this).val(truncatedText);
  69.     }
  70. });
  71. //Ketika Mengetik tempat_lahir
  72. $('#tempat_lahir').keyup(function(){
  73.     var textValue = $('#tempat_lahir').val();
  74.     //Hitung Jumlah Karakter
  75.     var lengthValue=textValue.length;
  76.     //menampilkan Pada label
  77.     $('#panjang_tempat_lahir').html(lengthValue);
  78.     //Batas Krakter Yang diketik
  79.     var maxLength=20;
  80.     if (lengthValue > maxLength) {
  81.         // Potong teks menjadi maxLength karakter
  82.         var truncatedText = textValue.substring(0, maxLength);
  83.         // Atur nilai input menjadi teks yang dipotong
  84.         $(this).val(truncatedText);
  85.     }
  86. });
  87. //Ketika Mengetik alamat
  88. $('#alamat').keyup(function(){
  89.     var textValue = $('#alamat').val();
  90.     //Hitung Jumlah Karakter
  91.     var lengthValue=textValue.length;
  92.     //menampilkan Pada label
  93.     $('#panjang_alamat').html(lengthValue);
  94.     //Batas Krakter Yang diketik
  95.     var maxLength=50;
  96.     if (lengthValue > maxLength) {
  97.         // Potong teks menjadi maxLength karakter
  98.         var truncatedText = textValue.substring(0, maxLength);
  99.         // Atur nilai input menjadi teks yang dipotong
  100.         $(this).val(truncatedText);
  101.     }
  102. });
  103. //propinsi
  104. $('#propinsi').change(function(){
  105.     $('#desa').html("<option>Pilih</option>");
  106.     $('#kecamatan').html("<option>Pilih</option>");
  107.     $('#kabupaten').html("<option>Loading..</option>");
  108.     var kategori = "Kota Kabupaten";
  109.     var KodeWilayah = $('#propinsi').val();
  110.     $.ajax({
  111.         type    : 'POST',
  112.         url     : '_Page/Pasien/PilihWilayah.php',
  113.         data    :  {kategori: kategori, KodeWilayah: KodeWilayah},
  114.         success : function(data){
  115.             $('#kabupaten').html(data);
  116.         }
  117.     });
  118. });
  119. //Kabupaten
  120. $('#kabupaten').change(function(){
  121.     $('#desa').html("<option>Pilih</option>");
  122.     $('#kecamatan').html("<option>Loading..</option>");
  123.     var kategori = "Kecamatan";
  124.     var KodeWilayah = $('#kabupaten').val();
  125.     $.ajax({
  126.         type    : 'POST',
  127.         url     : '_Page/Pasien/PilihWilayah.php',
  128.         data    :  {kategori: kategori, KodeWilayah: KodeWilayah},
  129.         success : function(data){
  130.             $('#kecamatan').html(data);
  131.         }
  132.     });
  133. });
  134. //Kecamatan
  135. $('#kecamatan').change(function(){
  136.     $('#desa').html("<option>Loading..</option>");
  137.     var kategori = "Kelurahan";
  138.     var KodeWilayah = $('#kecamatan').val();
  139.     $.ajax({
  140.         type    : 'POST',
  141.         url     : '_Page/Pasien/PilihWilayah.php',
  142.         data    :  {kategori: kategori, KodeWilayah: KodeWilayah},
  143.         success : function(data){
  144.             $('#desa').html(data);
  145.         }
  146.     });
  147. });
  148. //Ketika Proses Submit Tambah Pasien
  149. $('#ProsesTambahPasien').submit(function(){
  150.     $('#NotifikasiTambahPasien').html('<div class="spinner-border text-secondary" role="status"><span class="sr-only"></span></div>');
  151.     var form = $('#ProsesTambahPasien')[0];
  152.     var data = new FormData(form);
  153.     $.ajax({
  154.         type        : 'POST',
  155.         url         : '_Page/Pasien/ProsesTambahPasien.php',
  156.         data        :  data,
  157.         cache       : false,
  158.         processData : false,
  159.         contentType : false,
  160.         enctype     : 'multipart/form-data',
  161.         success     : function(data){
  162.             $('#NotifikasiTambahPasien').html(data);
  163.             var NotifikasiTambahPasienBerhasil=$('#NotifikasiTambahPasienBerhasil').html();
  164.             if(NotifikasiTambahPasienBerhasil=="Success"){
  165.                 //Menutup Modal
  166.                 $('#ModalTambahPasien').modal('hide');
  167.                 //Reset Form Tambah
  168.                 $('#ProsesTambahPasien')[0].reset();
  169.                 //Reset Form Filter Data
  170.                 $('#ProsesBatas')[0].reset();
  171.                 //Menampilkan Data
  172.                 var ProsesBatas = $('#ProsesBatas').serialize();
  173.                 $.ajax({
  174.                     type        : 'POST',
  175.                     url         : '_Page/Pasien/TabelPasien.php',
  176.                     data        :  ProsesBatas,
  177.                     success     : function(data){
  178.                         $('#MenampilkanTabelPasien').html(data);
  179.                     }
  180.                 });
  181.                 //Menampilkan Swal
  182.                 swal("Berhasil!", "Tambah Pasien Berhasil", "success");
  183.             }
  184.         }
  185.     });
  186. });
  187. //Modal Detail Pasien
  188. $('#ModalDetailPasien').on('show.bs.modal', function (e) {
  189.     var id_pasien = $(e.relatedTarget).data('id');
  190.     $('#FormDetailPasien').html("Loading...");
  191.     $.ajax({
  192.         type        : 'POST',
  193.         url         : '_Page/Pasien/FormDetailPasien.php',
  194.         data        : {id_pasien: id_pasien},
  195.         success     : function(data){
  196.             $('#FormDetailPasien').html(data);
  197.         }
  198.     });
  199. });
  200. //Modal Edit Pasien
  201. $('#ModalEditPasien').on('show.bs.modal', function (e) {
  202.     var id_pasien = $(e.relatedTarget).data('id');
  203.     $('#FormEditPasien').html("Loading...");
  204.     $('#NotifikasiEditPasien').html('<small><code class="text-primary">Pastkan data pasien yang anda input sudah benar</code></small>');
  205.     $.ajax({
  206.         type        : 'POST',
  207.         url         : '_Page/Pasien/FormEditPasien.php',
  208.         data        : {id_pasien: id_pasien},
  209.         success     : function(data){
  210.             $('#FormEditPasien').html(data);
  211.         }
  212.     });
  213. });
  214. //Ketika Proses Submit Edit Pasien
  215. $('#ProsesEditPasien').submit(function(){
  216.     $('#NotifikasiEditPasien').html('<div class="spinner-border text-secondary" role="status"><span class="sr-only"></span></div>');
  217.     var form = $('#ProsesEditPasien')[0];
  218.     var data = new FormData(form);
  219.     $.ajax({
  220.         type        : 'POST',
  221.         url         : '_Page/Pasien/ProsesEditPasien.php',
  222.         data        :  data,
  223.         cache       : false,
  224.         processData : false,
  225.         contentType : false,
  226.         enctype     : 'multipart/form-data',
  227.         success     : function(data){
  228.             $('#NotifikasiEditPasien').html(data);
  229.             var NotifikasiEditPasienBerhasil=$('#NotifikasiEditPasienBerhasil').html();
  230.             if(NotifikasiEditPasienBerhasil=="Success"){
  231.                 //Menutup Modal
  232.                 $('#ModalEditPasien').modal('hide');
  233.                 //Reset Form Edit
  234.                 $('#ProsesEditPasien')[0].reset();
  235.                 //Menampilkan Data
  236.                 var ProsesBatas = $('#ProsesBatas').serialize();
  237.                 $.ajax({
  238.                     type        : 'POST',
  239.                     url         : '_Page/Pasien/TabelPasien.php',
  240.                     data        :  ProsesBatas,
  241.                     success     : function(data){
  242.                         $('#MenampilkanTabelPasien').html(data);
  243.                     }
  244.                 });
  245.                 //Menampilkan Swal
  246.                 swal("Berhasil!", "Edit Pasien Berhasil", "success");
  247.             }
  248.         }
  249.     });
  250. });
  251. //Modal Hapus Pasien
  252. $('#ModalHapusPasien').on('show.bs.modal', function (e) {
  253.     var id_pasien = $(e.relatedTarget).data('id');
  254.     $('#PutIdPasien').val(id_pasien);
  255.     $('#NotifikasiHapusPasien').html('<small><code class="text-primary">Apakah anda yakin akan menghapus data ini?</code></small>');
  256. });
  257. //Ketika Proses Submit Hapus Pasien
  258. $('#ProsesHapusPasien').submit(function(){
  259.     $('#NotifikasiHapusPasien').html('<div class="spinner-border text-secondary" role="status"><span class="sr-only"></span></div>');
  260.     var form = $('#ProsesHapusPasien')[0];
  261.     var data = new FormData(form);
  262.     $.ajax({
  263.         type        : 'POST',
  264.         url         : '_Page/Pasien/ProsesHapusPasien.php',
  265.         data        :  data,
  266.         cache       : false,
  267.         processData : false,
  268.         contentType : false,
  269.         enctype     : 'multipart/form-data',
  270.         success     : function(data){
  271.             $('#NotifikasiHapusPasien').html(data);
  272.             var NotifikasiHapusPasienBerhasil=$('#NotifikasiHapusPasienBerhasil').html();
  273.             if(NotifikasiHapusPasienBerhasil=="Success"){
  274.                 //Menutup Modal
  275.                 $('#ModalHapusPasien').modal('hide');
  276.                 //Reset Form Hapus
  277.                 $('#ProsesHapusPasien')[0].reset();
  278.                 //Menampilkan Data
  279.                 var ProsesBatas = $('#ProsesBatas').serialize();
  280.                 $.ajax({
  281.                     type        : 'POST',
  282.                     url         : '_Page/Pasien/TabelPasien.php',
  283.                     data        :  ProsesBatas,
  284.                     success     : function(data){
  285.                         $('#MenampilkanTabelPasien').html(data);
  286.                     }
  287.                 });
  288.                 //Menampilkan Swal
  289.                 swal("Berhasil!", "Hapus Pasien Berhasil", "success");
  290.             }
  291.         }
  292.     });
  293. });
  294. //Modal Detail NIK
  295. $('#ModalDetailNik').on('show.bs.modal', function (e) {
  296.     var nik = $(e.relatedTarget).data('id');
  297.     $('#FormDetailNik').html("Loading...");
  298.     $.ajax({
  299.         type        : 'POST',
  300.         url         : '_Page/Pasien/FormDetailNik.php',
  301.         data        : {nik: nik},
  302.         success     : function(data){
  303.             $('#FormDetailNik').html(data);
  304.         }
  305.     });
  306. });
  307. //Modal Detail BPJS
  308. $('#ModalDetailBpjs').on('show.bs.modal', function (e) {
  309.     var no_bpjs = $(e.relatedTarget).data('id');
  310.     $('#FormDetailBpjs').html("Loading...");
  311.     $.ajax({
  312.         type        : 'POST',
  313.         url         : '_Page/Pasien/FormDetailBpjs.php',
  314.         data        : {no_bpjs: no_bpjs},
  315.         success     : function(data){
  316.             $('#FormDetailBpjs').html(data);
  317.         }
  318.     });
  319. });
Tags: simrs
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement