7309 lines
242 KiB
JavaScript
7309 lines
242 KiB
JavaScript
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;
|
||
var routeControls = [];
|
||
var routeControlsPath = [];
|
||
var popupArrays = [];
|
||
var popupArraysPath = [];
|
||
var polylinePath = null;
|
||
var project_distance_check = {};
|
||
var flagshownmarker = 0;
|
||
//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;
|
||
//End pooria
|
||
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 tabletool;
|
||
var dataasli = [];
|
||
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 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();
|
||
|
||
contractDatePicker = $("input[name=contract-date]").persianDatepicker({
|
||
format: "YYYY",
|
||
initialValue: false,
|
||
autoClose: true,
|
||
initialValueType: "persian",
|
||
position: [-150, 10],
|
||
onSelect: function (unix) {
|
||
// console.log("datepicker select : " + unix);
|
||
// let date = new Date(unix);
|
||
// console.log(unix);
|
||
// contractDate =
|
||
// date.getFullYear() + "-" + date.getMonth() + "-" + date.getDay();
|
||
if ($("#contract-date-id").val() == "") {
|
||
$("#contract-date-id").addClass("is-invalid-input");
|
||
} else {
|
||
$("#contract-date-id").removeClass("is-invalid-input");
|
||
}
|
||
},
|
||
});
|
||
|
||
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, "desc"]],
|
||
processing: true,
|
||
select: true,
|
||
ajax: {
|
||
url: "https://rms.rmto.ir/rahdari/road-technical-building/getlist",
|
||
type: "GET",
|
||
dataSrc: function (json) {
|
||
cansubmit = json.can_submit;
|
||
if (cansubmit == 1) {
|
||
$("#add-project-button").css("display", "block");
|
||
} else if (cansubmit == 0) {
|
||
$("#add-project-button").css("display", "none");
|
||
}
|
||
console.log("mnast", cansubmit);
|
||
|
||
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: "project_name" },
|
||
{ data: "contractor_name" },
|
||
|
||
{ data: "contract_date" },
|
||
|
||
{
|
||
data: "submited_at_fa",
|
||
},
|
||
{
|
||
data: null,
|
||
render: function (data, type, row) {
|
||
if (data.latest_history?.previous_status == 0) {
|
||
return "-";
|
||
}
|
||
return data.last_updated_at_fa;
|
||
},
|
||
},
|
||
{
|
||
data: null,
|
||
render: function (data, type, row) {
|
||
if (data.latest_history?.previous_status == 0) {
|
||
return "-";
|
||
}
|
||
return data.project_status_fa;
|
||
},
|
||
},
|
||
{
|
||
data: "project_distance",
|
||
render: function (data, type, row) {
|
||
var testdata = "";
|
||
if (data != null) {
|
||
$.each(data, function (index, value) {
|
||
if (testdata.length != 0) {
|
||
testdata += "،";
|
||
}
|
||
|
||
if (index == 1) {
|
||
testdata += "تعریض پل / آبرو ";
|
||
} else if (index == 2) {
|
||
testdata += "تعمیرات اساسی پل";
|
||
} else if (index == 3) {
|
||
testdata += "تعمیرات تونل ";
|
||
} else if (index == 4) {
|
||
testdata += " تعمیر یا احداث دیوار حائل ";
|
||
} else if (index == 5) {
|
||
testdata += "احداث پل جدید ";
|
||
} else if (index == 6) {
|
||
testdata += " احداث کنارگذر پل / تونل";
|
||
} else if (index == 7) {
|
||
testdata += " سایر اقدامات ";
|
||
}
|
||
});
|
||
// console.log(testdata)
|
||
return "<p>" + testdata + "</p>";
|
||
} else return "_";
|
||
},
|
||
},
|
||
{
|
||
data: "project_distance_update",
|
||
render: function (data, type, row) {
|
||
var testdata = "";
|
||
var reversestring = ""
|
||
var testarray = []
|
||
if (data != null) {
|
||
$.each(data, function (index, value) {
|
||
if (testdata.length == 0) {
|
||
testdata += "،";
|
||
testarray.push(" . ")
|
||
|
||
}
|
||
|
||
testdata += value[0] + "%";
|
||
testarray.push(value[0] + "%" + " ")
|
||
|
||
|
||
// else if (index == 13) {
|
||
// return value[1]
|
||
|
||
// }
|
||
// else {
|
||
// return value[2]
|
||
|
||
// }
|
||
});
|
||
for (var i = testarray.length - 1; i >= 0; i--) {
|
||
reversestring += testarray[i]
|
||
}
|
||
// console.log(testdata)
|
||
return "<p>" + reversestring + "</p>";
|
||
} else return "_";
|
||
},
|
||
},
|
||
{
|
||
className: "text-center",
|
||
data: null,
|
||
render: function (data, type, row) {
|
||
if (cansubmit == 1) {
|
||
if (data.status == 0) {
|
||
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-secondary btn-sm projectdistance" title=" نوع عملیات " style="opacity: 0.65"><i class="fa fa-road""></i></button>
|
||
<button class="btn btn-sm btn-secondary finalsubmit" title=" ثبت نهایی " disabled><i class="fa fa-check"></i></button>
|
||
<button class="btn btn-sm btn-danger deletsubmit" title=" حذف " style="width: 28px"><i class="fa fa-trash"></i></button>
|
||
<button class="btn btn-sm btn-secondary update-button" title=" بروزرسانی" style="width:28px" disabled><i class="fa fa-tasks"></i></button>
|
||
<button class="btn btn-sm btn-secondary location-button" title=" مشاهده مکانی پروژه" disabled><i class="fa fa-eye"></i></button>
|
||
<button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" disabled><i class="fa fa-image"></i></button>
|
||
|
||
`;
|
||
} else if (data.status == 1) {
|
||
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-primary btn-sm projectdistance" title=" نوع عملیات "><i class="fa fa-road""></i></button>
|
||
<button class="btn btn-sm btn-secondary finalsubmit" title=" ثبت نهایی " style="background-color: #6c757d !important;border: 1px solid #6c757d !important;opacity: 0.65;"><i class="fa fa-check"></i></button>
|
||
<button class="btn btn-sm btn-danger deletsubmit" title=" حذف " style="width: 28px"><i class="fa fa-trash"></i></button>
|
||
<button class="btn btn-sm btn-secondary update-button" title=" بروزرسانی" style="width:28px" disabled><i class="fa fa-tasks"></i></button>
|
||
<button class="btn btn-sm btn-secondary location-button" title=" مشاهده مکانی پروژه" disabled><i class="fa fa-eye"></i></button>
|
||
<button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" disabled ><i class="fa fa-image"></i></button>
|
||
|
||
`;
|
||
} else if (data.status == 2) {
|
||
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-primary btn-sm projectdistance" title=" نوع عملیات "><i class="fa fa-road""></i></button>
|
||
<button class="btn btn-sm btn-success finalsubmit" title=" ثبت نهایی " disabled style="opacity:1"><i class="fa fa-check"></i></button>
|
||
<button class="btn btn-sm btn-secondary deletsubmit" title=" حذف " style="width: 28px" ><i class="fa fa-trash"></i></button>
|
||
<button class="btn btn-sm btn-warning update-button" title=" بروزرسانی" style="width:28px"><i class="fa fa-tasks"></i></button>
|
||
<button class="btn btn-sm btn-secondary location-button" title=" مشاهده مکانی پروژه" style="background-color: #ff5630!important;border-color: #ff5630!important;"><i class="fa fa-eye"></i></button>
|
||
<button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" style="background-color: #276d6c !important;border: 1px solid #276d6c !important;opacity: 0.65;" ><i class="fa fa-image"></i></button>
|
||
|
||
`;
|
||
}
|
||
} else {
|
||
if (data.status == 0) {
|
||
return `<button class="btn btn-sm btn-secondary location-button" title=" مشاهده مکانی پروژه" disabled><i class="fa fa-eye"></i></button>
|
||
<button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" disabled><i class="fa fa-image"></i></button>
|
||
|
||
`;
|
||
} else if (data.status == 1) {
|
||
return `<button class="btn btn-sm btn-secondary location-button" title=" مشاهده مکانی پروژه" disabled><i class="fa fa-eye"></i></button>
|
||
<button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" disabled ><i class="fa fa-image"></i></button>
|
||
|
||
`;
|
||
} else if (data.status == 2) {
|
||
return `<button class="btn btn-sm btn-secondary location-button" title=" مشاهده مکانی پروژه" style="background-color: #ff5630!important;border-color: #ff5630!important;"><i class="fa fa-eye"></i></button>
|
||
<button class="btn btn-sm btn-secondary image-show" title="مشاهده عکس ها" style="background-color: #276d6c !important;border: 1px solid #276d6c !important;opacity: 0.65;" ><i class="fa fa-image"></i></button>
|
||
|
||
`;
|
||
}
|
||
}
|
||
},
|
||
},
|
||
],
|
||
columnDefs: [
|
||
{
|
||
targets: [11],
|
||
visible: false,
|
||
searchable: false,
|
||
},
|
||
{
|
||
targets: [12],
|
||
visible: false,
|
||
searchable: false,
|
||
},
|
||
],
|
||
buttons: [
|
||
{
|
||
extend: "excelHtml5",
|
||
title: "Excel",
|
||
text: "خروجی به اکسل",
|
||
messageTop: "ابنیه فنی (نگهداری و ساخت)",
|
||
exportOptions: {
|
||
columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
||
},
|
||
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");
|
||
});
|
||
|
||
},
|
||
},
|
||
{
|
||
// extend: "download",
|
||
// title: "Video",
|
||
text: "دانلود فیلم راهنما",
|
||
action: function (e, dt, node, config) {
|
||
window.open("/storage/video_2020-10-02_13-47-58.mp4", "_blank");
|
||
},
|
||
},
|
||
//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",
|
||
});
|
||
var current_year;
|
||
current_year = new persianDate().year();
|
||
for (let i = 1396; i <= current_year; i++) {
|
||
$(".yearfilter").prepend(
|
||
"\
|
||
<option value=" +
|
||
i +
|
||
">" +
|
||
i.toString() +
|
||
"</option>\
|
||
"
|
||
);
|
||
}
|
||
$(".yearfilter").append(`<option>سال 1395 و ما قبل</option>`);
|
||
$(".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();
|
||
}
|
||
if ($(".yearfilter").select2("data").length == 0) {
|
||
$("#example").DataTable().column(7).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(10)
|
||
.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);
|
||
var images = row.data().images;
|
||
openSlidershowbutton(row, 1);
|
||
// to do slider show
|
||
});
|
||
|
||
function openSlidershowbutton(row, main) {
|
||
// let row = table.row(tr);
|
||
// console.log("have u ever",row);
|
||
sliderImages = row.data().images;
|
||
console.log("have u ever", row.data());
|
||
|
||
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("14");
|
||
$("#contractor-id").val("");
|
||
$("#consultant-id").val("");
|
||
$("#contract-date-id").val("");
|
||
$("#contract-price-id").val("");
|
||
|
||
$("#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");
|
||
}
|
||
|
||
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) {
|
||
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");
|
||
}
|
||
}
|
||
}
|
||
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");
|
||
$("#submitNewRow").attr("disabled", false);
|
||
|
||
edit = false;
|
||
showModal(0);
|
||
initialField();
|
||
|
||
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/road-technical-building/showonmap?uid=" + idkol
|
||
);
|
||
});
|
||
$("#example").on("click", "button.projectdistance", function () {
|
||
dataasli = [];
|
||
$("#update-table").css("display", "none");
|
||
// $("#tool-main").css("display", "block");
|
||
$("#noghte1").prop("checked", false);
|
||
$("#noghte2").prop("checked", false);
|
||
$("#noghte3").prop("checked", false);
|
||
$("#noghte4").prop("checked", false);
|
||
$("#noghte5").prop("checked", false);
|
||
$("#noghte6").prop("checked", false);
|
||
$("#noghte7").prop("checked", false);
|
||
$("#noghte8").prop("checked", false);
|
||
$("#tool-ehdas").css("display", "block");
|
||
scrolldown();
|
||
$("#distance-title").empty();
|
||
$(".acclabel1").css("color", "rgba(0, 0, 0, 0.5)");
|
||
$(".noghte1").css("color", "rgba(0, 0, 0, 0.5)");
|
||
$(".noghte2").css("color", "rgba(0, 0, 0, 0.5)");
|
||
$(".noghte3").css("color", "rgba(0, 0, 0, 0.5)");
|
||
$(".noghte4").css("color", "rgba(0, 0, 0, 0.5)");
|
||
$(".noghte5").css("color", "rgba(0, 0, 0, 0.5)");
|
||
$(".noghte6").css("color", "rgba(0, 0, 0, 0.5)");
|
||
$(".noghte7").css("color", "rgba(0, 0, 0, 0.5)");
|
||
$(".noghte8").css("color", "rgba(0, 0, 0, 0.5)");
|
||
|
||
var newobj = {};
|
||
// pitikoo
|
||
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 project_distance_check = row.data().project_distance;
|
||
var project_describe = row.data().project_description;
|
||
restrictInputOtherThanArabic($("#tozihat"));
|
||
dataasli.push(row.data());
|
||
console.log("datasliipitikoo", dataasli);
|
||
// project_distance_check[9] = ["hi"]
|
||
console.log("pitikooooooooooooooooo", newobj);
|
||
var status = row.data().status;
|
||
console.log("pitiko", project_distance_check);
|
||
var titlecard =
|
||
"نوع عملیات " +
|
||
" " +
|
||
projectTitle +
|
||
" " +
|
||
"محور" +
|
||
" " +
|
||
axistype +
|
||
" " +
|
||
"به کیلومتر";
|
||
var note = '<h3 class="card-title">' + titlecard + "</h3>";
|
||
$("#distance-title").append(note);
|
||
for (var i = 0; i < 5; i++) {
|
||
$("#ehdas" + i).prop("checked", false);
|
||
}
|
||
|
||
// start show table
|
||
tabletool = $("#example-tool").DataTable({
|
||
dom: "rti",
|
||
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,
|
||
// ajax: {
|
||
// url:
|
||
// "https://rms.rmto.ir/rahdari/road-danger-prevention/" +
|
||
// idkol +
|
||
// "/get-distance-update-list",
|
||
// type: "GET",
|
||
// dataSrc: function (json) {
|
||
|
||
// },
|
||
// },
|
||
data: dataasli,
|
||
columns: [
|
||
{
|
||
data: null,
|
||
render: function (data, type, row, column) {
|
||
//1
|
||
console.log("hhh", data);
|
||
if (data.status == 2) {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 1;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return "-";
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<i class="fa fa-check" aria-hidden="true"></i>';
|
||
}
|
||
} else {
|
||
if (data.project_distance == null) {
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox1" name="ehdas" value="2">\
|
||
<label for="checkbox1" class="checkbox1" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 1;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox1" name="ehdas" value="2">\
|
||
<label for="checkbox1" class="checkbox1" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox1" name="ehdas" value="2" checked>\
|
||
<label for="checkbox1" class="checkbox1" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
}
|
||
}
|
||
}
|
||
},
|
||
},
|
||
{
|
||
data: null,
|
||
render: function (data, type, row, column) {
|
||
//2
|
||
console.log("hhh", data);
|
||
if (data.status == 2) {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 2;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return "-";
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<i class="fa fa-check" aria-hidden="true"></i>';
|
||
}
|
||
} else {
|
||
if (data.project_distance == null) {
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox2" name="ehdas" value="2">\
|
||
<label for="checkbox2" class="checkbox2" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 2;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox2" name="ehdas" value="2">\
|
||
<label for="checkbox2" class="checkbox2" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox2" name="ehdas" value="2" checked>\
|
||
<label for="checkbox2" class="checkbox2" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
}
|
||
}
|
||
}
|
||
},
|
||
},
|
||
{
|
||
data: null,
|
||
render: function (data, type, row, column) {
|
||
//3
|
||
console.log("hhh", data);
|
||
if (data.status == 2) {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 3;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return "-";
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<i class="fa fa-check" aria-hidden="true"></i>';
|
||
}
|
||
} else {
|
||
if (data.project_distance == null) {
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox3" name="ehdas" value="2">\
|
||
<label for="checkbox3" class="checkbox3" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 3;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox3" name="ehdas" value="2">\
|
||
<label for="checkbox3" class="checkbox3" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox3" name="ehdas" value="2" checked>\
|
||
<label for="checkbox3" class="checkbox3" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
}
|
||
}
|
||
}
|
||
},
|
||
},
|
||
{
|
||
data: null,
|
||
render: function (data, type, row, column) {
|
||
//4
|
||
console.log("hhh", data);
|
||
if (data.status == 2) {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 4;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return "-";
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<i class="fa fa-check" aria-hidden="true"></i>';
|
||
}
|
||
} else {
|
||
if (data.project_distance == null) {
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox4" name="ehdas" value="2">\
|
||
<label for="checkbox4" class="checkbox4" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 4;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox4" name="ehdas" value="2">\
|
||
<label for="checkbox4" class="checkbox4" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox4" name="ehdas" value="2" checked>\
|
||
<label for="checkbox4" class="checkbox4" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
}
|
||
}
|
||
}
|
||
},
|
||
},
|
||
|
||
{
|
||
data: null,
|
||
render: function (data, type, row, column) {
|
||
//5
|
||
console.log("hhh", data);
|
||
if (data.status == 2) {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 5;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return "-";
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<i class="fa fa-check" aria-hidden="true"></i>';
|
||
}
|
||
} else {
|
||
if (data.project_distance == null) {
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox5" name="ehdas" value="2">\
|
||
<label for="checkbox5" class="checkbox5" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 5;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox5" name="ehdas" value="2">\
|
||
<label for="checkbox5" class="checkbox5" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox5" name="ehdas" value="2" checked>\
|
||
<label for="checkbox5" class="checkbox5" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
}
|
||
}
|
||
}
|
||
},
|
||
},
|
||
{
|
||
data: null,
|
||
render: function (data, type, row, column) {
|
||
//6
|
||
console.log("hhh", data);
|
||
if (data.status == 2) {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 6;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return "-";
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<i class="fa fa-check" aria-hidden="true"></i>';
|
||
}
|
||
} else {
|
||
if (data.project_distance == null) {
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox6" name="ehdas" value="2">\
|
||
<label for="checkbox6" class="checkbox6" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
let keyIndex = Object.keys(data.project_distance).findIndex(
|
||
function (entry) {
|
||
return entry == 6;
|
||
}
|
||
);
|
||
console.log("key", keyIndex);
|
||
if (keyIndex == -1) {
|
||
console.log("hi");
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox6" name="ehdas" value="2">\
|
||
<label for="checkbox6" class="checkbox6" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
} else {
|
||
// console.log(Object.keys(data)[keyIndex]);
|
||
return '<div class="icheck-primary d-inline ml-2"> <input type="checkbox" id="checkbox6" name="ehdas" value="2" checked>\
|
||
<label for="checkbox6" class="checkbox6" style="color: rgba(0, 0, 0, 0.5);"></label>\
|
||
</div>';
|
||
}
|
||
}
|
||
}
|
||
},
|
||
},
|
||
|
||
{
|
||
className: "text-center",
|
||
data: null,
|
||
render: function (data, type, row, column) {
|
||
//8
|
||
console.log("hhh", data);
|
||
if (data.status == 2) {
|
||
// return '<textarea id="textshow" class="descripBox" name="" placeholder="توضیحات " rows="" cols="35" maxlength="200" disabled>' + data.project_describtion + '</textarea>'
|
||
if (data.project_describtion != null) {
|
||
return (
|
||
'<textarea id="textshow" class="descripBox" name="" placeholder="توضیحات " rows="" cols="35" maxlength="200" disabled>' +
|
||
data.project_describtion +
|
||
"</textarea>"
|
||
);
|
||
} else {
|
||
return '<textarea id="textshow" class="descripBox" name="" placeholder="توضیحات " rows="" cols="35" maxlength="200" disabled >-</textarea>';
|
||
}
|
||
} else {
|
||
if (data.project_describtion != null) {
|
||
return (
|
||
'<textarea id="textshow" class="descripBox" name="" placeholder="توضیحات " rows="" cols="35" maxlength="200" >' +
|
||
data.project_describtion +
|
||
"</textarea>"
|
||
);
|
||
} else {
|
||
return '<textarea id="textshow" class="descripBox" name="" placeholder="توضیحات " rows="" cols="35" maxlength="200" >-</textarea>';
|
||
}
|
||
}
|
||
},
|
||
},
|
||
{
|
||
className: "text-center",
|
||
data: null,
|
||
render: function (data, type, row, column) {
|
||
//9
|
||
console.log("hhh", data);
|
||
if (data.status == 2) {
|
||
/////// i delete disabled milad
|
||
|
||
return '<button type="button" class="btn btn-success submittool" id="submittool" >ثبت </button>';
|
||
} else {
|
||
return '<button type="button" class="btn btn-success submittool" id="submittool" >ثبت </button>';
|
||
}
|
||
},
|
||
},
|
||
],
|
||
});
|
||
|
||
restrictInputOtherThanArabic($("#textshow"));
|
||
|
||
// end show table
|
||
});
|
||
$("#example-tool").on("click", "button.submittool", function () {
|
||
var objectedit = {};
|
||
if ($("#checkbox1").is(":checked")) {
|
||
objectedit[1] = ["1", " تعریض پل/آبرو"];
|
||
}
|
||
if ($("#checkbox2").is(":checked")) {
|
||
objectedit[2] = ["1", " تعمیرات اساسی پل"];
|
||
}
|
||
if ($("#checkbox3").is(":checked")) {
|
||
objectedit[3] = ["1", " تعمیرات تونل"];
|
||
}
|
||
if ($("#checkbox4").is(":checked")) {
|
||
objectedit[4] = ["1", " تعمیر یا احداث دیوار حائل"];
|
||
}
|
||
if ($("#checkbox5").is(":checked")) {
|
||
objectedit[5] = ["1", "احداث پل جدید"];
|
||
}
|
||
if ($("#checkbox6").is(":checked")) {
|
||
objectedit[6] = ["1", "احداث کنار گذر پل / تونل"];
|
||
}
|
||
if ($("#textshow").val() != "-") {
|
||
objectedit[7] = ["1", " سایر اقدامات"];
|
||
}
|
||
// alert(objectedit)
|
||
console.log("objectedit", objectedit);
|
||
Object.size = function (obj) {
|
||
var size = 0,
|
||
key;
|
||
for (key in obj) {
|
||
if (obj.hasOwnProperty(key)) size++;
|
||
}
|
||
return size;
|
||
};
|
||
|
||
// Get the size of an object
|
||
var size = Object.size(objectedit);
|
||
console.log(size);
|
||
if (size != 0) {
|
||
var texterae = $("#textshow").val();
|
||
|
||
// console.log("objectedit", objectedit)
|
||
let formData = new FormData();
|
||
let project_distance = JSON.stringify(objectedit);
|
||
console.log("project_distance", project_distance);
|
||
formData.append("project-distance", project_distance);
|
||
formData.append("project-describtion", texterae);
|
||
for (var value of formData.values()) {
|
||
console.log(value);
|
||
}
|
||
|
||
showLoaderScreen();
|
||
$.ajax({
|
||
url:
|
||
"https://rms.rmto.ir/rahdari/road-technical-building/" +
|
||
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);
|
||
location.reload();
|
||
// Swal.fire({
|
||
// icon: "success",
|
||
// title: "با موفقیت بروزرسانی شد",
|
||
// confirmButtonText: "بستن",
|
||
// preConfirm: () => {
|
||
|
||
// }
|
||
// });
|
||
//todo yasiii
|
||
},
|
||
error: function (error) {
|
||
console.log(error);
|
||
Swal.fire({
|
||
icon: "error",
|
||
title: "خطا",
|
||
confirmButtonText: "بستن",
|
||
});
|
||
},
|
||
});
|
||
} else {
|
||
$(".acclabel1").css("color", "red");
|
||
$(".noghte1").css("color", "red");
|
||
$(".noghte2").css("color", "red");
|
||
$(".noghte3").css("color", "red");
|
||
$(".noghte4").css("color", "red");
|
||
$(".noghte5").css("color", "red");
|
||
$(".noghte6").css("color", "red");
|
||
$(".noghte7").css("color", "red");
|
||
$(".noghte8").css("color", "red");
|
||
}
|
||
// alert("hi")
|
||
});
|
||
$(".chBox").on("change", function () {
|
||
$(".acclabel1").removeClass("not-valid");
|
||
$(".font-check").removeClass("not-valid");
|
||
});
|
||
|
||
$("#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[2] = [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;
|
||
};
|
||
|
||
// 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);
|
||
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-technical-building/" +
|
||
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: "بستن",
|
||
});
|
||
},
|
||
});
|
||
},
|
||
});
|
||
} 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-technical-building/" +
|
||
// 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);
|
||
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-technical-building/" +
|
||
idkol +
|
||
"/submit",
|
||
type: "POST",
|
||
headers: {
|
||
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function (result) {
|
||
// console.log(result.data.redirect+idkol)
|
||
//yasiu
|
||
hideLoaderScreen();
|
||
window.open(result.data.redirect);
|
||
location.reload();
|
||
// Swal.fire({
|
||
// icon: "success",
|
||
// title: "با موفقیت بروزرسانی شد",
|
||
// confirmButtonText: "بستن",
|
||
// preConfirm: () => {
|
||
|
||
// // window.open("/dashboarderoad/form%20upload/pages/rmshowon.html?uid=" + idkol);
|
||
|
||
// },
|
||
// });
|
||
},
|
||
error: function (error) {
|
||
console.log(error);
|
||
Swal.fire({
|
||
icon: "error",
|
||
title: "خطا",
|
||
confirmButtonText: "بستن",
|
||
});
|
||
},
|
||
});
|
||
},
|
||
});
|
||
});
|
||
$("#example").on("click", "button.deletsubmit", function () {
|
||
var tr = $(this).closest("tr");
|
||
var row = table.row(tr);
|
||
idkol = row.data().id;
|
||
// 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/rahdari/road-technical-building/" +
|
||
idkol +
|
||
"/delete",
|
||
type: "POST",
|
||
headers: {
|
||
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function (result) {
|
||
hideLoaderScreen();
|
||
ajaxcalltablefirst();
|
||
// showLoaderScreen();
|
||
// Swal.fire({
|
||
// icon: "success",
|
||
// title: "با موفقیت حذف شد ",
|
||
// confirmButtonText: "بستن",
|
||
// preConfirm: () => {
|
||
// location.reload();
|
||
// },
|
||
// });
|
||
},
|
||
error: function (error) {
|
||
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 () {
|
||
edit = true;
|
||
|
||
var tr = $(this).closest("tr");
|
||
var row = table.row(tr);
|
||
idEdit = row.data().id;
|
||
|
||
var startLatlng = row.data().start_latlng;
|
||
var endLatlng = row.data().end_latlng;
|
||
$("#yearshown").val(row.data().contract_date);
|
||
if (map == null) {
|
||
setTimeout(() => {
|
||
createLeafletMap(startLatlng, endLatlng);
|
||
}, 200);
|
||
} else {
|
||
initialMarkerMapValueEdit(startLatlng, endLatlng);
|
||
}
|
||
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);
|
||
|
||
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-4">
|
||
<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-4">
|
||
<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-4">
|
||
<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 ProjectTitle = row.data().project_name;
|
||
var contractorName_id = row.data().contractor_name;
|
||
var consultantName_id = row.data().consultant_name;
|
||
var contractName_date = row.data().contract_date;
|
||
var contractName_credit = row.data().contract_credit;
|
||
|
||
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);
|
||
});
|
||
$("#submittool").on("click", function () {
|
||
var objectedit = {};
|
||
if ($("#rishe1").is(":checked")) {
|
||
objectedit[1] = ["1", "تعریف پل / آبرو"];
|
||
}
|
||
if ($("#rishe2").is(":checked")) {
|
||
objectedit[2] = ["1", "تعمیرات اساسی پل"];
|
||
}
|
||
if ($("#rishe3").is(":checked")) {
|
||
objectedit[3] = ["1", "تعمیرات تونل"];
|
||
}
|
||
if ($("#rishe4").is(":checked")) {
|
||
objectedit[4] = ["1", "تعمیر یا احداث دیوار حائل"];
|
||
}
|
||
if ($("#rishe5").is(":checked")) {
|
||
objectedit[5] = ["1", "احداث پل جدید"];
|
||
}
|
||
if ($("#rishe6").is(":checked")) {
|
||
objectedit[6] = ["1", "احداث کنارگذر پل / تونل"];
|
||
}
|
||
if ($("#rishe7").is(":checked")) {
|
||
objectedit[7] = ["1", "سایر"];
|
||
}
|
||
console.log("objectedit", objectedit);
|
||
Object.size = function (obj) {
|
||
var size = 0,
|
||
key;
|
||
for (key in obj) {
|
||
if (obj.hasOwnProperty(key)) size++;
|
||
}
|
||
return size;
|
||
};
|
||
|
||
// Get the size of an object
|
||
var size = Object.size(objectedit);
|
||
console.log(size);
|
||
if (size != 0) {
|
||
let formData = new FormData();
|
||
let project_distance = JSON.stringify(objectedit);
|
||
console.log("project_distance", project_distance);
|
||
|
||
let rishetext = $("#rishetext").val();
|
||
if (rishetext != null || rishetext != "") {
|
||
formData.append("project-describtion", rishetext);
|
||
}
|
||
for (var value of formData.values()) {
|
||
console.log(value);
|
||
}
|
||
// console.log("chiz",formData)
|
||
|
||
formData.append("project-distance", project_distance);
|
||
|
||
showLoaderScreen();
|
||
$.ajax({
|
||
url:
|
||
"https://rms.rmto.ir/rahdari/road-technical-building/" +
|
||
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);
|
||
|
||
location.reload();
|
||
// Swal.fire({
|
||
// icon: "success",
|
||
// title: "با موفقیت بروزرسانی شد",
|
||
// confirmButtonText: "بستن",
|
||
// preConfirm: () => {
|
||
|
||
// }
|
||
// });
|
||
//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 {
|
||
$(".acclabel1").addClass("not-valid");
|
||
$(".font-check").addClass("not-valid");
|
||
}
|
||
});
|
||
//end
|
||
|
||
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-4">
|
||
<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"));
|
||
|
||
$("#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/rahdari/road-technical-building/create";
|
||
|
||
if (edit) {
|
||
url =
|
||
"https://rms.rmto.ir/rahdari/road-technical-building/" + idEdit + "/edit";
|
||
}
|
||
// 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 projectTitleVal = $("#project-title-id").val();
|
||
|
||
let contractorNameVal = $("#contractor-id").val();
|
||
|
||
let consultantNameVal = $("#consultant-id").val();
|
||
|
||
let contractDateVal = $("#contract-date-id").val();
|
||
// console.log("contractDateVal", p2e(contractDateVal))
|
||
let contractPriceVal = $("#contract-price-id").val();
|
||
|
||
// Second, validate inputs
|
||
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 (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 (
|
||
$("#yearshown").val().length < 4 ||
|
||
$("#yearshown").val().slice(0, 1) == 0
|
||
) {
|
||
$("#yearshown").addClass("is-invalid-input");
|
||
} else {
|
||
$("#yearshown").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 (projectTitleVal == "") {
|
||
$("#project-title-id").addClass("is-invalid-input");
|
||
} else {
|
||
$("#project-title-id").removeClass("is-invalid-input");
|
||
}
|
||
|
||
if (contractorNameVal == "") {
|
||
$("#contractor-id").addClass("is-invalid-input");
|
||
} else {
|
||
$("#contractor-id").removeClass("is-invalid-input");
|
||
}
|
||
|
||
if (consultantNameVal == "") {
|
||
$("#consultant-id").addClass("is-invalid-input");
|
||
} else {
|
||
$("#consultant-id").removeClass("is-invalid-input");
|
||
}
|
||
|
||
if (contractDateVal == "") {
|
||
$("#contract-date-id").addClass("is-invalid-input");
|
||
} else {
|
||
$("#contract-date-id").removeClass("is-invalid-input");
|
||
}
|
||
|
||
if (contractPriceVal == "") {
|
||
$("#contract-price-id").addClass("is-invalid-input");
|
||
} else {
|
||
$("#contract-price-id").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;
|
||
}
|
||
let contractDateMonth = contractDatePicker.getState().selected.month;
|
||
let contractDateDay = contractDatePicker.getState().selected.date;
|
||
let contractDateFormatted =
|
||
contractDatePicker.getState().selected.year +
|
||
"-" +
|
||
contractDateMonth +
|
||
"-" +
|
||
contractDateDay;
|
||
console.log(
|
||
" contractDatePicker.getState().selected",
|
||
contractDatePicker
|
||
);
|
||
console.log("contractDateFormatted", contractDateFormatted);
|
||
// console.log(cities);
|
||
formData.append("province-id", provinceVal);
|
||
formData.append("cities-id", JSON.stringify(cities));
|
||
formData.append("axis-name", axisNameVal);
|
||
formData.append("axis-type", axisTypeVal);
|
||
formData.append("project-name", projectTitleVal);
|
||
formData.append("contractor-name", contractorNameVal);
|
||
formData.append("consultant-name", consultantNameVal);
|
||
// formData.append("contract-date", p2e(contractDateVal));
|
||
formData.append("contract-date", $("#yearshown").val());
|
||
|
||
formData.append("contract-credit", contractPriceVal);
|
||
formData.append("start-latlng", startLatLng);
|
||
formData.append("end-latlng", endLatLng);
|
||
// for (var value of formData.values()) {
|
||
// console.log(value);
|
||
// }
|
||
showLoaderScreen();
|
||
$.ajax({
|
||
url: url,
|
||
type: "POST",
|
||
data: formData,
|
||
headers: {
|
||
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function (result) {
|
||
// console.log(result);
|
||
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;
|
||
}
|
||
let contractDateMonth = contractDatePicker.getState().selected.month;
|
||
let contractDateDay = contractDatePicker.getState().selected.date;
|
||
let contractDateFormatted =
|
||
contractDatePicker.getState().selected.year +
|
||
"-" +
|
||
contractDateMonth +
|
||
"-" +
|
||
contractDateDay;
|
||
console.log(" contractDatePicker.getState().selected", contractDatePicker);
|
||
console.log("contractDateFormatted", contractDateFormatted);
|
||
// console.log(cities);
|
||
formData.append("province-id", provinceVal);
|
||
formData.append("cities-id", JSON.stringify(cities));
|
||
formData.append("axis-name", axisNameVal);
|
||
formData.append("axis-type", axisTypeVal);
|
||
formData.append("project-name", projectTitleVal);
|
||
formData.append("contractor-name", contractorNameVal);
|
||
formData.append("consultant-name", consultantNameVal);
|
||
// formData.append("contract-date", p2e(contractDateVal));
|
||
formData.append("contract-date", $("#yearshown").val());
|
||
formData.append("contract-credit", contractPriceVal);
|
||
formData.append("start-latlng", startLatLng);
|
||
formData.append("end-latlng", endLatLng);
|
||
// for (var value of formData.values()) {
|
||
// console.log(value);
|
||
// }
|
||
showLoaderScreen();
|
||
$.ajax({
|
||
url: url,
|
||
type: "POST",
|
||
data: formData,
|
||
headers: {
|
||
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
|
||
},
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function (result) {
|
||
// console.log(result);
|
||
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-technical-building/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");
|
||
}
|
||
});
|
||
|
||
$("#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");
|
||
}
|
||
});
|
||
$("#yearshown").on("change", function () {
|
||
// if (parseInt($(this).children("option:selected").val()) == 0) {
|
||
// $("#yearshown").addClass("is-invalid-input");
|
||
// } else {
|
||
$("#yearshown").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-4">
|
||
<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-4">
|
||
<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");
|
||
$("#tool-ehdas").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;
|
||
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,
|
||
ajax: {
|
||
url:
|
||
"https://rms.rmto.ir/rahdari/road-technical-building/" +
|
||
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) {
|
||
// console.log("data", data[Object.keys(data)[1]][0])
|
||
let keyIndex = Object.keys(data).findIndex(function (entry) {
|
||
return entry == 1;
|
||
});
|
||
console.log("keyIndex", keyIndex);
|
||
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 == 2;
|
||
});
|
||
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 == 3;
|
||
});
|
||
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 == 4;
|
||
});
|
||
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 == 5;
|
||
});
|
||
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 == 6;
|
||
});
|
||
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 == 7;
|
||
});
|
||
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_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;
|
||
},
|
||
},
|
||
],
|
||
});
|
||
});
|
||
$("#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-technical-building/" +
|
||
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);
|
||
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);
|
||
}
|
||
|
||
// 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;
|
||
// 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">
|
||
// <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">
|
||
// <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">
|
||
// <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">
|
||
// <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;">
|
||
// <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">
|
||
// <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">
|
||
// <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;">
|
||
// <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">
|
||
// <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">
|
||
// <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;">
|
||
// <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">
|
||
// <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">
|
||
// <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;">
|
||
// <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">
|
||
// <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">
|
||
// <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;">
|
||
// <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">
|
||
// <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">
|
||
// <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;">
|
||
// <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">
|
||
// <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">
|
||
// <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;">
|
||
// <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");
|
||
});
|
||
$("#example-update").on(
|
||
"click",
|
||
"button.upload-image-buttonslider",
|
||
function () {
|
||
var tr = $(this).closest("tr");
|
||
openSlider(tr);
|
||
var row = tablethird.row(tr);
|
||
historyId = row.data().id;
|
||
}
|
||
);
|
||
|
||
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("valll", 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-technical-building/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); //pitikoooooooooo
|
||
formData.append("image", input.files[0]);
|
||
formData.append("name", "image-" + index);
|
||
for (var value of formData.values()) {
|
||
console.log(value);
|
||
}
|
||
showLoaderScreen();
|
||
$.ajax({
|
||
url: `https://rms.rmto.ir/rahdari/road-technical-building/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) {
|
||
ajaxcalltablethird3(idkol);
|
||
$("#deleteIcon" + index).css("display", "block");
|
||
},
|
||
error: function (error) {
|
||
console.log(error);
|
||
hideLoaderScreen();
|
||
// alert("خطا در آپلود تصویر :(");
|
||
},
|
||
});
|
||
}
|
||
|
||
$("#add-project-update").on("click", function () {
|
||
console.log("projectDistanceLastUpdate", projectDistanceLastUpdate);
|
||
$("#stop-reason-text-div").css("display", "none");
|
||
$("#pin-marker-progress").removeClass("pin-warn pin-set");
|
||
var kilofirst;
|
||
$("#project_last_status").removeClass("is-invalid");
|
||
|
||
$("#alertshowprogress1").css("color", "black");
|
||
$("#alertshowprogress1").empty();
|
||
$("#alertshowprogress1").append("درصد پیشرفت فیزیکی");
|
||
$("#alertshowprogress2").css("color", "black");
|
||
$("#alertshowprogress2").empty();
|
||
$("#alertshowprogress2").append("درصد پیشرفت فیزیکی");
|
||
$("#alertshowprogress3").css("color", "black");
|
||
$("#alertshowprogress3").empty();
|
||
$("#alertshowprogress3").append("درصد پیشرفت فیزیکی");
|
||
$("#alertshowprogress4").css("color", "black");
|
||
$("#alertshowprogress4").empty();
|
||
$("#alertshowprogress4").append("درصد پیشرفت فیزیکی");
|
||
$("#alertshowprogress5").css("color", "black");
|
||
$("#alertshowprogress5").empty();
|
||
$("#alertshowprogress5").append("درصد پیشرفت فیزیکی");
|
||
$("#alertshowprogress6").css("color", "black");
|
||
$("#alertshowprogress6").empty();
|
||
$("#alertshowprogress6").append("درصد پیشرفت فیزیکی");
|
||
$("#alertshowprogress7").css("color", "black");
|
||
$("#alertshowprogress7").empty();
|
||
$("#alertshowprogress7").append("درصد پیشرفت فیزیکی");
|
||
|
||
for (let index = 1; index <= 12; index++) {
|
||
if ($("#item" + index).css("display") != "none") {
|
||
$("#project-distance-input-" + index + "-2").removeClass("is-invalid");
|
||
}
|
||
}
|
||
console.log("projectDistanceLastUpdateyasi", projectDistanceLastUpdate);
|
||
|
||
edit = true;
|
||
if (map2 == null) {
|
||
console.log("my name is 11111111");
|
||
setTimeout(() => {
|
||
createLeafletMap(startLatlng, endLatlng, 1);
|
||
}, 200);
|
||
} else {
|
||
console.log("my name is 222222222");
|
||
initialMarkerMapValueEdit(startLatlng, endLatlng, 1);
|
||
}
|
||
|
||
console.log("this is me ", projectDefaultDistances);
|
||
|
||
if (projectDistanceLastUpdate != null) {
|
||
for (let index = 1; index <= 7; index++) {
|
||
let distanceIndex = Object.keys(
|
||
projectDistanceLastUpdate.previous_project_distance_update
|
||
).findIndex(function (entry) {
|
||
return entry == index;
|
||
});
|
||
// console.log(index + " -> " + distanceIndex);
|
||
if (distanceIndex == -1) {
|
||
$("#item" + index).hide();
|
||
$("#item" + index + "-data").hide();
|
||
} else {
|
||
switch (index) {
|
||
case 1: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
min1 =
|
||
projectDistanceLastUpdate.previous_project_distance_update[
|
||
Object.keys(
|
||
projectDistanceLastUpdate.previous_project_distance_update
|
||
)[distanceIndex]
|
||
][0];
|
||
projectProgressPercentage1 = $(
|
||
"#project-progress-percentage1"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: min1,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 2: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
min2 =
|
||
projectDistanceLastUpdate.previous_project_distance_update[
|
||
Object.keys(
|
||
projectDistanceLastUpdate.previous_project_distance_update
|
||
)[distanceIndex]
|
||
][0];
|
||
projectProgressPercentage2 = $(
|
||
"#project-progress-percentage2"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: min2,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 3: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
// console.log("kilofirsttetsttttttttttttttttttttt", kilofirst[0])
|
||
|
||
min3 =
|
||
projectDistanceLastUpdate.previous_project_distance_update[
|
||
Object.keys(
|
||
projectDistanceLastUpdate.previous_project_distance_update
|
||
)[distanceIndex]
|
||
][0];
|
||
projectProgressPercentage3 = $(
|
||
"#project-progress-percentage3"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: min3,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 4: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
min4 =
|
||
projectDistanceLastUpdate.previous_project_distance_update[
|
||
Object.keys(
|
||
projectDistanceLastUpdate.previous_project_distance_update
|
||
)[distanceIndex]
|
||
][0];
|
||
projectProgressPercentage4 = $(
|
||
"#project-progress-percentage4"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: min4,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 5: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
min5 =
|
||
projectDistanceLastUpdate.previous_project_distance_update[
|
||
Object.keys(
|
||
projectDistanceLastUpdate.previous_project_distance_update
|
||
)[distanceIndex]
|
||
][0];
|
||
projectProgressPercentage5 = $(
|
||
"#project-progress-percentage5"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: min5,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 6: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
min6 =
|
||
projectDistanceLastUpdate.previous_project_distance_update[
|
||
Object.keys(
|
||
projectDistanceLastUpdate.previous_project_distance_update
|
||
)[distanceIndex]
|
||
][0];
|
||
projectProgressPercentage6 = $(
|
||
"#project-progress-percentage6"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: min6,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 7: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
min7 =
|
||
projectDistanceLastUpdate.previous_project_distance_update[
|
||
Object.keys(
|
||
projectDistanceLastUpdate.previous_project_distance_update
|
||
)[distanceIndex]
|
||
][0];
|
||
projectProgressPercentage7 = $(
|
||
"#project-progress-percentage7"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: min7,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
}
|
||
$("#project_last_status").val(
|
||
projectDistanceLastUpdate.previous_project_status
|
||
);
|
||
}
|
||
}
|
||
} else {
|
||
for (let index = 1; index <= 7; index++) {
|
||
// console.log("ji",projectDefaultDistances)
|
||
let distanceIndex = Object.keys(projectDefaultDistances).findIndex(
|
||
function (entry) {
|
||
// console.log("entry" , entry )
|
||
// kilofirst = projectDefaultDistances[index];
|
||
// console.log("kilofirst", kilofirst)
|
||
return entry == index;
|
||
}
|
||
);
|
||
// console.log(index + " -> " + distanceIndex);
|
||
if (distanceIndex == -1) {
|
||
$("#item" + index).hide();
|
||
$("#item" + index + "-data").hide();
|
||
} else {
|
||
switch (index) {
|
||
case 1: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
// console.log(kilofirst)
|
||
projectProgressPercentage1 = $(
|
||
"#project-progress-percentage1"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: 0,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 2: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
projectProgressPercentage2 = $(
|
||
"#project-progress-percentage2"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: 0,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 3: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
projectProgressPercentage3 = $(
|
||
"#project-progress-percentage3"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: 0,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 4: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
projectProgressPercentage4 = $(
|
||
"#project-progress-percentage4"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: 0,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 5: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
projectProgressPercentage5 = $(
|
||
"#project-progress-percentage5"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: 0,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 6: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
projectProgressPercentage6 = $(
|
||
"#project-progress-percentage6"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: 0,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
case 7: {
|
||
$("#item" + index).show();
|
||
$("#item" + index + "-data").show();
|
||
projectProgressPercentage7 = $(
|
||
"#project-progress-percentage7"
|
||
).slider({
|
||
min: 0,
|
||
max: 100,
|
||
value: 0,
|
||
ticks: [0, 100],
|
||
ticks_snap_bounds: 1,
|
||
formatter: function (value) {
|
||
return value + "٪";
|
||
},
|
||
// tooltip: "always",
|
||
tooltip_position: "bottom",
|
||
});
|
||
break;
|
||
}
|
||
}
|
||
$("#project_last_status").val(0);
|
||
// $("#contractor-fee").attr('max' , //todo yasi );
|
||
// console.log(
|
||
// projectDistanceLastUpdate[
|
||
// Object.keys(projectDistanceLastUpdate)[distanceIndex]
|
||
// ]
|
||
// );
|
||
}
|
||
}
|
||
}
|
||
if (projectDistanceLastUpdate != null) {
|
||
if (projectDistanceLastUpdate.previous_project_status == 6) {
|
||
$("#stop-reason-text-div").css("display", "block");
|
||
$("#stop-reason-text").val(
|
||
projectDistanceLastUpdate.previous_stop_reason
|
||
);
|
||
}
|
||
}
|
||
|
||
restrictInputOtherThanArabic($("#stop-reason-text"));
|
||
|
||
$("#project_last_status").on("change", function () {
|
||
if ($("#project_last_status").val() == 6) {
|
||
$("#stop-reason-text-div").css("display", "");
|
||
} else {
|
||
$("#stop-reason-text-div").css("display", "none");
|
||
}
|
||
});
|
||
$("#project-update-modal").modal("show");
|
||
});
|
||
|
||
$("#add-update-button").on("click", function () {
|
||
var testflag = 0;
|
||
let formData = new FormData();
|
||
let project_distance_update = {};
|
||
if (projectDistanceLastUpdate != null) {
|
||
console.log(min1, min2, min3, min4);
|
||
// var minval = projectDistanceLastUpdate.previous_physical_progress
|
||
if ($("#item1").css("display") != "none") {
|
||
if (projectProgressPercentage1.slider("getValue") < min1) {
|
||
var data =
|
||
'<small id="alertshow" style=";color: red;margin-right: 9px;"> درصد نمیتواند از ' +
|
||
min1 +
|
||
" کمتر باشد </small>";
|
||
$("#alertshowprogress1").empty();
|
||
$("#alertshowprogress1").append(data);
|
||
$("#alertshowprogress1").css("color", "red");
|
||
testflag = 1;
|
||
}
|
||
}
|
||
|
||
if ($("#item2").css("display") != "none") {
|
||
if (projectProgressPercentage2.slider("getValue") < min2) {
|
||
var data =
|
||
'<small id="alertshow" style=";color: red;margin-right: 9px;"> درصد نمیتواند از ' +
|
||
min2 +
|
||
" کمتر باشد </small>";
|
||
$("#alertshowprogress2").empty();
|
||
$("#alertshowprogress2").append(data);
|
||
$("#alertshowprogress2").css("color", "red");
|
||
testflag = 1;
|
||
}
|
||
}
|
||
if ($("#item3").css("display") != "none") {
|
||
if (projectProgressPercentage3.slider("getValue") < min3) {
|
||
var data =
|
||
'<small id="alertshow" style=";color: red;margin-right: 9px;"> درصد نمیتواند از ' +
|
||
min3 +
|
||
" کمتر باشد </small>";
|
||
$("#alertshowprogress3").empty();
|
||
$("#alertshowprogress3").append(data);
|
||
$("#alertshowprogress3").css("color", "red");
|
||
testflag = 1;
|
||
}
|
||
}
|
||
if ($("#item4").css("display") != "none") {
|
||
if (projectProgressPercentage4.slider("getValue") < min4) {
|
||
var data =
|
||
'<small id="alertshow" style=";color: red;margin-right: 9px;"> درصد نمیتواند از ' +
|
||
min4 +
|
||
" کمتر باشد </small>";
|
||
$("#alertshowprogress4").empty();
|
||
$("#alertshowprogress4").append(data);
|
||
$("#alertshowprogress4").css("color", "red");
|
||
testflag = 1;
|
||
}
|
||
}
|
||
if ($("#item5").css("display") != "none") {
|
||
if (projectProgressPercentage5.slider("getValue") < min5) {
|
||
var data =
|
||
'<small id="alertshow" style=";color: red;margin-right: 9px;"> درصد نمیتواند از ' +
|
||
min5 +
|
||
" کمتر باشد </small>";
|
||
$("#alertshowprogress5").empty();
|
||
$("#alertshowprogress5").append(data);
|
||
$("#alertshowprogress5").css("color", "red");
|
||
testflag = 1;
|
||
}
|
||
}
|
||
if ($("#item6").css("display") != "none") {
|
||
if (projectProgressPercentage6.slider("getValue") < min6) {
|
||
var data =
|
||
'<small id="alertshow" style=";color: red;margin-right: 9px;"> درصد نمیتواند از ' +
|
||
min6 +
|
||
" کمتر باشد </small>";
|
||
$("#alertshowprogress6").empty();
|
||
$("#alertshowprogress6").append(data);
|
||
$("#alertshowprogress6").css("color", "red");
|
||
testflag = 1;
|
||
}
|
||
}
|
||
if ($("#item7").css("display") != "none") {
|
||
if (projectProgressPercentage7.slider("getValue") < min7) {
|
||
var data =
|
||
'<small id="alertshow" style=";color: red;margin-right: 9px;"> درصد نمیتواند از ' +
|
||
min7 +
|
||
" کمتر باشد </small>";
|
||
$("#alertshowprogress7").empty();
|
||
$("#alertshowprogress7").append(data);
|
||
$("#alertshowprogress7").css("color", "red");
|
||
testflag = 1;
|
||
}
|
||
}
|
||
}
|
||
|
||
if (
|
||
$("#project_last_status").val() == 6 &&
|
||
$("#stop-reason-text").val().length == 0
|
||
) {
|
||
console.log("happend");
|
||
$("#stop-reason-text").addClass("is-invalid");
|
||
testflag = 1;
|
||
} else {
|
||
$("#stop-reason-text").removeClass("is-invalid");
|
||
}
|
||
|
||
if ($("#project_last_status").val() == 0) {
|
||
$("#project_last_status").addClass("is-invalid");
|
||
testflag = 1;
|
||
}
|
||
|
||
for (let index = 1; index <= 7; index++) {
|
||
if ($("#item" + index).css("display") != "none") {
|
||
if (index == 1) {
|
||
project_distance_update[index] = [];
|
||
project_distance_update[index].push(
|
||
projectProgressPercentage1.slider("getValue").toString()
|
||
);
|
||
project_distance_update[index].push("تعریض پل / آبرو");
|
||
} else if (index == 2) {
|
||
project_distance_update[index] = [];
|
||
project_distance_update[index].push(
|
||
projectProgressPercentage2.slider("getValue").toString()
|
||
);
|
||
project_distance_update[index].push("تعمیرات اساسی پل");
|
||
} else if (index == 3) {
|
||
project_distance_update[index] = [];
|
||
project_distance_update[index].push(
|
||
projectProgressPercentage3.slider("getValue").toString()
|
||
);
|
||
project_distance_update[index].push("تعمیرات تونل");
|
||
} else if (index == 4) {
|
||
project_distance_update[index] = [];
|
||
project_distance_update[index].push(
|
||
projectProgressPercentage4.slider("getValue").toString()
|
||
);
|
||
project_distance_update[index].push("تعمیر یا احداث دیوار حائل");
|
||
} else if (index == 5) {
|
||
project_distance_update[index] = [];
|
||
project_distance_update[index].push(
|
||
projectProgressPercentage5.slider("getValue").toString()
|
||
);
|
||
project_distance_update[index].push("احداث پل جدید");
|
||
} else if (index == 6) {
|
||
project_distance_update[index] = [];
|
||
project_distance_update[index].push(
|
||
projectProgressPercentage6.slider("getValue").toString()
|
||
);
|
||
project_distance_update[index].push("احداث کنارگذر پل / تونل");
|
||
} else if (index == 7) {
|
||
project_distance_update[index] = [];
|
||
project_distance_update[index].push(
|
||
projectProgressPercentage7.slider("getValue").toString()
|
||
);
|
||
project_distance_update[index].push("سایر");
|
||
}
|
||
}
|
||
}
|
||
console.log("pitikoo", JSON.stringify(project_distance_update));
|
||
|
||
if (isSetprogressAbrarMarker) {
|
||
progressLatlng = [
|
||
progressAbrarMarker.getLatLng().lat.toFixed(6),
|
||
progressAbrarMarker.getLatLng().lng.toFixed(6),
|
||
];
|
||
} else {
|
||
$("#pin-marker-progress").addClass("pin-warn");
|
||
testflag = 1;
|
||
}
|
||
|
||
console.log("testflag", testflag);
|
||
if (testflag == 0) {
|
||
console.log("project_distance_update", project_distance_update);
|
||
formData.append(
|
||
"project-distance-update",
|
||
JSON.stringify(project_distance_update)
|
||
);
|
||
|
||
formData.append(
|
||
"project-status",
|
||
$("#project_last_status").children("option:selected").val()
|
||
);
|
||
|
||
formData.append("team-latlng", progressLatlng);
|
||
if ($("#project_last_status").val() == 6) {
|
||
formData.append("stop-reason", $("#stop-reason-text").val());
|
||
}
|
||
|
||
for (var value of formData.values()) {
|
||
console.log(value);
|
||
}
|
||
showLoaderScreen();
|
||
$.ajax({
|
||
url:
|
||
"https://rms.rmto.ir/rahdari/road-technical-building/" +
|
||
idkol +
|
||
"/edit-distance-update",
|
||
type: "POST",
|
||
headers: {
|
||
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
|
||
},
|
||
data: formData,
|
||
cache: false,
|
||
contentType: false,
|
||
processData: false,
|
||
success: function (result) {
|
||
$("#project-update-modal").modal("hide");
|
||
hideLoaderScreen();
|
||
prepareImageModal();
|
||
historyId = result.history_id;
|
||
$("#image-upload-modal").modal({
|
||
backdrop: "static",
|
||
keyboard: false,
|
||
});
|
||
$("#image-upload-modal").modal("show");
|
||
// ajaxcalltablefirstupdate(idkol);
|
||
// Swal.fire({
|
||
// icon: "success",
|
||
// title: "با موفقیت بروزرسانی شد",
|
||
// confirmButtonText: "بستن",
|
||
// preConfirm: () => {
|
||
// location.reload();
|
||
// },
|
||
// });
|
||
},
|
||
error: function (error) {
|
||
hideLoaderScreen();
|
||
console.log(error);
|
||
Swal.fire({
|
||
icon: "error",
|
||
title: "خطا",
|
||
text: "پر کردن صحیح تمامی عناوین خواسته شده الزامی است",
|
||
confirmButtonText: "بستن",
|
||
});
|
||
},
|
||
});
|
||
} else {
|
||
Swal.fire({
|
||
icon: "error",
|
||
title: "خطا",
|
||
text: "پر کردن صحیح تمامی عناوین خواسته شده الزامی است",
|
||
confirmButtonText: "بستن",
|
||
});
|
||
}
|
||
});
|
||
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("hi");
|
||
$.ajax({
|
||
url:
|
||
"https://rms.rmto.ir/rahdari/road-technical-building/" +
|
||
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-technical-building/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) {
|
||
$.ajax({
|
||
url: "https://rms.rmto.ir/rahdari/road-technical-building/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-technical-building/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-technical-building/" +
|
||
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-technical-building/" +
|
||
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 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() {
|
||
console.log("create leaflet static", startLatlng);
|
||
console.log("create leaflet static", endLatlng);
|
||
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);
|
||
// if(startLatlng ){
|
||
startAbrarMarkerJustShow = new L.marker(startLatlng, {
|
||
icon: startAbrarDivIcon,
|
||
draggable: false,
|
||
}).addTo(staticMap);
|
||
// }
|
||
|
||
if (endLatlng[0] != "NaN") {
|
||
endAbrarMarkerJustShow = new L.marker(endLatlng, {
|
||
icon: endAbrarDivIcon,
|
||
draggable: false,
|
||
}).addTo(staticMap);
|
||
}
|
||
}
|
||
function setNewView(lat, lng) {
|
||
console.log("set leaflet static", startLatlng);
|
||
console.log("set leaflet static", endLatlng);
|
||
console.log("LNG leaflet static", lng);
|
||
|
||
staticMap.setView(new L.LatLng(lat, lng), 9);
|
||
if (ekipAbrarMarkerJustShow == null) {
|
||
ekipAbrarMarkerJustShow = new L.marker(L.latLng(staticMap.getCenter()), {
|
||
icon: progressAbrarDivIcon,
|
||
draggable: false,
|
||
}).addTo(staticMap);
|
||
} else {
|
||
ekipAbrarMarkerJustShow.setLatLng([lat, lng]);
|
||
}
|
||
|
||
if (startAbrarMarkerJustShow == null) {
|
||
startAbrarMarkerJustShow = new L.marker(startLatlng, {
|
||
icon: startAbrarDivIcon,
|
||
draggable: false,
|
||
}).addTo(staticMap);
|
||
} else {
|
||
startAbrarMarkerJustShow.setLatLng(startLatlng);
|
||
}
|
||
|
||
if (endAbrarMarkerJustShow == null && endLatlng[0] != "NaN") {
|
||
endAbrarMarkerJustShow = new L.marker(endLatlng, {
|
||
icon: endAbrarDivIcon,
|
||
draggable: false,
|
||
}).addTo(staticMap);
|
||
} else {
|
||
endAbrarMarkerJustShow.setLatLng(endLatlng);
|
||
}
|
||
}
|
||
function prepareImageModal() {
|
||
//image part
|
||
// var tr = $(this).closest("tr");
|
||
// var row = tablethird.row(tr);
|
||
// historyId = row.data().id;
|
||
// console.log("history", historyId);
|
||
// let rowImages = projectupdateimage
|
||
// 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">
|
||
// <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 id="deleteIcon1" class="remove-image-container501" onclick="removeImage(1)" style="display: none;">✕</div>
|
||
</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">
|
||
// <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" id="uploadBox2" style="display: none;">
|
||
<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 id="deleteIcon2" class="remove-image-container501" onclick="removeImage(2)" style="display: none;">✕</div>
|
||
</div>
|
||
`;
|
||
// }
|
||
// }
|
||
// }
|
||
// let imageIndex3 = rowImages.findIndex(function (entry) {
|
||
// return entry.path.includes("image-3");
|
||
// });
|
||
// if (imageIndex3 != -1) {
|
||
// test += ` <div class="form-group col-md-3">
|
||
// <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" id="uploadBox3" style="display: none;">
|
||
<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 id="deleteIcon3" class="remove-image-container501" onclick="removeImage(3)" style="display: none;">✕</div>
|
||
</div>`;
|
||
// }
|
||
// }
|
||
// let imageIndex4 = rowImages.findIndex(function (entry) {
|
||
// return entry.path.includes("image-4");
|
||
// });
|
||
// if (imageIndex4 != -1) {
|
||
// test += ` <div class="form-group col-md-3">
|
||
// <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" id="uploadBox4" style="display: none;">
|
||
<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 id="deleteIcon4" class="remove-image-container501" onclick="removeImage(4)" style="display: none;">✕</div>
|
||
</div>`;
|
||
// }
|
||
// }
|
||
// let imageIndex5 = rowImages.findIndex(function (entry) {
|
||
// return entry.path.includes("image-5");
|
||
// });
|
||
// if (imageIndex5 != -1) {
|
||
// test += ` <div class="form-group col-md-3">
|
||
// <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" id="uploadBox5" style="display: none;">
|
||
<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 id="deleteIcon5" class="remove-image-container501" onclick="removeImage(5)" style="display: none;">✕</div>
|
||
</div>`;
|
||
// }
|
||
// }
|
||
// let imageIndex6 = rowImages.findIndex(function (entry) {
|
||
// return entry.path.includes("image-6");
|
||
// });
|
||
// if (imageIndex6 != -1) {
|
||
// test += ` <div class="form-group col-md-3">
|
||
// <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" id="uploadBox6" style="display: none;">
|
||
<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 id="deleteIcon6" class="remove-image-container501" onclick="removeImage(6)" style="display: none;">✕</div>
|
||
</div>`;
|
||
// }
|
||
// }
|
||
// let imageIndex7 = rowImages.findIndex(function (entry) {
|
||
// return entry.path.includes("image-7");
|
||
// });
|
||
// if (imageIndex7 != -1) {
|
||
// test += ` <div class="form-group col-md-3">
|
||
// <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" id="uploadBox7" style="display: none;">
|
||
<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 id="deleteIcon7" class="remove-image-container501" onclick="removeImage(7)" style="display: none;">✕</div>
|
||
</div>`;
|
||
// }
|
||
// }
|
||
// let imageIndex8 = rowImages.findIndex(function (entry) {
|
||
// return entry.path.includes("image-8");
|
||
// });
|
||
// if (imageIndex8 != -1) {
|
||
// test += ` <div class="form-group col-md-3">
|
||
// <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" id="uploadBox8" style="display: none;">
|
||
<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 id="deleteIcon8" class="remove-image-container501" onclick="removeImage(8)" style="display: none;">✕</div>
|
||
</div>`;
|
||
// }
|
||
// }
|
||
var additional = `<hr />
|
||
<button type="button" class="btn btn-success float-left submit-update" id="add-update-image" 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");
|
||
$("#add-update-image").attr("disabled", false);
|
||
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
|
||
}
|