[ Mini Kiebo ]
Server: Windows NT AKFAR_SERVER 10.0 build 26200 (Windows 10) AMD64
Path:
D:
/
xampp.bak
/
htdocs
/
ujian
/
application
/
views
/
tes
/
[
Home
]
File: tes_token_view.php
<!-- Content Header (Page header) --> <section class="content-header"> <h1> Token <small>Membuat token untuk Tes</small> </h1> <ol class="breadcrumb"> <li><a href="<?php echo site_url(); ?>/"><i class="fa fa-dashboard"></i> Home</a></li> <li class="active">Token</li> </ol> </section> <!-- Main content --> <section class="content"> <div class="row"> <div class="col-xs-12"> <?php echo form_open($url.'/token','id="form-token"'); ?> <div class="callout callout-info"> <h4>Perhatian</h4> <p>Silahkan klik Generate Token untuk mendapatkan token yang akan diberikan ke user. Masa aktif Token berlaku selama satu hari.</p> </div> <div class="box"> <div class="box-header with-border"> <div class="box-title">Generate Token</div> <div class="box-tools pull-right"> <div class="dropdown pull-right"> <a style="cursor: pointer;" onclick="manual()">Token Tes Manual</a> </div> </div> </div><!-- /.box-header --> <div class="box-body"> <div class="col-xs-3"></div> <div class="col-xs-6"> <div class="small-box bg-aqua"> <div class="inner"> <h3><span id="isi-token">0</span></h3> <p>Token Tes</p> </div> <div class="icon"> <i class="fa fa-barcode"></i> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Masa Aktif</label> <div class="col-sm-9"> <select class="form-control input-sm" id="token-aktif" name="token-aktif"> <option value="1">1 Hari</option> <option value="5">5 menit</option> <option value="15">15 menit</option> <option value="30">30 menit</option> <option value="60">1 Jam</option> <option value="120">2 Jam</option> <option value="240">4 Jam</option> </select> <p class="help-block">Masa Aktif Token</p> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">Daftar Tes</label> <div class="col-sm-9"> <select class="form-control input-sm" id="token-tes" name="token-tes"> <?php if(!empty($select_tes)){ echo $select_tes; } ?> </select> <p class="help-block">Token dapat digunakan secara spesifik untuk suatu TES atau semua TES.</p> </div> </div> </div> <div class="col-xs-3"></div> </div> <div class="box-footer"> <button type="submit" class="btn btn-primary pull-right" id="import">Generate Token</button> </div> </div> </form> </div> </div> <div class="row"> <div class="col-xs-12"> <div class="box"> <div class="box-header with-border"> <div class="box-title">Daftar Token Hari Ini</div> </div><!-- /.box-header --> <div class="box-body"> <table id="table-token" class="table table-bordered table-hover"> <thead> <tr> <th class="all">No.</th> <th class="all">Token</th> <th>Waktu Generate</th> <th>Masa Aktif</th> <th>Tes</th> </tr> </thead> <tbody> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="modal" id="modal-token-manual" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"> <?php echo form_open($url.'/token_manual','id="form-token-manual"'); ?> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button class="close" type="button" data-dismiss="modal">×</button> <div id="trx-judul">Token Tes Manual</div> </div> <div class="modal-body"> <div class="row-fluid"> <div class="box-body"> <div id="form-pesan-manual"></div> <div class="form-group"> <label>Token Tes</label> <input type="text" class="form-control" id="manual-token" name="manual-token" placeholder="Token Tes"> <span class="help-block">Pastika Token Tes Manual belum pernah digunakan pada hari yang sama.</span> </div> <div class="form-group"> <label>Masa Aktif</label> <select class="form-control input-sm" id="manual-aktif" name="manual-aktif"> <option value="1">1 Hari</option> <option value="5">5 menit</option> <option value="15">15 menit</option> <option value="30">30 menit</option> <option value="60">1 Jam</option> <option value="120">2 Jam</option> <option value="240">4 Jam</option> </select> </div> <div class="form-group"> <label>Daftar Tes</label> <select class="form-control input-sm" id="manual-tes" name="manual-tes"> <?php if(!empty($select_tes)){ echo $select_tes; } ?> </select> <p class="help-block">Token dapat digunakan secara spesifik untuk suatu TES atau semua TES.</p> </div> </div> </div> </div> <div class="modal-footer"> <button type="submit" id="tambah-simpan" class="btn btn-primary">Simpan</button> <a href="#" class="btn btn-primary" data-dismiss="modal">Close</a> </div> </div> </div> </form> </div> </section><!-- /.content --> <script lang="javascript"> function refresh_table(){ $('#table-token').dataTable().fnReloadAjax(); } function manual(){ $('#form-pesan-manual').html(''); $('#manual-token').val(''); $("#modal-token-manual").modal("show"); $('#manual-token').focus(); } $(function(){ $('#form-token').submit(function(){ $("#modal-proses").modal('show'); $.ajax({ url:"<?php echo site_url().'/'.$url; ?>/token", type:"POST", data:$('#form-token').serialize(), cache: false, success:function(respon){ var obj = $.parseJSON(respon); if(obj.status==1){ $("#modal-proses").modal('hide'); $("#isi-token").html(obj.token); notify_success(obj.pesan); refresh_table(); }else{ $("#modal-proses").modal('hide'); $('#form-pesan').html(pesan_err(obj.pesan)); } } }); return false; }); $('#form-token-manual').submit(function(){ $("#modal-proses").modal('show'); var isi_token = $('#manual-token').val(); $.ajax({ url:"<?php echo site_url().'/'.$url; ?>/token_manual", type:"POST", data:$('#form-token-manual').serialize(), cache: false, success:function(respon){ var obj = $.parseJSON(respon); if(obj.status==1){ $("#modal-proses").modal('hide'); notify_success(obj.pesan); refresh_table(); $("#isi-token").html(isi_token); $("#modal-token-manual").modal('hide'); }else{ $("#modal-proses").modal('hide'); $('#form-pesan-manual').html(pesan_err(obj.pesan)); } } }); return false; }); $('#table-token').DataTable({ "paging": true, "iDisplayLength":10, "bProcessing": false, "bServerSide": true, "searching": true, "responsive": true, "aoColumns": [ {"bSearchable": false, "bSortable": false, "sWidth":"20px"}, {"bSearchable": false, "bSortable": false}, {"bSearchable": false, "bSortable": false}, {"bSearchable": false, "bSortable": false}, {"bSearchable": false, "bSortable": false}], "sAjaxSource": "<?php echo site_url().'/'.$url; ?>/get_datatable/", "autoWidth": false }); }); </script>