You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.4 KiB
70 lines
2.4 KiB
/*=========================================================================================
|
|
File Name: project-task-list.js
|
|
Description: Project task datables configurations
|
|
----------------------------------------------------------------------------------------
|
|
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
|
|
Version: 1.0
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
|
|
$(document).ready(function() {
|
|
/********************************************
|
|
* js of Order by the grouping *
|
|
********************************************/
|
|
|
|
var groupingTable = $('.row-grouping').DataTable({
|
|
responsive: false,
|
|
autoWidth: false,
|
|
rowReorder: true,
|
|
"columnDefs": [
|
|
{ "visible": false, "targets": 2 },
|
|
{ "orderable": true, "className": 'reorder', "targets": 0 },
|
|
{ "orderable": false, "targets": '_all' }
|
|
],
|
|
// "order": [[ 2, 'desc' ]],
|
|
"displayLength": 10,
|
|
"drawCallback": function ( settings ) {
|
|
var api = this.api();
|
|
var rows = api.rows( {page:'current'} ).nodes();
|
|
var last=null;
|
|
|
|
api.column(2, {page:'current'} ).data().each( function ( group, i ) {
|
|
if ( last !== group ) {
|
|
$(rows).eq( i ).before(
|
|
'<tr class="group"><td colspan="8">'+group+'</td></tr>'
|
|
);
|
|
|
|
last = group;
|
|
}
|
|
} );
|
|
}
|
|
} );
|
|
|
|
$('.row-grouping tbody').on( 'click', 'tr.group', function () {
|
|
var currentOrder = table.order()[0];
|
|
if ( currentOrder[0] === 2 && currentOrder[1] === 'asc' ) {
|
|
table.order( [ 2, 'desc' ] ).draw();
|
|
}
|
|
else {
|
|
table.order( [ 2, 'asc' ] ).draw();
|
|
}
|
|
} );
|
|
|
|
$('select').select2();
|
|
|
|
// Checkbox & Radio 1
|
|
$('.icheck input').iCheck({
|
|
checkboxClass: 'icheckbox_square-blue',
|
|
radioClass: 'iradio_square-blue',
|
|
});
|
|
|
|
$('#project-task-list').on( 'draw.dt', function () {
|
|
// Checkbox & Radio 1
|
|
$('.icheck input').iCheck({
|
|
checkboxClass: 'icheckbox_square-blue',
|
|
radioClass: 'iradio_square-blue',
|
|
});
|
|
} );
|
|
|
|
}); |