assets/js/app.js (view raw)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
$(document).ready( function () {
const options = {
ajax: {
url: './trackers.json',
dataSrc: 'trackers'
},
columns: [
{ data: 'Name' },
{ data: 'Abbreviation' },
{ data: 'Type' },
{ data: 'Codebase' },
{ data: 'Users' },
{ data: 'Torrents' },
{ data: 'Peers' },
{ data: 'Ratio' },
{ data: 'Ratio Diff' },
{ data: 'Freeleech' },
{ data: 'Points' },
{ data: 'Hit & Run' },
{ data: 'Birthdate' },
{ data: 'Join' },
{ data: 'Join Diff' },
{ data: 'Updated' },
],
columnDefs: [
{
targets: [7, 8, 9, 10, 11, 14],
render: function (data) {
if (data === 'N/A') {
return '<span class="label label-default" style="background-color: rgba(26, 26, 26, 1); color: #9b9b9b;">' + data + '</span>';
}
if (data === 'Easy') {
return '<span class="label label-default" style="background-color: rgba(26, 26, 26, 1); color: #0FB492;">' + data + '</span>';
}
if (data === 'Medium') {
return '<span class="label label-default" style="background-color: rgba(26, 26, 26, 1); color: #EE7E2A;">' + data + '</span>';
}
if (data === 'Hard') {
return '<span class="label label-default" style="background-color: rgba(26, 26, 26, 1); color: #E64141;">' + data + '</span>';
}
if (data === 'Impossible') {
return '<span class="label label-default" style="background-color: rgba(26, 26, 26, 1); color: #720f0f;">' + data + '</span>';
}
if (data === 'Yes') {
return '<span class="label label-default" style="background-color: rgba(26, 26, 26, 1); color: #50992a;">' + data + '</span>';
}
if (data === 'No') {
return '<span class="label label-default" style="background-color: rgba(26, 26, 26, 1); color: #a05262;">' + data + '</span>';
}
return data;
}
}
],
paging: false,
responsive: true,
fixedHeader: true,
order: [[ 0, "asc" ]]
};
const table = $('#table').DataTable(options);
} );
|