Files
backend/public/dist/js/gharargah.js
2024-02-01 09:53:53 +00:00

7344 lines
269 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
var map = null;
var map2 = null;
var table;
var startAbrarMarker = null;
var isSetStartAbrarMarker = false;
var endAbrarMarker = null;
var isSetEndAbrarMarker = false;
var progressAbrarMarker = null;
var isSetprogressAbrarMarker = false;
var mapshow = null;
var startAbrarMarkershow = null;
var isSetStartAbrarMarkershow = false;
var endAbrarMarkershow = null;
var isSetEndAbrarMarkershow = false;
var staticMap = null;
var ekipAbrarMarkerJustShow = null;
var isSetEkipAbrarMarkerJustShow = false;
var startAbrarMarkerJustShow = null;
var isSetStartAbrarMarkerJustShow = false;
var endAbrarMarkerJustShow = null;
var isSetEndAbrarMarkerJustShow = false;
//pooria
var list_province = [];
var list_citys = [];
var array_hold = [];
var array_hold_String = "";
var array_hold_String_edited;
var data_select_sec;
var array_hold_Axis_type = [];
var data_select_Axis_type;
var String_hold_Axis_type = "";
var String_edited_Axis_type;
var arry_select2_date;
var array_geted_date = [];
var hold_Data_p1 = "";
var pooriapo;
var edited_end_date;
var hold_Data_city1;
var city1_array = [];
var city1_String = "";
var city1_String_edited = "";
var hold_Data_city2;
var city2_array = [];
var city2_String = "";
var city2_String_edited = "";
var hold_Data_city3;
var city3_array = [];
var city3_String = "";
var city3_String_edited = "";
var hold_Data_province1;
var hold_Data_province2;
var hold_Data_province3;
var array_geted_date = [];
var edited_end_date;
//pooria
var routeControls = [];
var routeControlsPath = [];
var popupArrays = [];
var popupArraysPath = [];
var polylinePath = null;
var startLatlng;
var endLatlng;
var progressLatlng;
var edit;
var idEdit;
var cost;
var mapCenterLat = null;
var mapCenterLng = null;
var tablesecond;
var hasError = false;
var province,
town,
axisName,
axisType,
projectTitle,
contractor,
consultant,
contractDate,
contractPrice,
contractDatePicker;
var provinces = [];
var towns = [];
var projectDistance = {};
var editProjectDistance = null;
var projectDistanceLastUpdate = null;
var projectDistanceLastUpdatestatus = null;
var projectDefaultDistances = null;
var project_distance_edit = {};
var project_title = "";
var rowId = 0;
var historyId = 0;
var sliderImages = null;
var slideIndexlayer = 1;
var idkol;
var objectshow = {};
var status;
var locationStartLatLng, locationEndLatLng;
var boundingbox;
var tooltipjson;
var max1 = null;
var max2 = null;
var max3 = null;
var max4 = null;
var max5 = null;
var max6 = null;
var max7 = null;
var max8 = null;
var max9 = null;
var max10 = null;
var max11 = null;
var max12 = null;
var max13 = null;
var min1 = null;
var min2 = null;
var min3 = null;
var min4 = null;
var min5 = null;
var min6 = null;
var min7 = null;
var min8 = null;
var min9 = null;
var min10 = null;
var min11 = null;
var min12 = null;
var min13 = null;
var progres1 = null;
var progres2 = null;
var progres3 = null;
var progres4 = null;
var progres5 = null;
var progres6 = null;
var progres7 = null;
var progres8 = null;
var progres9 = null;
var progres10 = null;
var progres11 = null;
var progres12 = null;
var progres13 = null;
var canSubmit;
var projectupdateimage = [];
var startAbrarDivIcon = L.divIcon({
html: `
<div id="pin-marker-start" class="pin-marker">
<div class="map-pin-marker">
<div class="pin-main-circle"></div>
<div class="pin-white-circle"></div>
<div class="pin-title-circle">
<span class="title-circle-text">شروع</span>
</div>
<div class="pin-main-line"></div>
</div>
<div class="pin-main-shadow">
<div class="shadow-dot">
</div>
</div>
</div>
`,
iconSize: [55, 75],
iconAnchor: [33, 64],
});
var endAbrarDivIcon = L.divIcon({
html: `
<div id="pin-marker-end" class="pin-marker">
<div class="map-pin-marker">
<div class="pin-main-circle"></div>
<div class="pin-white-circle"></div>
<div class="pin-title-circle">
<span class="title-circle-text">پایان</span>
</div>
<div class="pin-main-line"></div>
</div>
<div class="pin-main-shadow">
<div class="shadow-dot">
</div>
</div>
</div>
`,
iconSize: [55, 75],
iconAnchor: [33, 64],
});
var progressAbrarDivIcon = L.divIcon({
html: `
<div id="pin-marker-progress" class="pin-marker">
<div class="map-pin-marker">
<div class="pin-main-circle"></div>
<div class="pin-white-circle"></div>
<div class="pin-title-circle">
<span class="title-circle-text">اکیپ</span>
</div>
<div class="pin-main-line"></div>
</div>
<div class="pin-main-shadow">
<div class="shadow-dot">
</div>
</div>
</div>
`,
iconSize: [55, 75],
iconAnchor: [33, 64],
});
var projectEditId = null;
var projectEditData = [];
var abrarProjectSlider = null;
var datatable2 = [
{
1: ["0"],
2: ["0"],
3: ["0"],
4: ["0"],
5: ["0"],
6: ["0"],
7: ["0"],
8: ["0"],
9: ["0"],
10: ["0"],
11: ["0"],
12: ["0"],
13: ["0"],
},
];
var tablethird;
function showLoaderScreen() {
$(".starter-loader-container").css("display", "flex").hide().fadeIn();
}
function hideLoaderScreen() {
$(".starter-loader-container").fadeOut();
}
$(document).ready(function () {
getProvinces();
table = $("#example").DataTable({
dom: "lBfrtip",
pagingType: "simple_numbers",
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: ": فعال سازی نمایش به صورت نزولی",
},
},
order: [[0, "asc"][(1, "asc")], [2, "desc"], [3, "desc"], [4, "desc"]],
order: [[0, "asc"]],
processing: true,
select: true,
destroy: true,
ajax: {
url: "https://rms.rmto.ir/camp/all",
type: "GET",
dataSrc: function (json) {
return json.data;
},
},
columns: [
{
className: "text-center",
data: null,
render: function (data, type, row, meta) {
// console.log(meta.row);
return meta.row + 1;
},
},
{ data: "province_fa" },
{
data: null,
render: function (data, type, row) {
if (data.city_2_fa != null && data.city_3_fa != null)
return `${data.city_1_fa}-${data.city_2_fa}-${data.city_3_fa}`;
else if (data.city_2_fa != null)
return `${data.city_1_fa}-${data.city_2_fa}`;
else return `${data.city_1_fa}`;
},
},
{ data: "axis_name" },
{
data: "axis_type_fa",
},
{ data: "blockage_cause_fa" },
{ data: "blockage_length" },
{ data: "blockage_damage_higher_6_count" },
{ data: "blockage_damage_lower_6_count" },
{ data: "blockage_damage_count" },
{ data: "active_cars_count" },
{ data: "active_rahdar_count" },
{ data: "block_axis_desc" },
{ data: "blockage_damage_money" },
{
data: "submited_at"
},
{ data: "prediction_time_fa" },
{
data: null,
render: function (data, type, row) {
return data.is_open_at + data.is_open_type_fa
}
},
{
className: "text-center",
data: null,
render: function (data, type, row) {
if (data.is_open_at == null) {
return `<button id="editButton${data.id}" class="btn btn-danger btn-sm editor details-control" title="ویرایش"><i class="fa fa-edit"></i><div></div></button>
<button class="btn btn-sm btn-warning location-button" title=" مشاهده مکانی " ><i class="fa fa-eye"></i></button>
<button class="btn btn-sm btn-info image-show" title="مشاهده عکس ها" ><i class="fa fa-image" ></i></button>
<button class="btn btn-sm btn-primary deletsubmit" title=" حذف " style="width: 28px" ><i class="fa fa-trash"></i></button>
`;
}
else {
return `<button id="editButton${data.id}" class="btn btn-danger btn-sm editor details-control" title="ویرایش" disabled><i class="fa fa-edit"></i><div></div></button>
<button class="btn btn-sm btn-warning location-button" title=" مشاهده مکانی " ><i class="fa fa-eye"></i></button>
<button class="btn btn-sm btn-info image-show" title="مشاهده عکس ها" ><i class="fa fa-image" ></i></button>
<button class="btn btn-sm btn-primary deletsubmit" title=" حذف " style="width: 28px" disabled ><i class="fa fa-trash"></i></button>
`;
}
},
},
{
className: "text-center",
data: null,
render: function (data, type, row) {
if (data.is_open_at == null) {
return `
<button class="btn btn-sm btn-success finalsubmit" title=" بازگشایی " ><i class="fa fa-check"></i></button>
`;
}
else {
return `
<button class="btn btn-sm btn-success finalsubmit" title=" بازگشایی " disabled ><i class="fa fa-check"></i></button>
`;
}
},
},
],
columnDefs: [
// {
// targets: [11],
// visible: false,
// searchable: false,
// },
// {
// targets: [12],
// visible: false,
// searchable: false,
// },
// {
// targets: [13],
// visible: false,
// searchable: false,
// },
],
buttons: [
{
extend: "excelHtml5",
title: "Excel",
text: "خروجی به اکسل",
messageTop: "لیست محور های انسدادی و آسیب ناشی از مخاطرات ",
customize: function (xlsx) {
var sheet = xlsx.xl.worksheets["sheet1.xml"];
// Loop over the cells in column `C`
$('row c[r^="M"]', sheet).each(function () {
// Get the value
$(this).attr("s", "52");
});
$('row c[r^="N"]', sheet).each(function () {
// Get the value
$(this).attr("s", "52");
});
},
},
//Pooria
{
text: "فیلترینگ پیشرفته",
action: function (e, dt, node, config) {
if ($(".smart-filltering").css("display") == "none") {
$(".smart-filltering").css("display", "block");
// $(".last_statusfilter").val(0).trigger("change");
// $(".typemehvar").val(0).trigger("change");
// $("#select-province1").val(0).trigger("change");
// $("#select-city1").val(0).trigger("change");
// $("#select-province2").val(0).trigger("change");
// $("#select-city2").val(0).trigger("change");
// $("#select-province3").val(0).trigger("change");
// $("#select-city3").val(0).trigger("change");
// $(".yearfilter").val(0).trigger("change");
// array_hold = [];
// array_hold_String = "";
// array_hold_String_edited = null;
// String_hold_Axis_type = "";
// $("#example").DataTable().column(1).search("").draw();
// $("#example").DataTable().column(2).search("").draw();
// $("#example").DataTable().column(4).search("").draw();
// $("#example").DataTable().column(10).search("").draw();
// $("#example").DataTable().column(7).search("").draw();
$("#append-input-forFilter2").addClass("d-none");
$("#append-input-forFilter3").addClass("d-none");
showLoaderScreen();
setTimeout(() => {
hideLoaderScreen();
}, 200);
} else if ($(".smart-filltering").css("display") != "none") {
// $(".smart-filltering").css("display", "none");
}
},
},
//End pooira
],
//pooria
initComplete: function () {
$(".js-example-basic-multiple").append(
'<option value="0">انتخاب اداره کل</option>'
);
init_row_filter();
$("#select-province1").on("change", function () {
init_data_filter1();
});
$(".btn-increase").prop("disabled", true);
$(".btn-decrease").prop("disabled", true);
$(".last_statusfilter").select2({
multiple: true,
placeholder: "علت انسداد",
width: "resolve",
dir: "rtl",
});
$("#select-city1").select2({
dir: "rtl",
placeholder: "انتخاب شهرستان",
width: "resolve",
});
$("#select-city2").select2({
dir: "rtl",
placeholder: "انتخاب شهرستان",
width: "resolve",
});
$("#select-city3").select2({
dir: "rtl",
placeholder: "انتخاب شهرستان",
width: "resolve",
});
$(".typemehvar").select2({
multiple: true,
placeholder: "نوع محور",
dir: "rtl",
width: "resolve",
});
$(".yearfilter").select2({
multiple: true,
placeholder: "نوع انسداد",
dir: "rtl",
width: "resolve",
});
$(".last_statusfilter").on("change", function () {
data_select_sec = null;
array_hold = [];
array_hold_String = "";
array_hold_String_edited = "";
data_select_sec = $(".last_statusfilter").select2("data");
});
$(".typemehvar").on("change", function () {
array_hold_Axis_type = [];
data_select_Axis_type = null;
String_hold_Axis_type = "";
String_edited_Axis_type = "";
data_select_Axis_type = $(".typemehvar").select2("data");
// console.log(typeof data_select_Axis_type);
});
$(".yearfilter").on("change", function () {
arry_select2_date = null;
array_geted_date = [];
hold_Data_p1 = "";
pooriapo = null;
edited_end_date = null;
arry_select2_date = $(".yearfilter").select2("data");
});
$("#select-city1").on("change", function () {
hold_Data_city1 = null;
city1_array = [];
city1_String = "";
city1_String_edited = "";
hold_Data_city1 = $("#select-city1").select2("data");
});
$("#select-city2").on("change", function () {
hold_Data_city2 = null;
city2_array = [];
city2_String = "";
city2_String_edited = "";
hold_Data_city1 = $("#select-city1").select2("data");
});
$("#select-city3").on("change", function () {
hold_Data_city3;
city3_array = [];
city3_String = "";
city3_String_edited = "";
hold_Data_city1 = $("#select-city1").select2("data");
});
$("#select-province1").on("change", function () {
hold_Data_province1 = null;
hold_Data_province1 = $("#select-province1 option:selected").text();
console.log(typeof hold_Data_province1);
});
$("#select-province2").on("change", function () {
hold_Data_province2 = null;
hold_Data_province2 = $("#select-province2 option:selected").text();
});
$("#select-province3").on("change", function () {
hold_Data_province3 = null;
hold_Data_province3 = $("#select-province3 option:selected").text();
});
$("#btn_filter_show").on("click", function () {
if ($(".typemehvar").select2("data").length == 0) {
$("#example").DataTable().column(4).search("").draw();
}
if ($(".last_statusfilter").select2("data").length == 0) {
$("#example").DataTable().column(10).search("").draw();
}
var test = "|";
var hold_Data_p1 = "";
var pooriapo;
if (arry_select2_date) {
for (let i = 0; i < arry_select2_date.length; i++) {
array_geted_date.push(arry_select2_date[i].text);
}
}
if (
array_geted_date[array_geted_date.length - 1] == "سال 1395 و ما قبل"
) {
for (let i = 1300; i <= 1395; i++) {
array_geted_date.unshift(i.toString());
}
pooriapo = array_geted_date.slice(0, array_geted_date.length - 1);
for (let i = 0; i < pooriapo.length; i++) {
hold_Data_p1 += pooriapo[i].concat("|");
}
} else {
for (let i = 0; i < array_geted_date.length; i++) {
hold_Data_p1 += array_geted_date[i].concat("|");
}
}
if (hold_Data_p1[hold_Data_p1.length - 1] === "|") {
edited_end_date = hold_Data_p1.slice(0, hold_Data_p1.length - 1);
}
if (edited_end_date) {
$("#example")
.DataTable()
.column(7)
.search(edited_end_date, true, false)
.draw();
}
if (
($("#select-province1").val() && $("#select-province1").val() != 0) ||
($("#select-province2").val() && $("#select-province2").val() != 0) ||
($("#select-province3").val() && $("#select-province3").val() != 0)
) {
$("#example")
.DataTable()
.column(1)
.search(
hold_Data_province1 +
test +
hold_Data_province2 +
test +
hold_Data_province3,
true,
false
)
.draw();
}
if (hold_Data_city1) {
for (let i = 0; i < hold_Data_city1.length; i++) {
city1_array.push(hold_Data_city1[i].text.trim().concat("|"));
}
}
for (let i = 0; i < city1_array.length; i++) {
city1_String += city1_array[i];
}
if (city1_String[city1_String.length - 1] == "|") {
city1_String_edited = city1_String.slice(0, city1_String.length - 1);
}
hold_Data_city2 = $("#select-city2").select2("data");
for (let i = 0; i < hold_Data_city2.length; i++) {
city2_array.push(hold_Data_city2[i].text.trim().concat("|"));
}
for (let i = 0; i < city2_array.length; i++) {
city2_String += city2_array[i];
}
if (city2_String[city2_String.length - 1] == "|") {
city2_String_edited = city2_String.slice(0, city2_String.length - 1);
}
hold_Data_city3 = $("#select-city3").select2("data");
for (let i = 0; i < hold_Data_city3.length; i++) {
city3_array.push(hold_Data_city3[i].text.trim().concat("|"));
}
if (city3_array) {
for (let i = 0; i < city3_array.length; i++) {
city3_String += city3_array[i];
}
}
if (city3_String[city3_String.length - 1] == "|") {
city3_String_edited = city3_String.slice(0, city3_String.length - 1);
}
var farsamoner;
var farsamNum = 0;
if (city1_String_edited) {
farsamoner = city1_String_edited;
farsamNum++;
}
if (city2_String_edited) {
farsamNum != 0 ? (farsamoner += "|") : (farsamoner += "");
farsamoner += city2_String_edited;
farsamNum++;
}
if (city3_String_edited) {
farsamNum != 0 ? (farsamoner += "|") : (farsamoner += "");
farsamoner += city3_String_edited;
}
if (farsamoner) {
$("#example")
.DataTable()
.column(2)
.search(farsamoner, true, false)
.draw();
}
if (data_select_sec) {
for (let i = 0; i < data_select_sec.length; i++) {
array_hold.push(data_select_sec[i].text.trim());
}
for (var i = 0; i < array_hold.length; i++) {
array_hold_String += array_hold[i].concat("|");
}
if (array_hold_String[array_hold_String.length - 1] == "|") {
array_hold_String_edited = array_hold_String.slice(
0,
array_hold_String.length - 1
);
}
if (array_hold_String_edited) {
$("#example")
.DataTable()
.column(5)
.search(array_hold_String_edited, true, false)
.draw();
}
}
if (data_select_Axis_type) {
for (var i = 0; i < data_select_Axis_type.length; i++) {
array_hold_Axis_type.push(
data_select_Axis_type[i].text.trim().concat("|")
);
}
for (let i = 0; i < array_hold_Axis_type.length; i++) {
String_hold_Axis_type += array_hold_Axis_type[i];
}
if (String_hold_Axis_type[String_hold_Axis_type.length - 1] === "|") {
String_edited_Axis_type = String_hold_Axis_type.slice(
0,
String_hold_Axis_type.length - 1
);
}
if (String_edited_Axis_type) {
$("#example")
.DataTable()
.column(4)
.search(String_edited_Axis_type, true, false)
.draw();
}
}
});
},
//End pooria
});
//pooria
$(".btn-increase").on("click", function () {
init_row_filter();
$(".btn-increase").prop("disabled", true);
init_data_filter2();
init_data_filter3();
});
function init_row_filter() {
$.ajax({
url: "https://rms.rmto.ir/public/contents/provinces",
type: "GET",
success: function (data) {
list_province = data.data;
for (let index = 0; index < list_province.length; index++) {
$(".js-example-basic-multiple").append(
"\
<option value=" +
list_province[index].id +
">" +
list_province[index].name_fa +
"</option>\
"
);
}
},
});
}
function init_data_filter1() {
let hold_idSelect = $("#select-province1").val();
console.log(hold_idSelect);
$.ajax({
url: "https://rms.rmto.ir/public/contents/provinces/" + hold_idSelect,
type: "GET",
success: function (data) {
list_citys = data.data;
//ppp
// $("#select-city1").val(0).trigger("change");
$("#select-city1").html("");
for (let index = 0; index < list_citys.length; index++) {
$("#select-city1").append(
"\
<option value=" +
list_citys[index].id +
">" +
list_citys[index].name_fa +
"</option>\
"
);
}
},
});
if ($("#select-province1").val() != 0) {
$(".btn-increase").prop("disabled", false);
}
$(".btn-increase").on("click", function () {
$("#append-input-forFilter2").removeClass("d-none");
});
}
function init_data_filter2() {
$("#select-province2").on("change", function () {
let hold_idSelect = $("#select-province2").val();
$.ajax({
url: "https://rms.rmto.ir/public/contents/provinces/" + hold_idSelect,
type: "GET",
success: function (data) {
list_citys = data.data;
$("#select-city2").html("");
for (let index = 0; index < list_citys.length; index++) {
$("#select-city2").append(
"\
<option value=" +
list_citys[index].id +
">" +
list_citys[index].name_fa +
"</option>\
"
);
}
},
});
if ($("#select-province2").val() != 0) {
$(".btn-increase").prop("disabled", false);
}
$(".btn-increase").on("click", function () {
$("#append-input-forFilter3").removeClass("d-none");
});
});
}
function init_data_filter3() {
$("#select-province3").on("change", function () {
let hold_idSelect = $("#select-province3").val();
$.ajax({
url: "https://rms.rmto.ir/public/contents/provinces/" + hold_idSelect,
type: "GET",
success: function (data) {
list_citys = data.data;
$("#select-city3").empty("");
for (let index = 0; index < list_citys.length; index++) {
$("#select-city3").append(
"\
<option value=" +
list_citys[index].id +
">" +
list_citys[index].name_fa +
"</option>\
"
);
}
},
});
if ($("#select-province3").val() != 0) {
$(".btn-increase").prop("disabled", false);
}
});
}
//End pooria
//yasi change end
});
function createLeafletMap(startP, endP, update) {
console.log("createLeafletMap");
let bounds = [
[42.9130026312, 75.6166317076],
[20.5782370061, 35.5092252948],
];
let mapName;
if (!update) {
console.log("hewre ");
map = new L.map("abrar-map", {
maxBounds: bounds,
minZoom: 6,
}).setView(startP, 9);
mapName = map;
} else {
console.log("hello map 22222");
map2 = new L.map("abrar-map-2", {
maxBounds: bounds,
minZoom: 6,
}).setView(startP, 9);
mapName = map2;
}
L.tileLayer("https://testmap.141.ir/141map/{z}/{x}/{y}.png", {}).addTo(
mapName
);
if (update) {
startAbrarMarker = new L.marker(startP, {
icon: startAbrarDivIcon,
draggable: false,
}).addTo(mapName);
} else {
startAbrarMarker = new L.marker(startP, {
icon: startAbrarDivIcon,
draggable: true,
}).addTo(mapName);
}
if (!edit) {
endAbrarMarker = new L.marker(endP, {
icon: endAbrarDivIcon,
draggable: true,
});
} else {
isSetStartAbrarMarker = true;
$("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
if (update) {
mapName = map2;
if (endAbrarMarker && endP[0] != "NaN") {
endAbrarMarker.remove();
endAbrarMarker.setLatLng(endP);
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = true;
$("#pin-marker-end")
.removeClass("pin-move pin-warn")
.addClass("pin-set");
checkMarkersAndDrawPath(update);
} else if (!endAbrarMarker && endP[0] != "NaN") {
endAbrarMarker = new L.marker(endP, {
icon: endAbrarDivIcon,
draggable: false,
});
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = true;
$("#pin-marker-end")
.removeClass("pin-move pin-warn")
.addClass("pin-set");
checkMarkersAndDrawPath(update);
} else if (endAbrarMarker && endP[0] == "NaN") {
endAbrarMarker.remove();
}
progressAbrarMarker = new L.marker(
[parseFloat(startP[0]), parseFloat(startP[1]) + 1],
{
icon: progressAbrarDivIcon,
draggable: true,
}
).addTo(mapName);
progressAbrarMarker.on("click", function () {
console.log("clickstart");
if (!isSetprogressAbrarMarker) {
progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
isSetprogressAbrarMarker = true;
$("#pin-marker-progress")
.removeClass("pin-move pin-warn")
.addClass("pin-set");
// $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
// progressAbrarMarker.getLatLng().lat.toFixed(6) +
// progressAbrarMarker.getLatLng().lng.toFixed(6)
// );
// $(
// "#stepModalmaintenance input[name=abrar-project-latlng-start]"
// ).removeClass("is-invalid-input");
}
});
mapName.on("move", function () {
if (!isSetprogressAbrarMarker) {
progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
$("#pin-marker-progress").removeClass("pin-set").addClass("pin-move");
}
});
mapName.on("moveend", function () {
if (!isSetprogressAbrarMarker) {
progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
$("#pin-marker-progress").removeClass("pin-move pin-set");
}
});
progressAbrarMarker.on("drag", function () {
$("#pin-marker-progress").addClass("pin-move");
// checkMarkersAndDrawPath(update);
});
progressAbrarMarker.on("dragend", function () {
$("#pin-marker-progress").removeClass("pin-move");
if (
$("#pin-marker-progress").hasClass("pin-set") ||
isSetprogressAbrarMarker
) {
// $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
// startAbrarMarker.getLatLng().lat.toFixed(6) +
// startAbrarMarker.getLatLng().lng.toFixed(6)
// );
// $(
// "#stepModalmaintenance input[name=abrar-project-latlng-start]"
// ).removeClass("is-invalid-input");
$("#pin-marker-progress").addClass("pin-set");
// checkMarkersAndDrawPath(update);
} else {
mapName.setView(progressAbrarMarker.getLatLng());
}
});
} else {
mapName = map;
if (endAbrarMarker && endP[0] != "NaN") {
endAbrarMarker.remove();
endAbrarMarker.setLatLng(endP);
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = true;
$("#pin-marker-end")
.removeClass("pin-move pin-warn")
.addClass("pin-set");
checkMarkersAndDrawPath(update);
console.log("edit1");
} else if (!endAbrarMarker && endP[0] != "NaN") {
endAbrarMarker = new L.marker(endP, {
icon: endAbrarDivIcon,
draggable: true,
});
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = true;
$("#pin-marker-end")
.removeClass("pin-move pin-warn")
.addClass("pin-set");
console.log("edit2");
console.log(endP);
checkMarkersAndDrawPath(update);
} else if (endAbrarMarker && endP[0] == "NaN") {
endAbrarMarker.remove();
endAbrarMarker.setLatLng([
parseFloat(startP[0]),
parseFloat(startP[1]) + 1,
]);
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = false;
$("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
console.log("edit3");
} else {
endAbrarMarker = new L.marker(
[parseFloat(startP[0]), parseFloat(startP[1]) + 1],
{
icon: endAbrarDivIcon,
draggable: true,
}
);
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = false;
$("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
console.log("edit4");
}
}
}
// if (!update) {
// if (endP[0] != "NaN") {
// endAbrarMarker = new L.marker(endP, {
// icon: endAbrarDivIcon,
// draggable: true,
// });
// } else {
// endAbrarMarker = new L.marker([
// parseFloat(startP[0]),
// parseFloat(startP[1]) + 1,
// ], {
// icon: endAbrarDivIcon,
// draggable: true,
// });
// }
// }
// if (edit) {
// if (endP[0] != "NaN") {
// avrLat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2;
// avrLng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2;
// }
// if (update) {
// if (endP[0] != "NaN") {
// progressAbrarMarker = new L.marker([avrLat, avrLng], {
// icon: progressAbrarDivIcon,
// draggable: true,
// }).addTo(mapName);
// } else {
// progressAbrarMarker = new L.marker([parseFloat(startP[0]),
// parseFloat(startP[1]) + 1
// ], {
// icon: progressAbrarDivIcon,
// draggable: true,
// }).addTo(mapName);
// }
// }
// if (endAbrarMarker) {
// if (update) {
// if (endP[0] != "NaN") {
// endAbrarMarker.addTo(mapName);
// } else {
// endAbrarMarker.remove()
// }
// }
// else {
// endAbrarMarker.addTo(mapName);
// }
// }
// // endAbrarMarker.addTo(mapName);
// isSetStartAbrarMarker = true;
// isSetEndAbrarMarker = true;
// if (update) {
// startAbrarMarker.dragging.disable();
// if (endP[0] != "NaN") {
// endAbrarMarker.dragging.disable();
// }
// }
// $("#pin-marker-start").addClass("pin-set");
// if (endP[0] != "NaN") {
// $("#pin-marker-end").addClass("pin-set");
// }
// else {
// $("#pin-marker-end").removeClass("pin-set");
// }
// checkMarkersAndDrawPath(update);
// if (endP[0] != "NaN") {
// mapName.setView([avrLat, avrLng], 6);
// } else {
// mapName.setView(startP, 6);
// }
// }
// map.on('move', function () {
// if (!isSetStartAbrarMarker) {
// startAbrarMarker.setLatLng(L.latLng(map.getCenter()));
// $('#pin-marker-start').removeClass('pin-set pin-warn').addClass('pin-move');
// }
// });
mapName.on("move", function () {
if (!isSetStartAbrarMarker && !isSetEndAbrarMarker) {
startAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
$("#pin-marker-start").removeClass("pin-set").addClass("pin-move");
}
if (isSetStartAbrarMarker && !isSetEndAbrarMarker && !update) {
endAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
$("#pin-marker-end").removeClass("pin-set").addClass("pin-move");
}
});
mapName.on("moveend", function () {
if (!isSetStartAbrarMarker && !isSetEndAbrarMarker) {
startAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
$("#pin-marker-start").removeClass("pin-move pin-set");
}
if (isSetStartAbrarMarker && !isSetEndAbrarMarker && !update) {
endAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
$("#pin-marker-end").removeClass("pin-move pin-set");
}
});
startAbrarMarker.on("click", function () {
console.log("clickstart");
if (!isSetStartAbrarMarker) {
startAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
isSetStartAbrarMarker = true;
$("#pin-marker-start")
.removeClass("pin-move pin-warn")
.addClass("pin-set");
$("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
startAbrarMarker.getLatLng().lat.toFixed(6) +
startAbrarMarker.getLatLng().lng.toFixed(6)
);
$(
"#stepModalmaintenance input[name=abrar-project-latlng-start]"
).removeClass("is-invalid-input");
let markerLatLng = [
startAbrarMarker.getLatLng().lat,
startAbrarMarker.getLatLng().lng + 0.0008,
];
mapName.setView(markerLatLng);
// if(!endAbrarMarker){
// endAbrarMarker = new L.marker(endP, {
// icon: endAbrarDivIcon,
// draggable: true,
// });
// }
endAbrarMarker.setLatLng(markerLatLng);
endAbrarMarker.addTo(mapName);
}
});
if (endAbrarMarker) {
endAbrarMarker.on("click", function () {
console.log("clickend");
if (!isSetEndAbrarMarker) {
endAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
isSetEndAbrarMarker = true;
$("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").val(
endAbrarMarker.getLatLng().lat.toFixed(6) +
endAbrarMarker.getLatLng().lng.toFixed(6)
);
$(
"#stepModalmaintenance input[name=abrar-project-latlng-end]"
).removeClass("is-invalid-input");
checkMarkersAndDrawPath(update);
}
});
endAbrarMarker.on("drag", function () {
$("#pin-marker-end").addClass("pin-move");
checkMarkersAndDrawPath(update);
});
endAbrarMarker.on("dragend", function () {
$("#pin-marker-end").removeClass("pin-move");
if ($("#pin-marker-end").hasClass("pin-set") || isSetEndAbrarMarker) {
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").val(
endAbrarMarker.getLatLng().lat.toFixed(6) +
endAbrarMarker.getLatLng().lng.toFixed(6)
);
$(
"#stepModalmaintenance input[name=abrar-project-latlng-end]"
).removeClass("is-invalid-input");
$("#pin-marker-end").addClass("pin-set");
checkMarkersAndDrawPath(update);
} else {
mapName.setView(endAbrarMarker.getLatLng());
}
});
}
startAbrarMarker.on("drag", function () {
$("#pin-marker-start").addClass("pin-move");
checkMarkersAndDrawPath(update);
});
startAbrarMarker.on("dragend", function () {
$("#pin-marker-start").removeClass("pin-move");
if ($("#pin-marker-start").hasClass("pin-set") || isSetStartAbrarMarker) {
$("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
startAbrarMarker.getLatLng().lat.toFixed(6) +
startAbrarMarker.getLatLng().lng.toFixed(6)
);
$(
"#stepModalmaintenance input[name=abrar-project-latlng-start]"
).removeClass("is-invalid-input");
$("#pin-marker-start").addClass("pin-set");
checkMarkersAndDrawPath(update);
} else {
mapName.setView(startAbrarMarker.getLatLng());
}
});
}
$("#example").on("click", "button.image-show", function () {
var tr = $(this).closest("tr");
var row = table.row(tr);
idkol = row.data().id;
console.log("idkol", idkol);
let formData = new FormData();
formData.append("id", idkol);
// showLoaderScreen();
$.ajax({
url: "https://rms.rmto.ir/camp/get",
type: "POST",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
data: formData,
cache: false,
contentType: false,
processData: false,
success: function (result) {
console.log("kikii", result);
console.log(result.data.files.length)
if (result.data.files.length != 0) {
//yasi is hear
// var images = row.data().images
// var dates = row.date().images_dates
// hideLoaderScreen();
opensliderforeachrow(result.data, 1);
// to do slider show
}
},
});
});
function opensliderforeachrow(row, main) {
console.log("rr", row);
// let row = table.row(tr);
// console.log("have u ever",row);
sliderImages = row.files;
let updated_at;
// if(main){
// updated_at = row.data().last_history.last_updated_at;
// }else{
// updated_at = row.data().updated_at;
// }
let dataLength = sliderImages.length;
console.log(sliderImages);
$("#slideshow-slide").find(".mySlides").remove();
$("#slideshow-dot").find(".dot").remove();
for (let index = 0; index < sliderImages.length; index++) {
var imageUrl;
var updateDate;
if (main == 0) {
imageUrl = sliderImages[index];
updateDate = row.submited_at;
} else {
console.log("kkk", sliderImages[index].path.slice(6))
imageUrl =
"https://rms.rmto.ir/storage" + sliderImages[index].path.slice(6);
console.log("hatman", imageUrl);
console.log("hasman", row.updated_at);
updateDate = row.submited_at;
}
console.log("indexxx", index + 1);
var test = index + 1;
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="' +
imageUrl +
'"><div class="textt"> تصویر ' +
test +
":" +
" " +
"تاریخ :" +
updateDate +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + test + ')"></span>'
);
// if (sliderImages[index].path.includes("image-2")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 2 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-3")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 3 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-4")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 4 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-5")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 5 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-6")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 6 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-7")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 7 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-8")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 8 + ')"></span>'
// );
// }
}
if (dataLength > 0) {
slideindex = 1;
layerslidershow(slideindex);
$("#slideroverlay").css("display", "block");
}
}
function openSlidershowbutton(row, main) {
console.log("rr", row);
// let row = table.row(tr);
// console.log("have u ever",row);
sliderImages = row.data().images;
console.log("have u ever", row.data());
let updated_at;
// if(main){
// updated_at = row.data().last_history.last_updated_at;
// }else{
// updated_at = row.data().updated_at;
// }
let dataLength = sliderImages.length;
console.log(sliderImages);
$("#slideshow-slide").find(".mySlides").remove();
$("#slideshow-dot").find(".dot").remove();
for (let index = 0; index < sliderImages.length; index++) {
var imageUrl;
var updateDate;
if (main == 1) {
imageUrl = sliderImages[index];
updateDate = row.data().images_dates[index];
} else {
imageUrl =
"https://rms.rmto.ir/storage" + sliderImages[index].path.slice(6);
console.log("hatman", imageUrl);
console.log("hasman", row.data().updated_at);
updateDate = row.data().updated_at;
}
console.log("indexxx", index + 1);
var test = index + 1;
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="' +
imageUrl +
'"><div class="textt"> تصویر ' +
test +
":" +
" " +
"تاریخ :" +
updateDate +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + test + ')"></span>'
);
// if (sliderImages[index].path.includes("image-2")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 2 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-3")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 3 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-4")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 4 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-5")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 5 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-6")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 6 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-7")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 7 + ')"></span>'
// );
// }
// if (sliderImages[index].path.includes("image-8")) {
// let divSlide =
// '<div class="mySlides"><div class="numbertext">' +
// (index + 1) +
// " / " +
// sliderImages.length +
// '</div><img src="https://rms.rmto.ir/' +
// sliderImages[index].path.replace("public", "storage") +
// '"><div class="textt"> تصویر ' +
// (index + 1) +
// ":" +
// " " +
// "تاریخ :" +
// updated_at +
// "</div></div>";
// $("#slideshow-slide").append(divSlide);
// $("#slideshow-dot").append(
// '<span class="dot" onclick="currentphotoshow(' + 8 + ')"></span>'
// );
// }
}
if (dataLength > 0) {
slideindex = 1;
layerslidershow(slideindex);
$("#slideroverlay").css("display", "block");
}
}
function createLeafletMapshow(startP, endP) {
console.log("histart");
var latapi1 = startP[0];
var lngapi1 = startP[1];
var latapi2 = endP[0];
var lngapi2 = endP[1];
let bounds = [
[42.9130026312, 75.6166317076],
[20.5782370061, 35.5092252948],
];
mapshow = new L.map("abrarshow-map", {
maxBounds: bounds,
minZoom: 6,
}).setView([latapi1, lngapi1], 9);
L.tileLayer("https://testmap.141.ir/141map/{z}/{x}/{y}.png", {}).addTo(
mapshow
);
startAbrarMarkershow = new L.marker(L.latLng(latapi1, lngapi1), {
icon: startAbrarDivIcon,
}).addTo(mapshow);
endAbrarMarkershow = new L.marker(L.latLng(latapi2, lngapi2), {
icon: endAbrarDivIcon,
}).addTo(mapshow);
isSetStartAbrarMarkershow = true;
$("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
isSetEndAbrarMarkershow = true;
$("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
checkMarkersAndDrawPathshow();
// var showlat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2
// var showlng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2
// mapshow.setView([showlat, showlng], 6);
// mapshow.on("move", function () {
// if (!isSetStartAbrarMarkershow && !isSetEndAbrarMarkershow) {
// startAbrarMarkershow.setLatLng(L.latLng(mapshow.getCenter()));
// $("#pin-marker-start").removeClass("pin-set").addClass("pin-move");
// }
// if (isSetStartAbrarMarkershow && !isSetEndAbrarMarkershow) {
// endAbrarMarker.setLatLng(L.latLng(mapshow.getCenter()));
// $("#pin-marker-end").removeClass("pin-set").addClass("pin-move");
// }
// });
// mapshow.on("moveend", function () {
// if (!isSetStartAbrarMarkershow && !isSetEndAbrarMarkershow) {
// startAbrarMarker.setLatLng(L.latLng(mapshow.getCenter()));
// $("#pin-marker-start").removeClass("pin-move pin-set");
// }
// if (isSetStartAbrarMarkershow && !isSetEndAbrarMarkershow) {
// endAbrarMarker.setLatLng(L.latLng(mapshow.getCenter()));
// $("#pin-marker-end").removeClass("pin-move pin-set");
// }
// });
// startAbrarMarkershow.on("click", function () {
// console.log("clickstart");
// if (!isSetStartAbrarMarkershow) {
// startAbrarMarkershow.setLatLng(L.latLng(mapshow.getCenter()));
// isSetStartAbrarMarkershow = true;
// $("#pin-marker-start")
// .removeClass("pin-move pin-warn")
// .addClass("pin-set");
// $("#stepModalmaintenanceshow input[name=abrar-project-latlng-startshow]").val(
// startAbrarMarkershow.getLatLng().lat.toFixed(6) +
// startAbrarMarkershow.getLatLng().lng.toFixed(6)
// );
// $(
// "#stepModalmaintenanceshow input[name=abrar-project-latlng-startshow]"
// ).removeClass("is-invalid-input");
// let markerLatLng = [
// startAbrarMarkershow.getLatLng().lat,
// startAbrarMarkershow.getLatLng().lng + 0.0008,
// ];
// mapshow.setView(markerLatLng);
// // if(!endAbrarMarker){
// // endAbrarMarker = new L.marker(endP, {
// // icon: endAbrarDivIcon,
// // draggable: true,
// // });
// // }
// endAbrarMarkershow.setLatLng(markerLatLng);
// endAbrarMarkershow.addTo(mapshow);
// }
// });
// endAbrarMarkershow.on("click", function () {
// console.log("clickend");
// if (!isSetEndAbrarMarkershow) {
// endAbrarMarkershow.setLatLng(L.latLng(mapshow.getCenter()));
// isSetEndAbrarMarkershow = true;
// $("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
// $("#stepModalmaintenanceshow input[name=abrar-project-latlng-endshow]").val(
// endAbrarMarkershow.getLatLng().lat.toFixed(6) +
// endAbrarMarkershow.getLatLng().lng.toFixed(6)
// );
// $(
// "#stepModalmaintenanceshow input[name=abrar-project-latlng-endshow]"
// ).removeClass("is-invalid-input");
// checkMarkersAndDrawPath();
// }
// });
// startAbrarMarkershow.on("drag", function () {
// $("#pin-marker-start").addClass("pin-move");
// checkMarkersAndDrawPath();
// });
// endAbrarMarkershow.on("drag", function () {
// $("#pin-marker-end").addClass("pin-move");
// checkMarkersAndDrawPath();
// });
// startAbrarMarkershow.on("dragend", function () {
// $("#pin-marker-start").removeClass("pin-move");
// if ($("#pin-marker-start").hasClass("pin-set") || isSetStartAbrarMarkershow) {
// $("#stepModalmaintenanceshow input[name=abrar-project-latlng-startshow]").val(
// startAbrarMarkershow.getLatLng().lat.toFixed(6) +
// startAbrarMarkershow.getLatLng().lng.toFixed(6)
// );
// $(
// "#stepModalmaintenanceshow input[name=abrar-project-latlng-startshow]"
// ).removeClass("is-invalid-input");
// $("#pin-marker-start").addClass("pin-set");
// checkMarkersAndDrawPath();
// } else {
// mapshow.setView(startAbrarMarkershow.getLatLng());
// }
// });
// endAbrarMarker.on("dragend", function () {
// $("#pin-marker-end").removeClass("pin-move");
// if ($("#pin-marker-end").hasClass("pin-set") || isSetEndAbrarMarkershow) {
// $("#stepModalmaintenanceshow input[name=abrar-project-latlng-endshow]").val(
// endAbrarMarkershow.getLatLng().lat.toFixed(6) +
// endAbrarMarkershow.getLatLng().lng.toFixed(6)
// );
// $(
// "#stepModalmaintenanceshow input[name=abrar-project-latlng-endshow]"
// ).removeClass("is-invalid-input");
// $("#pin-marker-end").addClass("pin-set");
// checkMarkersAndDrawPath();
// } else {
// mapshow.setView(endAbrarMarkershow.getLatLng());
// }
// });
}
function setmapshow(startp, endp) {
var latapi1 = startp[0];
var lngapi1 = startp[1];
var latapi2 = endp[0];
var lngapi2 = endp[1];
mapshow.removeLayer(startAbrarMarkershow);
mapshow.removeLayer(endAbrarMarkershow);
mapshow.setView([latapi1, lngapi1], 9);
startAbrarMarkershow = new L.marker(L.latLng(latapi1, lngapi1), {
icon: startAbrarDivIcon,
}).addTo(mapshow);
endAbrarMarkershow = new L.marker(L.latLng(latapi2, lngapi2), {
icon: endAbrarDivIcon,
}).addTo(mapshow);
isSetStartAbrarMarkershow = true;
$("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
isSetEndAbrarMarkershow = true;
$("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
checkMarkersAndDrawPathshow();
}
function initialField() {
$("#axis-name-id").val("");
$("#axis-type-id").val("0");
$("#project-title-id").val("");
$("#yearshown").val("13");
$("#contractor-id").val("");
$("#consultant-id").val("");
$("#contract-date-id").val("");
$("#contract-price-id").val("");
$("#tool-id").val("");
$("#milion").val("");
$("#polhabig").val("");
$("#polhasmall").val("");
$("#polha").val("");
$("#machinery").val("");
$("#activerahdar").val("");
$("#tozihat").val("");
$("#predict-type-id").val("0");
$("#dicc-type-id").val("0");
$("#inputFile1").val("")
$("#inputFile2").val("")
$("#inputFile3").val("")
$("#image_upload_second").empty()
$("#thirdshow").css("display", "block");
$("#image_upload_first").css("display", "none");
$("#firstshow").css("display", "block");
$("#image_upload_second").css("display", "none");
$("#secondshow").css("display", "block");
$("#image_upload_third").css("display", "none");
$("#province-id").removeClass("is-invalid-input");
$("#axis-name-id").removeClass("is-invalid-input");
$("#axis-type-id").removeClass("is-invalid-input");
$("#project-title-id").removeClass("is-invalid-input");
$("#yearshown").removeClass("is-invalid-input");
$("#contractor-id").removeClass("is-invalid-input");
$("#consultant-id").removeClass("is-invalid-input");
$("#contract-date-id").removeClass("is-invalid-input");
$("#contract-price-id").removeClass("is-invalid-input");
$("#dicc-type-id").removeClass("is-invalid-input");
$("#tool-id").removeClass("is-invalid-input");
$("#milion").removeClass("is-invalid-input");
$("#polhabig").removeClass("is-invalid-input");
$("#polhasmall").removeClass("is-invalid-input");
$("#polha").removeClass("is-invalid-input");
$("#machinery").removeClass("is-invalid-input");
$("#activerahdar").removeClass("is-invalid-input");
$("#tozihat").removeClass("is-invalid-input");
$("#predict-type-id").removeClass("is-invalid-input");
}
function initialMarkerMapValue(latP, lngP) {
console.log("initialMarkerMapValue");
if (isSetStartAbrarMarker) {
endAbrarMarker.remove();
}
isSetEndAbrarMarker = false;
map.setView([latP, lngP], 9);
startAbrarMarker.setLatLng(L.latLng(map.getCenter()));
isSetStartAbrarMarker = false;
removeStartToEndPath(0);
$("#pin-marker-start").removeClass("pin-move pin-set");
$("#pin-marker-end").removeClass("pin-move pin-set");
$("#stepModalmaintenance input[name=abrar-project-latlng-start]").val("");
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").val("");
$("#stepModalmaintenance input[name=abrar-project-latlng-start]").removeClass(
"is-invalid-input"
);
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").removeClass(
"is-invalid-input"
);
}
function initialMarkerMapValueEdit(startP, endP, update) {
console.log("initialMarkerMapValueEdit");
console.log("hello initial edit");
console.log(endAbrarMarker);
console.log("startP", startP);
console.log("endP", endP);
console.log("update", update);
startAbrarMarker.setLatLng(startP);
isSetStartAbrarMarker = true;
$("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
if (update) {
mapName = map2;
removeStartToEndPath(1);
if (endAbrarMarker && endP[0] != "NaN") {
endAbrarMarker.remove();
endAbrarMarker.setLatLng(endP);
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = true;
$("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
} else if (!endAbrarMarker && endP[0] != "NaN") {
endAbrarMarker = new L.marker(endP, {
icon: endAbrarDivIcon,
draggable: false,
});
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = true;
$("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
} else if (endAbrarMarker && endP[0] == "NaN") {
endAbrarMarker.remove();
}
} else {
mapName = map;
removeStartToEndPath(0);
if (endAbrarMarker && endP[0] != "NaN") {
endAbrarMarker.remove();
endAbrarMarker.setLatLng(endP);
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = true;
$("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
} else if (!endAbrarMarker && endP[0] != "NaN") {
endAbrarMarker = new L.marker(endP, {
icon: endAbrarDivIcon,
draggable: true,
});
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = false;
$("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
} else if (endAbrarMarker && endP[0] == "NaN") {
endAbrarMarker.remove();
endAbrarMarker.setLatLng([
parseFloat(startP[0]),
parseFloat(startP[1]) + 1,
]);
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = false;
$("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
} else {
endAbrarMarker = new L.marker(
[parseFloat(startP[0]), parseFloat(startP[1]) + 1],
{
icon: endAbrarDivIcon,
draggable: true,
}
);
endAbrarMarker.addTo(mapName);
isSetEndAbrarMarker = false;
$("#pin-marker-end").removeClass("pin-move pin-warn pin-set");
}
}
// if (!update) {
// mapName = map;
// removeStartToEndPath(0);
// startAbrarMarker.setLatLng(startP);
// isSetStartAbrarMarker = true;
// $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
// if ((endP[0] != "NaN")) {
// endAbrarMarker.remove();
// endAbrarMarker.setLatLng(endP);
// endAbrarMarker.addTo(map);
// isSetEndAbrarMarker = true;
// $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
// }
// else {
// endAbrarMarker = new L.marker([parseFloat(startP[0]), parseFloat(startP[1]) + 1], {
// icon: endAbrarDivIcon,
// draggable: true,
// });
// endAbrarMarker.addTo(map);
// isSetEndAbrarMarker = true;
// $("#pin-marker-end").removeClass("pin-move pin-warn pin-set")
// console.log("noooo")
// }
// } else {
// mapName = map2;
// removeStartToEndPath(1);
// startAbrarMarker.setLatLng(startP);
// isSetStartAbrarMarker = true;
// $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
// if (endP[0] != "NaN") {
// if (endAbrarMarker) {
// endAbrarMarker.remove();
// endAbrarMarker.setLatLng(endP);
// endAbrarMarker.addTo(mapName);
// console.log("yesss update")
// }
// else {
// endAbrarMarker = new L.marker(endP, {
// icon: endAbrarDivIcon,
// draggable: false,
// });
// endAbrarMarker.addTo(mapName);
// }
// isSetEndAbrarMarker = true;
// $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
// }
// else {
// if (endAbrarMarker) {
// endAbrarMarker.remove();
// console.log("nooo upadte")
// }
// }
// }
// if (endAbrarMarker) {
// if (endP[0] != "NaN") {
// endAbrarMarker.remove();
// endAbrarMarker.setLatLng(endP);
// // console.log("endAbrarMarker" , endAbrarMarker)
// endAbrarMarker.addTo(mapName);
// // code hear
// console.log("in initial map marker map value")
// console.log(mapName)
// }
// else {
// if (!update) {
// endAbrarMarker = new L.marker([parseFloat(startP[0]), parseFloat(startP[1]) + 1], {
// icon: endAbrarDivIcon,
// draggable: true,
// });
// endAbrarMarker.addTo(mapName);
// }
// }
// }
// else {
// if (!update) {
// endAbrarMarker = new L.marker([parseFloat(startP[0]), parseFloat(startP[1]) + 1], {
// icon: endAbrarDivIcon,
// draggable: true,
// });
// endAbrarMarker.addTo(mapName);
// }
// }
// // endAbrarMarker.setLatLng(markerLatLng);
// // endAbrarMarker.addTo(map);
// startAbrarMarker.setLatLng(startP);
// isSetStartAbrarMarker = true;
// $("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
// if (endP[0] != "NaN") {
// isSetEndAbrarMarker = true;
// $("#pin-marker-end").removeClass("pin-move pin-warn").addClass("pin-set");
// // drawPath(update);
// }
// else {
// if (!update) {
// isSetEndAbrarMarker = false;
// $("#pin-marker-end").removeClass("pin-move pin-warn pin-set")
// }
// }
// if (endP[0 != "NaN"]) {
// avrLat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2;
// avrLng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2;
// mapName.setView([avrLat, avrLng], 6);
// } else {
// mapName.setView(startP, 6);
// }
// // ekip start
// if (update) {
// if (endP[0] != "NaN") {
// avrLat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2;
// avrLng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2;
// if (!progressAbrarMarker) {
// progressAbrarMarker = new L.marker([avrLat, avrLng], {
// icon: progressAbrarDivIcon,
// draggable: true,
// }).addTo(mapName);
// }
// else {
// progressAbrarMarker.remove()
// progressAbrarMarker.setLatLng([avrLat, avrLng])
// progressAbrarMarker.addTo(mapName)
// }
// } else {
// if (!progressAbrarMarker) {
// progressAbrarMarker = new L.marker([parseFloat(startP[0]),
// parseFloat(startP[1]) + 1
// ], {
// icon: progressAbrarDivIcon,
// draggable: true,
// }).addTo(mapName);
// } else {
// progressAbrarMarker.remove()
// progressAbrarMarker.setLatLng([parseFloat(startP[0]),
// parseFloat(startP[1]) + 1
// ])
// progressAbrarMarker.addTo(mapName)
// }
// }
// progressAbrarMarker.on("click", function () {
// console.log("clickstart");
// if (!isSetprogressAbrarMarker) {
// progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
// isSetprogressAbrarMarker = true;
// $("#pin-marker-progress")
// .removeClass("pin-move pin-warn")
// .addClass("pin-set");
// // $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
// // progressAbrarMarker.getLatLng().lat.toFixed(6) +
// // progressAbrarMarker.getLatLng().lng.toFixed(6)
// // );
// // $(
// // "#stepModalmaintenance input[name=abrar-project-latlng-start]"
// // ).removeClass("is-invalid-input");
// }
// });
// mapName.on("move", function () {
// if (!isSetprogressAbrarMarker) {
// progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
// $("#pin-marker-progress").removeClass("pin-set").addClass("pin-move");
// }
// });
// mapName.on("moveend", function () {
// if (!isSetprogressAbrarMarker) {
// progressAbrarMarker.setLatLng(L.latLng(mapName.getCenter()));
// $("#pin-marker-progress").removeClass("pin-move pin-set");
// }
// });
// progressAbrarMarker.on("drag", function () {
// $("#pin-marker-progress").addClass("pin-move");
// // checkMarkersAndDrawPath(update);
// });
// progressAbrarMarker.on("dragend", function () {
// $("#pin-marker-progress").removeClass("pin-move");
// if ($("#pin-marker-progress").hasClass("pin-set") || isSetprogressAbrarMarker) {
// // $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
// // startAbrarMarker.getLatLng().lat.toFixed(6) +
// // startAbrarMarker.getLatLng().lng.toFixed(6)
// // );
// // $(
// // "#stepModalmaintenance input[name=abrar-project-latlng-start]"
// // ).removeClass("is-invalid-input");
// $("#pin-marker-progress").addClass("pin-set");
// // checkMarkersAndDrawPath(update);
// } else {
// mapName.setView(progressAbrarMarker.getLatLng());
// }
// });
// }
// // ekip end
}
function initialMarkerMapValueEditshow(startP, endP) {
console.log("initialMarkerMapValueEdit");
console.log("hello initial edit");
console.log(!endAbrarMarker);
removeStartToEndPath(0);
// if(endAbrarMarker){
endAbrarMarker.remove();
endAbrarMarker.setLatLng(endP);
endAbrarMarker.addTo(map);
// }else{
// endAbrarMarker = new L.marker(endP, {
// icon: endAbrarDivIcon,
// draggable: true,
// });
// endAbrarMarker.addTo(map);
// }
// endAbrarMarker.setLatLng(markerLatLng);
// endAbrarMarker.addTo(map);
startAbrarMarker.setLatLng(startP);
isSetStartAbrarMarker = true;
$("#pin-marker-start").removeClass("pin-move pin-warn").addClass("pin-set");
isSetEndAbrarMarker = true;
$("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
checkMarkersAndDrawPath(0);
avrLat = (parseFloat(startP[0]) + parseFloat(endP[0])) / 2;
avrLng = (parseFloat(startP[1]) + parseFloat(endP[1])) / 2;
map.setView([avrLat, avrLng], 6);
}
$("#add-project-button").on("click", function () {
$("#tool-main").css("display", "none");
$("#update-table").css("display", "none");
// write yasi
$("#submitNewRow").attr("disabled", false);
edit = false;
showModal(0);
initialField();
prepareImageModal()
if (map == null) {
setTimeout(() => {
createLeafletMap([35.6892, 51.389], [35.6892, 51.389], 0);
}, 200);
} else {
initialMarkerMapValue(35.6892, 51.389);
}
$("#province-id").empty();
$("#province-id").append('<option value="0">انتخاب اداره کل</option>');
// console.log(provinces);
for (let index = 0; index < provinces.length; index++) {
$("#province-id").append(
"\
<option value=" +
provinces[index].id +
">" +
provinces[index].name_fa +
"</option>\
"
);
}
});
//yasi change start
$("#example").on("click", "tbody tr", function () {
if ($(this).hasClass("selected")) {
// console.log("selected")
$(this).removeClass("selected");
} else {
// console.log("deselect")
table.$("tr.selected").removeClass("selected");
$(this).addClass("selected");
}
});
function scrolldown() {
console.log("hi");
$("html, body").animate(
{
scrollTop: $(".up").offset().top,
},
50
);
}
function scrolldowntable() {
console.log("hi");
$("html, body").animate(
{
scrollTop: $(".upnext").offset().top + 1000,
},
50
);
}
$("#example").on("click", "button.location-button", function () {
var tr = $(this).closest("tr");
var row = table.row(tr);
idkol = row.data().id;
console.log("idkol", idkol);
window.open(
"https://rms.rmto.ir/camp/map/" + idkol
);
// var startLatlng = row.data().start_latlng;
// var endLatlng = row.data().end_latlng;
// console.log("startLatlng", startLatlng);
// console.log("endLatlng", endLatlng);
// $("#stepModalmaintenanceshow").modal("show");
// $("[data-mask]").inputmask();
// // createLeafletMapshow(startLatlng, endLatlng);
// // if (mapshow == null) {
// // setTimeout(() => {
// // createLeafletMapshow(startLatlng, endLatlng);
// // }, 200);
// // } else {
// // initialMarkerMapValueEditshow(startLatlng, endLatlng);
// // }
// setTimeout(() => {
// if (mapshow == null) {
// createLeafletMapshow(startLatlng, endLatlng);
// } else {
// setmapshow(startLatlng, endLatlng);
// }
// }, 200);
});
$("#example").on("click", "button.projectdistance", function () {
$("#update-table").css("display", "none");
$("#tool-main").css("display", "block");
scrolldown();
$("#distance-title").empty();
var tr = $(this).closest("tr");
var row = table.row(tr);
idkol = row.data().id;
console.log(idkol);
status = row.data().status;
console.log(row);
console.log(row.data().id);
var projectTitle = row.data().project_name;
var axistype = row.data().axis_name;
var titlecard =
"طول پروژه" +
" " +
projectTitle +
" " +
"محور" +
" " +
axistype +
" " +
"به کیلومتر";
var note = '<h3 class="card-title">' + titlecard + "</h3>";
$("#distance-title").append(note);
tablesecond = $("#exampletool").DataTable({
dom: "Bfrti",
destroy: true,
// "pagingType": "full_numbers",
pagingType: "simple_numbers",
searching: 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: ": فعال سازی نمایش به صورت نزولی",
},
},
order: [[0, "asc"][(1, "asc")], [2, "desc"], [3, "desc"], [4, "desc"]],
order: [[0, "desc"]],
processing: true,
ajax: {
url:
"https://rms.rmto.ir/rahdari/road-maintenance-project/" +
idkol +
"/get-distance",
type: "GET",
dataSrc: function (json) {
// for (const [key, value] of Object.entries(json.data.project_distance)) {
// console.log(json.data[0].project_distance[key][0])
// }
console.log(json.data);
if (json.data.length != 0) {
return json.data;
} else return datatable2; // to do table
},
},
columns: [
{
data: null,
render: function (data, type, row) {
if (data[1] != undefined) {
return data[1][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
// console.log("data[2][0]", data[2])
if (data[2] != undefined) {
return data[2][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[3] != undefined) {
return data[3][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[4] != undefined) {
return data[4][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[5] != undefined) {
return data[5][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[6] != undefined) {
return data[6][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[7] != undefined) {
return data[7][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[8] != undefined) {
return data[8][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[9] != undefined) {
return data[9][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[10] != undefined) {
return data[10][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[11] != undefined) {
return data[11][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[12] != undefined) {
return data[12][0];
} else return "0";
},
},
{
data: null,
render: function (data, type, row) {
if (data[13] != undefined) {
return data[13][0];
} else return "0";
},
},
{
className: "text-center",
orderable: false,
data: null,
render: function (data, type, row) {
// console.log(meta.row);
/////// i delete disabled milad
if (status == 2) {
return `
<button class="btn btn-sm btn-success edittool" >ویرایش و ثبت </button>
`;
} else
return `<button class="btn btn-danger btn-sm edittool">ثبت و ویرایش<div></div></button>
`;
},
},
],
buttons: [
// {
// extend: "excelHtml5",
// title: "Excel",
// text: "خروجی به اکسل",
// messageTop: " طول پروژه به کیلومتر ",
// exportOptions: {
// columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
// },
// },
],
});
});
$("#exampletool").on("click", "button.edittool", function () {
var tr = $(this).closest("tr");
var row = tablesecond.row(tr);
console.log(row.data());
objectshow = row.data();
if (objectshow[1] != undefined) {
$("#project-distance-input-1").val(objectshow[1]);
}
if (objectshow[2] != undefined) {
$("#project-distance-input-2").val(objectshow[2]);
}
if (objectshow[3] != undefined) {
$("#project-distance-input-3").val(objectshow[3]);
}
if (objectshow[4] != undefined) {
$("#project-distance-input-4").val(objectshow[4]);
}
if (objectshow[5] != undefined) {
$("#project-distance-input-5").val(objectshow[5]);
}
if (objectshow[6] != undefined) {
$("#project-distance-input-6").val(objectshow[6]);
}
if (objectshow[7] != undefined) {
$("#project-distance-input-7").val(objectshow[7]);
}
if (objectshow[8] != undefined) {
$("#project-distance-input-8").val(objectshow[8]);
}
if (objectshow[9] != undefined) {
$("#project-distance-input-9").val(objectshow[9]);
}
if (objectshow[10] != undefined) {
$("#project-distance-input-10").val(objectshow[10]);
}
if (objectshow[11] != undefined) {
$("#project-distance-input-11").val(objectshow[11]);
}
if (objectshow[12] != undefined) {
$("#project-distance-input-12").val(objectshow[12]);
}
if (objectshow[12] != undefined) {
$("#project-distance-input-13").val(objectshow[13]);
}
$("#show-projecttool").modal("show");
});
$("#submitoolfinal").on("click", function () {
var objectedit = {};
var project1 = $("#project-distance-input-1").val();
console.log(project1);
var project2 = $("#project-distance-input-2").val();
var project3 = $("#project-distance-input-3").val();
var project4 = $("#project-distance-input-4").val();
var project5 = $("#project-distance-input-5").val();
var project6 = $("#project-distance-input-6").val();
var project7 = $("#project-distance-input-7").val();
var project8 = $("#project-distance-input-8").val();
var project9 = $("#project-distance-input-9").val();
var project10 = $("#project-distance-input-10").val();
var project11 = $("#project-distance-input-11").val();
var project12 = $("#project-distance-input-12").val();
var project13 = $("#project-distance-input-13").val();
if (project1 !== "" && project1 !== "0") {
objectedit[1] = [project1];
}
if (project2 !== "" && project2 !== "0") {
objectedit[2] = [project2];
}
if (project3 !== "" && project3 !== "0") {
objectedit[3] = [project3];
}
if (project4 !== "" && project4 !== "0") {
objectedit[4] = [project4];
}
if (project5 !== "" && project5 !== "0") {
objectedit[5] = [project5];
}
if (project6 !== "" && project6 !== "0") {
objectedit[6] = [project6];
}
if (project7 !== "" && project7 !== "0") {
objectedit[7] = [project7];
}
if (project8 !== "" && project8 !== "0") {
objectedit[8] = [project8];
}
if (project9 !== "" && project9 !== "0") {
objectedit[9] = [project9];
}
if (project10 !== "" && project10 !== "0") {
objectedit[10] = [project10];
}
if (project11 !== "" && project11 !== "0") {
objectedit[11] = [project11];
}
if (project12 !== "" && project12 !== "0") {
objectedit[12] = [project12];
}
if (project13 !== "" && project13 !== "0") {
objectedit[13] = [project13];
}
console.log("objectedit", objectedit);
Object.size = function (obj) {
var size = 0,
key;
for (key in obj) {
if (obj.hasOwnProperty(key)) size++;
}
return size;
};
for (i = 1; i < 14; i++) {
if (
$("#project-distance-input-" + i)
.val()
.slice(0, 1) == 0 &&
$("#project-distance-input-" + i).val().length > 1 &&
$("#project-distance-input-" + i)
.val()
.slice(1, 2) != "."
) {
$("#project-distance-input-" + i).addClass("is-invalid");
} else {
$("#project-distance-input-" + i).removeClass("is-invalid");
}
}
if ($("#show-projecttool").find(".is-invalid").length) {
} else {
// Get the size of an object
var size = Object.size(objectedit);
console.log(size);
if (size != 0) {
// console.log("objectedit", objectedit)
let formData = new FormData();
let project_distance = JSON.stringify(objectedit);
formData.append("project-distance", project_distance);
showLoaderScreen();
$.ajax({
url:
"https://rms.rmto.ir/rahdari/road-maintenance-project/" +
idkol +
"/edit-distance",
type: "POST",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
data: formData,
cache: false,
contentType: false,
processData: false,
success: function (result) {
hideLoaderScreen();
// showLoaderScreen();
$("#show-projecttool").modal("hide");
// ajaxcalltablefirst();
ajaxcalltablefirsttool(idkol);
// Swal.fire({
// icon: "success",
// title: "با موفقیت بروزرسانی شد",
// confirmButtonText: "بستن",
// preConfirm: () => {
// // location.reload()
// }
// });
//todo yasiii
},
error: function (error) {
console.log(error);
Swal.fire({
icon: "error",
title: "خطا",
confirmButtonText: "بستن",
});
},
});
// Swal.fire({
// icon: "warning",
// title: "آیا برای ثبت نهایی مطمئن هستید؟",
// showCancelButton: true,
// confirmButtonColor: "#3085d6",
// cancelButtonColor: "#d33",
// confirmButtonText: "بله، تایید می‌شود",
// cancelButtonText: "منصرف شدم!",
// showLoaderOnConfirm: true,
// preConfirm: () => {
// },
// });
} else {
Swal.fire({
icon: "error",
title: "خطا",
text: "لطفا حداقل یکی از فیلدهای مرتبط را پر کنید.",
confirmButtonText: "بستن",
});
}
}
});
// $("#exampletool").on("click", "button.submittool", function () {
// Swal.fire({
// icon: "warning",
// title: "آیا برای ثبت نهایی مطمئن هستید؟",
// showCancelButton: true,
// confirmButtonColor: "#3085d6",
// cancelButtonColor: "#d33",
// confirmButtonText: "بله، تایید می‌شود",
// cancelButtonText: "منصرف شدم!",
// showLoaderOnConfirm: true,
// preConfirm: () => {
// showLoaderScreen();
// $.ajax({
// url:
// "https://rms.rmto.ir/rahdari/road-maintenance-project/" +
// idkol +
// "/submit-distance",
// type: "POST",
// headers: {
// "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
// },
// cache: false,
// contentType: false,
// processData: false,
// success: function (result) {
// // ajaxcalltablefirst()
// // setTimeout(() => {
// // ajaxcalltablesec(idkol)
// // }, 200);
// hideLoaderScreen();
// Swal.fire({
// icon: "success",
// title: "با موفقیت بروزرسانی شد",
// confirmButtonText: "بستن",
// preConfirm: () => {
// location.reload();
// },
// });
// },
// error: function (error) {
// console.log(error);
// Swal.fire({
// icon: "error",
// title: "خطا",
// text: "پر کردن تمامی عناوین خواسته شده الزامی است",
// confirmButtonText: "بستن",
// });
// },
// });
// },
// });
// });
$("#example").on("click", "button.finalsubmit", function () {
var tr = $(this).closest("tr");
var row = table.row(tr);
idkol = row.data().id;
console.log(idkol);
var buttonsprev = $('<div>')
.append(createButton('بازگشایی بصورت موقت می باشد (خسارت ها رفع نشده اند )', "temp", function () {
swal.close();
console.log('ok');
})).append(createButton('بازگشایی همراه با رفع خسارت های وارد شده می باشد ', "final", function () {
swal.close();
console.log('Later');
}))
$("#modalshowopen").modal('show')
let formData = new FormData();
formData.append("id", idkol);
// Swal.fire({
// icon: "warning",
// title: "آیا بازگشایی شود ؟",
// html: buttonsprev,
// showConfirmButton: false,
// showCancelButton: true,
// // confirmButtonColor: "#3085d6",
// cancelButtonColor: "#d33",
// // confirmButtonText: "مطمئن هستم",
// cancelButtonText: "منصرف شدم",
// showLoaderOnConfirm: true,
// preConfirm: () => {
// showLoaderScreen();
// $.ajax({
// url:
// "https://rms.rmto.ir/camp/update",
// type: "POST",
// headers: {
// "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
// },
// data:formData,
// cache: false,
// contentType: false,
// processData: false,
// success: function (result) {
// // console.log(result.data.redirect+idkol)
// //yasiu
// // hideLoaderScreen();
// // location.reload();
// ajaxcalltablegharar()
// // Swal.fire({
// // icon: "success",
// // title: "با موفقیت بروزرسانی شد",
// // confirmButtonText: "بستن",
// // preConfirm: () => {
// // // window.open("/dashboarderoad/form%20upload/pages/rmshowon.html?uid=" + idkol);
// // },
// // });
// },
// error: function (error) {
// hideLoaderScreen();
// console.log(error);
// Swal.fire({
// icon: "error",
// title: "خطا",
// confirmButtonText: "بستن",
// });
// },
// });
// },
// });
});
$("#notopen").on("click", function () {
let formData = new FormData();
formData.append("id", idkol);
formData.append("is-open-type", 1);
// alert(idkol)
showLoaderScreen();
$.ajax({
url:
"https://rms.rmto.ir/camp/update",
type: "POST",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
data: formData,
cache: false,
contentType: false,
processData: false,
success: function (result) {
// console.log(result.data.redirect+idkol)
//yasiu
hideLoaderScreen();
$("#modalshowopen").modal('hide')
// location.reload();
ajaxcalltablegharar()
// Swal.fire({
// icon: "success",
// title: "با موفقیت بروزرسانی شد",
// confirmButtonText: "بستن",
// preConfirm: () => {
// // window.open("/dashboarderoad/form%20upload/pages/rmshowon.html?uid=" + idkol);
// },
// });
},
error: function (error) {
hideLoaderScreen();
console.log(error);
Swal.fire({
icon: "error",
title: "خطا",
confirmButtonText: "بستن",
});
},
});
})
$("#opencomp").on("click", function () {
let formData = new FormData();
formData.append("id", idkol);
formData.append("is-open-type", 2)
showLoaderScreen();
$.ajax({
url:
"https://rms.rmto.ir/camp/update",
type: "POST",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
data: formData,
cache: false,
contentType: false,
processData: false,
success: function (result) {
// console.log(result.data.redirect+idkol)
//yasiu
$("#modalshowopen").modal('hide')
hideLoaderScreen();
// location.reload();
ajaxcalltablegharar()
// Swal.fire({
// icon: "success",
// title: "با موsفقیت بروزرسانی شد",
// confirmButtonText: "بستن",
// preConfirm: () => {
// // window.open("/dashboarderoad/form%20upload/pages/rmshowon.html?uid=" + idkol);
// },
// });
},
error: function (error) {
hideLoaderScreen();
console.log(error);
Swal.fire({
icon: "error",
title: "خطا",
confirmButtonText: "بستن",
});
},
});
})
function createButton(text, id, cb) {
console.log(cb)
cb()
return $('<button id="' + id + '">' + text + '</button>').on('click', cb)
}
$("#example").on("click", "button.deletsubmit", function () {
var tr = $(this).closest("tr");
var row = table.row(tr);
idkol = row.data().id;
let formData = new FormData();
formData.append("id", idkol);
// console.log(idkol)
Swal.fire({
icon: "warning",
title: "آیا برای حذف مطمئن هستید؟",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "بله، تایید می‌شود",
cancelButtonText: "منصرف شدم!",
showLoaderOnConfirm: true,
preConfirm: () => {
showLoaderScreen();
$.ajax({
url:
"https://rms.rmto.ir/camp/delete",
type: "POST",
data: formData,
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
cache: false,
contentType: false,
processData: false,
success: function (result) {
// hideLoaderScreen();
ajaxcalltablegharar()
// ajaxcalltablefirst();
// showLoaderScreen();
// Swal.fire({
// icon: "success",
// title: "با موفقیت حذف شد ",
// confirmButtonText: "بستن",
// preConfirm: () => {
// location.reload();
// },
// });
},
error: function (error) {
hideLoaderScreen();
console.log(error);
Swal.fire({
icon: "error",
title: "خطا",
confirmButtonText: "بستن",
});
},
});
},
});
});
function getProvinces() {
let reqUrl = "https://rms.rmto.ir/public/contents/provinces";
// showLoaderScreen();
$.ajax({
url: reqUrl,
type: "GET",
success: function (result) {
hideLoaderScreen();
//console.log(result);
provinces = result.data;
},
error: function (error) {
// hideLoaderScreen();
//console.log(error);
},
});
}
function getTowns(id, num, val, defaultVal) {
let reqUrl = "https://rms.rmto.ir/public/contents/provinces/" + id;
showLoaderScreen();
$.ajax({
url: reqUrl,
type: "GET",
success: function (result) {
hideLoaderScreen();
console.log(result);
towns = result.data;
if (num == 1) {
setTownSelect("", val[0]);
} else if (num == 2) {
setTownSelect("", val[0]);
setTownSelect("1", val[1]);
} else {
setTownSelect("", val[0]);
setTownSelect("1", val[1]);
setTownSelect("2", val[2]);
}
if (!edit || !defaultVal) {
if (towns.length) {
let provinceIndex = provinces.findIndex(function (entry) {
return entry.id == towns[0].province_id;
});
if (provinceIndex != -1) {
// console.log(provinces[provinceIndex]);
map.flyTo(
[
provinces[provinceIndex].center_lat,
provinces[provinceIndex].center_long,
],
10
);
}
initialMarkerMapValue(
provinces[provinceIndex].center_lat,
provinces[provinceIndex].center_long
);
}
}
},
error: function (error) {
hideLoaderScreen();
//console.log(error);
},
complete: function () { },
});
}
function setTownSelect(box, selectedId) {
$("#town-id" + box).empty();
$("#town-id" + box).append('<option value="0">انتخاب شهرستان</option>');
for (let index = 0; index < towns.length; index++) {
if (selectedId == towns[index].id) {
$("#town-id" + box).append(
"\
<option value=" +
towns[index].id +
" selected>" +
towns[index].name_fa +
"</option>\
"
);
} else {
$("#town-id" + box).append(
"\
<option value=" +
towns[index].id +
">" +
towns[index].name_fa +
"</option>\
"
);
}
}
}
$("#province-id").change(function () {
let boxNum = $("#subTown").children().length;
if ($(this).val() > 0) {
if (boxNum == 1) {
getTowns($(this).val(), 1, [0], false);
} else if (boxNum == 2) {
getTowns($(this).val(), 2, [0, 0], false);
} else {
getTowns($(this).val(), 3, [0, 0, 0], false);
}
} else {
if (boxNum == 1) {
$("#town-id").empty();
$("#town-id").append('<option value="0">انتخاب شهرستان</option>');
} else if (boxNum == 2) {
$("#town-id").empty();
$("#town-id").append('<option value="0">انتخاب شهرستان</option>');
$("#town-id1").empty();
$("#town-id1").append('<option value="0">انتخاب شهرستان</option>');
} else {
$("#town-id").empty();
$("#town-id").append('<option value="0">انتخاب شهرستان</option>');
$("#town-id1").empty();
$("#town-id1").append('<option value="0">انتخاب شهرستان</option>');
$("#town-id2").empty();
$("#town-id2").append('<option value="0">انتخاب شهرستان</option>');
}
}
});
$("#example").on("click", "button.details-control", function () {
$("#thirdshow").css("display", "block");
$("#image_upload_first").css("display", "none");
$("#firstshow").css("display", "block");
$("#image_upload_second").css("display", "none");
$("#secondshow").css("display", "block");
$("#image_upload_third").css("display", "none");
edit = true;
var tr = $(this).closest("tr");
var row = table.row(tr);
idEdit = row.data().id;
console.log("ghalat", row.data());
startLatlng = row.data().start_latlng;
endLatlng = row.data().end_latlng;
$("#yearshown").val(row.data().contract_date);
if (map == null) {
setTimeout(() => {
createLeafletMap(startLatlng, endLatlng, 0);
}, 200);
} else {
initialMarkerMapValueEdit(startLatlng, endLatlng, 0);
}
showModal(row.data().id);
/////// milad edit comment
// if (row.data().status==2){
// // to do pitikooo
// $("#submitNewRow").attr("disabled", true);
// }
// else {
// $("#submitNewRow").attr("disabled", false);
// }
$("#province-id").empty();
$("#province-id").append('<option value="0">انتخاب اداره کل</option>');
for (let index = 0; index < provinces.length; index++) {
$("#province-id").append(
"\
<option value=" +
provinces[index].id +
">" +
provinces[index].name_fa +
"</option>\
"
);
}
var provinceid = row.data().province_id;
var townMap = row.data().cities_id;
var townsArray = Object.keys(townMap);
var townsArrayValue = Object.values(townMap);
console.log("ramin", row.data());
if (townsArray.length == 1) {
getTowns(row.data().province_id, 1, [townsArray[0]], true);
} else if (townsArray.length == 2) {
$("#subTown div").append(
`<div class="input-group mb-3">
<input type ="text" class="form-control" id="mosharekat1" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
<div class="input-group-prepend p-0" style="margin-top:5px">
<span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
`
);
$("#subTown").append(`<div class="form-group col-md-12">
<label>
شهرستان
</label>
<select
class="form-control"
style="font-size:12px"
name="town"
id="town-id1"
>
<option value="0" style="font-size:10px">انتخاب شهرستان</option>
</select>
<div class="input-group mb-3">
<input type ="text" class="form-control" id="mosharekat2" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
<div class="input-group-prepend p-0" style="margin-top:5px">
<span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
</div>`);
getTowns(row.data().province_id, 2, [townsArray[0], townsArray[1]], true);
$("#mosharekat1").val(townsArrayValue[0]);
$("#mosharekat2").val(townsArrayValue[1]);
} else if (townsArray.length == 3) {
$("#subTown div").append(
`<div class="input-group mb-3">
<input type ="text" class="form-control" id="mosharekat1" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
<div class="input-group-prepend p-0" style="margin-top:5px">
<span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
`
);
$("#subTown").append(`<div class="form-group col-md-12">
<label>
شهرستان
</label>
<select
class="form-control"
style="font-size:12px"
name="town"
id="town-id1"
>
<option value="0" style="font-size:10px">انتخاب شهرستان</option>
</select>
<div class="input-group mb-3">
<input type ="text" class="form-control" id="mosharekat2" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
<div class="input-group-prepend p-0" style="margin-top:5px">
<span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
</div>`);
$("#subTown").append(`<div class="form-group col-md-12">
<label>
شهرستان
</label>
<select
class="form-control"
style="font-size:12px"
name="town"
id="town-id2"
>
<option value="0" style="font-size:10px">انتخاب شهرستان</option>
</select>
<div class="input-group mb-3">
<input type ="text" class="form-control" id="mosharekat3" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
<div class="input-group-prepend p-0" style="margin-top:5px">
<span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
</div>`);
getTowns(
row.data().province_id,
3,
[townsArray[0], townsArray[1], townsArray[2]],
true
);
$("#mosharekat1").val(townsArrayValue[0]);
$("#mosharekat2").val(townsArrayValue[1]);
$("#mosharekat3").val(townsArrayValue[2]);
}
$("[data-mask]").inputmask();
var Roadaxis = row.data().axis_name;
var axisName_type = row.data().axis_type;
var blockagecause = row.data().blockage_cause;
var blockagetype = row.data().blockage_type;
var blockagetool = row.data().blockage_length;
var blockage_damage_money = row.data().blockage_damage_money;
var blockage_damage_count = row.data().blockage_damage_count;
var active_cars_count = row.data().active_cars_count;
var active_rahdar_count = row.data().active_rahdar_count;
var block_axis_desc = row.data().block_axis_desc;
var under6 = row.data().blockage_damage_lower_6_count;
var over6 = row.data().blockage_damage_higher_6_count;
var prediction = row.data().prediction_time;
$("#dicc-type-id").val(blockagecause);
$("#block-type").val(blockagetype);
$("#tool-id").val(blockagetool);
$("#milion").val(blockage_damage_money);
$("#polha").val(blockage_damage_count);
$("#machinery").val(active_cars_count);
$("#activerahdar").val(active_rahdar_count);
$("#tozihat").val(block_axis_desc);
$("#polhasmall").val(under6);
$("#polhabig").val(over6);
$("#predict-type-id").val(prediction);
onLocationChange();
$("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
parseFloat(startLatlng[0]).toFixed(6) +
parseFloat(startLatlng[1]).toFixed(6)
);
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").val(
parseFloat(endLatlng[0]).toFixed(6) + parseFloat(endLatlng[1]).toFixed(6)
);
// if (!isSetStartAbrarMarker) {
// startAbrarMarker.setLatLng(L.latLng(map.getCenter()));
// isSetStartAbrarMarker = true;
// $("#pin-marker-start")
// .removeClass("pin-move pin-warn")
// .addClass("pin-set");
// $("#stepModalmaintenance input[name=abrar-project-latlng-start]").val(
// startAbrarMarker.getLatLng().lat.toFixed(10) +
// startAbrarMarker.getLatLng().lng.toFixed(10)
// );
// $(
// "#stepModalmaintenance input[name=abrar-project-latlng-start]"
// ).removeClass("is-invalid-input");
// let markerLatLng = [
// startAbrarMarker.getLatLng().lat,
// startAbrarMarker.getLatLng().lng + 0.0008,
// ];
// map.setView(markerLatLng);
// endAbrarMarker.setLatLng(markerLatLng);
// endAbrarMarker.addTo(map);
// }
// new L.marker([parseFloat(startLatlng[0]).toFixed(10) , parseFloat(startLatlng[1]).toFixed(10) ], {
// icon: startAbrarDivIcon,
// draggable: true,
// }).addTo(map);
// startAbrarMarker.setLatLng([parseFloat(startLatlng[0]).toFixed(10) , parseFloat(startLatlng[1]).toFixed(10) ]);
// $("#pin-marker-start").addClass("pin-set");
// endAbrarMarker.setLatLng(parseFloat(endLatlng[0]).toFixed(10) , parseFloat(endLatlng[1]).toFixed(10) );
// $("#pin-marker-end").addClass("pin-set");
// isSetStartAbrarMarker = true;
// isSetEndAbrarMarker = true;
// checkMarkersAndDrawPath();
// isSetStartAbrarMarker = true;
// $("#pin-marker-start")
// .removeClass("pin-move pin-warn")
// .addClass("pin-set");
$("#province-id").val(provinceid);
$("#axis-name-id").val(Roadaxis);
$("#axis-type-id").val(axisName_type);
// $("#project-title-id").val(ProjectTitle);
// $("#contractor-id").val(contractorName_id);
// $("#consultant-id").val(consultantName_id);
// $("#contract-date-id").val(contractName_date);
// $("#contract-price-id").val(contractName_credit);
});
function showModal(id) {
$("#stepModalmaintenance").modal("show");
$("[data-mask]").inputmask();
$("#stepModalmaintenance input[name=abrar-project-latlng-start]").on(
"keyup",
function () {
console.log("he deals a card as a meditation :)");
checkStartMarkerValidation();
}
);
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").on(
"keyup",
function () {
checkEndMarkerValidation();
}
);
function checkStartMarkerValidation(forSaveData = false, pageOnLoad = false) {
let reg = /^([0-9]){2}\.([0-9])+$/;
let startLatLngVal = $(
"#stepModalmaintenance input[name=abrar-project-latlng-start]"
)
.val()
.split(" - ");
let startLatLng = startLatLngVal.map(function (e) {
e = e.replace(/_/g, "");
return parseFloat(e.slice(1, -1));
});
// console.log(startLatLng);
if (isNaN(startLatLng[0])) {
if (!forSaveData) {
$(
"#stepModalmaintenance input[name=abrar-project-latlng-start]"
).removeClass("is-invalid-input");
} else {
$(
"#stepModalmaintenance input[name=abrar-project-latlng-start]"
).addClass("is-invalid-input");
}
$("#pin-marker-start").removeClass("pin-move pin-set");
$("#stepModalmaintenance input[name=abrar-project-latlng-start]").val("");
$("#stepModalmaintenance input[name=abrar-project-latlng-start]").attr(
"placeholder",
"(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)"
);
return false;
} else if (
!startLatLng == 2 ||
!reg.test(startLatLng[0]) ||
!reg.test(startLatLng[1])
) {
$(
"#stepModalmaintenance input[name=abrar-project-latlng-start]"
).addClass("is-invalid-input");
$("#pin-marker-start").removeClass("pin-move pin-set");
return false;
} else {
if (!forSaveData) {
$(
"#stepModalmaintenance input[name=abrar-project-latlng-start]"
).removeClass("is-invalid-input");
startAbrarMarker.setLatLng(startLatLng);
if (pageOnLoad) {
setTimeout(() => {
$("#pin-marker-start").removeClass("pin-move").addClass("pin-set");
startAbrarMarker.setLatLng(startLatLng);
}, 10);
} else {
$("#pin-marker-start").removeClass("pin-move").addClass("pin-set");
}
if (!isSetEndAbrarMarker) {
let markerLatLng = [
startAbrarMarker.getLatLng().lat,
startAbrarMarker.getLatLng().lng + 0.0008,
];
map.setView(markerLatLng);
endAbrarMarker.setLatLng(markerLatLng);
if (!isSetStartAbrarMarker) {
endAbrarMarker.addTo(map);
}
}
isSetStartAbrarMarker = true;
} else {
projectEditData["project-start-latlng"] = [
startAbrarMarker.getLatLng().lat.toFixed(6),
startAbrarMarker.getLatLng().lng.toFixed(6),
];
}
checkMarkersAndDrawPath(0);
return true;
}
}
function checkEndMarkerValidation(forSaveData = false, pageOnLoad = false) {
let reg = /^([0-9]){2}\.([0-9])+$/;
let endLatLngVal = $(
"#stepModalmaintenance input[name=abrar-project-latlng-end]"
)
.val()
.split(" - ");
let endLatLng = endLatLngVal.map(function (e) {
e = e.replace(/_/g, "");
return parseFloat(e.slice(1, -1));
});
if (isNaN(endLatLng[0])) {
if (!forSaveData) {
$(
"#stepModalmaintenance input[name=abrar-project-latlng-end]"
).removeClass("is-invalid-input");
} else {
$(
"#stepModalmaintenance input[name=abrar-project-latlng-end]"
).addClass("is-invalid-input");
}
$("#pin-marker-end").removeClass("pin-move pin-set");
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").val("");
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").attr(
"placeholder",
"(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)"
);
return false;
} else if (
!endLatLng == 2 ||
!reg.test(endLatLng[0]) ||
!reg.test(endLatLng[1])
) {
$("#stepModalmaintenance input[name=abrar-project-latlng-end]").addClass(
"is-invalid-input"
);
$("#pin-marker-end").removeClass("pin-move pin-set");
return false;
} else {
if (!forSaveData) {
$(
"#stepModalmaintenance input[name=abrar-project-latlng-end]"
).removeClass("is-invalid-input");
endAbrarMarker.setLatLng(endLatLng);
isSetEndAbrarMarker = true;
if (pageOnLoad) {
setTimeout(() => {
$("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
endAbrarMarker.setLatLng(endLatLng);
}, 10);
} else {
$("#pin-marker-end").removeClass("pin-move").addClass("pin-set");
}
} else {
projectEditData["project-end-latlng"] = [
endAbrarMarker.getLatLng().lat.toFixed(6),
endAbrarMarker.getLatLng().lng.toFixed(6),
];
}
checkMarkersAndDrawPath(0);
return true;
}
}
$("#subTown").empty();
$("#subTown").append(`<div class="form-group col-md-12">
<label>
شهرستان
</label>
<select
class="form-control"
style="font-size:12px"
name="town"
id="town-id"
>
<option value="0">انتخاب شهرستان</option>
</select>
</div>`);
$(".cancel").on("click", function () {
$("#stepModalmaintenance").modal("hide");
});
restrictInputOtherThanArabic($("#axis-name-id"));
restrictInputOtherThanArabic($("#project-title-id"));
restrictInputOtherThanArabic($("#contractor-id"));
restrictInputOtherThanArabic($("#consultant-id"));
restrictInputOtherThanArabic($("#tozihat"));
$("#town-id").on("change", function () {
if (parseInt($(this).children("option:selected").val()) == 0) {
$("#town-id").addClass("is-invalid-input");
} else {
$("#town-id").removeClass("is-invalid-input");
}
});
}
$("#submitNewRow").on("click", function () {
let url = "https://rms.rmto.ir/camp/store";
if (edit) {
url =
"https://rms.rmto.ir/camp/edit"
}
console.log("edit", edit)
console.log("imnpuuu", $("input[name=inputFile1]")[0].files[0])
// First, get input values
const p2e = (s) => s.replace(/[۰-۹]/g, (d) => "۰۱۲۳۴۵۶۷۸۹".indexOf(d));
let startLatLngVal = $(
"#stepModalmaintenance input[name=abrar-project-latlng-start]"
)
.val()
.split(" - ");
let startLatLng = startLatLngVal.map(function (e) {
e = e.replace(/_/g, "");
return parseFloat(e.slice(1, -1));
});
let endLatLngVal = $(
"#stepModalmaintenance input[name=abrar-project-latlng-end]"
)
.val()
.split(" - ");
let endLatLng = endLatLngVal.map(function (e) {
e = e.replace(/_/g, "");
return parseFloat(e.slice(1, -1));
});
let provinceVal = $("#province-id").children("option:selected").val();
let axisNameVal = $("#axis-name-id").val();
let axisTypeVal = $("#axis-type-id").children("option:selected").val();
let town1Val = $("#town-id").children("option:selected").val();
let mosharekatTown1Val = $("#mosharekat1").val();
let town2Val = "";
let mosharekatTown2Val = "";
if ($("#town-id1").css("display") != "none") {
town2Val = $("#town-id1").children("option:selected").val();
mosharekatTown2Val = $("#mosharekat2").val();
}
let town3Val = "";
let mosharekatTown3Val = "";
if ($("#town-id2").css("display") != "none") {
town3Val = $("#town-id2").children("option:selected").val();
mosharekatTown3Val = $("#mosharekat3").val();
}
let dicctype = $("#dicc-type-id").val();
let block_type = $("#block-type").val();
let milion = $("#milion").val();
let polha = $("#polha").val();
let machinery = $("#machinery").val();
let activerahdar = $("#activerahdar").val();
let tozihat = $("#tozihat").val();
let toolensedad = $("#tool-id").val()
let predictiontime = $("#predict-type-id").children("option:selected").val();
let polhabig = $("#polhabig").val()
let polhasmall = $("#polhasmall").val()
if (isNaN(startLatLng[0])) {
$("input[name='abrar-project-latlng-start']").addClass("is-invalid-input");
} else {
$("input[name='abrar-project-latlng-start']").removeClass(
"is-invalid-input"
);
}
if (isNaN(endLatLng[0])) {
$("input[name='abrar-project-latlng-end']").addClass("is-invalid-input");
} else {
$("input[name='abrar-project-latlng-end']").removeClass("is-invalid-input");
}
if (parseInt(provinceVal) == 0) {
$("#province-id").addClass("is-invalid-input");
} else {
$("#province-id").removeClass("is-invalid-input");
}
if (axisNameVal == "") {
$("#axis-name-id").addClass("is-invalid-input");
} else {
$("#axis-name-id").removeClass("is-invalid-input");
}
if (parseInt(axisTypeVal) == 0) {
$("#axis-type-id").addClass("is-invalid-input");
} else {
$("#axis-type-id").removeClass("is-invalid-input");
}
if (parseInt(town1Val) == 0) {
$("#town-id").addClass("is-invalid-input");
} else {
$("#town-id").removeClass("is-invalid-input");
}
if (parseInt(town2Val) == 0) {
$("#town-id1").addClass("is-invalid-input");
} else {
$("#town-id1").removeClass("is-invalid-input");
}
if (parseInt(town3Val) == 0) {
$("#town-id2").addClass("is-invalid-input");
} else {
$("#town-id2").removeClass("is-invalid-input");
}
if ($("#town-id2").length) {
if (mosharekatTown1Val == "") {
$("#mosharekat1").addClass("is-invalid-input");
} else {
$("#mosharekat1").removeClass("is-invalid-input");
}
if (mosharekatTown2Val == "") {
$("#mosharekat2").addClass("is-invalid-input");
} else {
$("#mosharekat2").removeClass("is-invalid-input");
}
if (mosharekatTown3Val == "") {
$("#mosharekat3").addClass("is-invalid-input");
} else {
$("#mosharekat3").removeClass("is-invalid-input");
}
let mosharekatSum =
parseInt(mosharekatTown1Val) +
parseInt(mosharekatTown2Val) +
parseInt(mosharekatTown3Val);
if (mosharekatSum != 100) {
$("#mosharekat1").addClass("is-invalid-input");
$("#mosharekat2").addClass("is-invalid-input");
$("#mosharekat3").addClass("is-invalid-input");
if ($(".invalid-feedback").length) {
$(".invalid-feedback").show();
} else {
$("#mosharekat1").parent().append(`
<div class="invalid-feedback">
مجموع درصد مشارکت ها باید 100 درصد باشد.
</div>
`);
$(".invalid-feedback").show();
}
} else {
if ($(".invalid-feedback").length) $(".invalid-feedback").hide();
}
} else if ($("#town-id1").length) {
if (mosharekatTown1Val == "") {
$("#mosharekat1").addClass("is-invalid-input");
} else {
$("#mosharekat1").removeClass("is-invalid-input");
}
if (mosharekatTown2Val == "") {
$("#mosharekat2").addClass("is-invalid-input");
} else {
$("#mosharekat2").removeClass("is-invalid-input");
}
let mosharekatSum =
parseInt(mosharekatTown1Val) + parseInt(mosharekatTown2Val);
if (mosharekatSum != 100) {
$("#mosharekat1").addClass("is-invalid-input");
$("#mosharekat2").addClass("is-invalid-input");
if ($(".invalid-feedback").length) {
$(".invalid-feedback").show();
} else {
$("#mosharekat1").parent().append(`
<div class="invalid-feedback">
مجموع درصد مشارکت ها باید 100 درصد باشد.
</div>
`);
$(".invalid-feedback").show();
}
} else {
if ($(".invalid-feedback").length) $(".invalid-feedback").hide();
}
}
if (dicctype == 0) {
$("#dicc-type-id").addClass("is-invalid-input");
} else {
$("#dicc-type-id").removeClass("is-invalid-input");
}
if (toolensedad == 0) {
$("#tool-id").addClass("is-invalid-input");
} else {
$("#tool-id").removeClass("is-invalid-input");
}
if (milion == "") {
$("#milion").addClass("is-invalid-input");
} else {
$("#milion").removeClass("is-invalid-input");
}
if (predictiontime == 0) {
$("#predict-type-id").addClass("is-invalid-input");
} else {
$("#predict-type-id").removeClass("is-invalid-input");
}
if (polha == "") {
$("#polha").addClass("is-invalid-input");
} else {
$("#polha").removeClass("is-invalid-input");
}
if (polhasmall == "") {
$("#polhasmall").addClass("is-invalid-input");
} else {
$("#polhasmall").removeClass("is-invalid-input");
}
if (polhabig == "") {
$("#polhabig").addClass("is-invalid-input");
} else {
$("#polhabig").removeClass("is-invalid-input");
}
if (machinery == "") {
$("#machinery").addClass("is-invalid-input");
} else {
$("#machinery").removeClass("is-invalid-input");
}
if (activerahdar == "") {
$("#activerahdar").addClass("is-invalid-input");
} else {
$("#activerahdar").removeClass("is-invalid-input");
}
if (tozihat == "") {
$("#tozihat ").addClass("is-invalid-input");
} else {
$("#tozihat ").removeClass("is-invalid-input");
}
if ($("#town-id").val() === $("#town-id1").val()) {
$("#town-id1").addClass("is-invalid-input");
}
if ($("#town-id").val() === $("#town-id2").val()) {
$("#town-id2").addClass("is-invalid-input");
}
if ($("#town-id1").val() === $("#town-id2").val()) {
$("#town-id2").addClass("is-invalid-input");
}
if ($("#stepModalmaintenance").find(".is-invalid-input").length) {
// has error
// alert("لطفا تمامی فیلدهای مرتبط را تکمیل کنید.");
// Swal.fire({
// icon: "error",
// title: "خطا",
// text: "لطفا تمامی فیلدهای مرتبط را تکمیل کنید.",
// confirmButtonText: "بستن",
// });
} else if (boundingbox) {
if (
boundingbox &&
parseFloat(startLatLng[0]) >= parseFloat(boundingbox[0]) &&
parseFloat(startLatLng[0]) <= parseFloat(boundingbox[1]) &&
parseFloat(startLatLng[1]) >= parseFloat(boundingbox[2]) &&
parseFloat(startLatLng[1]) <= parseFloat(boundingbox[3]) &&
parseFloat(endLatLng[0]) >= parseFloat(boundingbox[0]) &&
parseFloat(endLatLng[0]) <= parseFloat(boundingbox[1]) &&
parseFloat(endLatLng[1]) >= parseFloat(boundingbox[2]) &&
parseFloat(endLatLng[1]) <= parseFloat(boundingbox[3])
) {
console.log(startLatLng);
console.log(endLatLng);
console.log(boundingbox);
// ajax
let formData = new FormData();
let cities = {};
if ($("#town-id2").length) {
// console.log("We have three cities!");
cities[town1Val] = mosharekatTown1Val;
cities[town2Val] = mosharekatTown2Val;
cities[town3Val] = mosharekatTown3Val;
} else if ($("#town-id1").length) {
// console.log("We have 2 cities!");
cities[town1Val] = mosharekatTown1Val;
cities[town2Val] = mosharekatTown2Val;
} else {
// console.log("We have 1 city!");
cities[town1Val] = 100;
}
// formData.append("id", idEdit);
formData.append("province-id", provinceVal);
formData.append("cities-id", JSON.stringify(cities));
formData.append("axis-name", axisNameVal);
formData.append("axis-type", axisTypeVal);
formData.append("prediction-time", predictiontime);
formData.append("blockage-cause", dicctype);
formData.append("blockage-length", toolensedad);
formData.append("blockage-damage-money", milion);
formData.append("blockage-damage-count", polha);
formData.append("blockage-damage-lower-6-count", polhasmall);
formData.append("blockage-damage-higher-6-count", polhabig);
// formData.append("contract-date", p2e(contractDateVal));
formData.append("active-cars-count", machinery);
formData.append("active-rahdar-count", activerahdar);
formData.append("start-latlng", startLatLng);
formData.append("end-latlng", endLatLng);
formData.append("block-axis-desc", tozihat);
if ($("input[name=inputFile1]")[0].files[0] != undefined) {
formData.append("image-1", $("input[name=inputFile1]")[0].files[0]);
formData.append("name-1", "image-1");
}
if ($("input[name=inputFile2]")[0].files[0] != undefined) {
formData.append("image-2", $("input[name=inputFile2]")[0].files[0]);
formData.append("name-2", "image-2");
}
if ($("input[name=inputFile3]")[0].files[0] != undefined) {
formData.append("image-3", $("input[name=inputFile3]")[0].files[0]);
formData.append("name-3", "image-3");
}
for (var pair of formData.entries()) {
console.log(pair[0] + ', ' + pair[1]);
}
showLoaderScreen();
$.ajax({
url: url,
type: "POST",
data: formData,
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
cache: false,
contentType: false,
processData: false,
mimeType: "multipart/form-data",
success: function (result) {
console.log(result);
$("#stepModalmaintenance").modal('hide')
ajaxcalltablegharar()
// ajaxcalltable();
// setTimeout(function () {
// location.reload();
// }, 2000);
},
error: function (error) {
// console.log(error);
hideLoaderScreen();
Swal.fire({
icon: "error",
title: "خطا",
text: "خطایی رخ داده است",
confirmButtonText: "بستن",
});
},
});
} else {
Swal.fire({
icon: "error",
title: "خطا",
text: ". لطفا در محدوده استان موقعیت را ثبت کنید ",
confirmButtonText: "بستن",
});
}
} else {
console.log(startLatLng);
console.log(endLatLng);
console.log(boundingbox);
// ajax
let formData = new FormData();
let cities = {};
if ($("#town-id2").length) {
// console.log("We have three cities!");
cities[town1Val] = mosharekatTown1Val;
cities[town2Val] = mosharekatTown2Val;
cities[town3Val] = mosharekatTown3Val;
} else if ($("#town-id1").length) {
// console.log("We have 2 cities!");
cities[town1Val] = mosharekatTown1Val;
cities[town2Val] = mosharekatTown2Val;
} else {
// console.log("We have 1 city!");
cities[town1Val] = 100;
}
formData.append("id", idEdit);
formData.append("province-id", provinceVal);
formData.append("cities-id", JSON.stringify(cities));
formData.append("axis-name", axisNameVal);
formData.append("axis-type", axisTypeVal);
formData.append("prediction-time", predictiontime);
formData.append("blockage-cause", dicctype);
formData.append("blockage-length", toolensedad);
formData.append("blockage-damage-money", milion);
formData.append("blockage-damage-count", polha);
formData.append("blockage-damage-lower-6-count", polhasmall);
formData.append("blockage-damage-higher-6-countt", polhabig);
// formData.append("contract-date", p2e(contractDateVal));
formData.append("active-cars-count", machinery);
formData.append("active-rahdar-count", activerahdar);
formData.append("start-latlng", startLatLng);
formData.append("end-latlng", endLatLng);
formData.append("block-axis-desc", tozihat);
if ($("input[name=inputFile1]")[0].files[0] != undefined) {
formData.append("image-1", $("input[name=inputFile1]")[0].files[0]);
formData.append("name-1", "image-1");
}
if ($("input[name=inputFile2]")[0].files[0] != undefined) {
formData.append("image-2", $("input[name=inputFile2]")[0].files[0]);
formData.append("name-2", "image-2");
}
if ($("input[name=inputFile3]")[0].files[0] != undefined) {
formData.append("image-3", $("input[name=inputFile3]")[0].files[0]);
formData.append("name-3", "image-3");
}
for (var pair of formData.entries()) {
console.log(pair[0] + ', ' + pair[1]);
}
showLoaderScreen();
$.ajax({
url: url,
type: "POST",
data: formData,
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
cache: false,
contentType: false,
processData: false,
mimeType: "multipart/form-data",
success: function (result) {
$("#stepModalmaintenance").modal('hide')
console.log(result);
ajaxcalltablegharar()
// ajaxcalltable();
// setTimeout(function () {
// location.reload();
// }, 2000);
},
error: function (error) {
// console.log(error);
hideLoaderScreen();
Swal.fire({
icon: "error",
title: "خطا",
text: "خطایی رخ داده است",
confirmButtonText: "بستن",
});
},
});
}
});
function ajaxcalltable() {
$.ajax({
url: "https://rms.rmto.ir/rahdari/road-maintenance-project/getlist",
type: "GET",
success: function (result) {
// console.log(result.data[0]);
$("#example").dataTable().fnClearTable();
$("#example").dataTable().fnAddData(result.data);
hideLoaderScreen();
// Swal.fire({
// icon: "success",
// title: "ثبت موفقیت آمیز",
// text: "اطلاعات اولیه با موفقیت ثبت گردید!",
// confirmButtonText: "بستن",
// });
$("#stepModalmaintenance").modal("hide");
},
});
}
function onLocationChange() {
let lat, lng;
let provinceId = $("#province-id").children("option:selected").val();
let provinceIndex = provinces.findIndex(function (entry) {
return entry.id == provinceId;
});
if (provinceIndex != -1) {
lat = provinces[provinceIndex].center_lat;
lng = provinces[provinceIndex].center_long;
}
$.ajax({
url:
"https://testmap.141.ir/nominatim/reverse.php?format=json" +
"&lat=" +
lat +
"&lon=" +
lng +
"&accept-language=fa" +
"&zoom=5",
type: "GET",
success: function (result) {
boundingbox = result.boundingbox;
console.log("heeeeeey kaaaaargarrrrr");
console.log(boundingbox);
},
error: function (error) {
console.log(error);
},
});
}
$("#province-id").on("change", function () {
if (parseInt($(this).children("option:selected").val()) == 0) {
$("#province-id").addClass("is-invalid-input");
} else {
$("#province-id").removeClass("is-invalid-input");
onLocationChange();
}
});
$("#axis-name-id").on("change", function () {
if ($(this).val() == "") {
$("#axis-name-id").addClass("is-invalid-input");
} else {
$("#axis-name-id").removeClass("is-invalid-input");
}
});
$("#yearshown").on("change", function () {
// if ($(this).val() == "") {
// $("#yearshown").addClass("is-invalid-input");
// } else {
$("#yearshown").removeClass("is-invalid-input");
// }
});
$("#axis-type-id").on("change", function () {
if (parseInt($(this).children("option:selected").val()) == 0) {
$("#axis-type-id").addClass("is-invalid-input");
} else {
$("#axis-type-id").removeClass("is-invalid-input");
}
});
$("#project-title-id").on("change", function () {
if ($(this).val() == "") {
$("#project-title-id").addClass("is-invalid-input");
} else {
$("#project-title-id").removeClass("is-invalid-input");
}
});
$("#contractor-id").on("change", function () {
if ($(this).val() == "") {
$("#contractor-id").addClass("is-invalid-input");
} else {
$("#contractor-id").removeClass("is-invalid-input");
}
});
$("#consultant-id").on("change", function () {
if ($(this).val() == "") {
$("#consultant-id").addClass("is-invalid-input");
} else {
$("#consultant-id").removeClass("is-invalid-input");
}
});
$("#contract-price-id").on("change", function () {
if ($(this).val() == "") {
$("#contract-price-id").addClass("is-invalid-input");
} else {
$("#contract-price-id").removeClass("is-invalid-input");
}
});
function restrictInputOtherThanArabic($field) {
// Arabic characters fall in the Unicode range 0600 - 06FF
var arabicCharUnicodeRange = /[\u0600-\u06FF-0-9-45]/;
$field.bind("keypress", function (event) {
var key = event.which;
// 0 = numpad
// 8 = backspace
// 32 = space
if (key == 8 || key == 0 || key === 32) {
return true;
}
var str = String.fromCharCode(key);
if (arabicCharUnicodeRange.test(str)) {
return true;
}
return false;
});
}
function addTownBox() {
let childNum = $("#subTown").children().length;
// console.log($("#town-id").val());
if (childNum == 1 && $("#town-id").val() != 0) {
$("#subTown div").append(
`
<div class="input-group mb-3">
<input type ="text" class="form-control" id="mosharekat1" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
<div class="input-group-prepend p-0" style="margin-top:5px">
<span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
`
);
$("#subTown").append(`<div class="form-group col-md-12">
<label>
شهرستان
</label>
<select
class="form-control"
style="font-size:12px"
name="town"
id="town-id${childNum}"
>
<option value="0" style="font-size:10px">انتخاب شهرستان</option>
</select>
<div class="input-group mb-3">
<input type ="text" class="form-control" id="mosharekat2" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
<div class="input-group-prepend p-0" style="margin-top:5px">
<span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
</div>`);
setTownSelect(childNum);
} else if (childNum == 2 && $("#town-id1").val() != 0) {
$("#subTown").append(`<div class="form-group col-md-12">
<label>
شهرستان
</label>
<select
class="form-control"
style="font-size:12px"
name="town"
id="town-id${childNum}"
>
<option value="0" style="font-size:10px">انتخاب شهرستان</option>
</select>
<div class="input-group mb-3">
<input type ="text" class="form-control" id="mosharekat3" min="1" max="100" data-inputmask="'mask': '99'" data-mask style="margin-top: 5px;" placeholder="درصد مشارکت"></input>
<div class="input-group-prepend p-0" style="margin-top:5px">
<span class="input-group-text" id="basic-addon2" style="padding:0px">%</span>
</div>
</div>
</div>`);
setTownSelect(childNum);
}
$("[data-mask]").inputmask();
$("#town-id1").on("change", function () {
if (parseInt($(this).children("option:selected").val()) == 0) {
$("#town-id1").addClass("is-invalid-input");
} else {
$("#town-id1").removeClass("is-invalid-input");
}
});
$("#town-id2").on("change", function () {
if (parseInt($(this).children("option:selected").val()) == 0) {
$("#town-id2").addClass("is-invalid-input");
} else {
$("#town-id2").removeClass("is-invalid-input");
}
});
$("#mosharekat1").on("change", function () {
if ($(this).val() == "") {
$("#mosharekat1").addClass("is-invalid-input");
} else {
$("#mosharekat1").removeClass("is-invalid-input");
}
});
$("#mosharekat2").on("change", function () {
if ($(this).val() == "") {
$("#mosharekat2").addClass("is-invalid-input");
} else {
$("#mosharekat2").removeClass("is-invalid-input");
}
});
$("#mosharekat3").on("change", function () {
if ($(this).val() == "") {
$("#mosharekat3").addClass("is-invalid-input");
} else {
$("#mosharekat3").removeClass("is-invalid-input");
}
});
}
function removeTownBox() {
let childNum = $("#subTown").children().length;
if (childNum == 3) {
$("#town-id2").parent().remove();
} else if (childNum == 2) {
$("#town-id1").parent().remove();
$("#subTown .input-group").remove();
}
}
function checkMarkersAndDrawPath(update) {
if (
$("#pin-marker-start").hasClass("pin-set") &&
!$("#pin-marker-start").hasClass("pin-move") &&
$("#pin-marker-end").hasClass("pin-set") &&
!$("#pin-marker-end").hasClass("pin-move")
) {
drawPath(update);
} else {
setTimeout(() => {
if (
$("#pin-marker-start").hasClass("pin-set") &&
!$("#pin-marker-start").hasClass("pin-move") &&
$("#pin-marker-end").hasClass("pin-set") &&
!$("#pin-marker-end").hasClass("pin-move")
) {
drawPath(update);
} else {
if (routeControls.length) {
$(routeControls).each(function (index, control) {
mapName = update ? map2 : map;
mapName.removeControl(control);
routeControls.splice(routeControls.indexOf(index), 1);
});
}
// if (polyline != null) {
// map.removeLayer(polyline);
// }
}
}, 20);
}
}
function checkMarkersAndDrawPathshow() {
if (
$("#pin-marker-start").hasClass("pin-set") &&
!$("#pin-marker-start").hasClass("pin-move") &&
$("#pin-marker-end").hasClass("pin-set") &&
!$("#pin-marker-end").hasClass("pin-move")
) {
drawPathshow();
} else {
setTimeout(() => {
if (
$("#pin-marker-start").hasClass("pin-set") &&
!$("#pin-marker-start").hasClass("pin-move") &&
$("#pin-marker-end").hasClass("pin-set") &&
!$("#pin-marker-end").hasClass("pin-move")
) {
drawPathshow();
} else {
if (routeControls.length) {
$(routeControls).each(function (index, control) {
mapshow.removeControl(control);
routeControls.splice(routeControls.indexOf(index), 1);
});
}
// if (polyline != null) {
// map.removeLayer(polyline);
// }
}
}, 20);
}
}
function removeStartToEndPath(update) {
if (routeControls.length) {
$(routeControls).each(function (index, control) {
mapName = update ? map2 : map;
mapName.removeControl(control);
routeControls.splice(routeControls.indexOf(index), 1);
});
}
}
// function drawStartToEndPath(pathType, source, dest) {
// if (routeControlsPath.length) {
// $(routeControlsPath).each(function (index, control) {
// map.removeControl(control);
// routeControlsPath.splice(routeControlsPath.indexOf(index), 1);
// });
// }
// if (polylinePath != null) {
// map.removeLayer(polylinePath);
// }
// switch (pathType) {
// case "line": {
// polylinePath = L.polyline(
// [
// [source[0], source[1]],
// [dest[0], dest[1]],
// ],
// {
// color: "#0073e6",
// opacity: 0.6,
// weight: 5,
// }
// ).addTo(map);
// break;
// }
// case "axis": {
// $.get(
// `https://testmap.141.ir/route/v1/driving/${source[1]},${source[0]};${dest[1]},${dest[0]}?overview=false&alternatives=true&steps=true`,
// function (data) {
// routeControlsPath.push(
// L.Routing.control({
// waypoints: [
// L.latLng(parseFloat(source[0]), parseFloat(source[1])),
// L.latLng(parseFloat(dest[0]), parseFloat(dest[1])),
// ],
// fitSelectedRoutes: false,
// draggableWaypoints: true,
// createMarker: function () {
// return null;
// },
// lineOptions: {
// addWaypoints: false,
// styles: [
// {
// color: "#0073e6",
// opacity: 0.6,
// weight: 5,
// },
// ],
// },
// })
// .on("routesfound", function (e) {
// for (let index = 0; index < popupArraysPath.length; index++) {
// if (popupArraysPath[index] !== null) {
// map.removeLayer(popupArraysPath[index]);
// }
// }
// /*let popup = new L.Popup({
// 'maxWidth': '300',
// 'maxHeight': '150',
// 'className': 'customRouteEstimate'
// });
// let popupLocation = new L.LatLng(e.routes[0].coordinates[parseInt(e.routes[0]
// .coordinates
// .length /
// 2)].lat,
// e.routes[0].coordinates[parseInt(e.routes[0].coordinates.length / 2)]
// .lng);
// let popupContent = "<span style=\"color:#FF5630 ; font-size:11px\">مسافت : </span>" + parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2) + " کیلومتر";
// popup.setLatLng(popupLocation);
// popup.setContent(popupContent);
// popupArraysPath.push(popup);
// map.addLayer(popup);*/
// })
// .addTo(map)
// );
// }
// );
// $(".leaflet-control-container").css("display", "none");
// $(".leaflet-routing-container-hide").css("display", "none");
// break;
// }
// }
// }
function drawPath(update) {
mapName = update ? map2 : map;
if (routeControls.length) {
$(routeControls).each(function (index, control) {
mapName.removeControl(control);
routeControls.splice(routeControls.indexOf(index), 1);
});
}
// routeControls.push(
// L.polyline(
// [
// L.latLng(
// parseFloat(startAbrarMarker.getLatLng().lat),
// parseFloat(startAbrarMarker.getLatLng().lng)
// ),
// L.latLng(
// parseFloat(endAbrarMarker.getLatLng().lat),
// parseFloat(endAbrarMarker.getLatLng().lng)
// ),
// ],
// {
// color: "blue",
// weight: 3,
// opacity: 0.5,
// smoothFactor: 1,
// }
// )
// );
// map.addLayer(routeControls[0]);
routeControls.push(
L.Routing.control({
waypoints: [
L.latLng(
parseFloat(startAbrarMarker.getLatLng().lat),
parseFloat(startAbrarMarker.getLatLng().lng)
),
L.latLng(
parseFloat(endAbrarMarker.getLatLng().lat),
parseFloat(endAbrarMarker.getLatLng().lng)
),
],
fitSelectedRoutes: false,
draggableWaypoints: true,
createMarker: function () {
return null;
},
lineOptions: {
addWaypoints: false,
styles: [
{
color: "#28a745",
opacity: 0.8,
weight: 5,
},
],
},
})
// .on("routesfound", function (e) {
// var divideBy = 2;
// for (let index = 0; index < popupArrays.length; index++) {
// map.removeLayer(popupArrays[index]);
// }
// var customOptions = {
// maxWidth: "300",
// maxHeight: "150",
// className: "customRouteEstimate",
// };
// var popup = new L.Popup(customOptions);
// var popupLocation = new L.LatLng(
// e.routes[0].coordinates[
// parseInt(e.routes[0].coordinates.length / divideBy)
// ].lat,
// e.routes[0].coordinates[
// parseInt(e.routes[0].coordinates.length / divideBy)
// ].lng
// );
// var popupContent =
// '<span style="color:#FF5630; font-size:11px; font-family: IRANSansFaNum;">مسافت: </span>' +
// parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2) +
// " کیلومتر";
// saveTotalDistance = parseFloat(
// parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2)
// );
// popup.setLatLng(popupLocation);
// popup.setContent(popupContent);
// popupArrays.push(popup);
// map.addLayer(popup);
// // showItemSelectionModal();
// })
.addTo(mapName)
);
$(".leaflet-control-container").css("display", "none");
$(".leaflet-routing-container-hide").css("display", "none");
}
function drawPathshow() {
if (routeControls.length) {
$(routeControls).each(function (index, control) {
mapshow.removeControl(control);
routeControls.splice(routeControls.indexOf(index), 1);
});
}
// routeControls.push(
// L.polyline(
// [
// L.latLng(
// parseFloat(startAbrarMarker.getLatLng().lat),
// parseFloat(startAbrarMarker.getLatLng().lng)
// ),
// L.latLng(
// parseFloat(endAbrarMarker.getLatLng().lat),
// parseFloat(endAbrarMarker.getLatLng().lng)
// ),
// ],
// {
// color: "blue",
// weight: 3,
// opacity: 0.5,
// smoothFactor: 1,
// }
// )
// );
// map.addLayer(routeControls[0]);
routeControls.push(
L.Routing.control({
waypoints: [
L.latLng(
parseFloat(startAbrarMarkershow.getLatLng().lat),
parseFloat(startAbrarMarkershow.getLatLng().lng)
),
L.latLng(
parseFloat(endAbrarMarkershow.getLatLng().lat),
parseFloat(endAbrarMarkershow.getLatLng().lng)
),
],
fitSelectedRoutes: false,
draggableWaypoints: true,
createMarker: function () {
return null;
},
lineOptions: {
addWaypoints: false,
styles: [
{
color: "#28a745",
opacity: 0.8,
weight: 5,
},
],
},
})
// .on("routesfound", function (e) {
// var divideBy = 2;
// for (let index = 0; index < popupArrays.length; index++) {
// map.removeLayer(popupArrays[index]);
// }
// var customOptions = {
// maxWidth: "300",
// maxHeight: "150",
// className: "customRouteEstimate",
// };
// var popup = new L.Popup(customOptions);
// var popupLocation = new L.LatLng(
// e.routes[0].coordinates[
// parseInt(e.routes[0].coordinates.length / divideBy)
// ].lat,
// e.routes[0].coordinates[
// parseInt(e.routes[0].coordinates.length / divideBy)
// ].lng
// );
// var popupContent =
// '<span style="color:#FF5630; font-size:11px; font-family: IRANSansFaNum;">مسافت: </span>' +
// parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2) +
// " کیلومتر";
// saveTotalDistance = parseFloat(
// parseFloat(e.routes[0].summary.totalDistance / 1000.0).toFixed(2)
// );
// popup.setLatLng(popupLocation);
// popup.setContent(popupContent);
// popupArrays.push(popup);
// map.addLayer(popup);
// // showItemSelectionModal();
// })
.addTo(mapshow)
);
$(".leaflet-control-container").css("display", "none");
$(".leaflet-routing-container-hide").css("display", "none");
}
$("#rejectoolfinal").on("click", function () {
$("#show-projecttool").modal("hide");
});
$("#example").on("click", "button.update-button", function () {
$("#tool-main").css("display", "none");
$("#update-table").css("display", "block");
scrolldowntable();
$("#title-update").empty();
var tr = $(this).closest("tr");
var row = table.row(tr);
console.log(row.data().id);
idkol = row.data().id;
cost = row.data().contract_credit;
var projecttitle = row.data().project_name;
var axisname = row.data().axis_name;
var ostan = row.data().province_fa;
startLatlng = row.data().start_latlng;
endLatlng = row.data().end_latlng;
var titleupdate =
"بروزرسانی آخرین وضعیت پروژه" +
" " +
projecttitle +
" " +
"محور" +
" " +
axisname +
" " +
"استان" +
" " +
ostan;
var note = '<h3 class="card-title" >' + titleupdate + "</h3> ";
$("#title-update").append(note);
showLoaderScreen();
tablethird = $("#example-update").DataTable({
dom: "lfrtip",
scrollX: true,
destroy: true,
pagingType: "simple_numbers",
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: ": فعال سازی نمایش به صورت نزولی",
},
},
order: [[0, "desc"]],
processing: true,
autoWidth: false,
ajax: {
url:
"https://rms.rmto.ir/rahdari/road-maintenance-project/" +
idkol +
"/get-distance-update-list",
type: "GET",
dataSrc: function (json) {
console.log(json);
tooltipjson = json.data.distance;
if (json.data.distance_update.length) {
projectDistanceLastUpdate =
json.data.distance_update[json.data.distance_update.length - 1];
projectDistanceLastUpdatestatus =
projectDistanceLastUpdate.previous_status;
if (projectDistanceLastUpdatestatus == 0) {
$("#add-project-update").attr("disabled", true);
} else {
$("#add-project-update").attr("disabled", false);
}
console.log(
"projectDistanceLastUpdate",
projectDistanceLastUpdate.previous_status
);
} else {
projectDistanceLastUpdate = null;
projectDefaultDistances = json.data.distance;
}
hideLoaderScreen();
return json.data.distance_update;
},
},
columns: [
{
data: null,
render: function (data, type, row, meta) {
return meta.row + 1;
},
},
{ data: "updated_at" },
{
data: "previous_project_distance_update",
render: function (data, type, row, column) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 1;
});
if (keyIndex == -1) {
return "-";
} else {
// console.log(Object.keys(data)[keyIndex]);
// console.log(data[Object.keys(data)[keyIndex]][0]);
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row, column) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 1;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row, column) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 1;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 2;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 2;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 2;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 3;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 3;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 3;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 4;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 4;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 4;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 5;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 5;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 5;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 6;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 6;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 6;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 7;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 7;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 7;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 8;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 8;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 8;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 9;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 9;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 9;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 10;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 10;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 10;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 11;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 11;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 11;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 12;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 12;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 1)
return data[Object.keys(data)[keyIndex]][1];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 12;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 2)
return data[Object.keys(data)[keyIndex]][2];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 12;
});
if (keyIndex == -1) {
return "-";
} else {
if (data[Object.keys(data)[keyIndex]].length > 2)
return data[Object.keys(data)[keyIndex]][3];
else return "-";
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 13;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][0];
}
},
},
{
data: "previous_project_distance_update",
render: function (data, type, row) {
let keyIndex = Object.keys(data).findIndex(function (entry) {
return entry == 13;
});
if (keyIndex == -1) {
return "-";
} else {
return data[Object.keys(data)[keyIndex]][1];
}
},
},
{
data: "previous_project_status",
render: function (data, type, row) {
if (data == 1) {
return " در دست برنامه ریزی اولیه";
} else if (data == 2) {
return " در دست مطالعه و تهیه اسناد مناقصه";
} else if (data == 3) {
return "در دست مناقصه";
} else if (data == 4) {
return "در حال تجهیز کارگاه";
} else if (data == 5) {
return " در حال اجرا/فعال";
} else if (data == 6) {
return "در حال اجرا/متوقف ";
} else if (data == 7) {
return " در حال آماده سازی برای افتتاح";
} else if (data == 8) {
return " تکمیل و خاتمه یافته و بهره برداری شده";
} else return "توسط استان بروز رسانی نشده است";
},
},
{
data: null,
render: function (data, type, row, meta) {
let buttons = "";
buttons = ``;
// buttons = `<button type="button" class="btn btn-primary" onclick=showMapModalStatic(` + parseFloat(data.rms_start_latlng[0]).toFixed(2) + ',' + parseFloat(data.rms_start_latlng[1]).toFixed(2) + `)"><i class="fa fa-globe" aria-hidden="true"></i></button>`
// if (data.previous_status == 0) {
// if (data.images.length) {
// sliderImages = data.images;
buttons =
`
<div style="display: flex; flex-direction: row;">
<button type="button" class="btn btn-primary btn-sm" onclick="showMapModalStatic(` +
data.previous_team_latlng +
`)" ><i class="fa fa-globe" aria-hidden="true"></i></button>
<button class="btn btn-warning btn-sm upload-image-button" title="آپلود عکس" style="margin-right: 5px;" ><i class="fa fa-images"></i></button>
</div>
`;
// <button class="btn btn-success btn-sm submit-update" style=" margin-right: 5px;" title="ثبت"><i class="fas fa-check"></i></button>
// } else {
// buttons = `
// <div style="display: flex; flex-direction: row;">
// <button class="btn btn-secondary btn-sm upload-image-button" title="آپلود عکس" style="background-color: #6c757d !important;border: 1px solid #6c757d !important; opacity: 0.65;"><i class="fas fa-images"></i></button>
// </div>
// `;
// <button class="btn btn-primary btn-sm " style="background-color: #6c757d !important;border: 1px solid #6c757d !important; opacity: 0.65; margin-right: 5px;" title="ثبت" disabled><i class="fas fa-check"></i></button>
// }
// }
// else {
// buttons = `
// <div style="display: flex; flex-direction: row;">
// <button class="btn btn-warning btn-sm upload-image-buttonslider" title=" مشاهده عکس های آپلود شده "><i class="fas fa-images"></i></button>
// </div>
// `;
// }
return buttons;
},
},
],
initComplete: function (settings, json) {
$("#top-card-title").text(`بروزرسانی آخرین وضعیت پروژه ${project_title}`);
},
});
});
$("#image-upload-modal").on("click", "button.submit-update", function () {
// var tr = $(this).closest("tr");
// var row = tablethird.row(tr);
// historyId = row.data().id;
console.log("history", historyId);
// showLoaderScreen();
Swal.fire({
icon: "warning",
title: "آیا برای ثبت مطمئن هستید؟",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "بله، تایید می‌شود",
cancelButtonText: "منصرف شدم!",
showLoaderOnConfirm: true,
preConfirm: () => {
showLoaderScreen();
$.ajax({
url:
"https://rms.rmto.ir/rahdari/road-maintenance-project/" +
historyId +
"/submit-history",
type: "POST",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
cache: false,
contentType: false,
processData: false,
success: function (result) {
location.reload();
// ajaxcalltablethird2(idkol);
},
error: function (error) {
// console.log(error);
hideLoaderScreen();
alert("خطا :(");
},
});
},
});
});
// $("#example-update").on("click", "button.upload-image-button", function () {
// var tr = $(this).closest("tr");
// var row = tablethird.row(tr);
// historyId = row.data().id;
// console.log("history", historyId);
// let rowImages = row.data().images;
// sliderImages = row.data().images;
// console.log("rowImages", rowImages, "sliderImages", sliderImages);
// var test = "";
// // if (rowImages.length >0) {
// test = `<div class="form-row">`;
// let imageIndex1 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-1");
// });
// if (imageIndex1 != -1) {
// test += `<div class="form-group col-md-3" id="uploadBox1">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex1
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_first" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input " id="inputFile1" type="file"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(1)" style="">✕</div>
// </div>
// `;
// } else {
// test += ` <div class="form-group col-md-3" id="uploadBox1">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="firstshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_first" class="zoomimage" alt="your image"
// style=" display: none;" />
// </div>
// <input class="file-input " id="inputFile1" type="file"
// accept="image/*">
// </label>
// </div>`;
// }
// // if (rowImages.length > 1) {
// let imageIndex2 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-2");
// });
// if (imageIndex2 != -1) {
// test += `<div class="form-group col-md-3" id="uploadBox2">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex2
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_second" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile2"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(2)" style="">✕</div>
// </div>
// `;
// } else {
// test += `<div class="form-group col-md-3" id="uploadBox2">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_second" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile2"
// accept="image/*">
// </label>
// </div>
// `;
// }
// // }
// let imageIndex3 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-3");
// });
// if (imageIndex3 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex3
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_third" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile3"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(3)" style="">✕</div>
// </div>
// `;
// } else {
// test += ` <div class="form-group col-md-3" id="uploadBox3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_third" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile3"
// accept="image/*">
// </label>
// </div>`;
// }
// let imageIndex4 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-4");
// });
// if (imageIndex4 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox4">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex4
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_fourth" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile4"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(4)" style="">✕</div>
// </div>
// `;
// } else {
// test += ` <div class="form-group col-md-3" id="uploadBox4">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile4"
// accept="image/*">
// </label>
// </div>`;
// }
// let imageIndex5 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-5");
// });
// if (imageIndex5 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox5">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex5
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_fifth" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile5"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(5)" style="">✕</div>
// </div>
// `;
// } else {
// test += ` <div class="form-group col-md-3" id="uploadBox5">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile5"
// accept="image/*">
// </label>
// </div>`;
// }
// let imageIndex6 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-6");
// });
// if (imageIndex6 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox6">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex6
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_six" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile6"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(6)" style="">✕</div>
// </div>
// `;
// } else {
// test += ` <div class="form-group col-md-3" id="uploadBox6">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_six" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile6"
// accept="image/*">
// </label>
// </div>`;
// }
// let imageIndex7 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-7");
// });
// if (imageIndex7 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox7">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex7
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_seven" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile7"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(7)" style="">✕</div>
// </div>
// `;
// } else {
// test += ` <div class="form-group col-md-3" id="uploadBox7">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile7"
// accept="image/*">
// </label>
// </div>`;
// }
// let imageIndex8 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-8");
// });
// if (imageIndex8 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox8">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex8
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_eight" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile8"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(8)" style="">✕</div>
// </div>
// `;
// } else {
// test += ` <div class="form-group col-md-3" id="uploadBox8">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile8"
// accept="image/*">
// </label>
// </div>`;
// }
// // } else {
// // test += `<div class="form-row">
// // <div class="form-group col-md-3">
// // <label class="file-input-modal-container">
// // <div class="file-input-modal">
// // <img id="firstshow" src="../dist/images/icons/add-image.svg" alt="your image"
// // style="height: 20px; margin-top: 5px;" />
// // <img id="image_upload_first" class="zoomimage" alt="your image"
// // style=" display: none;" />
// // </div>
// // <input class="file-input " id="inputFile1" type="file"
// // accept="image/*">
// // </label>
// // </div>
// // <div class="form-group col-md-3">
// // <label class="file-input-modal-container">
// // <div class="file-input-modal">
// // <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
// // style="height: 20px; margin-top: 5px;" />
// // <img id="image_upload_second" name="" class="zoomimage" alt="your image"
// // style=" display: none" />
// // </div>
// // <input class="file-input" type="file" id="inputFile2"
// // accept="image/*">
// // </label>
// // </div>
// // <div class="form-group col-md-3">
// // <label class="file-input-modal-container">
// // <div class="file-input-modal">
// // <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
// // style="height: 20px; margin-top: 5px;" />
// // <img id="image_upload_third" name="" class="zoomimage" alt="your image"
// // style=" display: none" />
// // </div>
// // <input class="file-input" type="file" id="inputFile3"
// // accept="image/*">
// // </label>
// // </div>
// // <div class="form-group col-md-3">
// // <label class="file-input-modal-container">
// // <div class="file-input-modal">
// // <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// // style="height: 20px; margin-top: 5px;" />
// // <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
// // style=" display: none" />
// // </div>
// // <input class="file-input" type="file" id="inputFile4"
// // accept="image/*">
// // </label>
// // </div>
// // <div class="form-group col-md-3">
// // <label class="file-input-modal-container">
// // <div class="file-input-modal">
// // <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// // style="height: 20px; margin-top: 5px;" />
// // <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
// // style=" display: none" />
// // </div>
// // <input class="file-input" type="file" id="inputFile5"
// // accept="image/*">
// // </label>
// // </div>
// // <div class="form-group col-md-3">
// // <label class="file-input-modal-container">
// // <div class="file-input-modal">
// // <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
// // style="height: 20px; margin-top: 5px;" />
// // <img id="image_upload_six" name="" class="zoomimage" alt="your image"
// // style=" display: none" />
// // </div>
// // <input class="file-input" type="file" id="inputFile6"
// // accept="image/*">
// // </label>
// // </div>
// // <div class="form-group col-md-3">
// // <label class="file-input-modal-container">
// // <div class="file-input-modal">
// // <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
// // style="height: 20px; margin-top: 5px;" />
// // <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
// // style=" display: none" />
// // </div>
// // <input class="file-input" type="file" id="inputFile7"
// // accept="image/*">
// // </label>
// // </div>
// // <div class="form-group col-md-3">
// // <label class="file-input-modal-container">
// // <div class="file-input-modal">
// // <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
// // style="height: 20px; margin-top: 5px;" />
// // <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
// // style=" display: none" />
// // </div>
// // <input class="file-input" type="file" id="inputFile8"
// // accept="image/*">
// // </label>
// // </div>
// // </div>
// // `;
// // // }
// $("#image-upload-modal .modal-body").empty();
// $("#image-upload-modal .modal-body").append(test);
// $("#inputFile1").change(function () {
// $("#firstshow").css("display", "none");
// $("#uploadBox2").css("display", "block");
// readURL1(this);
// });
// $("#inputFile2").change(function () {
// $("#secondshow").css("display", "none");
// $("#uploadBox3").css("display", "block");
// readURL2(this);
// });
// $("#inputFile3").change(function () {
// $("#thirdshow").css("display", "none");
// $("#uploadBox4").css("display", "block");
// readURL3(this);
// });
// $("#inputFile4").change(function () {
// $("#fourthshow").css("display", "none");
// $("#uploadBox5").css("display", "block");
// readURL4(this);
// });
// $("#inputFile5").change(function () {
// $("#fifthshow").css("display", "none");
// $("#uploadBox6").css("display", "block");
// readURL5(this);
// });
// $("#inputFile6").change(function () {
// $("#sixshow").css("display", "none");
// $("#uploadBox7").css("display", "block");
// readURL6(this);
// });
// $("#inputFile7").change(function () {
// $("#sevenshow").css("display", "none");
// $("#uploadBox8").css("display", "block");
// readURL7(this);
// });
// $("#inputFile8").change(function () {
// $("#eightshow").css("display", "none");
// readURL8(this);
// });
// $("#image-upload-modal").modal("show");
// });
$("#example-update").on("click", "button.upload-image-button", function () {
// var images = row.data().images
// openSlidershowbutton(tr)
var tr = $(this).closest("tr");
var row = tablethird.row(tr);
var updateDate = row.data().updated_at;
// var images = row.data().images
if (updateDate == "-") {
console.log("this situation 1");
prepareImageModal();
historyId = row.data().id;
$("#image-upload-modal").modal({
backdrop: "static",
keyboard: false,
});
$("#image-upload-modal").modal("show");
} else {
console.log("this situation 2");
openSlidershowbutton(row, 0);
}
// console.log("history", historyId);
// let rowImages = row.data().images;
// sliderImages = row.data().images;
// let canUpdate = row.data().updated_at == "-" ? true : false;
// console.log("rowImages", rowImages, "sliderImages", sliderImages);
// var test = "";
// // if (rowImages.length >0) {
// test = `<div class="form-row">`;
// let imageIndex1 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-1");
// });
// if (imageIndex1 != -1) {
// test += `<div class="form-group col-md-3" id="uploadBox1">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex1
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_first" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input " id="inputFile1" type="file"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(1)" style="">✕</div>
// </div>
// `;
// } else {
// test += ` <div class="form-group col-md-3" id="uploadBox1">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="firstshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_first" class="zoomimage" alt="your image"
// style=" display: none;" />
// </div>
// <input class="file-input " id="inputFile1" type="file"
// accept="image/*" >
// </label>
// </div>`;
// }
// // if (rowImages.length > 1) {
// let imageIndex2 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-2");
// });
// if (imageIndex2 != -1) {
// test += `<div class="form-group col-md-3" id="uploadBox2">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex2
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_second" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile2"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(2)" style="">✕</div>
// </div>
// `;
// } else {
// if (imageIndex1 != -1) {
// test += `<div class="form-group col-md-3" id="uploadBox2">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_second" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile2"
// accept="image/*" >
// </label>
// </div>
// `;
// }
// else {
// test += `<div class="form-group col-md-3" style="display: none;" id="uploadBox2">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_second" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile2"
// accept="image/*" >
// </label>
// </div>
// `;
// }
// }
// // }
// let imageIndex3 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-3");
// });
// if (imageIndex3 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex3
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_third" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile3"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(3)" style="">✕</div>
// </div>
// `;
// } else {
// if (imageIndex2 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_third" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile3"
// accept="image/*">
// </label>
// </div>`;
// }
// else {
// test += ` <div class="form-group col-md-3" style="display: none;" id="uploadBox3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_third" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile3"
// accept="image/*">
// </label>
// </div>`;
// }
// }
// let imageIndex4 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-4");
// });
// if (imageIndex4 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox4">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex4
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_fourth" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile4"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(4)" style="">✕</div>
// </div>
// `;
// } else {
// if (imageIndex3 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox4">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile4"
// accept="image/*">
// </label>
// </div>`;
// }
// else {
// test += ` <div class="form-group col-md-3" style="display: none;" id="uploadBox4">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile4"
// accept="image/*">
// </label>
// </div>`;
// }
// }
// let imageIndex5 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-5");
// });
// if (imageIndex5 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox5">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex5
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_fifth" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile5"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(5)" style="">✕</div>
// </div>
// `;
// } else {
// if (imageIndex4 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox5">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile5"
// accept="image/*">
// </label>
// </div>`;
// }
// else {
// test += ` <div class="form-group col-md-3" style="display: none;" id="uploadBox5">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile5"
// accept="image/*">
// </label>
// </div>`;
// }
// }
// let imageIndex6 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-6");
// });
// if (imageIndex6 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox6">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex6
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_six" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile6"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(6)" style="">✕</div>
// </div>
// `;
// } else {
// if (imageIndex5 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox6">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_six" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile6"
// accept="image/*">
// </label>
// </div>`;
// }
// else {
// test += ` <div class="form-group col-md-3" style="display: none;" id="uploadBox6">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_six" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile6"
// accept="image/*">
// </label>
// </div>`;
// }
// }
// let imageIndex7 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-7");
// });
// if (imageIndex7 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox7">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex7
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_seven" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile7"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(7)" style="">✕</div>
// </div>
// `;
// } else {
// if (imageIndex6 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox7">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile7"
// accept="image/*">
// </label>
// </div>`;
// }
// else {
// test += ` <div class="form-group col-md-3" style="display: none;" id="uploadBox7">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile7"
// accept="image/*">
// </label>
// </div>`;
// }
// }
// let imageIndex8 = rowImages.findIndex(function (entry) {
// return entry.path.includes("image-8");
// });
// if (imageIndex8 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox8">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img src="https://rms.rmto.ir/${rowImages[
// imageIndex8
// ].path.replace(
// "public",
// "storage"
// )}" id="image_upload_eight" name="" class="zoomimage" alt="your image" />
// </div>
// <input class="file-input" type="file" id="inputFile8"
// accept="image/*">
// </label>
// <div class="remove-image-container501" onclick="removeImage(8)" style="">✕</div>
// </div>
// `;
// } else {
// if (imageIndex7 != -1) {
// test += ` <div class="form-group col-md-3" id="uploadBox8">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile8"
// accept="image/*">
// </label>
// </div>`;
// }
// else {
// test += ` <div class="form-group col-md-3" style="display: none;" id="uploadBox8">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile8"
// accept="image/*">
// </label>
// </div>`;
// }
// }
// } else {
// test += `<div class="form-row">
// <div class="form-group col-md-3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="firstshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_first" class="zoomimage" alt="your image"
// style=" display: none;" />
// </div>
// <input class="file-input " id="inputFile1" type="file"
// accept="image/*">
// </label>
// </div>
// <div class="form-group col-md-3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="secondshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_second" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile2"
// accept="image/*">
// </label>
// </div>
// <div class="form-group col-md-3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="thirdshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_third" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile3"
// accept="image/*">
// </label>
// </div>
// <div class="form-group col-md-3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="fourthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_fourth" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile4"
// accept="image/*">
// </label>
// </div>
// <div class="form-group col-md-3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="fifthshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_fifth" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile5"
// accept="image/*">
// </label>
// </div>
// <div class="form-group col-md-3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="sixshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_six" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile6"
// accept="image/*">
// </label>
// </div>
// <div class="form-group col-md-3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="sevenshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_seven" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile7"
// accept="image/*">
// </label>
// </div>
// <div class="form-group col-md-3">
// <label class="file-input-modal-container">
// <div class="file-input-modal">
// <img id="eightshow" src="../dist/images/icons/add-image.svg" alt="your image"
// style="height: 20px; margin-top: 5px;" />
// <img id="image_upload_eight" name="" class="zoomimage" alt="your image"
// style=" display: none" />
// </div>
// <input class="file-input" type="file" id="inputFile8"
// accept="image/*">
// </label>
// </div>
// </div>
// `;
// // }
// var additional;
// console.log("my name is swwan" , canUpdate)
// if(canUpdate ){
// additional = `<hr />
// <button type="button" class="btn btn-success float-left submit-update" id="add-update-button">
// ثبت و بروزرسانی
// </button>`
// }else{
// additional = `<hr />
// <button type="button" class="btn btn-success float-left submit-update" id="add-update-button" disabled>
// ثبت و بروزرسانی
// </button>`
// }
// $("#image-upload-modal .modal-body").empty();
// $("#image-upload-modal .modal-body").append(test);
// $("#image-upload-modal .modal-body").append(additional);
// $("#inputFile1").change(function () {
// $("#firstshow").css("display", "none");
// $("#uploadBox2").css("display", "block");
// readURL1(this);
// });
// $("#inputFile2").change(function () {
// $("#secondshow").css("display", "none");
// $("#uploadBox3").css("display", "block");
// readURL2(this);
// });
// $("#inputFile3").change(function () {
// $("#thirdshow").css("display", "none");
// $("#uploadBox4").css("display", "block");
// readURL3(this);
// });
// $("#inputFile4").change(function () {
// $("#fourthshow").css("display", "none");
// $("#uploadBox5").css("display", "block");
// readURL4(this);
// });
// $("#inputFile5").change(function () {
// $("#fifthshow").css("display", "none");
// $("#uploadBox6").css("display", "block");
// readURL5(this);
// });
// $("#inputFile6").change(function () {
// $("#sixshow").css("display", "none");
// $("#uploadBox7").css("display", "block");
// readURL6(this);
// });
// $("#inputFile7").change(function () {
// $("#sevenshow").css("display", "none");
// $("#uploadBox8").css("display", "block");
// readURL7(this);
// });
// $("#inputFile8").change(function () {
// $("#eightshow").css("display", "none");
// $("#uploadBox9").css("display", "block");
// readURL8(this);
// });
// $("#image-upload-modal").modal("show");
});
function readURL1(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#image_upload_first").css("display", "block");
$("#image_upload_first").attr("src", e.target.result);
// uploadUpdateImage(1, input);
};
reader.readAsDataURL(input.files[0]);
}
}
function readURL2(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#image_upload_second").css("display", "block");
$("#image_upload_second").attr("src", e.target.result);
// uploadUpdateImage(2, input);
};
reader.readAsDataURL(input.files[0]);
}
}
function readURL3(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#image_upload_third").css("display", "block");
$("#image_upload_third").attr("src", e.target.result);
// uploadUpdateImage(3, input);
};
reader.readAsDataURL(input.files[0]);
}
}
function readURL4(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#image_upload_fourth").css("display", "block");
$("#image_upload_fourth").attr("src", e.target.result);
uploadUpdateImage(4, input);
};
reader.readAsDataURL(input.files[0]);
}
}
function readURL5(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#image_upload_fifth").css("display", "block");
$("#image_upload_fifth").attr("src", e.target.result);
uploadUpdateImage(5, input);
};
reader.readAsDataURL(input.files[0]);
}
}
function readURL6(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#image_upload_six").css("display", "block");
$("#image_upload_six").attr("src", e.target.result);
uploadUpdateImage(6, input);
};
reader.readAsDataURL(input.files[0]);
}
}
function readURL7(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#image_upload_seven").css("display", "block");
$("#image_upload_seven").attr("src", e.target.result);
uploadUpdateImage(7, input);
};
reader.readAsDataURL(input.files[0]);
}
}
function readURL8(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$("#image_upload_eight").css("display", "block");
$("#image_upload_eight").attr("src", e.target.result);
uploadUpdateImage(8, input);
};
reader.readAsDataURL(input.files[0]);
}
}
function removeImage(index) {
console.log("index", index);
let formData = new FormData();
formData.append("history-id", historyId);
formData.append("name", "image-" + index);
// for (var value of formData.values()) {
// console.log(value);
// }
Swal.fire({
icon: "warning",
title: "آیا برای ثبت مطمئن هستید؟",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "بله، تایید می‌شود",
cancelButtonText: "منصرف شدم!",
showLoaderOnConfirm: true,
preConfirm: () => {
showLoaderScreen();
$.ajax({
url: `https://rms.rmto.ir/rahdari/road-maintenance-project/history-images/delete-image`,
type: "POST",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
data: formData,
cache: false,
contentType: false,
processData: false,
success: function (result) {
console.log(result);
$("#image-upload-modal").modal("hide");
ajaxcalltablethird2(idkol);
},
error: function (error) {
console.log(error);
Swal.fire({
icon: "error",
title: "خطا",
confirmButtonText: "بستن",
});
},
});
},
});
}
function uploadUpdateImage(index, input) {
let formData = new FormData();
formData.append("history-id", historyId);
formData.append("image", input.files[0]);
formData.append("name", "image-" + index);
for (var pair of formData.entries()) {
console.log(pair[0] + ", " + pair[1]);
}
// for (var value of formData.values()) {
// console.log(value);
// }
showLoaderScreen();
$.ajax({
url: `https://rms.rmto.ir/rahdari/road-maintenance-project/history-images/upload`,
type: "POST",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
},
data: formData,
cache: false,
contentType: false,
processData: false,
success: function (result) {
// $("#image-upload-modal").modal("hide");
console.log(result);
ajaxcalltablethird3(idkol);
$("#deleteIcon" + index).css("display", "block");
},
error: function (error) {
// console.log(error);
hideLoaderScreen();
alert("خطا در آپلود تصویر :(");
},
});
}
function openSlider(tr) {
let row = tablethird.row(tr);
sliderImages = row.data().images;
let updated_at = row.data().updated_at;
let dataLength = sliderImages.length;
console.log(sliderImages);
$("#slideshow-slide").find(".mySlides").remove();
$("#slideshow-dot").find(".dot").remove();
for (let index = 0; index < sliderImages.length; index++) {
if (sliderImages[index].path.includes("image-1")) {
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="https://rms.rmto.ir/' +
sliderImages[index].path.replace("public", "storage") +
'"><div class="textt"> تصویر ' +
"1" +
":" +
" " +
"تاریخ :" +
updated_at +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + 1 + ')"></span>'
);
}
if (sliderImages[index].path.includes("image-2")) {
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="https://rms.rmto.ir/' +
sliderImages[index].path.replace("public", "storage") +
'"><div class="textt"> تصویر ' +
(index + 1) +
":" +
" " +
"تاریخ :" +
updated_at +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + 2 + ')"></span>'
);
}
if (sliderImages[index].path.includes("image-3")) {
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="https://rms.rmto.ir/' +
sliderImages[index].path.replace("public", "storage") +
'"><div class="textt"> تصویر ' +
(index + 1) +
":" +
" " +
"تاریخ :" +
updated_at +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + 3 + ')"></span>'
);
}
if (sliderImages[index].path.includes("image-4")) {
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="https://rms.rmto.ir/' +
sliderImages[index].path.replace("public", "storage") +
'"><div class="textt"> تصویر ' +
(index + 1) +
":" +
" " +
"تاریخ :" +
updated_at +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + 4 + ')"></span>'
);
}
if (sliderImages[index].path.includes("image-5")) {
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="https://rms.rmto.ir/' +
sliderImages[index].path.replace("public", "storage") +
'"><div class="textt"> تصویر ' +
(index + 1) +
":" +
" " +
"تاریخ :" +
updated_at +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + 5 + ')"></span>'
);
}
if (sliderImages[index].path.includes("image-6")) {
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="https://rms.rmto.ir/' +
sliderImages[index].path.replace("public", "storage") +
'"><div class="textt"> تصویر ' +
(index + 1) +
":" +
" " +
"تاریخ :" +
updated_at +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + 6 + ')"></span>'
);
}
if (sliderImages[index].path.includes("image-7")) {
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="https://rms.rmto.ir/' +
sliderImages[index].path.replace("public", "storage") +
'"><div class="textt"> تصویر ' +
(index + 1) +
":" +
" " +
"تاریخ :" +
updated_at +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + 7 + ')"></span>'
);
}
if (sliderImages[index].path.includes("image-8")) {
let divSlide =
'<div class="mySlides"><div class="numbertext">' +
(index + 1) +
" / " +
sliderImages.length +
'</div><img src="https://rms.rmto.ir/' +
sliderImages[index].path.replace("public", "storage") +
'"><div class="textt"> تصویر ' +
(index + 1) +
":" +
" " +
"تاریخ :" +
updated_at +
"</div></div>";
$("#slideshow-slide").append(divSlide);
$("#slideshow-dot").append(
'<span class="dot" onclick="currentphotoshow(' + 8 + ')"></span>'
);
}
}
if (dataLength > 0) {
slideindex = 1;
layerslidershow(slideindex);
$("#slideroverlay").css("display", "block");
}
}
function layerslidershow(n) {
let slides = $("#slideroverlay #slideshow-slide .mySlides");
let dots = $("#slideroverlay #slideshow-dot .dot");
if (n > slides.length) {
slideIndexlayer = 1;
}
if (n < 1) {
slideIndexlayer = slides.length;
}
$(slides).each(function () {
$(this).css("display", "none");
});
$(dots).each(function () {
$(this).removeClass("active");
});
$(slides[slideIndexlayer - 1]).css("display", "block");
$(dots[slideIndexlayer - 1]).addClass("active");
}
$("#slideroverlay .close").on("click", function () {
$(this).parent().parent().css("display", "none");
$("#slideshow-slide").find(".mySlides").remove();
$("#slideshow-dot").find(".dot").remove();
});
$("#slideroverlay #slideshow-slide .prev").on("click", function () {
layerslidershow((slideIndexlayer -= 1));
});
$("#slideroverlay #slideshow-slide .next").on("click", function () {
layerslidershow((slideIndexlayer += 1));
});
function currentphotoshow(slideIndex) {
layerslidershow((slideIndexlayer = slideIndex));
}
function ajaxcalltablesec(idkol) {
console.log("hisec");
$.ajax({
url:
"https://rms.rmto.ir/rahdari/road-maintenance-project/" +
idkol +
"/get-distance",
type: "GET",
success: function (result) {
// console.log(result.data[0]);
$("#exampletool").dataTable().fnClearTable();
$("#exampletool").dataTable().fnAddData(result.data);
// ajaxcalltablefirst();
hideLoaderScreen();
// Swal.fire({
// icon: "success",
// title: "با موفقیت بروزرسانی شد",
// confirmButtonText: "بستن",
// });
},
});
}
function ajaxcalltablefirst() {
$.ajax({
url: "https://rms.rmto.ir/rahdari/road-maintenance-project/getlist",
type: "GET",
success: function (result) {
// console.log(result.data[0]);
$("#example").dataTable().fnClearTable();
$("#example").dataTable().fnAddData(result.data);
hideLoaderScreen();
// Swal.fire({
// icon: "success",
// title: "با موفقیت بروزرسانی شد",
// confirmButtonText: "بستن",
// });
},
});
}
function ajaxcalltablefirsttool(idkol) {
console.log("yogh");
$.ajax({
url: "https://rms.rmto.ir/rahdari/road-maintenance-project/getlist",
type: "GET",
success: function (result) {
// console.log(result.data[0]);
$("#example").dataTable().fnClearTable();
$("#example").dataTable().fnAddData(result.data);
// hideLoaderScreen();
ajaxcalltablesec(idkol);
},
});
}
function ajaxcalltablefirstupdate(idkol) {
$.ajax({
url: "https://rms.rmto.ir/rahdari/road-maintenance-project/getlist",
type: "GET",
success: function (result) {
// console.log(result.data[0]);
$("#example").dataTable().fnClearTable();
$("#example").dataTable().fnAddData(result.data);
// hideLoaderScreen();
ajaxcalltablethird2(idkol);
},
});
}
function ajaxcalltablethird2(idkol) {
$.ajax({
url:
"https://rms.rmto.ir/rahdari/road-maintenance-project/" +
idkol +
"/get-distance-update-list",
type: "GET",
success: function (result) {
console.log(result.data.distance_update);
$("#example-update").dataTable().fnClearTable();
$("#example-update").dataTable().fnAddData(result.data.distance_update);
hideLoaderScreen();
$("#image-upload-modal").modal("hide");
Swal.fire({
icon: "success",
title: "با موفقیت بروزرسانی شد",
confirmButtonText: "بستن",
});
},
});
}
function ajaxcalltablethird3(idkol) {
$.ajax({
url:
"https://rms.rmto.ir/rahdari/road-maintenance-project/" +
idkol +
"/get-distance-update-list",
type: "GET",
success: function (result) {
console.log(result.data.distance_update);
$("#example-update").dataTable().fnClearTable();
$("#example-update").dataTable().fnAddData(result.data.distance_update);
hideLoaderScreen();
},
});
}
function ajaxcalltablegharar() {
$.ajax({
url: "https://rms.rmto.ir/camp/all",
type: "GET",
success: function (result) {
// console.log(result.data[0]);
$("#example").dataTable().fnClearTable();
$("#example").dataTable().fnAddData(result.data);
hideLoaderScreen();
// Swal.fire({
// icon: "success",
// title: "با موفقیت بروزرسانی شد",
// confirmButtonText: "بستن",
// });
},
});
}
function showprojecttype() {
$("#stepModalprojecttype").modal("show");
}
$("#approveprojecttype").on("click", function () {
//to do yasi
if ($("#roadmaintanace").is(":checked")) {
window.open("https://rms.rmto.ir/road-maintenance-project");
} else if ($("#reviewdangerpoint").is(":checked")) {
window.open("https://rms.rmto.ir/road-danger-prevention");
} else if ($("#improveroad").is(":checked")) {
window.open("https://rms.rmto.ir/road-upgrade-safety");
} else if ($("#faniproject").is(":checked")) {
window.open("https://rms.rmto.ir/road-technical-building");
} else if ($("#rahdarkhane").is(":checked")) {
window.open("https://rms.rmto.ir/road-tollhouse-management");
} else if ($("#projectbuild").is(":checked")) {
window.open("https://rms.rmto.ir/road-construction-rural");
}
$("#stepModalprojecttype").modal("hide");
});
function showprojecttest(index) {
if (index == 1) {
window.open("https://rms.rmto.ir/road-maintenance-project");
// to do next page
} else if (index == 2) {
window.open("https://rms.rmto.ir/road-danger-prevention");
} else if (index == 3) {
window.open("https://rms.rmto.ir/road-upgrade-safety");
} else if (index == 4) {
window.open("https://rms.rmto.ir/road-technical-building");
} else if (index == 5) {
window.open("https://rms.rmto.ir/road-tollhouse-management");
} else if (index == 6) {
window.open("https://rms.rmto.ir/road-construction-rural");
}
}
function showMapModalStatic(lat, lng) {
$("#exampleModalCenterStatic").modal("show");
if (staticMap == null) {
setTimeout(() => {
createLeafletMapStatic();
setNewView(lat, lng);
}, 500);
} else {
setNewView(lat, lng);
}
}
function createLeafletMapStatic() {
let bounds = [
[42.9130026312, 75.6166317076],
[20.5782370061, 35.5092252948],
];
staticMap = new L.map("abrar-map-static", {
maxBounds: bounds,
minZoom: 6,
}).setView([32.4279, 53.688], 9);
staticMap.dragging.disable();
L.tileLayer("https://testmap.141.ir/141map/{z}/{x}/{y}.png", {}).addTo(
staticMap
);
ekipAbrarMarkerJustShow = new L.marker(L.latLng(staticMap.getCenter()), {
icon: progressAbrarDivIcon,
draggable: false,
}).addTo(staticMap);
startAbrarMarkerJustShow = new L.marker(startLatlng, {
icon: startAbrarDivIcon,
draggable: false,
}).addTo(staticMap);
endAbrarMarkerJustShow = new L.marker(endLatlng, {
icon: endAbrarDivIcon,
draggable: false,
}).addTo(staticMap);
}
function setNewView(lat, lng) {
staticMap.setView(new L.LatLng(lat, lng), 9);
// if (ekipAbrarMarkerJustShow == null) {
// startAbrarMarker = new L.marker(L.latLng(staticMap.getCenter()), {
// icon: progressAbrarDivIcon,
// draggable: false
// }).addTo(staticMap);
// } else {
ekipAbrarMarkerJustShow.setLatLng([lat, lng]);
startAbrarMarkerJustShow.setLatLng(startLatlng);
endAbrarMarkerJustShow.setLatLng(endLatlng);
// }
}
function prepareImageModal() {
$("#inputFile1").change(function () {
$("#firstshow").css("display", "none");
$("#uploadBox2").css("display", "block");
readURL1(this);
});
$("#inputFile2").change(function () {
$("#secondshow").css("display", "none");
$("#uploadBox3").css("display", "block");
readURL2(this);
});
$("#inputFile3").change(function () {
$("#thirdshow").css("display", "none");
$("#uploadBox4").css("display", "block");
readURL3(this);
});
$("#inputFile4").change(function () {
$("#fourthshow").css("display", "none");
$("#uploadBox5").css("display", "block");
readURL4(this);
});
$("#inputFile5").change(function () {
$("#fifthshow").css("display", "none");
$("#uploadBox6").css("display", "block");
readURL5(this);
});
$("#inputFile6").change(function () {
$("#sixshow").css("display", "none");
$("#uploadBox7").css("display", "block");
readURL6(this);
});
$("#inputFile7").change(function () {
$("#sevenshow").css("display", "none");
$("#uploadBox8").css("display", "block");
readURL7(this);
});
$("#inputFile8").change(function () {
$("#eightshow").css("display", "none");
$("#uploadBox9").css("display", "block");
readURL8(this);
});
//image part end
}