200 lines
7.8 KiB
JavaScript
200 lines
7.8 KiB
JavaScript
$("#gozarehtowntable").on("click", "td.details-control", async function(e) {
|
|
if ($(this).hasClass('isShowActivityMount')) {
|
|
$('#gozarehtowntable .internal-table').remove()
|
|
$('#gozarehtowntable .isShowActivityMount').removeClass('isShowActivityMount')
|
|
return false;
|
|
}
|
|
|
|
await showLoaderScreen()
|
|
|
|
$('#gozarehtowntable .isShowActivityMount').removeClass('isShowActivityMount')
|
|
$(this).addClass('isShowActivityMount')
|
|
var tr = $(this).closest("tr");
|
|
var row = gozareshtable.row(tr);
|
|
var provinceid = row.data().id;
|
|
var ths = $('#gozarehtowntable .th-head')
|
|
|
|
$('#gozarehtowntable .internal-table').remove()
|
|
internalTable(tr, "cityTable", 12)
|
|
.then(
|
|
(onResolved) => {
|
|
// get data
|
|
let date_from = moment(
|
|
fromDateshowrizitem.getState().selected.year +
|
|
"/" +
|
|
fromDateshowrizitem.getState().selected.month +
|
|
"/" +
|
|
fromDateshowrizitem.getState().selected.date,
|
|
"jYYYY/jM/jD"
|
|
).format("YYYY-MM-DD");
|
|
|
|
let date_to = moment(
|
|
toDateshowrizitem.getState().selected.year +
|
|
"/" +
|
|
toDateshowrizitem.getState().selected.month +
|
|
"/" +
|
|
toDateshowrizitem.getState().selected.date,
|
|
"jYYYY/jM/jD"
|
|
).format("YYYY-MM-DD");
|
|
|
|
|
|
citeisList = [];
|
|
objectfiltertable = []
|
|
|
|
|
|
dataTableRows = [];
|
|
$.ajax({
|
|
url: "/v2/safety_and_privacy/report/total_group_province_city?province_id=" + provinceid +
|
|
"&from_date=" +
|
|
date_from +
|
|
"&date_to=" +
|
|
date_to,
|
|
type: "GET",
|
|
async: false,
|
|
cache: false,
|
|
contentType: false,
|
|
processData: true,
|
|
success: function (result) {
|
|
Object.keys(result).forEach(function(key, index) {
|
|
dataTableRows.push(result[key])
|
|
});
|
|
|
|
},
|
|
error: function(error) {},
|
|
});
|
|
//second ajax
|
|
//get data
|
|
var gozarehtowntableCity = $("#cityTable").DataTable({
|
|
dom: "<flB<t>p>",
|
|
pagingType: "simple_numbers",
|
|
paging: false,
|
|
searching: false,
|
|
scrollX: true,
|
|
destroy: true,
|
|
responsive: true,
|
|
autoWidth: false,
|
|
language: {
|
|
sEmptyTable: "هیچ دادهای در جدول وجود ندارد",
|
|
sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف",
|
|
sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف",
|
|
sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)",
|
|
sInfoPostFix: "",
|
|
sInfoThousands: ",",
|
|
sLengthMenu: "نمایش _MENU_ ردیف",
|
|
sLoadingRecords: "در حال بارگذاری...",
|
|
sProcessing: "در حال پردازش...",
|
|
sSearch: "جستجو: ",
|
|
sZeroRecords: "رکوردی با این مشخصات پیدا نشد",
|
|
oPaginate: {
|
|
sFirst: "برگهی نخست",
|
|
sLast: "برگهی آخر",
|
|
sNext: "بعدی",
|
|
sPrevious: "قبلی",
|
|
},
|
|
oAria: {
|
|
sSortAscending: ": فعال سازی نمایش به صورت صعودی",
|
|
sSortDescending: ": فعال سازی نمایش به صورت نزولی",
|
|
},
|
|
},
|
|
processing: true,
|
|
data: dataTableRows,
|
|
columns: [
|
|
{
|
|
className: "text-center",
|
|
data: null,
|
|
width: ths.eq(0).css('width'),
|
|
render: function(data, type, row) {
|
|
return ""
|
|
}
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "name_fa",
|
|
width: ths.eq(1).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "sum",
|
|
width: ths.eq(2).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-89.step-1",
|
|
width: ths.eq(6).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-89.step-2",
|
|
width: ths.eq(7).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-89.step-3",
|
|
width: ths.eq(8).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-90.step-1",
|
|
width: ths.eq(9).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-90.step-2",
|
|
width: ths.eq(10).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-90.step-3",
|
|
width: ths.eq(11).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-91.step-1",
|
|
width: ths.eq(12).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-91.step-2",
|
|
width: ths.eq(13).css('width'),
|
|
},
|
|
{
|
|
className: "text-center",
|
|
data: "info-91.step-3",
|
|
width: ths.eq(14).css('width'),
|
|
},
|
|
],
|
|
buttons: [],
|
|
|
|
});
|
|
hideLoaderScreen()
|
|
}
|
|
);
|
|
});
|
|
|
|
|
|
|
|
function internalTable(tr, id, column) {
|
|
var ths = ''
|
|
var initTable;
|
|
for (var i = 1; i <= column; i++) {
|
|
ths += '<th style="background-color: rgb(1 86 136);"></th>'
|
|
}
|
|
initTable = `<tr class="internal-table">
|
|
<td class = "p-0 pb-2 bg-white" style="border-width:0px;"
|
|
colspan = "${column}">
|
|
<table table class = "table"
|
|
style = "background-color: #84b6de; color:#fff"
|
|
id = "${id}"
|
|
style = "width: 100%;">
|
|
<thead style="height:0px;">
|
|
<tr>
|
|
${ths}
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</td>
|
|
</tr>`
|
|
$(initTable).insertAfter(tr);
|
|
|
|
return Promise.resolve("Success");
|
|
} |