Shell File Manager

let dr_table;

function add_dd(column)
{
	let select = $('<select class="form-control-sm"><option value="">全て</option></select>')
		.appendTo($(column.footer()).empty())
		.on('change', function() {
			var val = $(this).val();
			column.search(val ? val : '', true, false).draw();
		});
		
	column.data().unique().sort().each( function ( d, j ) {
		select.append( '<option value="'+d+'">'+d+'</option>' )
	});
}

$(function() {
	$('#dr_table tfoot th').each(function() {
		let title = $('#dr_table thead th').eq($(this).index()).text();
		
		if(title == "名前")
		{
			$(this).html('<input type="text" class="form-control-sm datatable-filter" placeholder="'+title+'で検索" size="10" />');
		}
		else if(title == "欠勤理由")
		{
			$(this).html('<input type="text" class="form-control-sm datatable-filter" placeholder="'+title+'で検索" size="10" />');
		}
	});
	
	dr_table = $('#dr_table').DataTable({
		"initComplete": function () {
			// Enable search box
			let r = $('#dr_table tfoot tr');
			r.find('th').each(function(){
				$(this).css('padding', 8);
			});
			$('#dr_table thead').append(r);
			
			let api = this.api();
			
			// Add dd search box
			add_dd(api.column(1));
			add_dd(api.column(2));
			add_dd(api.column(3));
			add_dd(api.column(5));
		}
	});
		
	// Apply the search
	dr_table.columns().eq(0).each( function(colIdx) {
		$('input', dr_table.column(colIdx).footer()).on('keyup change', function() {
			let search_text = this.value;
			dr_table.column(colIdx).search(search_text).draw();
		});
	});
});