Initial Commit

public/back/vendors/scripts/datatable-setting.js

@@ -0,0 +1,97 @@
+$('document').ready(function(){
+	$('.data-table').DataTable({
+		scrollCollapse: true,
+		autoWidth: false,
+		responsive: true,
+		columnDefs: [{
+			targets: "datatable-nosort",
+			orderable: false,
+		}],
+		"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
+		"language": {
+			"info": "_START_-_END_ of _TOTAL_ entries",
+			searchPlaceholder: "Search",
+			paginate: {
+				next: '<i class="ion-chevron-right"></i>',
+				previous: '<i class="ion-chevron-left"></i>'  
+			}
+		},
+	});
+
+	$('.data-table-export').DataTable({
+		scrollCollapse: true,
+		autoWidth: false,
+		responsive: true,
+		columnDefs: [{
+			targets: "datatable-nosort",
+			orderable: false,
+		}],
+		"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
+		"language": {
+			"info": "_START_-_END_ of _TOTAL_ entries",
+			searchPlaceholder: "Search",
+			paginate: {
+				next: '<i class="ion-chevron-right"></i>',
+				previous: '<i class="ion-chevron-left"></i>'  
+			}
+		},
+		dom: 'Bfrtp',
+		buttons: [
+		'copy', 'csv', 'pdf', 'print'
+		]
+	});
+
+	var table = $('.select-row').DataTable();
+	$('.select-row tbody').on('click', 'tr', function () {
+		if ($(this).hasClass('selected')) {
+			$(this).removeClass('selected');
+		}
+		else {
+			table.$('tr.selected').removeClass('selected');
+			$(this).addClass('selected');
+		}
+	});
+
+	var multipletable = $('.multiple-select-row').DataTable();
+	$('.multiple-select-row tbody').on('click', 'tr', function () {
+		$(this).toggleClass('selected');
+	});
+	var table = $('.checkbox-datatable').DataTable({
+		'scrollCollapse': true,
+		'autoWidth': false,
+		'responsive': true,
+		"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
+		"language": {
+			"info": "_START_-_END_ of _TOTAL_ entries",
+			searchPlaceholder: "Search",
+			paginate: {
+				next: '<i class="ion-chevron-right"></i>',
+				previous: '<i class="ion-chevron-left"></i>'  
+			}
+		},
+		'columnDefs': [{
+			'targets': 0,
+			'searchable': false,
+			'orderable': false,
+			'className': 'dt-body-center',
+			'render': function (data, type, full, meta){
+				return '<div class="dt-checkbox"><input type="checkbox" name="id[]" value="' + $('<div/>').text(data).html() + '"><span class="dt-checkbox-label"></span></div>';
+			}
+		}],
+		'order': [[1, 'asc']]
+	});
+
+	$('#example-select-all').on('click', function(){
+		var rows = table.rows({ 'search': 'applied' }).nodes();
+		$('input[type="checkbox"]', rows).prop('checked', this.checked);
+	});
+
+	$('.checkbox-datatable tbody').on('change', 'input[type="checkbox"]', function(){
+		if(!this.checked){
+			var el = $('#example-select-all').get(0);
+			if(el && el.checked && ('indeterminate' in el)){
+				el.indeterminate = true;
+			}
+		}
+	});
+});