Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
- <div class="row">
- <div class="col-md-12 col-sm-12 col-xs-12">
- <div class="x-panel">
- <div class="x_title">
- <h2><?php echo $title?></h2>
- <div class="item form-group pull-right">
- <button type="button" id="btn-delete" class="btn btn-danger pull-right">
- <span class="glyphicon glyphicon-erase"></span>Delete
- </button>
- <button type="button" id="btn-tambah" class="btn btn-success pull-right">
- <span class="glyphicon glyphicon-plus"></span>Tambah
- </button>
- <button type="button" id="btn-browse" class="btn btn-default pull-right">
- <span class="glyphicon glyphicon-search"></span>Browse
- </button>
- <div id="itemasset" class="pull-right">
- <?php echo form_dropdown("nm_item",array('Pilih Item Asset'=>'Pilih Kategori Asset Dahulu'),"",'class ="form-control" id="item_id" disabled')?>
- </div>
- <div id="ktgrasset" class="pull-right">
- <?php echo form_dropdown("nm_ktgr_assets",$ktgr_asset,"",'class ="form-control" id="ktgr_assets_id" onChange="tampil_itemasset()"');?>
- </div>
- </div>
- <div class="clearfix"></div>
- </div>
- <div class="x_content">
- <div id="view">
- <table id="asset_sewa" class="display" width="100%" cellspacing="0">
- <thead>
- <tr class="headings">
- <th>
- <div>
- <input type="checkbox" id="check-all">
- </div>
- </th>
- <th>No</th>
- <th>Bulan/Tahun Perolehan</th>
- <th>Item Asset</th>
- <th>Kategori Asset</th>
- <th>Start Sewa</th>
- <th>End Sewa</th>
- <th>Pemilik</th>
- <th>Foto</th>
- <th>AtCost</th>
- <th>Status Approval</th>
- <th colspan = "2" class="text-center"><span class="glyphicon glyphicon-cog"></span></th>
- </tr>
- </thead>
- <tbody>
- <?php
- if ($data_awal->num_rows() > 0)
- {
- $i=1;
- foreach($data_awal->result_array() as $keys=>$key)
- {
- if ($i%2 == 0)
- $class = "odd pointer";
- else $class = "even pointer";
- if ($key['status_approval'] == '0')
- $status_approval = 'PENDING';
- else $status_approval = 'VALID';
- ?>
- <tr class="<?php echo $class?>">
- <td><div><input type="checkbox" class="data-check" value="<?php print $key['id_asset']?>"></div></td>
- <td class="align-middle"><?php print $key['id_asset']?></td>
- <td class="align-middle"><?php print $this->auth->formatTanggal($key['bln_thn_perolehan']);?></td>
- <td class="align-middle"><?php print $key['item']?></td>
- <td class="align-middle"><?php print $key['ktgr_assets']?></td>
- <td class="align-middle"><?php print $this->auth->formatTanggal($key['start_sewa'])?></td>
- <td class="align-middle"><?php print $this->auth->formatTanggal($key['end_sewa'])?></td>
- <td class="align-middle"><?php print $key['pemilik']?></td>
- <td class="align-middle">
- <?php
- if (!is_null($key['foto']))
- {
- $image_properties = array(
- 'src' => base_url($key['foto']),
- 'height' => '60',
- 'width' => '60',
- 'rel' => 'lightbox',
- );
- print img($image_properties);
- }
- else print '';
- ?>
- </td>
- <td class="align-middle"><?php print $this->auth->buatRp($key['at_cost'])?></td>
- <td class="align-middle"><?php print $status_approval?></td>
- <td class="align-middle text-center">
- <a href="javascript:void();" onclick="edit(<?php echo $key['id_asset']; ?>);" class="btn btn-default" title="Edit"><span class="glyphicon glyphicon-pencil"></span></a>
- </td>
- </tr>
- <?php
- $i++;
- }
- }
- ?>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script>
- var table;
- var getIDAsset;
- var save_method;
- function edit(id)
- {
- $.ajax({
- url : "<?php echo site_url('asset_sewa/ajax_edit/')?>/" + id,
- type: "GET",
- dataType: "JSON",
- success: function(response)
- {
- if (response.status == 'true')
- {
- save_method = 'update';
- $('#form-id')[0].reset(); // reset form on modals
- var blnthn = new Date(response.data.bln_thn_perolehan);
- var new_blnthn = blnthn.toString('dd-MM-yyyy');
- var startsewa = new Date(response.data.start_sewa);
- var new_startsewa = startsewa.toString('dd-MM-yyyy');
- var endsewa = new Date(response.data.end_sewa);
- var new_endsewa = endsewa.toString('dd-MM-yyyy');
- $('[name="id_asset_edit"]').val(response.data.id_asset);
- $('[name="bln_thn_perolehan_edit"]').val(new_blnthn);
- $('#bln_thn_perolehan_edit').attr('readonly','readonly');
- $('[name="asset_edit"]').val(response.data.item);
- $('#asset_edit').attr('readonly','readonly');
- $('[name="kategori_asset_edit"]').val(response.data.ktgr_assets);
- $('#kategori_asset_edit').attr('readonly','readonly');
- $('[name="start_sewa_edit"]').val(new_startsewa);
- $('[name="end_sewa_edit"]').val(new_endsewa);
- $('[name="pemilik_edit"]').val(response.data.pemilik);
- $('[name="at_cost_edit"]').val(formatRupiah(response.data.at_cost));
- if (response.data.status_approval == 0)
- status = "PENDING";
- else status = "VALID";
- $('[name="status_approval_edit"]').val(status);
- $("#form-add").hide();
- $("#form-edit").show();
- $('#modal-id').modal('show'); // show bootstrap modal when complete loaded
- $('.modal-title').text('Edit Item Asset'); // Set title to Bootstrap modal title
- }
- else
- {
- alert(response.pesan);
- location.href = location.pathname;
- }
- },
- error: function (jqXHR, textStatus, errorThrown)
- {
- alert(jqXHR.responseText);
- }
- });
- }
- function formatRupiah(angka, prefix)
- {
- var number_string = angka.replace(/[^,\d]/g, '').toString(),
- split = number_string.split(','),
- sisa = split[0].length % 3,
- rupiah = split[0].substr(0, sisa),
- ribuan = split[0].substr(sisa).match(/\d{3}/gi);
- if (ribuan) {
- separator = sisa ? '.' : '';
- rupiah += separator + ribuan.join('.');
- }
- rupiah = split[1] != undefined ? rupiah + ',' + split[1] : rupiah;
- return prefix == undefined ? rupiah : (rupiah ? 'Rp. ' + rupiah : '');
- }
- function tampil_itemasset(){
- var selectValues = $("#ktgr_assets_id").val();
- if (selectValues == 0){
- var msg = "<br><select name=\"nm_item\" disabled><option value=\"Pilih Item Asset\">Pilih Kategori Asset Dahulu</option></select>";
- $('#itemasset').html(msg);
- }else{
- var ktgr_assets_id = {ktgr_assets_id:$("#ktgr_assets_id").val()};
- $('#item_id').attr("disabled",true);
- $.ajax({
- type: "POST",
- url : "<?php echo site_url('asset_sewa/select_itemasset')?>",
- data: ktgr_assets_id,
- success: function(msg){
- $('#itemasset').html(msg);
- }
- });
- }
- return false;
- };
- function tampil_itemasset1(){
- var selectValues = $("#id_ktgr_assets").val();
- if (selectValues == 0){
- var msg = "<br><select name=\"id_item\" disabled><option value=\"Pilih Item Asset\">Pilih Kategori Asset Dahulu</option></select>";
- $('#item_asset').html(msg);
- }else{
- var id_ktgr_assets = {id_ktgr_assets:$("#id_ktgr_assets").val()};
- $('#id_item').attr("disabled",true);
- $.ajax({
- type: "POST",
- url : "<?php echo site_url('asset_sewa/select_itemasset')?>",
- data: id_ktgr_assets,
- success: function(msg){
- $('#item_asset').html(msg);
- }
- });
- }
- return false;
- };
- $(document).ready(function(){
- var daysToAdd = 4;
- var addBtn = $('#btn-tambah');
- var addButton = $('#btn_add');
- var btnsave = $('#btnSave');
- var btnDelete = $('#btn-delete');
- var btnStart = $('#btn-start');
- var btnBrowse = $('#btn-browse');
- var getIDAsbb;
- var maxField;
- var valid_1;
- var valid_2;
- var oTable = $('#asset_sewa').dataTable({
- "aoColumnDefs": [
- {
- "orderable": true,
- 'bSortable': false,
- 'aTargets': [0]
- } //disables sorting for column one
- ],
- 'iDisplayLength': 10,
- "sPaginationType": "full_numbers"
- });
- $("#check-all").click(function () {
- $(".data-check").prop('checked', $(this).prop('checked'));
- });
- var tanpa_rupiah = document.getElementById('at_cost');
- tanpa_rupiah.addEventListener('keyup', function(e)
- {
- tanpa_rupiah.value = formatRupiah(this.value);
- });
- var tanpa_rupiah_1 = document.getElementById('at_cost_edit');
- tanpa_rupiah_1.addEventListener('keyup', function(e)
- {
- tanpa_rupiah_1.value = formatRupiah(this.value);
- });
- $("#txtFromDate, #start_sewa_edit").datepicker({
- onSelect: function (selected) {
- var dtMax = new Date(selected);
- dtMax.setDate(dtMax.getDate() + daysToAdd);
- var dd = dtMax.getDate();
- var mm = dtMax.getMonth() + 1;
- var y = dtMax.getFullYear();
- var dtFormatted = mm + '/'+ dd + '/'+ y;
- $("#txtToDate").datepicker("option", "minDate", dtFormatted);
- },
- dateFormat: 'dd-mm-yy'
- });
- $("#txtToDate, #end_sewa_edit").datepicker({
- onSelect: function (selected) {
- var dtMax = new Date(selected);
- dtMax.setDate(dtMax.getDate() - daysToAdd);
- var dd = dtMax.getDate();
- var mm = dtMax.getMonth() + 1;
- var y = dtMax.getFullYear();
- var dtFormatted= mm + '/'+ dd + '/'+ y;
- $("#txtFromDate").datepicker("option", "maxDate", dtFormatted)
- },
- dateFormat: 'dd-mm-yy'
- });
- $("#bln_thn_peroleh").datepicker({dateFormat: 'dd-mm-yy'});
- $("#izin_thn_asbb").datepicker({dateFormat: 'dd-mm-yy'});
- $(addBtn).on('click', function(e){
- $(btnSave).attr('disabled',true);
- save_method = 'add';
- $('#form-id')[0].reset(); // reset form on modals
- $('#modal-id').modal('show');
- $('#modal-id').fullscreen();
- $("#form-add").show();
- $("#form-edit").hide();
- $("#asbtb").hide();
- $("#asbb").hide();
- $("#astb").hide();
- $('.modal-title').text('Tambah Data');
- //alert('tambah');
- });
- $(addButton).on('click', function(e){
- if ($("#id_ktgr_assets").val() != 0)
- {
- if ($("#id_item").val() != 0)
- {
- if ($.trim($("#txtFromDate").val()).length > 0)
- {
- if ($.trim($("#txtToDate").val()).length > 0)
- {
- if ($.trim($("#bln_thn_peroleh").val()).length > 0)
- {
- if ($.trim($("#at_cost").val()).length > 0)
- {
- if (($("#jml_data").val() >= 1) && ($("#jml_data").val() <= 100))
- {
- if (confirm('Data sudah benar ?'))
- {
- $("#id_ktgr_assets").attr("disabled",true);
- $("#id_item").attr("disabled",true);
- $("#txtFromDate").attr("readonly",true);
- $("#txtToDate").attr("readonly",true);
- $("#pemilik").attr("readonly",true);
- $("#bln_thn_peroleh").attr("readonly",true);
- $("#at_cost").attr("readonly",true);
- $("#jml_data").attr("readonly",true);
- $(addButton).attr("disabled",true);
- getIDAsset = $("#id_ktgr_assets").val();
- maxField = $("#jml_data").val();
- if (getIDAsset == '3')
- {
- $(btnSave).attr('disabled',false);
- $("#asbtb").show();
- $("#asbb").hide();
- $("#astb").hide();
- var wrapper = $('.field_wrapper_asbtb'); //Input field wrapper
- for(i=1; i<=maxField; i++)
- {
- $(wrapper).append(
- '<div class="item form-group">'+
- '<label class="control-label col-md-3">Data['+i+']</label>'+
- '<div class="col-md-2"><input type="text" class="form-control" name="Id[]" placeholder = "IDAsset" id="id'+i+'"/></div>'+
- '<div class="col-md-2"><input type="text" class="form-control" placeholder = "Luas" name="luas[]" id="luas'+i+'"/></div>'+
- '<div class="col-md-2"><input type="text" class="form-control" placeholder = "Jenis" name="jenis[]" id="jenis'+i+'"/></div>'+
- '<div class="col-md-3"><input type="file" name="input01[]" id="input01'+i+'"/></div>'+
- '</div>'
- );
- }
- $("#child-form-asbtb").show();
- }
- }
- }
- else alert('Jumlah data minimal 1, maximal 100');
- }
- else alert('Harap tentukan at_cost');
- }
- else alert('Harap tentukan bln-tahun perolehan');
- }
- else alert('Harap tentukan batas awal sewa');
- }
- else alert('Harap tentukan batas awal sewa');
- }
- else alert('Harap tentukan Item Asset');
- }
- else alert('Harap tentukan Kategori Asset');
- });
- $(btnsave).on('click', function(e){
- var data = new FormData();
- var simpan = 0;
- if (save_method == 'add')
- {
- url = "<?php echo site_url('asset_sewa/tambah')?>";
- data.append('id_ktgr_assets', $("#id_ktgr_assets").val());
- data.append('id_item', $("#id_item").val());
- data.append('txtFromDate', $("#txtFromDate").val());
- data.append('txtToDate', $("#txtToDate").val());
- data.append('pemilik', $("#pemilik").val());
- data.append('bln_thn_peroleh', $("#bln_thn_peroleh").val());
- data.append('jml_data', $("#jml_data").val());
- data.append('at_cost', $("#at_cost").val());
- if (getIDAsset == '3')
- {
- if ($.trim($("#deskripsi_asbtb").val()).length > 0)
- {
- if ($.trim($("#alamat_asbtb").val()).length > 0)
- {
- if ($("#id_lokasi").val() > 0)
- {
- for (i=1; i<=maxField; i++)
- {
- if ($.trim($("#id"+i).val()).length > 0)
- {
- if ($.trim($("#luas"+i).val()).length > 0)
- {
- if ($.trim($("#jenis"+i).val()).length > 0)
- {
- if($("#input01"+i)[0].files[0].length > 0)
- {
- data.append('Id[]', $("#id"+i).val()+';'+$("#luas"+i).val()+';'+$("#jenis"+i).val()+';'+$("#input01"+i)[0].files[0]);
- }
- else
- {
- data.append('Id[]', $("#id"+i).val()+';'+$("#luas"+i).val()+';'+$("#jenis"+i).val());
- }
- }
- }
- }
- }
- data.append('alamat_asbtb', $("#alamat_asbtb").val());
- data.append('id_lokasi', $("#id_lokasi").val());
- data.append('deskripsi_asbtb', $("#deskripsi_asbtb").val());
- simpan = 1;
- }
- else alert('Harap tentukan lokasi asset');
- }
- else alert('Harap tentukan alamat');
- }
- else alert('Harap tentukan deskripsi/judul');
- }
- }
- if (simpan == 1)
- {
- $.ajax({
- url : url,
- type: "POST",
- data: data,
- enctype: 'multipart/form-data',
- processData: false,
- contentType: false,
- dataType: "json",
- beforeSend: function(e) {
- if(e && e.overrideMimeType) {
- e.overrideMimeType("application/json;charset=UTF-8");
- }
- },
- success: function(respon){
- $('#modal-id').on('hidden.bs.modal', function (e) {
- $(this)
- .find("input,select")
- .val('')
- .end()
- })
- if(respon.status == "sukses"){
- $("#view").html(respon.html);
- location.href = location.pathname;
- $("#modal-id").modal('hide');
- }else{
- alert(respon.pesan);
- location.href = location.pathname;
- }
- },
- error: function (jqXHR, textStatus, errorThrown)
- {
- alert(jqXHR.responseText);
- }
- });
- }
- });
- });
- </script>
- <!-- Bootstrap modal -->
- <div class="modal fade modal-fullscreen" id="modal-id" tabindex="-1" role="dialog">
- <div class="modal-dialog text-justify">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- <h3 class="modal-title"></h3>
- </div>
- <div class="modal-body form">
- <div class="x_panel">
- <div class="x_content">
- <form action="#" id="form-id" class="form-horizontal form-label-left" enctype="multipart/form-data">
- <div class="form-body">
- <div id="form-add">
- <div class="item form-group">
- <label class="control-label col-md-3">Kategori Asset</label>
- <div class="col-md-9">
- <div id="ktgr_asset"><?php echo form_dropdown("id_ktgr_assets",$ktgr_asset,"",'class ="form-control" id="id_ktgr_assets" onChange="tampil_itemasset1()"')?></div>
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Item Asset</label>
- <div class="col-md-9">
- <div id="item_asset"><?php echo form_dropdown("id_item",array('Pilih Item Asset'=>'Pilih Kategori Asset Dahulu'),"",'class ="form-control" id="id_item" disabled')?></div>
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Masa Berlaku Sewa</label>
- <div id="masa_sewa_start" class="col-md-4"><input type="text" id="txtFromDate" name="txtFromDate" class="form-control" placeholder="Start Date"/></div>
- <div id="masa_sewa_end" class="col-md-5"><input type="text" id="txtToDate" name="txtToDate" class="form-control" placeholder="End Date"/></div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Pemilik</label>
- <div class="col-md-9">
- <input name="pemilik" class="form-control" type="text" id="pemilik">
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Bulan-Tahun Perolehan</label>
- <div class="col-md-9">
- <input name="bln_thn_peroleh" class="form-control" type="text" id="bln_thn_peroleh">
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">At Cost</label>
- <div class="col-md-9">
- <input name="at_cost" class="form-control" type="text" id="at_cost">
- </div>
- </div>
- <div class="form-group" id="add_data">
- <label class="col-sm-3 control-label">Jumlah Data</label>
- <div class="col-sm-9">
- <div class="input-group">
- <input type="number" class="form-control" id="jml_data" min="1" max="100">
- <span class="input-group-btn">
- <button type="button" class="btn btn-primary" id="btn_add">Add Data</button>
- </span>
- </div>
- </div>
- </div>
- <div id="asbtb">
- <div class="item form-group">
- <label class="control-label col-md-3">Deskripsi</label>
- <div class="col-md-9">
- <input name="deskripsi_asbtb" class="form-control" type="text" id="deskripsi_asbtb">
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Lokasi</label>
- <div class="col-md-9">
- <div id="lokasi_asbtb"><?php echo form_dropdown("id_lokasi",$lokasi,"",'class ="form-control" id="id_lokasi"')?></div>
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Alamat</label>
- <div class="col-md-9">
- <input name="alamat_asbtb" class="form-control" type="text" id="alamat_asbtb">
- </div>
- </div>
- <div id="child-form-asbtb">
- <div class="field_wrapper_asbtb"></div>
- </div>
- </div>
- </div>
- <div id="form-edit">
- <input type="hidden" name="id_asset_edit" id="id_asset_edit" value="">
- <div class="item form-group">
- <label class="control-label col-md-3">Kategori Asset</label>
- <div class="col-md-9">
- <input name="kategori_asset_edit" class="form-control" type="text" id="kategori_asset_edit">
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Item Asset</label>
- <div class="col-md-9">
- <input name="asset_edit" class="form-control" type="text" id="asset_edit">
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Bulan-Tahun Perolehan</label>
- <div class="col-md-9">
- <input name="bln_thn_perolehan_edit" class="form-control" type="text" id="bln_thn_perolehan_edit">
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Masa Berlaku Sewa</label>
- <div id="masa_sewa_start" class="col-md-4"><input type="text" id="start_sewa_edit" name="start_sewa_edit" class="form-control"/></div>
- <div id="masa_sewa_end" class="col-md-5"><input type="text" id="end_sewa_edit" name="end_sewa_edit" class="form-control"/></div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">Pemilik</label>
- <div class="col-md-9">
- <input name="pemilik_edit" class="form-control" type="text" id="pemilik_edit">
- </div>
- </div>
- <div class="item form-group">
- <label class="control-label col-md-3">At-Cost</label>
- <div class="col-md-9">
- <input name="at_cost_edit" class="form-control" type="text" id="at_cost_edit">
- </div>
- </div>
- </div>
- </form>
- </div></div>
- </div>
- <div class="modal-footer">
- <button type="button" id="btnSave" class="btn btn-primary">Simpan</button>
- <button type="button" class="btn btn-danger" data-dismiss="modal" id="btnCancel" >Cancel</button>
- </div>
- </div><!-- /.modal-content -->
- </div><!-- /.modal-dialog -->
- </div><!-- /.modal -->
- <!-- End Bootstrap modal -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement