303 lines
9.9 KiB
PHP
303 lines
9.9 KiB
PHP
<script type="text/javascript">
|
|
var userTarget = "";
|
|
var exit = false;
|
|
$('.input-daterange').datepicker({
|
|
format: "dd/mm/yyyy",
|
|
weekStart: 1,
|
|
orientation: "bottom auto",
|
|
autoclose: true,
|
|
showOnFocus: true,
|
|
maxViewMode: 'days',
|
|
keepEmptyValues: true,
|
|
templates: {
|
|
leftArrow: '<',
|
|
rightArrow: '>'
|
|
}
|
|
});
|
|
$('.input-daterange').focusin(function(e) {
|
|
userTarget = e.target.name;
|
|
});
|
|
$('.input-daterange').on('changeDate', function(e) {
|
|
if (exit) return;
|
|
if (e.target.name != userTarget) {
|
|
exit = true;
|
|
$(e.target).datepicker('clearDates');
|
|
}
|
|
exit = false;
|
|
});
|
|
</script>
|
|
<?php
|
|
$thn=date('Y');
|
|
?>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
|
|
<div class="input-group my-group">
|
|
<input type="text" class="form-control" style="width:10%; display:block;border-color:#f3f3f3;text-align: center;" name="thn1" id="thn1" value="<?php echo $thn; ?>">
|
|
<select id="c1" name="c1" class="selectpicker form-control" style="width:20%;background-color:#f3f3f3;border-color:#f3f3f3;">
|
|
<option value></option>
|
|
<option value="No_Kendali">No Kendali</option>
|
|
<option value="Tanggal Diterima">Tanggal Diterima</option>
|
|
<option value="Asal / Pengolah">Asal / Pengolah</option>
|
|
<option value="Perihal">Perihal</option>
|
|
</select>
|
|
<input type="text" class="form-control" style="width:70%; display:block;border-color:#f3f3f3;" name="pt1" id="pt1" Placeholder="Pencarian Kendali" onkeydown="tekan1(event)">
|
|
<div class="input-group input-daterange" style="width:70%;" name="pd1" id="pd1">
|
|
<input type="text" id="tgl_mulai1" name="start" class="form-control" style="border-radius: 0px;border-color:#f3f3f3;text-align: center; " onkeydown="tekan1(event)">
|
|
<span class="input-group-addon">s/d</span>
|
|
<input type="text" id="tgl_selesai1" name="finish" class="form-control" style="border-radius: 0px;border-color:#f3f3f3;text-align: center;" onkeydown="tekan1(event)">
|
|
</div>
|
|
<span class="input-group-btn">
|
|
<button type="button" id="b1" name="b1" class="btn btn-danger"><i class="fa fa-search"></i></button>
|
|
</span>
|
|
</div>
|
|
|
|
<div id="tabel_tb1"></div>
|
|
<hr>
|
|
|
|
|
|
<div class="input-group my-group">
|
|
<input type="text" class="form-control" style="width:10%; display:block;border-color:#f3f3f3;text-align: center;" name="thn2" id="thn2" value="<?php echo $thn; ?>">
|
|
<select id="c2" name="c2" class="selectpicker form-control" style="width:20%;background-color:#f3f3f3;border-color:#f3f3f3;">
|
|
<option value></option>
|
|
<!-- <option value="Kode">Kode</option> -->
|
|
<option value="No Surat">No Surat</option>
|
|
<option value="Tanggal Surat">Tanggal Surat</option>
|
|
<option value="Tanggal Diterima">Tanggal Diterima</option>
|
|
<option value="Surat Dari">Surat Dari</option>
|
|
<option value="Perihal">Perihal</option>
|
|
</select>
|
|
<input type="text" class="form-control" style="width:70%; display:block;border-color:#f3f3f3;" name="pt2" id="pt2" Placeholder="Pencarian Surat Masuk" onkeydown="tekan2(event)">
|
|
<div class="input-group input-daterange" style="width:70%;" name="pd2" id="pd2">
|
|
<input type="text" id="tgl_mulai2" name="start" class="form-control" style="border-radius: 0px;border-color:#f3f3f3;text-align: center; " onkeydown="tekan2(event)">
|
|
<span class="input-group-addon">s/d</span>
|
|
<input type="text" id="tgl_selesai2" name="finish" class="form-control" style="border-radius: 0px;border-color:#f3f3f3;text-align: center;" onkeydown="tekan2(event)">
|
|
</div>
|
|
<span class="input-group-btn">
|
|
<button type="button" id="b2" name="b2" class="btn btn-danger"><i class="fa fa-search"></i></button>
|
|
</span>
|
|
</div>
|
|
|
|
<div id="tabel_tb2"></div>
|
|
<hr>
|
|
<div class="input-group my-group">
|
|
<input type="text" class="form-control" style="width:10%; display:block;border-color:#f3f3f3;text-align: center;" name="thn3" id="thn3" value="<?php echo $thn; ?>">
|
|
<select id="c3" name="c3" class="selectpicker form-control" style="width:20%;background-color:#f3f3f3;border-color:#f3f3f3;">
|
|
<option value></option>
|
|
<option value="No Urut">No Urut</option>
|
|
<option value="Tanggal Surat Keluar">Tanggal Surat Keluar</option>
|
|
<option value="Perihal">Perihal</option>
|
|
<option value="No Kendali">No Kendali</option>
|
|
</select>
|
|
<input type="text" class="form-control" style="width:70%; display:block;border-color:#f3f3f3;" name="pt3" id="pt3" Placeholder="Pencarian Surat Keluar" onkeydown="tekan3(event)">
|
|
<div class="input-group input-daterange" style="width:70%;" name="pd3" id="pd3">
|
|
<input type="text" id="tgl_mulai3" name="start" class="form-control" style="border-radius: 0px;border-color:#f3f3f3;text-align: center; " onkeydown="tekan3(event)">
|
|
<span class="input-group-addon">s/d</span>
|
|
<input type="text" id="tgl_selesai3" name="finish" class="form-control" style="border-radius: 0px;border-color:#f3f3f3;text-align: center;" onkeydown="tekan3(event)">
|
|
</div>
|
|
<span class="input-group-btn">
|
|
<button type="button" id="b3" name="b3" class="btn btn-danger"><i class="fa fa-search"></i></button>
|
|
</span>
|
|
</div>
|
|
<div id="tabel_tb3"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
$('#pd1').hide();
|
|
$('#pt1').show();
|
|
$('#pd2').hide();
|
|
$('#pt2').show();
|
|
$('#pd3').hide();
|
|
$('#pt3').show();
|
|
|
|
$('#c1').change(function(){
|
|
var a=$('#c1').val();
|
|
if (a=='Tanggal Diterima') {
|
|
$('#pd1').show();
|
|
$('#pt1').hide();
|
|
$('#tgl_mulai1').val('');
|
|
$('#tgl_selesai1').val('');
|
|
$('#pt1').val('');
|
|
$('#tgl_mulai1').first().focus().selected();
|
|
} else {
|
|
$('#pd1').hide();
|
|
$('#pt1').show();
|
|
$('#tgl_mulai1').val('');
|
|
$('#tgl_selesai1').val('');
|
|
$('#pt1').val('');
|
|
$('#pt1').first().focus().selected();
|
|
}
|
|
});
|
|
|
|
$('#b1').click(function(){
|
|
var t=$('#thn1').val();
|
|
var a=$('#c1').val();
|
|
if (a=='No_Kendali') {
|
|
var b=$('#pt1').val();
|
|
$('#tabel_tb1').load('app/pencarian/tabel_tb1.php',{k1:b,thn:t});
|
|
} else
|
|
if (a=='Tanggal Diterima') {
|
|
var b=$('#tgl_mulai1').val();
|
|
var c=$('#tgl_selesai1').val();
|
|
$('#tabel_tb1').load('app/pencarian/tabel_tb1.php',{tm1:b,ts1:c});
|
|
} else
|
|
if (a=='Perihal') {
|
|
var b=$('#pt1').val();
|
|
$('#tabel_tb1').load('app/pencarian/tabel_tb1.php',{p1:b,thn:t});
|
|
} else
|
|
if (a=='Asal / Pengolah') {
|
|
var b=$('#pt1').val();
|
|
$('#tabel_tb1').load('app/pencarian/tabel_tb1.php',{a1:b,thn:t});
|
|
}
|
|
$('#tabel_tb1').show();
|
|
});
|
|
|
|
$('#c1').focusin(function(){
|
|
$('#tabel_tb1').hide();
|
|
});
|
|
|
|
|
|
/*===========================================================================================================*/
|
|
|
|
$('#pd2').hide();
|
|
$('#pt2').show();
|
|
|
|
$('#c2').change(function(){
|
|
var a=$('#c2').val();
|
|
if ((a=='Tanggal Diterima') || (a=='Tanggal Surat')) {
|
|
$('#pd2').show();
|
|
$('#pt2').hide();
|
|
$('#tgl_mulai2').val('');
|
|
$('#tgl_selesai2').val('');
|
|
$('#pt2').val('');
|
|
$('#tgl_mulai2').first().focus().selected();
|
|
} else {
|
|
$('#pd2').hide();
|
|
$('#pt2').show();
|
|
$('#tgl_mulai2').val('');
|
|
$('#tgl_selesai2').val('');
|
|
$('#pt2').val('');
|
|
$('#pt2').first().focus().selected();
|
|
}
|
|
});
|
|
|
|
$('#b2').click(function(){
|
|
var t=$('#thn2').val();
|
|
var a=$('#c2').val();
|
|
if (a=='Tanggal Diterima') {
|
|
var b=$('#tgl_mulai2').val();
|
|
var c=$('#tgl_selesai2').val();
|
|
$('#tabel_tb2').load('app/pencarian/tabel_tb2.php',{tm2:b,ts2:c});
|
|
} else
|
|
if (a=='Tanggal Surat') {
|
|
var d=$('#tgl_mulai2').val();
|
|
var e=$('#tgl_selesai2').val();
|
|
$('#tabel_tb2').load('app/pencarian/tabel_tb2.php',{tmr2:d,tsr2:e});
|
|
} else
|
|
if (a=='Perihal') {
|
|
var b=$('#pt2').val();
|
|
$('#tabel_tb2').load('app/pencarian/tabel_tb2.php',{p2:b,thn:t});
|
|
} else
|
|
if (a=='Surat Dari') {
|
|
var b=$('#pt2').val();
|
|
$('#tabel_tb2').load('app/pencarian/tabel_tb2.php',{a2:b,thn:t});
|
|
} else
|
|
if (a=='Kode') {
|
|
var b=$('#pt2').val();
|
|
$('#tabel_tb2').load('app/pencarian/tabel_tb2.php',{k2:b,thn:t});
|
|
} else
|
|
if (a=='No Surat') {
|
|
var b=$('#pt2').val();
|
|
$('#tabel_tb2').load('app/pencarian/tabel_tb2.php',{n2:b,thn:t});
|
|
}
|
|
$('#tabel_tb2').show();
|
|
});
|
|
|
|
$('#c2').focusin(function(){
|
|
$('#tabel_tb2').hide();
|
|
});
|
|
|
|
/*======================================================================================*/
|
|
|
|
$('#c3').change(function(){
|
|
var a=$('#c3').val();
|
|
if (a=='Tanggal Surat Keluar') {
|
|
$('#pd3').show();
|
|
$('#pt3').hide();
|
|
$('#tgl_mulai3').val('');
|
|
$('#tgl_selesai3').val('');
|
|
$('#pt3').val('');
|
|
$('#tgl_mulai3').first().focus().selected();
|
|
} else {
|
|
$('#pd3').hide();
|
|
$('#pt3').show();
|
|
$('#tgl_mulai3').val('');
|
|
$('#tgl_selesai3').val('');
|
|
$('#pt3').val('');
|
|
$('#pt3').first().focus().selected();
|
|
}
|
|
});
|
|
|
|
$('#b3').click(function(){
|
|
var t=$('#thn3').val();
|
|
var a=$('#c3').val();
|
|
if (a=='No Urut') {
|
|
var b=$('#pt3').val();
|
|
$('#tabel_tb3').load('app/pencarian/tabel_tb3.php',{w3:b,thn:t});
|
|
} else
|
|
if (a=='Tanggal Surat Keluar') {
|
|
var b=$('#tgl_mulai3').val();
|
|
var c=$('#tgl_selesai3').val();
|
|
$('#tabel_tb3').load('app/pencarian/tabel_tb3.php',{tm3:b,ts3:c});
|
|
} else
|
|
if (a=='Perihal') {
|
|
var b=$('#pt3').val();
|
|
$('#tabel_tb3').load('app/pencarian/tabel_tb3.php',{p3:b,thn:t});
|
|
} else
|
|
if (a=='No Kendali') {
|
|
var b=$('#pt3').val();
|
|
$('#tabel_tb3').load('app/pencarian/tabel_tb3.php',{k3:b,thn:t});
|
|
}
|
|
$('#tabel_tb3').show();
|
|
});
|
|
|
|
$('#c3').focusin(function(){
|
|
$('#tabel_tb3').hide();
|
|
});
|
|
|
|
|
|
function tekan1(event) {
|
|
var x = event.keyCode;
|
|
if (x == 13) {$('#b1').trigger('click');}
|
|
}
|
|
function tekan2(event) {
|
|
var x = event.keyCode;
|
|
if (x == 13) {$('#b2').trigger('click');}
|
|
}
|
|
function tekan3(event) {
|
|
var x = event.keyCode;
|
|
if (x == 13) {$('#b3').trigger('click');}
|
|
}
|
|
|
|
$('#tgl_selesai1').change(function(){
|
|
$('#b1').trigger('click');
|
|
});
|
|
|
|
$('#tgl_selesai2').change(function(){
|
|
$('#b2').trigger('click');
|
|
});
|
|
|
|
$('#tgl_selesai3').change(function(){
|
|
$('#b3').trigger('click');
|
|
});
|
|
</script>
|
|
|
|
|
|
|