Gecko [ nrupathungauniversityblr.ac.in ]

Name	Size	Permission
calendar.js	7.07 KB	-rwxr-xr-x
charts.js	29.93 KB	-rwxr-xr-x
coming-soon.js	637 B	-rwxr-xr-x
components-dropdowns.js	9.89 KB	-rwxr-xr-x
components-editors.js	494 B	-rwxr-xr-x
components-form-tools.js	18.13 KB	-rwxr-xr-x
components-ion-sliders.js	2.19 KB	-rwxr-xr-x
components-jqueryui-sliders.js	3.49 KB	-rwxr-xr-x
components-knob-dials.js	523 B	-rwxr-xr-x
components-nouisliders.js	1.69 KB	-rwxr-xr-x
components-pickers.js	7.46 KB	-rwxr-xr-x
contact-us.js	606 B	-rwxr-xr-x
custom.js	521 B	-rwxr-xr-x
ecommerce-index.js	7.64 KB	-rwxr-xr-x
ecommerce-orders-view.js	6.99 KB	-rwxr-xr-x
ecommerce-orders.js	2.64 KB	-rwxr-xr-x
ecommerce-products-edit.js	6.22 KB	-rwxr-xr-x
ecommerce-products.js	2.66 KB	-rwxr-xr-x
form-dropzone.js	1.37 KB	-rwxr-xr-x
form-editable.js	17.65 KB	-rwxr-xr-x
form-fileupload.js	2.6 KB	-rwxr-xr-x
form-image-crop.js	16.13 KB	-rwxr-xr-x
form-samples.js	1.4 KB	-rwxr-xr-x
form-validation.js	11.43 KB	-rwxr-xr-x
form-wizard.js	9.96 KB	-rwxr-xr-x
inbox.js	10.95 KB	-rwxr-xr-x
index.js	31 KB	-rwxr-xr-x
lock.js	376 B	-rwxr-xr-x
login-soft.js	8.62 KB	-rwxr-xr-x
login.js	7.89 KB	-rwxr-xr-x
maps-google.js	5.81 KB	-rwxr-xr-x
maps-vector.js	1.79 KB	-rwxr-xr-x
portfolio.js	181 B	-rwxr-xr-x
portlet-draggable.js	629 B	-rwxr-xr-x
search.js	273 B	-rwxr-xr-x
table-advanced.js	4.36 KB	-rwxr-xr-x
table-ajax.js	3.21 KB	-rwxr-xr-x
table-editable.js	5.91 KB	-rwxr-xr-x
table-managed.js	5.8 KB	-rwxr-xr-x
tasks.js	365 B	-rwxr-xr-x
ui-alert-dialog-api.js	3.17 KB	-rwxr-xr-x
ui-blockui.js	3.66 KB	-rwxr-xr-x
ui-datepaginator.js	774 B	-rwxr-xr-x
ui-extended-modals.js	2.44 KB	-rwxr-xr-x
ui-general.js	6.31 KB	-rwxr-xr-x
ui-idletimeout.js	2.23 KB	-rwxr-xr-x
ui-nestable.js	1.5 KB	-rwxr-xr-x
ui-notific8.js	1.4 KB	-rwxr-xr-x
ui-toastr.js	4.76 KB	-rwxr-xr-x
ui-tree.js	6.13 KB	-rwxr-xr-x

Code Editor : table-advanced.js

var TableAdvanced = function () {

var initTable1 = function() {

/* Formatting function for row details */
        function fnFormatDetails ( oTable, nTr )
        {
            var aData = oTable.fnGetData( nTr );
            var sOut = '<table>';
            sOut += '<tr><td>Platform(s):</td><td>'+aData[2]+'</td></tr>';
            sOut += '<tr><td>Engine version:</td><td>'+aData[3]+'</td></tr>';
            sOut += '<tr><td>CSS grade:</td><td>'+aData[4]+'</td></tr>';
            sOut += '<tr><td>Others:</td><td>Could provide a link here</td></tr>';
            sOut += '</table>';
             
            return sOut;
        }

/*
         * Insert a 'details' column to the table
         */
        var nCloneTh = document.createElement( 'th' );
        var nCloneTd = document.createElement( 'td' );
        nCloneTd.innerHTML = '<span class="row-details row-details-close"></span>';
         
        $('#sample_1 thead tr').each( function () {
            this.insertBefore( nCloneTh, this.childNodes[0] );
        } );
         
        $('#sample_1 tbody tr').each( function () {
            this.insertBefore(  nCloneTd.cloneNode( true ), this.childNodes[0] );
        } );
         
        /*
         * Initialize DataTables, with no sorting on the 'details' column
         */
        var oTable = $('#sample_1').dataTable( {
            "aoColumnDefs": [
                {"bSortable": false, "aTargets": [ 0 ] }
            ],
            "aaSorting": [[1, 'asc']],
             "aLengthMenu": [
                [5, 15, 20, -1],
                [5, 15, 20, "All"] // change per page values here
            ],
            // set the initial value
            "iDisplayLength": 10,
        });

jQuery('#sample_1_wrapper .dataTables_filter input').addClass("form-control input-small input-inline"); // modify table search input
        jQuery('#sample_1_wrapper .dataTables_length select').addClass("form-control input-small"); // modify table per page dropdown
        jQuery('#sample_1_wrapper .dataTables_length select').select2(); // initialize select2 dropdown
         
        /* Add event listener for opening and closing details
         * Note that the indicator for showing which row is open is not controlled by DataTables,
         * rather it is done here
         */
        $('#sample_1').on('click', ' tbody td .row-details', function () {
            var nTr = $(this).parents('tr')[0];
            if ( oTable.fnIsOpen(nTr) )
            {
                /* This row is already open - close it */
                $(this).addClass("row-details-close").removeClass("row-details-open");
                oTable.fnClose( nTr );
            }
            else
            {
                /* Open this row */                
                $(this).addClass("row-details-open").removeClass("row-details-close");
                oTable.fnOpen( nTr, fnFormatDetails(oTable, nTr), 'details' );
            }
        });
    }

var initTable2 = function() {
        var oTable = $('#sample_2').dataTable( {           
            "aoColumnDefs": [
                { "aTargets": [ 0 ] }
            ],
            "aaSorting": [[1, 'asc']],
             "aLengthMenu": [
                [5, 15, 20, -1],
                [5, 15, 20, "All"] // change per page values here
            ],
            // set the initial value
            "iDisplayLength": 10,
        });

jQuery('#sample_2_wrapper .dataTables_filter input').addClass("form-control input-small input-inline"); // modify table search input
        jQuery('#sample_2_wrapper .dataTables_length select').addClass("form-control input-small"); // modify table per page dropdown
        jQuery('#sample_2_wrapper .dataTables_length select').select2(); // initialize select2 dropdown

$('#sample_2_column_toggler input[type="checkbox"]').change(function(){
            /* Get the DataTables object again - this is not a recreation, just a get of the object */
            var iCol = parseInt($(this).attr("data-column"));
            var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
            oTable.fnSetColumnVis(iCol, (bVis ? false : true));
        });
    }

return {

//main function to initiate the module
        init: function () {
            
            if (!jQuery().dataTable) {
                return;
            }

initTable1();
            initTable2();
        }

};

}();

${this.title}

Code Editor : table-advanced.js