$(document).ready(function(){
    $('table#tbl_listberita').DataTable();

    // $('input.flat').iCheck({
    //     checkboxClass: 'icheckbox_flat-green',
    //     radioClass: 'iradio_flat-green'
    // });

	// $('#tbl_listindikator_filter').parent('div').addClass('hidden-sm hidden-xs');

	$('.browse').on('click', function() { $('#gambar').trigger('click');});
	$('#gambar').on('change', function(event) { 
		$('#browse').val($(this).val().replace(/C:\\fakepath\\/i, '')); 
		handleFiles(event);
	});

	$tglberita = $('#tanggal').daterangepicker({
	  singleDatePicker: true,
	  calender_style: "picker_1",
	  format: 'YYYY-MM-DD',
	}, function(start, end, label) {
	  //console.log(start.toISOString(), end.toISOString(), label);
	});

});

function handleFiles(e) {

	var canvas=document.getElementById("canvas");;
	var ctx=canvas.getContext("2d");
	var cw=canvas.width;
	var ch=canvas.height;

	// limit the image to 150x100 maximum size
	// var minW=800;
	// var minH=600;
	// var maxW=1600;
	// var maxH=1200;
	var minW=400;
	var minH=360;
	var maxW=1280;
	var maxH=960;

	var img = new Image;
	img.onload = function() {
	    var iw=img.width;
	    var ih=img.height;
	    ctn = false;

	    if (iw < minW || ih < minH) {
	    	ialert('','resolusi gambar minimal '+minW+' x '+minH+'');
	    } else if (iw > maxW) {
			ctn = true;
	    	minW=maxW;
			minH=maxH;
	    } else {
			ctn = true;
	    	minW=iw;
			minH=ih;
	    }

	    if (ctn) {
		    var scale=Math.min((minW/iw),(minH/ih));
		    var iwScaled=iw*scale;
		    var ihScaled=ih*scale;
		    canvas.width=iwScaled;
		    canvas.height=ihScaled;
		    ctx.drawImage(img,0,0,iwScaled,ihScaled);
		    $('#64gambar').val(canvas.toDataURL("image/jpg"));
		    $('#prev_img').attr('src',canvas.toDataURL("image/jpg"));
	    }
	}
	img.src = URL.createObjectURL(e.target.files[0]);
}

function tambahBerita() {
	$modal = $('#modal_add').modal('show');
	$modal.find('#myModalLabel').text('Tambah Berita');

	$modal.find('input[name=tanggal]').val('');
	$modal.find('input[name=cntmode]').val('ins');
	$modal.find('input[name=id]').val('');
	$modal.find('textarea[name=judul]').val('');
	$modal.find('textarea[name=content]').val('');
	$modal.find('input#browse').val('');
	$modal.find('input[name=64gambar]').val('');

	$modal.find('img[id=prev_img]').attr('src','');
}

function ubahBerita(kode) {
	$modal = $('#modal_add').modal('show');
	$modal.find('#myModalLabel').text('Ubah Berita');
	record = $('#berita_'+kode).data('record');

	$modal.find('input[name=tanggal]').val(record.postdate);
	$tglberita.data('daterangepicker').setStartDate(record.postdate);
	$tglberita.data('daterangepicker').setEndDate(record.postdate);
	$modal.find('input[name=cntmode]').val('upd');
	$modal.find('input[name=id]').val(record.kodeberita);
	$modal.find('textarea[name=judul]').val(record.judul);
	$modal.find('textarea[name=content]').val(record.content);
	$modal.find('input#browse').val('');
	$modal.find('input[name=64gambar]').val('');

	$src_gambar  = $('tr#berita_'+kode).find('td.gambar img').attr('src');
	$modal.find('img[id=prev_img]').attr('src',$src_gambar);
}