📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
e-ticaretv3.demodesign.com.tr
/
yonetim
/
js
/
pages
📝
project-table-dashboard.js
← Geri Dön
$(function () { "use strict"; $(document).ready(function () { var table = $('#project-table').DataTable({ "data": testdata.data, "searching": true, "paging": true, "info": true, select:"single", "columns": [ { "className": 'details-control', "orderable": false, "data": null, "defaultContent": '', "render": function () { return ''; }, width:"15px" }, { "data": "name" }, { "data": "est" }, { "data": "contacts" }, { "data": "status" }, { "data": "starts" }, { "data": "ends" }, { "data": "tracker" }, ], "order": [[1, 'asc']] }); if ($('.table-responsive').length) { setRandomClass(); setInterval(function () { setRandomClass(); },1000); function setRandomClass() { var tbody = $(".table-responsive table tbody"); var items = tbody.find("tr"); var number = items.length; var random1 = Math.floor((Math.random() * number)); var random2 = Math.floor((Math.random() * number)); items.removeClass("bg-pale-warning"); items.eq(random1).addClass("bg-pale-warning"); items.eq(random2).addClass("bg-pale-warning"); } } // Add event listener for opening and closing details $('#project-table tbody').on('click', 'td.details-control', function () { var tr = $(this).closest('tr'); var tdi = tr.find("i.fa"); var row = table.row(tr); if (row.child.isShown()) { // This row is already open - close it row.child.hide(); tr.removeClass('shown'); tdi.first().removeClass('fa-minus-square'); tdi.first().addClass('fa-plus-square'); } else { // Open this row row.child(format(row.data())).show(); tr.addClass('shown'); tdi.first().removeClass('fa-plus-square'); tdi.first().addClass('fa-minus-square'); } }); table.on("user-select", function (e, dt, type, cell, originalEvent) { if ($(cell.node()).hasClass("details-control")) { e.preventDefault(); } }); }); function format(d){ // `d` is the original data object for the row return '<table cellpadding="6" cellspacing="0" border="0" style="padding-left:50px; width:100%;">' + '<tr>'+ '<td style="width:100px">Project Title:</td>'+ '<td>'+d.name+'</td>'+ '</tr>'+ '<tr>'+ '<td>Deadline:</td>'+ '<td>'+d.ends+'</td>'+ '</tr>'+ '<tr>'+ '<td>Extra info:</td>'+ '<td>And any further details here (images etc)...</td>'+ '</tr>'+ '<tr>'+ '<td>Comments:</td>'+ '<td>'+d.comments+'</td>'+ '</tr>'+ '<tr>'+ '<td>Action:</td>'+ '<td>'+d.action+'</td>'+ '</tr>'+ '</table>'; } var testdata = { "data": [ { "name": "Piping Project<br><small class='text-muted'><i>Budget: 5,000<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-info progress-bar-striped' role='progressbar' aria-valuenow='60' aria-valuemin='0' aria-valuemax='100' style='width: 60%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/1.jpg' class='offline' alt='user'></a> </div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary active' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "02-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Roofing Project<br><small class='text-muted'><i>Budget: 25,000<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-success progress-bar-striped' role='progressbar' aria-valuenow='30' aria-valuemin='0' aria-valuemax='100' style='width: 30%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/2.jpg' class='online'></a></div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "02-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Office Bulding Project<br><small class='text-muted'><i>Budget: 1,000<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-primary progress-bar-striped' role='progressbar' aria-valuenow='55' aria-valuemin='0' aria-valuemax='100' style='width: 55%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/1.jpg' class='online' alt='user'></a></div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary active' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "03-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Road Development <br><small class='text-muted'><i>Budget: 2,000<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-warning progress-bar-striped' role='progressbar' aria-valuenow='68' aria-valuemin='0' aria-valuemax='100' style='width: 68%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/5.jpg' class='busy'></a> </div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "03-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Product Development<br><small class='text-muted'><i>Budget: 3,500<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-danger progress-bar-striped' role='progressbar' aria-valuenow='10' aria-valuemin='0' aria-valuemax='100' style='width: 10%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/6.jpg' class='online'></a></div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "06-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Sky Line Bulding<br><small class='text-muted'><i>Budget: 5,000<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-info progress-bar-striped' role='progressbar' aria-valuenow='15' aria-valuemin='0' aria-valuemax='100' style='width: 15%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><a href='javascript:void(0)'><img src='../images/avatar/1.jpg' class='away'></a></div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary active' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "08-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Solar Penal<br><small class='text-muted'><i>Budget: 7,000<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-primary progress-bar-striped' role='progressbar' aria-valuenow='100' aria-valuemin='0' aria-valuemax='100' style='width: 100%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/4.jpg' class='online' alt='user'></a></div> ", "status": "<span class='badge badge-default'>Inactive</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "09-2019", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Wind Farm<br><small class='text-muted'><i>No budget was locked in<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-success progress-bar-striped' role='progressbar' aria-valuenow='15' aria-valuemin='0' aria-valuemax='100' style='width: 15%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/2.jpg' class='offline'></a> </div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "07-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Housing Project<br><small class='text-muted'><i>No budget was locked in<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-warning progress-bar-striped' role='progressbar' aria-valuenow='10' aria-valuemin='0' aria-valuemax='100' style='width: 10%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/1.jpg' class='offline'></a></div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "08-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " }, { "name": "Property Management<br><small class='text-muted'><i>No budget was locked in<i></small>", "est": "<td><div class='progress progress-sm'><div class='progress-bar progress-bar-primary progress-bar-striped' role='progressbar' aria-valuenow='55' aria-valuemin='0' aria-valuemax='100' style='width: 55%'></div></div></td>", "contacts": "<div class='project-members'><a href='javascript:void(0)'><img src='../images/avatar/8.jpg' class='online'></a></div> ", "status": "<span class='badge badge-success'>Active</span>", "tracker": "<button type='button' class='btn btn-sm btn-toggle btn-primary' data-toggle='button' aria-pressed='true'><span class='handle'></span></button>", "starts": "01-2017", "ends": "02-2018", "comments": "This is a blank comments area, used to add comments and keep notes", "action": "<button class='btn btn-xs'>Open case</button> <button class='btn btn-xs btn-danger pull-right' style='margin-left:5px'>Delete Record</button> <button class='btn btn-xs btn-success pull-right'>Save Changes</button> " } ] }; }); // End of use strict
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula