Untitled

<div id="display">
  <div class="table-responsive no-margin">
    <table class="table table-striped no-padding dataTables" width="100%">
      <thead>
        <tr>
          <th style="white-space: nowrap;">No. RM</th>
          <th style="white-space: nowrap;">Nama Pasien</th>
          <th style="white-space: nowrap;">ID Kunjungan</th>
          <th style="white-space: nowrap;">Antrian</th>
          <th style="white-space: nowrap;">Poliklinik</th>
          <th style="white-space: nowrap;">Dokter</th>
          <th style="white-space: nowrap;">Penjamin</th>
          <th style="white-space: nowrap;">No. Asuransi</th>
          <th style="white-space: nowrap;">Tgl. Kunjungan</th>
          <th style="white-space: nowrap;">Stts. Periksa</th>
          <th style="white-space: nowrap;">Stts. Lanjut</th>
          <th style="white-space: nowrap;">Stts. Bayar</th>
        </tr>
      </thead>
      <tbody>
        {loop: $rawat_jalan.list}
        <tr{if: $value.stts == 'Sudah'} style="background-color: #dff0d8 !important;"{/if}>
          <td style="white-space: nowrap;">
            <span class="dropdown-toggle" data-toggle="dropdown" data-disabled="true" aria-expanded="true"><button type="button" name="button" class="btn btn-sm btn-default">{$value.no_rkm_medis} <span class="caret"></span></button></span>
            <ul class="dropdown-menu" role="menu">
              {if: $cek_vclaim}
                <li><a href="{?=url([ADMIN, 'pasien', 'vclaim_bynokartu', $value.no_peserta, date('Y-m-d')])?}" data-toggle="modal" data-target="#asuransiModal">[BPJS] Cek Nomor Kartu</a></li>
                <li><a href="{?=url([ADMIN, 'pasien', 'vclaim_bynik', $value.no_ktp, date('Y-m-d')])?}" data-toggle="modal" data-target="#asuransiModal">[BPJS] Cek Nomor KTP</a></li>
              {/if}
              <li><a href="{?=url([ADMIN, 'pasien', 'resumeperawatan', $value.no_rkm_medis])?}" data-toggle="modal" data-target="#riwayatModal">Resume Perawatan</a></li>
              <li><a href="{?=url([ADMIN, 'pasien', 'riwayatperawatan', $value.no_rkm_medis])?}" data-toggle="modal" data-target="#riwayatModal">Riwayat Perawatan</a></li>
              {if: $this->core->getUserInfo('role') == 'admin' || $this->core->getUserInfo('role') == 'medis' || $this->core->getUserInfo('role') == 'paramedis'}
              <li><a href="#soap" data-no_rawat="{$value.no_rawat}" data-no_rkm_medis="{$value.no_rkm_medis}" data-nm_pasien="{$value.nm_pasien}">SOAP & Pemeriksaan</a></li>
              <li><a href="#layanan_obat" data-no_rawat="{$value.no_rawat}" data-no_rkm_medis="{$value.no_rkm_medis}" data-nm_pasien="{$value.nm_pasien}">Layanan & Obat</a></li>
              <li><a href="#surat_kontrol" data-no_rawat="{$value.no_rawat}" data-no_rkm_medis="{$value.no_rkm_medis}" data-nm_pasien="{$value.nm_pasien}" data-tgl_registrasi="{$value.tgl_registrasi}">Surat Kontrol</a></li>
              {/if}
            </ul>
          </td>
          <td style="white-space: nowrap;"><a href="#soap" data-no_rawat="{$value.no_rawat}" data-no_rkm_medis="{$value.no_rkm_medis}" data-nm_pasien="{$value.nm_pasien}">{$value.nm_pasien}</a></td>
          <td style="white-space: nowrap;"><a href="{$value.viewURL}">{$value.no_rawat}</a></td>
          <td style="white-space: nowrap;">
            <button type="button" name="button" class="btn btn-xs btn-warning antrian"
              data-no_rawat="{$value.no_rawat}"
              {if: $this->core->getUserInfo('role') == 'medis' || $this->core->getUserInfo('role') == 'paramedis'}
              disabled
              {/if}
            ><span class="fa fa-print"></span> {$value.no_reg}</button> {if: $responsivevoice == 'true'}<a href="#status_rawat" rel="tag" data-no_rawat="{$value.no_rawat}" data-stts="{$value.stts}"><button type="button" name="button" class="btn btn-xs btn-primary panggil" data-nm_pasien="{?=strtolower($value.nm_pasien)?}" data-nm_poli="{?=strtolower($value.nm_poli)?}" data-no_reg="{?=strtolower($value.no_reg)?}"><i class="fa fa-bullhorn"></i><span class="hidden-xs hidden-sm">panggil</span></button></a>{/if}</td>
          <td style="white-space: nowrap;"><a href="#layanan_obat" data-no_rawat="{$value.no_rawat}" data-no_rkm_medis="{$value.no_rkm_medis}" data-nm_pasien="{$value.nm_pasien}">{$value.nm_poli}</a></td>
          <td style="white-space: nowrap;">
              {if: $this->core->getUserInfo('role') == 'admin' || $this->core->getUserInfo('role') == 'medis' || $this->core->getUserInfo('role') == 'paramedis'}
              <a href="#status_rawat_sudah" data-no_rawat="{$value.no_rawat}">{$value.nm_dokter}</a>{/if} </td>
          <td style="white-space: nowrap;">{$value.png_jawab}</td>
          <td style="white-space: nowrap;">{$value.no_peserta}</td>
          <td style="white-space: nowrap;">{$value.tgl_registrasi} {$value.jam_reg}</td>
          <td style="white-space: nowrap;">{$value.stts}</td>
          <td style="white-space: nowrap;">{$value.status_lanjut}</td>
          <td style="white-space: nowrap;">{$value.status_bayar}</td>
        </tr>
        {/loop}
      </tbody>
    </table>
  </div>
</div>
<div class="modal fade" id="asuransiModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>
<div class="modal fade" id="riwayatModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-full" role="document">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>
<div class="modal fade" id="resepModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-full" role="document">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>
<script>
  // ketika baris data diklik
  //$("#display").on("click", ".layanan_obat", function(event){
  $('a[href="#layanan_obat"]').click(function(event){
    var baseURL = mlite.url + '/' + mlite.admin;
    event.preventDefault();

    var no_rawat = $(this).attr("data-no_rawat");
    var no_rkm_medis = $(this).attr("data-no_rkm_medis");
    var nm_pasien = $(this).attr("data-nm_pasien");

    $('input:text[name=no_rawat]').val(no_rawat);
    $('input:text[name=no_rkm_medis]').val(no_rkm_medis);
    $('input:text[name=nm_pasien]').val(nm_pasien);
    $("#display").hide();

    var url = baseURL + '/dokter_ralan/rincian?t=' + mlite.token;
    $.post(url, {no_rawat : no_rawat,
    }, function(data) {
      // tampilkan data
      $("#form_rincian").show();
      $("#form").hide();
      $("#notif").hide();
      $("#form_soap").hide();
      $("#form_kontrol").hide();
      $("#rincian").html(data).show();
    });
  });
</script>
<script>
  //$("#display").on("click", ".soap", function(event){
  $('a[href="#soap"]').click(function(event){
    var baseURL = mlite.url + '/' + mlite.admin;
    event.preventDefault();

    var no_rawat = $(this).attr("data-no_rawat");
    var no_rkm_medis = $(this).attr("data-no_rkm_medis");
    var nm_pasien = $(this).attr("data-nm_pasien");
    var tgl_registrasi = $(this).attr("data-tgl_registrasi");

    $('input:text[name=no_rawat]').val(no_rawat);
    $('input:text[name=no_rkm_medis]').val(no_rkm_medis);
    $('input:text[name=nm_pasien]').val(nm_pasien);
    $('input:text[name=tgl_registrasi]').val(tgl_registrasi);
    $("#display").hide();

    var url = baseURL + '/dokter_ralan/soap?t=' + mlite.token;
    $.post(url, {no_rawat : no_rawat,
    }, function(data) {
      // tampilkan data
      $("#form_rincian").hide();
      $("#form").hide();
      $("#notif").hide();
      $("#form_soap").show();
      $("#form_kontrol").hide();
      $("#soap").html(data).show();
    });
  }); 
  
  $('a[href="#status_rawat"]').click(function(event){
    var baseURL = mlite.url + '/' + mlite.admin;
    event.preventDefault();
    var url = baseURL + '/rawat_jalan/statusrawat?t=' + mlite.token;
    var no_rawat = $(this).attr("data-no_rawat");
    var stts = $(this).attr("data-stts");

    // tampilkan dialog konfirmasi

    bootbox.prompt({
        title: "Status lanjut pasien.",
        message: '',
        inputType: 'radio',
        value: stts,
        inputOptions: [
        {
            text: 'Berkas Dikirim',
            value: 'Berkas Dikirim',
        },
        {
            text: 'Berkas Diterima',
            value: 'Berkas Diterima',
        },
        {
            text: 'Belum Periksa',
            value: 'Belum',
        },
        {
            text: 'Sudah Periksa',
            value: 'Sudah',
        },
        {
            text: 'Batal Periksa',
            value: 'Batal',
        },
        {
            text: 'Pasien Dirujuk',
            value: 'Dirujuk',
        },
        {
            text: 'Meninggal',
            value: 'Meninggal',
        },
        {
            text: 'Dirawat',
            value: 'Dirawat',
        },
        {
            text: 'Pulang Paksa',
            value: 'Pulang Paksa',
        }
        ],
        callback: function (result) {
            console.log(result);
            // ketika ditekan tombol ok
            if (result){
              // mengirimkan perintah penghapusan
              $.post(url, {
                no_rawat: no_rawat,
                stts: result
              } ,function(data) {
                // sembunyikan form, tampilkan data yang sudah di perbaharui, tampilkan notif
                $("#display").load(baseURL + '/rawat_jalan/display?t=' + mlite.token);
                $('#notif').html("<div class=\"alert alert-success alert-dismissible fade in\" role=\"alert\" style=\"border-radius:0px;margin-top:-15px;\">"+
                "Status lanjut pasien telah disimpan!"+
                "<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">&times;</button>"+
                "</div>").show();
              });
            }
        }
    });
  });
  
    $('a[href="#status_rawat_sudah"]').click(function(event){
    var baseURL = mlite.url + '/' + mlite.admin;
    event.preventDefault();
    var url = baseURL + '/rawat_jalan/statusrawat?t=' + mlite.token;
    var no_rawat = $(this).attr("data-no_rawat");
    var stts = $(this).attr("data-stts");

    // tampilkan dialog konfirmasi

    bootbox.prompt({
        title: "Status lanjut pasien.",
        message: '',
        inputType: 'radio',
        value: stts,
        inputOptions: [
                {
            text: 'Sudah Periksa',
            value: 'Sudah',
        }
        ],
        callback: function (result) {
            console.log(result);
            // ketika ditekan tombol ok
            if (result){
              // mengirimkan perintah penghapusan
              $.post(url, {
                no_rawat: no_rawat,
                stts: result
              } ,function(data) {
                // sembunyikan form, tampilkan data yang sudah di perbaharui, tampilkan notif
                $("#display").load(baseURL + '/rawat_jalan/display?t=' + mlite.token);
                $('#notif').html("<div class=\"alert alert-success alert-dismissible fade in\" role=\"alert\" style=\"border-radius:0px;margin-top:-15px;\">"+
                "Status lanjut pasien telah disimpan!"+
                "<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">&times;</button>"+
                "</div>").show();
              });
            }
        }
    });
  });
  
</script>
<script>
  $('a[href="#surat_kontrol"]').click(function(event){
    var baseURL = mlite.url + '/' + mlite.admin;
    event.preventDefault();

    var no_rawat = $(this).attr("data-no_rawat");
    var no_rkm_medis = $(this).attr("data-no_rkm_medis");
    var nm_pasien = $(this).attr("data-nm_pasien");
    var tgl_registrasi = $(this).attr("data-tgl_registrasi");

    $('input:text[name=no_rawat]').val(no_rawat);
    $('input:text[name=no_rkm_medis]').val(no_rkm_medis);
    $('input:text[name=nm_pasien]').val(nm_pasien);
    $('input:text[name=tgl_registrasi]').val(tgl_registrasi);
    $("#display").hide();

    var url = baseURL + '/dokter_ralan/kontrol?t=' + mlite.token;
    $.post(url, {no_rkm_medis : no_rkm_medis,
    }, function(data) {
      // tampilkan data
      $("#form_rincian").hide();
      $("#form").hide();
      $("#notif").hide();
      $("#form_soap").hide();
      $("#form_kontrol").show();
      $("#surat_kontrol").html(data).show();
    });
  });
</script>
<script type="text/javascript">
  $(".alert-dismissible").fadeTo(3000, 500).slideUp(500);
  $('.dataTables').DataTable({
    "order": [[ 3, "desc" ]],
    "pagingType": "full",
    "language": {
      "paginate": {
        "first": "&laquo;",
        "last": "&raquo;",
        "previous": "‹",
        "next":     "›"
      },
      "search": "",
      "searchPlaceholder": "Search..."
    },
    "lengthChange": false,
    "scrollX": true,
    dom: "<<'data-table-title'><'datatable-search'f>><'row'<'col-sm-12'tr>><<'pmd-datatable-pagination' l i p>>"
  });
  var t = $(".dataTables").DataTable().rows().count();
  $(".data-table-title").html('<h3 style="display:inline;float:left;margin-top:0;" class="hidden-xs">Total: ' + t + '</h3>');
</script>
<script type="text/javascript">
   $(function () {
       $('.tanggal').datetimepicker({
         format: 'YYYY-MM-DD',
         locale: 'id'
       });
   });
   $(function () {
       $('.jam').datetimepicker({
         format: 'HH:mm:ss',
         locale: 'id'
       });
   });
</script>
<script>
  $('body').on('hidden.bs.modal', '.modal', function () {
      $(this).removeData('bs.modal');
  });
</script>