// Map variables var saveTotalDistance = null; var sourceMarker, destMarker; var routeControls = []; var popupArrays = []; var bounds = [ [46.9130026312, 77.6166317076], [17.5782370061, 32.5092252948], ]; var sourceLat = "", sourceLng = "", destLat = "", destLng = ""; middlelng = ""; middlelat = ""; // Form Input var selectedItem = 0; var selectedItemCount = 0; var selectedItemArray = []; var saveUploadFiles = []; var selectedSubItems = ""; var subItemsData = {}; var submitFormInput = []; var hasSubItemGotValue = true; var startAbrarMarker = null; var isSetStartAbrarMarker = false; var endAbrarMarker = null; var isSetEndAbrarMarker = false; var middleAbrarMarker = null; var isSetmiddleAbrarMarker = false; var mapshow = null; var startAbrarMarkershow = null; var isSetStartAbrarMarkershow = false; var endAbrarMarkershow = null; var isSetEndAbrarMarkershow = false; var routeControls = []; var routeControlsPath = []; var popupArrays = []; var popupArraysPath = []; var polylinePath = null; var nextvalidation = true; var valuevarification = [] // First modal inputs let plateFirstPart = ""; let plateAlphabet = ""; let plateSecondPart = ""; let plateStateCode = ""; let phoneNumber = ""; var valuevarification = [] // Middle pins var startP = [35.6892, 51.389] var endP = [35.6892, 51.389] var middleP = [29.5926, 52.5836] var middlePinNumbers = 0; var locations = []; var reportData = []; var startAbrarDivIcon = L.divIcon({ html: `
شروع
`, iconSize: [55, 75], iconAnchor: [33, 64], }); var endAbrarDivIcon = L.divIcon({ html: `
پایان
`, iconSize: [55, 75], iconAnchor: [33, 64], }); var middleAbrarDivIcon = L.divIcon({ html: `
فعالیت
`, iconSize: [55, 75], iconAnchor: [33, 64], }); // Create leaflet map client var map = L.map("map", { maxBounds: bounds, minZoom: 6, }).setView([34.62, 52.471], 6); // Create map tile layer L.tileLayer("https://testmap.141.ir/141map/{z}/{x}/{y}.png", {}).addTo(map); startAbrarMarker = new L.marker(startP, { icon: startAbrarDivIcon, draggable: true, }).addTo(map); endAbrarMarker = new L.marker(endP, { icon: endAbrarDivIcon, draggable: true, }); middleAbrarMarker = new L.marker(middleP, { icon: middleAbrarDivIcon, draggable: true, }); map.on("move", function () { if (!isSetStartAbrarMarker && !isSetmiddleAbrarMarker) { startAbrarMarker.setLatLng(L.latLng(map.getCenter())); $("#pin-marker-start").removeClass("pin-set").addClass("pin-move"); } if (!isSetStartAbrarMarker && !isSetEndAbrarMarker) { startAbrarMarker.setLatLng(L.latLng(map.getCenter())); $("#pin-marker-start").removeClass("pin-set").addClass("pin-move"); } if (isSetStartAbrarMarker && !isSetEndAbrarMarker) { endAbrarMarker.setLatLng(L.latLng(map.getCenter())); $("#pin-marker-end").removeClass("pin-set").addClass("pin-move"); } if (isSetStartAbrarMarker && !isSetmiddleAbrarMarker) { middleAbrarMarker.setLatLng(L.latLng(map.getCenter())); $("#pin-marker-middle").removeClass("pin-set").addClass("pin-move"); } }); map.on("moveend", function () { if (!isSetStartAbrarMarker && !isSetmiddleAbrarMarker) { startAbrarMarker.setLatLng(L.latLng(map.getCenter())); $("#pin-marker-start").removeClass("pin-move pin-set"); } if (!isSetStartAbrarMarker && !isSetEndAbrarMarker) { startAbrarMarker.setLatLng(L.latLng(map.getCenter())); $("#pin-marker-start").removeClass("pin-move pin-set"); } if (isSetStartAbrarMarker && !isSetEndAbrarMarker) { endAbrarMarker.setLatLng(L.latLng(map.getCenter())); $("#pin-marker-end").removeClass("pin-move pin-set"); } if (isSetStartAbrarMarker && !isSetmiddleAbrarMarker) { middleAbrarMarker.setLatLng(L.latLng(map.getCenter())); $("#pin-marker-middle").removeClass("pin-move pin-set"); } }); startAbrarMarker.on("click", function () { locations.push([sourceLat, sourceLng]); sourceLat = map.getCenter().lat; sourceLng = map.getCenter().lng; console.log("sourceee", [sourceLat, sourceLng]) if (!isSetStartAbrarMarker) { startAbrarMarker.setLatLng(L.latLng(map.getCenter())); isSetStartAbrarMarker = true; $("#pin-marker-start") .removeClass("pin-move pin-warn") .addClass("pin-set"); } addSourceMarker(1); $("#pin-marker-start") .removeClass("pin-move pin-warn") .addClass("pin-set"); $("#add-pins-box").show("slow"); }); endAbrarMarker.on("click", function () { destLat = map.getCenter().lat; destlng = map.getCenter().lng; console.log("sourceee", [destLat, destlng]) if (!isSetEndAbrarMarker) { endAbrarMarker.setLatLng(L.latLng(map.getCenter())); isSetEndAbrarMarker = true; $("#pin-marker-end") .removeClass("pin-move pin-warn") .addClass("pin-set"); } addSourceMarker(1); $(".pins-add-row").css("display", "none") drawPathpatrol() }); middleAbrarMarker.on("click", function () { middlelat = map.getCenter().lat; middlelng = map.getCenter().lng; if (!isSetmiddleAbrarMarker) { middleAbrarMarker.setLatLng(L.latLng(map.getCenter())); isSetmiddleAbrarMarker = true; $("#pin-marker-middle") .removeClass("pin-move pin-warn") .addClass("pin-set"); } // Drop origin marker onto map addSourceMarker(1); $("#pin-marker-middle") .removeClass("pin-move pin-warn") .addClass("pin-set"); // alert("pitikoo") drawPath() $(".bottom-item-selection").show("slow"); }); function addSourceMarker(type) { let sourceCoordinates = null; if (type == 1) { sourceCoordinates = L.latLng(map.getCenter()); } else if (type == 2) { sourceCoordinates = [sourceLat, sourceLng]; } } startAbrarMarker.on("drag", function () { console.log("hiiiiiiii") $("#pin-marker-start").addClass("pin-move"); // checkMarkersAndDrawPath(); }); startAbrarMarker.on("dragend", function () { console.log("hii") $("#pin-marker-start").removeClass("pin-move"); console.log("pin move") if ($("#pin-marker-start").hasClass("pin-set") || isSetStartAbrarMarker) { $("#pin-marker-start").addClass("pin-set"); checkMarkersAndDrawPath(); } else { map.setView(startAbrarMarker.getLatLng()); } }); endAbrarMarker.on("drag", function () { $("#pin-marker-end").addClass("pin-move"); drawPathpatrol(); }); endAbrarMarker.on("dragend", function () { $("#pin-marker-end").removeClass("pin-move"); if ($("#pin-marker-end").hasClass("pin-set") || isSetEndAbrarMarker) { $("#pin-marker-end").addClass("pin-set"); drawPathpatrol(); } else { map.setView(endAbrarMarker.getLatLng()); } }); middleAbrarMarker.on("drag", function () { $("#pin-marker-middle").addClass("pin-move"); drawPath(); }); middleAbrarMarker.on("dragend", function () { $("#pin-marker-middle").removeClass("pin-move"); if ($("#pin-marker-middle").hasClass("pin-set") || isSetmiddleAbrarMarker) { $("#pin-marker-middle").addClass("pin-set"); drawPath(); } else { map.setView(middleAbrarMarker.getLatLng()); } }); function addDestinationPin() { endAbrarMarker.addTo(map) } //yasicameback function addMiddlePin() { middleAbrarMarker.addTo(map); middlePinNumbers++; $("#add-pins-box").hide("slow"); // $(".starter-content").append( // '\ //
\ // \ //
\ // ' // ); // middlePinAction(); } function selectItem(_this, index) { selectedItem = index; $(".submit-item-button").css("backgroundColor", "#17a2b8"); $(".submit-item-button").prop("disabled", false); $(".item-box").children("img").css({ border: "none", "border-radius": "0" }); $(".item-box").children("span").css({ "font-weight": "normal" }); $(_this) .children("img") .css({ border: "3px solid #151f33", "border-radius": "100%" }); $(_this).children("span").css({ "font-weight": "bold" }); } function nextSubItemSelection() { $(".bottom-item-selection").hide("slow"); let titlemodal = $( ".item-container div:nth-child(" + selectedItem + ") span" ).text(); showSubItem(selectedItem, titlemodal); } function middlePinAction() { $("#middle-pin" + middlePinNumbers).on("click", function () { locations.push([map.getCenter().lat, map.getCenter().lng]); L.marker(L.latLng(map.getCenter()), { icon: L.icon({ iconUrl: "../dist/images/middle.png", iconSize: [44, 60], iconAnchor: [23, 66], }), // draggable: true }).addTo(map); // Hide origin image $(this).hide(); // $('#vertical-menu').modal('show'); // $('.item-container').fadeIn(1000).css({'display': 'flex'}); $(".bottom-item-selection").show("slow"); // $("#next-modal-show").on('click', function () { // if ($("#item-1").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-1-name').textContent // showSubItem(1, titlemodal) // } // else if ($("#item-2").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-2-name').textContent // showSubItem(2, titlemodal) // } // else if ($("#item-3").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-3-name').textContent // showSubItem(3, titlemodal) // } // else if ($("#item-4").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-4-name').textContent // showSubItem(4, titlemodal) // } // else if ($("#item-5").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-5-name').textContent // showSubItem(5, titlemodal) // } // else if ($("#item-6").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-6-name').textContent // showSubItem(6, titlemodal) // } // else if ($("#item-7").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-7-name').textContent // showSubItem(7, titlemodal) // } // else if ($("#item-8").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-8-name').textContent // showSubItem(8, titlemodal) // } // else if ($("#item-9").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-9-name').textContent // showSubItem(9, titlemodal) // } // else if ($("#item-10").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-10-name').textContent // showSubItem(10, titlemodal) // } // else if ($("#item-11").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-11-name').textContent // showSubItem(11, titlemodal) // } // else if ($("#item-12").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-12-name').textContent // showSubItem(12, titlemodal) // } // else if ($("#item-13").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-13-name').textContent // showSubItem(13, titlemodal) // } // else if ($("#item-14").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-14-name').textContent // showSubItem(14, titlemodal) // } // else if ($("#item-15").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-15-name').textContent // showSubItem(15, titlemodal) // } // else if ($("#item-16").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-16-name').textContent // showSubItem(16, titlemodal) // } // else if ($("#item-17").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-17-name').textContent // showSubItem(17, titlemodal) // } // else if ($("#item-18").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-18-name').textContent // showSubItem(18, titlemodal) // } // else if ($("#item-19").is(':checked')) { // // console.log("hi im checked") // // $('#vertical-menu').modal('hide'); // titlemodal = document.getElementById('item-19-name').textContent // showSubItem(19, titlemodal) // } // }); // Show icons for adding new points // $('#add-pins-box').show('slow'); // What if user wants to change its location? // sourceMarker.on('dragend', function (event) { // var marker = event.target; // var position = marker.getLatLng(); // sourceLat = position.lat; // sourceLng = position.lng; // if (destLat != '') // drawPath(); // }); }); } function drawPath() { if (routeControls.length) { $(routeControls).each(function (index, control) { map.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(middleAbrarMarker.getLatLng().lat), parseFloat(middleAbrarMarker.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 = 'مسافت: ' + 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(); }) // .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 = // 'مسافت: ' + // 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(map) ); $(".leaflet-control-container").css("display", "none"); $(".leaflet-routing-container-hide").css("display", "none"); } //drawpath function drawPathpatrol() { if (routeControls.length) { $(routeControls).each(function (index, control) { map.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(middleAbrarMarker.getLatLng().lat), parseFloat(middleAbrarMarker.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 = 'مسافت: ' + 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(); }) // .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 = // 'مسافت: ' + // 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(map) ); $(".leaflet-control-container").css("display", "none"); $(".leaflet-routing-container-hide").css("display", "none"); } ///drawpath function handleTopMenuClick(num) { switch (num) { case 1: { window.open("/rmto", "_self"); break; } case 2: { $("#reportModal").modal("show"); break; } case 3: { window.open("/rmtobi", "_self"); break; } case 4: { window.open("/rmto", "_self"); break; } } } function showSubItem(index, name) { // Set modal title $("#uploadroaditem .modal-title").html(name); selectedItem = index; // Set modal content let subItems = ""; $("#uploadroaditem .btn-next").show(); $("#uploadroaditem .btn-create").hide(); $(".sub-item-container").empty(); switch (selectedItem) { case 1: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ '; break; } case 2: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ '; break; } case 3: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ '; break; } case 4: { subItems = '\
\
\
\ \ \
\
\
\ \ \ \ \ \
\
\
\ \ \
\
\
\ \ \ \ \ \
\
\
\ \ \
\
\
\ \ \ \ \ \ '; break; } case 5: { subItems = '\
\
\
\ \ \
\
\
\ \ \ \ \
\
\
\ \ \
\
\
\ \ \ \ \
\
\
\ \ \
\
\
\ \ \ \ \
\
\
\ \ \
\
\
\ \ \ \ \
\
\
\ \ \
\
\
\ \ \ \ \
\
\
\ \ \
\
\
\ \ \ \ \ '; break; } case 6: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ '; break; } case 7: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ '; break; } case 8: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ '; break; } case 9: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ '; break; } case 10: { subItems = '\
\
\
\ \ \
\
\
\ \ \ \
\
\
\ \ \
\
\
\ \ \ \
\
\
\ \ \
\
\
\ \ \ \
\
\
\ \ \
\
\
\ \ \ \ '; break; } case 11: { subItems = '\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\ '; break; } case 12: { subItems = '\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\ '; break; } case 13: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ '; break; } case 14: { subItems = '\
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \ '; break; } case 15: { subItems = '\
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ \
\
\
\ \ '; break; } case 16: { subItems = '\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\
\
\
\ \ \
\
\
\ '; break; } case 17: { subItems = '\
\
\
\ \ \
\
\
\ '; break; } case 18: { subItems = '\
\
\
\ \ \
\
\
\ '; break; } } $(".sub-item-container").append(subItems); $("#uploadroaditem").modal({ backdrop: "static", keyboard: false }); // Show modal $("#uploadroaditem").modal("show"); // Load necessary scripts actionAfterShowModal(selectedItem); } function actionAfterShowModal(index) { switch (index) { case 1: { $('input[id="reconstruction1"]').on("click", function () { $(".sub-item1-1").show("slow"); for (let i = 1; i < 7; i++) { // if (i == 1) continue; if (!$("#reconstruction" + i).is(":checked")) { $(".sub-item1-" + i).hide("slow"); } } }); $('input[id="reconstruction2"]').on("click", function () { $(".sub-item1-2").show("slow"); for (let i = 1; i < 7; i++) { // if (i == 2) continue; if (!$("#reconstruction" + i).is(":checked")) { $(".sub-item1-" + i).hide("slow"); } } }); $('input[id="reconstruction3"]').on("click", function () { $(".sub-item1-3").show("slow"); for (let i = 1; i < 7; i++) { // if (i == 3) continue; if (!$("#reconstruction" + i).is(":checked")) { $(".sub-item1-" + i).hide("slow"); } } }); $('input[id="reconstruction4"]').on("click", function () { $(".sub-item1-4").show("slow"); for (let i = 1; i < 7; i++) { // if (i == 4) continue; if (!$("#reconstruction" + i).is(":checked")) { $(".sub-item1-" + i).hide("slow"); } } }); $('input[id="reconstruction5"]').on("click", function () { $(".sub-item1-5").show("slow"); for (let i = 1; i < 7; i++) { // if (i == 5) continue; if (!$("#reconstruction" + i).is(":checked")) { $(".sub-item1-" + i).hide("slow"); } } }); $('input[id="reconstruction6"]').on("click", function () { $(".sub-item1-6").show("slow"); for (let i = 1; i < 7; i++) { // if (i == 6) continue; if (!$("#reconstruction" + i).is(":checked")) { $(".sub-item1-" + i).hide("slow"); } } }); break; } case 2: { $('input[id="cleaning1"]').on("click", function () { $(".sub-item2-1").show("slow"); for (let i = 1; i < 9; i++) { // if (i == 1) continue; if (!$("#cleaning" + i).is(":checked")) { $(".sub-item2-" + i).hide("slow"); } } }); $('input[id="cleaning2"]').on("click", function () { $(".sub-item2-2").show("slow"); for (let i = 1; i < 9; i++) { // if (i == 2) continue; if (!$("#cleaning" + i).is(":checked")) { $(".sub-item2-" + i).hide("slow"); } } }); $('input[id="cleaning3"]').on("click", function () { $(".sub-item2-3").show("slow"); for (let i = 1; i < 9; i++) { // if (i == 3) continue; if (!$("#cleaning" + i).is(":checked")) { $(".sub-item2-" + i).hide("slow"); } } }); $('input[id="cleaning4"]').on("click", function () { $(".sub-item2-4").show("slow"); for (let i = 1; i < 9; i++) { // if (i == 4) continue; if (!$("#cleaning" + i).is(":checked")) { $(".sub-item2-" + i).hide("slow"); } } }); $('input[id="cleaning5"]').on("click", function () { $(".sub-item2-5").show("slow"); for (let i = 1; i < 9; i++) { // if (i == 5) continue; if (!$("#cleaning" + i).is(":checked")) { $(".sub-item2-" + i).hide("slow"); } } }); $('input[id="cleaning6"]').on("click", function () { $(".sub-item2-6").show("slow"); for (let i = 1; i < 9; i++) { // if (i == 6) continue; if (!$("#cleaning" + i).is(":checked")) { $(".sub-item2-" + i).hide("slow"); } } }); $('input[id="cleaning7"]').on("click", function () { $(".sub-item2-7").show("slow"); for (let i = 1; i < 9; i++) { // if (i == 7) continue; if (!$("#cleaning" + i).is(":checked")) { $(".sub-item2-" + i).hide("slow"); } } }); $('input[id="cleaning8"]').on("click", function () { $(".sub-item2-8").show("slow"); for (let i = 1; i < 9; i++) { // if (i == 8) continue; if (!$("#cleaning" + i).is(":checked")) { $(".sub-item2-" + i).hide("slow"); } } }); break; } case 3: { $('input[id="signs1"]').on("click", function () { $(".sub-item3-1").show("slow"); for (let i = 1; i < 5; i++) { // if (i == 1) continue; if (!$("#signs" + i).is(":checked")) { $(".sub-item3-" + i).hide("slow"); } } }); $('input[id="signs2"]').on("click", function () { $(".sub-item3-2").show("slow"); for (let i = 1; i < 5; i++) { // if (i == 2) continue; if (!$("#signs" + i).is(":checked")) { $(".sub-item3-" + i).hide("slow"); } } }); $('input[id="signs3"]').on("click", function () { $(".sub-item3-3").show("slow"); for (let i = 1; i < 5; i++) { // if (i == 3) continue; if (!$("#signs" + i).is(":checked")) { $(".sub-item3-" + i).hide("slow"); } } }); $('input[id="signs4"]').on("click", function () { $(".sub-item3-4").show("slow"); for (let i = 1; i < 5; i++) { // if (i == 4) continue; if (!$("#signs" + i).is(":checked")) { $(".sub-item3-" + i).hide("slow"); } } }); break; } case 4: { $('input[id="shield1"]').on("click", function () { $(".sub-item4-1").show("slow"); for (let i = 1; i < 4; i++) { // if (i == 1) continue; if (!$("#shield" + i).is(":checked")) { $(".sub-item4-" + i).hide("slow"); } } }); $('input[id="shield2"]').on("click", function () { $(".sub-item4-2").show("slow"); for (let i = 1; i < 4; i++) { // if (i == 2) continue; if (!$("#shield" + i).is(":checked")) { $(".sub-item4-" + i).hide("slow"); } } }); $('input[id="shield3"]').on("click", function () { $(".sub-item4-3").show("slow"); for (let i = 1; i < 4; i++) { // if (i == 3) continue; if (!$("#shield" + i).is(":checked")) { $(".sub-item4-" + i).hide("slow"); } } }); break; } case 5: { $('input[id="lighting1"]').on("click", function () { $(".sub-item5-1").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#lighting" + i).is(":checked")) { $(".sub-item5-" + i).hide("slow"); } } }); $('input[id="lighting2"]').on("click", function () { $(".sub-item5-2").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#lighting" + i).is(":checked")) { $(".sub-item5-" + i).hide("slow"); } } }); $('input[id="lighting3"]').on("click", function () { $(".sub-item5-3").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#lighting" + i).is(":checked")) { $(".sub-item5-" + i).hide("slow"); } } }); $('input[id="lighting4"]').on("click", function () { $(".sub-item5-4").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#lighting" + i).is(":checked")) { $(".sub-item5-" + i).hide("slow"); } } }); $('input[id="lighting5"]').on("click", function () { $(".sub-item5-5").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#lighting" + i).is(":checked")) { $(".sub-item5-" + i).hide("slow"); } } }); $('input[id="lighting6"]').on("click", function () { $(".sub-item5-6").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#lighting" + i).is(":checked")) { $(".sub-item5-" + i).hide("slow"); } } }); break; } case 6: { $('input[id="lining1"]').on("click", function () { $(".sub-item6-1").show("slow"); for (let i = 1; i < 4; i++) { if (!$("#lining" + i).is(":checked")) { $(".sub-item6-" + i).hide("slow"); } } }); $('input[id="lining2"]').on("click", function () { $(".sub-item6-2").show("slow"); for (let i = 1; i < 4; i++) { if (!$("#lining" + i).is(":checked")) { $(".sub-item6-" + i).hide("slow"); } } }); $('input[id="lining3"]').on("click", function () { $(".sub-item6-3").show("slow"); for (let i = 1; i < 4; i++) { if (!$("#lining" + i).is(":checked")) { $(".sub-item6-" + i).hide("slow"); } } }); break; } case 7: { $('input[id="coloring1"]').on("click", function () { $(".sub-item7-1").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#coloring" + i).is(":checked")) { $(".sub-item7-" + i).hide("slow"); } } }); $('input[id="coloring2"]').on("click", function () { $(".sub-item7-2").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#coloring" + i).is(":checked")) { $(".sub-item7-" + i).hide("slow"); } } }); $('input[id="coloring3"]').on("click", function () { $(".sub-item7-3").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#coloring" + i).is(":checked")) { $(".sub-item7-" + i).hide("slow"); } } }); $('input[id="coloring4"]').on("click", function () { $(".sub-item7-4").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#coloring" + i).is(":checked")) { $(".sub-item7-" + i).hide("slow"); } } }); $('input[id="coloring5"]').on("click", function () { $(".sub-item7-5").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#coloring" + i).is(":checked")) { $(".sub-item7-" + i).hide("slow"); } } }); $('input[id="coloring6"]').on("click", function () { $(".sub-item7-6").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#coloring" + i).is(":checked")) { $(".sub-item7-" + i).hide("slow"); } } }); break; } case 8: { $('input[id="washing1"]').on("click", function () { $(".sub-item8-1").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#washing" + i).is(":checked")) { $(".sub-item8-" + i).hide("slow"); } } }); $('input[id="washing2"]').on("click", function () { $(".sub-item8-2").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#washing" + i).is(":checked")) { $(".sub-item8-" + i).hide("slow"); } } }); $('input[id="washing3"]').on("click", function () { $(".sub-item8-3").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#washing" + i).is(":checked")) { $(".sub-item8-" + i).hide("slow"); } } }); $('input[id="washing4"]').on("click", function () { $(".sub-item8-4").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#washing" + i).is(":checked")) { $(".sub-item8-" + i).hide("slow"); } } }); $('input[id="washing5"]').on("click", function () { $(".sub-item8-5").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#washing" + i).is(":checked")) { $(".sub-item8-" + i).hide("slow"); } } }); $('input[id="washing6"]').on("click", function () { $(".sub-item8-6").show("slow"); for (let i = 1; i < 7; i++) { if (!$("#washing" + i).is(":checked")) { $(".sub-item8-" + i).hide("slow"); } } }); break; } case 9: { $('input[id="securing1"]').on("click", function () { $(".sub-item9-1").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#securing" + i).is(":checked")) { $(".sub-item9-" + i).hide("slow"); } } }); $('input[id="securing2"]').on("click", function () { $(".sub-item9-2").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#securing" + i).is(":checked")) { $(".sub-item9-" + i).hide("slow"); } } }); $('input[id="securing3"]').on("click", function () { $(".sub-item9-3").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#securing" + i).is(":checked")) { $(".sub-item9-" + i).hide("slow"); } } }); $('input[id="securing4"]').on("click", function () { $(".sub-item9-4").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#securing" + i).is(":checked")) { $(".sub-item9-" + i).hide("slow"); } } }); $('input[id="securing5"]').on("click", function () { $(".sub-item9-5").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#securing" + i).is(":checked")) { $(".sub-item9-" + i).hide("slow"); } } }); $('input[id="securing6"]').on("click", function () { $(".sub-item9-6").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#securing" + i).is(":checked")) { $(".sub-item9-" + i).hide("slow"); } } }); $('input[id="securing7"]').on("click", function () { $(".sub-item9-7").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#securing" + i).is(":checked")) { $(".sub-item9-" + i).hide("slow"); } } }); break; } case 10: { $('input[id="privacy1"]').on("click", function () { $(".sub-item10-1").show("slow"); for (let i = 1; i < 5; i++) { if (!$("#privacy" + i).is(":checked")) { $(".sub-item10-" + i).hide("slow"); } } }); $('input[id="privacy2"]').on("click", function () { $(".sub-item10-2").show("slow"); for (let i = 1; i < 5; i++) { if (!$("#privacy" + i).is(":checked")) { $(".sub-item10-" + i).hide("slow"); } } }); $('input[id="privacy3"]').on("click", function () { $(".sub-item10-3").show("slow"); for (let i = 1; i < 5; i++) { if (!$("#privacy" + i).is(":checked")) { $(".sub-item10-" + i).hide("slow"); } } }); $('input[id="privacy4"]').on("click", function () { $(".sub-item10-4").show("slow"); for (let i = 1; i < 5; i++) { if (!$("#privacy" + i).is(":checked")) { $(".sub-item10-" + i).hide("slow"); } } }); break; } case 13: { $('input[id="winterOperation1"]').on("click", function () { $(".sub-item13-1").show("slow"); for (let i = 1; i < 9; i++) { if (!$("#winterOperation" + i).is(":checked")) { $(".sub-item13-" + i).hide("slow"); } } }); $('input[id="winterOperation2"]').on("click", function () { $(".sub-item13-2").show("slow"); for (let i = 1; i < 9; i++) { if (!$("#winterOperation" + i).is(":checked")) { $(".sub-item13-" + i).hide("slow"); } } }); $('input[id="winterOperation3"]').on("click", function () { $(".sub-item13-3").show("slow"); for (let i = 1; i < 9; i++) { if (!$("#winterOperation" + i).is(":checked")) { $(".sub-item13-" + i).hide("slow"); } } }); $('input[id="winterOperation4"]').on("click", function () { $(".sub-item13-4").show("slow"); for (let i = 1; i < 9; i++) { if (!$("#winterOperation" + i).is(":checked")) { $(".sub-item13-" + i).hide("slow"); } } }); $('input[id="winterOperation5"]').on("click", function () { $(".sub-item13-5").show("slow"); for (let i = 1; i < 9; i++) { if (!$("#winterOperation" + i).is(":checked")) { $(".sub-item13-" + i).hide("slow"); } } }); $('input[id="winterOperation6"]').on("click", function () { $(".sub-item13-6").show("slow"); for (let i = 1; i < 9; i++) { if (!$("#winterOperation" + i).is(":checked")) { $(".sub-item13-" + i).hide("slow"); } } }); $('input[id="winterOperation7"]').on("click", function () { $(".sub-item13-7").show("slow"); for (let i = 1; i < 9; i++) { if (!$("#winterOperation" + i).is(":checked")) { $(".sub-item13-" + i).hide("slow"); } } }); $('input[id="winterOperation8"]').on("click", function () { $(".sub-item13-8").show("slow"); for (let i = 1; i < 9; i++) { if (!$("#winterOperation" + i).is(":checked")) { $(".sub-item13-" + i).hide("slow"); } } }); break; } case 14: { $('input[id="machinery1"]').on("click", function () { $(".sub-item14-1").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#machinery" + i).is(":checked")) { $(".sub-item14-" + i).hide("slow"); } } }); $('input[id="machinery2"]').on("click", function () { $(".sub-item14-2").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#machinery" + i).is(":checked")) { $(".sub-item14-" + i).hide("slow"); } } }); $('input[id="machinery3"]').on("click", function () { $(".sub-item14-3").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#machinery" + i).is(":checked")) { $(".sub-item14-" + i).hide("slow"); } } }); $('input[id="machinery4"]').on("click", function () { $(".sub-item14-4").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#machinery" + i).is(":checked")) { $(".sub-item14-" + i).hide("slow"); } } }); $('input[id="machinery5"]').on("click", function () { $(".sub-item14-5").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#machinery" + i).is(":checked")) { $(".sub-item14-" + i).hide("slow"); } } }); $('input[id="machinery6"]').on("click", function () { $(".sub-item14-6").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#machinery" + i).is(":checked")) { $(".sub-item14-" + i).hide("slow"); } } }); $('input[id="machinery7"]').on("click", function () { $(".sub-item14-7").show("slow"); for (let i = 1; i < 8; i++) { if (!$("#machinery" + i).is(":checked")) { $(".sub-item14-" + i).hide("slow"); } } }); break; } case 15: { $('input[id="tollhouse1"]').on("click", function () { $(".sub-item15-1").show("slow"); for (let i = 1; i < 4; i++) { if (!$("#tollhouse" + i).is(":checked")) { $(".sub-item15-" + i).hide("slow"); } } }); $('input[id="tollhouse2"]').on("click", function () { $(".sub-item15-2").show("slow"); for (let i = 1; i < 4; i++) { if (!$("#tollhouse" + i).is(":checked")) { $(".sub-item15-" + i).hide("slow"); } } }); $('input[id="tollhouse3"]').on("click", function () { $(".sub-item15-3").show("slow"); for (let i = 1; i < 4; i++) { if (!$("#tollhouse" + i).is(":checked")) { $(".sub-item15-" + i).hide("slow"); } } }); break; } } } // Next button click on items modal $("#uploadroaditem .btn-next").on("click", function () { switch (selectedItem) { case 1: { saveSelectedSubItems(6, "reconstruction"); break; } case 2: { saveSelectedSubItems(8, "cleaning"); break; } case 3: { saveSelectedSubItems(4, "signs"); break; } case 4: { saveSelectedSubItems(3, "shield"); break; } case 5: { saveSelectedSubItems(6, "lighting"); break; } case 6: { saveSelectedSubItems(3, "lining"); break; } case 7: { saveSelectedSubItems(6, "coloring"); break; } case 8: { saveSelectedSubItems(6, "washing"); break; } case 9: { saveSelectedSubItems(7, "securing"); break; } case 10: { saveSelectedSubItems(4, "privacy"); break; } case 11: { saveSelectedSubItems(5, "bridge"); break; } case 12: { saveSelectedSubItems(5, "tunnel"); break; } case 13: { saveSelectedSubItems(8, "winterOperation"); break; } case 14: { saveSelectedSubItems(7, "machinery"); break; } case 15: { saveSelectedSubItems(3, "tollhouse"); break; } case 16: { saveSelectedSubItems(6, "emergency"); break; } case 17: { saveSelectedSubItems(0, "report"); break; } case 18: { saveSelectedSubItems(0, "snowWatch"); break; } case 19: { //saveSelectedSubItems(); break; } } }); $("#uploadroaditem .btn-prev").on("click", function () { subItemsData = {}; if ($("#uploadroaditem .btn-next").css("display") == "none") { // Go back to sub-items modal nextSubItemSelection(); } else { // Go back to bottom item-selection $("#uploadroaditem").modal("hide"); $("#uploadroaditem .btn-next").show(); $("#uploadroaditem .btn-create").hide(); $(".bottom-item-selection").show("slow"); } }); function setSubItem(name, value) { subItemsData[name] = value; // console.log(name + ': ' + subItemsData[name]); // console.log(subItemsData); } function saveSelectedSubItems( selectedItemIndex = null, selectedItemName = null ) { console.log("selectedItem", selectedItem) valuevarification = []; if (selectedItem < 17) { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) selectedSubItems += i + "-"; } } else { selectedSubItems += 1 + "-"; } // console.log('selectedItem: ', selectedItem) submitFormInput[selectedItemCount] = { latlng: null, item: null, subitems: null, data: null, files: null, }; // submitFormInput[selectedItemCount].latlng = [ // locations[selectedItemCount + 1][0].toFixed(7), // locations[selectedItemCount + 1][1].toFixed(7), // ]; submitFormInput[selectedItemCount].item = selectedItem; selectedItemArray.push(selectedItem); //console.log('selectedItemArray: ', selectedItemArray) //console.log('selectedSubItems: ', selectedSubItems) let selectedSubItemsArray = selectedSubItems.split("-"); selectedSubItems = ""; selectedSubItemsArray.pop(); submitFormInput[selectedItemCount].subitems = selectedSubItemsArray; //console.log(submitFormInput); hasSubItemGotValue = true; switch (selectedItem) { case 1: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if ((value = $("#" + selectedItemName + i + "-1").val())) { setSubItem(selectedItemName + i + "-1", value); valuevarification.push(value) } else hasSubItemGotValue = false; } } break; } case 2: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if ((value = $("#" + selectedItemName + i + "-1").val())) { // console.log(value); setSubItem(selectedItemName + i + "-1", value); valuevarification.push(value) } else hasSubItemGotValue = false; } } break; } case 3: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if ((value = $("#" + selectedItemName + i + "-1").val())) { // console.log(value); setSubItem(selectedItemName + i + "-1", value); valuevarification.push(value) } else hasSubItemGotValue = false; } } break; } case 4: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { for (let j = 1; j < 5; j++) { if ($("#" + selectedItemName + i + "-1-" + j).is(":checked")) { // console.log(j); setSubItem(selectedItemName + i + "-1-" + j, true); hasSubItemGotValue = true; break; } else hasSubItemGotValue = false; } if ((value = $("#" + selectedItemName + i + "-2-1").val())) { // console.log(value); setSubItem(selectedItemName + i + "-2-1", value); valuevarification.push(value) } else hasSubItemGotValue = false; } } // console.log(subItemsData); break; } case 5: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { for (let j = 1; j < 4; j++) { if ($("#" + selectedItemName + i + "-1-" + j).is(":checked")) { // console.log(j); setSubItem(selectedItemName + i + "-1-" + j, true); } else hasSubItemGotValue = false; } if ($(".sub-item5-" + i + " input[type=checkbox]:checked").length) { hasSubItemGotValue = true; } if ((value = $("#" + selectedItemName + i + "-2-1").val())) { valuevarification.push(value) // console.log(value); setSubItem(selectedItemName + i + "-2-1", value); } else hasSubItemGotValue = false; } } break; } case 6: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if ((value = $("#" + selectedItemName + i + "-1").val())) { // console.log(value); valuevarification.push(value) setSubItem(selectedItemName + i + "-1", value); } else hasSubItemGotValue = false; } } break; } case 7: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if ((value = $("#" + selectedItemName + i + "-1").val())) { // console.log(value); valuevarification.push(value) setSubItem(selectedItemName + i + "-1", value); } else hasSubItemGotValue = false; } } break; } case 8: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if ((value = $("#" + selectedItemName + i + "-1").val())) { // console.log(value); valuevarification.push(value) setSubItem(selectedItemName + i + "-1", value); } else hasSubItemGotValue = false; } } break; } case 9: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if ((value = $("#" + selectedItemName + i + "-1").val())) { // console.log(value); valuevarification.push(value) setSubItem(selectedItemName + i + "-1", value); } else hasSubItemGotValue = false; } } break; } case 10: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { for (let j = 1; j < 4; j++) { if ($("#" + selectedItemName + i + "-1-" + j).is(":checked")) { // console.log(j); setSubItem(selectedItemName + i + "-1-" + j, true); } else hasSubItemGotValue = false; } if ($(".sub-item10-" + i + " input[type=checkbox]:checked").length) { hasSubItemGotValue = true; } } // console.log(subItemsData); } break; } case 13: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if ((value = $("#" + selectedItemName + i + "-1").val())) { valuevarification.push(value) // console.log(value); setSubItem(selectedItemName + i + "-1", value); } else hasSubItemGotValue = false; } } break; } case 14: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if (i < 4) { // First 3 items have one subitem data if ((value = $("#" + selectedItemName + i + "-1").val())) { valuevarification.push(value) setSubItem(selectedItemName + i + "-1", value); } else hasSubItemGotValue = false; } else { // Others have 2 subitem data for (let j = 1; j < 3; j++) { if ((value = $("#" + selectedItemName + i + "-" + j).val())) { valuevarification.push(value) // console.log(j); setSubItem(selectedItemName + i + "-" + j, value); } else hasSubItemGotValue = false; } } } } break; } case 15: { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) { if (i == 3) { if ((value = $("#" + selectedItemName + i + "-1").val())) { valuevarification.push(value) setSubItem(selectedItemName + i + "-1", value); } else hasSubItemGotValue = false; } else { // Others have 2 subitem data for (let j = 1; j < 3; j++) { if ((value = $("#" + selectedItemName + i + "-" + j).val())) { valuevarification.push(value) // console.log(j); setSubItem(selectedItemName + i + "-" + j, value); } else hasSubItemGotValue = false; } } } } break; } case 17: { if ((value = $("#" + selectedItemName + "1").val())) { // console.log(value); valuevarification.push(value) setSubItem(selectedItemName + "1", value); } else hasSubItemGotValue = false; break; } case 18: { if ((value = $("#" + selectedItemName + "1").val())) { // console.log(value); valuevarification.push(value) setSubItem(selectedItemName + "1", value); } else hasSubItemGotValue = false; break; } } submitFormInput[selectedItemCount].data = subItemsData; //console.log(submitFormInput); // let selectedSubItemsArray = selectedSubItems.split('-'); // selectedSubItemsArray.pop(); // console.log('selectedSubItemsArray: ', selectedSubItemsArray); if (selectedSubItemsArray.length < 1 || selectedSubItemsArray[0] == "") { alert("یک یا چند مورد را انتخاب کنید!"); } else { var selectedlenght = selectedSubItemsArray.length var selectedvalue = valuevarification.length console.log("selectedvalue", selectedvalue, selectedlenght) if (selectedlenght == selectedvalue) { showUploadPhotoModal(); } else { console.log("selectedSubItemsArray", selectedSubItemsArray, valuevarification) console.log("selectedlenght", selectedlenght, selectedvalue) alert("لطفا تمامی مقادیر را وارد کنید "); } } } function submitProject() { // if (destMarker != null && saveTotalDistance) { console.log("saveTotalDistance", saveTotalDistance) let formData = new FormData(); if (startAbrarMarker.getLatLng().lat != null && startAbrarMarker.getLatLng().lng != null) formData.append("source", [ startAbrarMarker.getLatLng().lat, startAbrarMarker.getLatLng().lng ]); if (endAbrarMarker.getLatLng().lat != null && endAbrarMarker.getLatLng().lng != null) formData.append("dest", [ endAbrarMarker.getLatLng().lat, endAbrarMarker.getLatLng().lng ]); if (saveTotalDistance != null) formData.append("distance", saveTotalDistance); $.each(submitFormInput, function (key, value) { formData.append("latlng_" + key, [middleAbrarMarker.getLatLng().lat, middleAbrarMarker.getLatLng().lng]); if (value.item != null) formData.append("item_" + key, value.item); if (value.subitems != null) formData.append("subitems_" + key, value.subitems); let subItemsDataStr = JSON.stringify(value.data); if (subItemsDataStr.length > 2) { formData.append("data_" + key, subItemsDataStr); } $.each(value.files, function (key_in, value_in) { formData.append("file_" + key + "_" + key_in, value_in); }); }); showLoaderScreen(); $('.submit-button').prop('disabled', true); setTimeout(function () { $.ajax({ url: "/rmto-patrol-add", 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); hideLoaderScreen(); alert("پروژه با موفقیت ثبت شد"); // location.reload() }, error: function (error) { console.log(error); hideLoaderScreen(); alert("ارتباط اینترنت شما برقرار نیست. لطفا مجدد تلاش کنید."); // location.reload() }, }); }, 500); } function showUploadPhotoModal() { $("#uploadroaditem").modal("hide"); setTimeout(function () { $("#uploadroaditem .btn-next").hide(); $("#uploadroaditem .btn-create").show(); $("#uploadroaditem .modal-title").text("آپلود فایل‌های موردنیاز"); $("#uploadroaditem .row.sub-item-container").empty(); addUploadFormToModal(); $("#uploadroaditem").modal("show"); }, 350); } function addUploadFormToModal() { let formItem = '\
\
\ \
\
\
\
\ '; $("#uploadroaditem .row.sub-item-container").append(formItem); } function showUploadedFiles(input) { if (input.files) { // var reader = new FileReader(); // reader.onload = function (e) { // $('#uploadedItems') // .append(input.value); // }; for (let index = 0; index < input.files.length; index++) { $("#uploadedItems").append( '\
\
نام: ' + input.files[index].name + '
\
حجم: ' + input.files[index].size / 1000 + 'KB
\

\
\ ' ); } //console.log('input.files:'); //console.log(input.files); //saveUploadFiles.push(input.files); //console.log(saveUploadFiles); //$('#uploadroaditem').modal('hide'); submitFormInput[selectedItemCount].files = input.files; // reader.readAsDataURL(input.files[0]); } } $("#uploadroaditem .btn-create").on("click", function () { // showLoaderScreen(); // setTimeout(function () { // hideLoaderScreen(); // window.open('road-items.html', '_self'); // }, 2000); // saveAllInputBox(); // var formData = new FormData(); // formData.append('source-coordinates', [sourceLat, sourceLng]); // formData.append('dest-coordinates', [destLat, destLng]); // formData.append('item', selectedItem); // formData.append('sub-item', selectedSubItems); // if (subItemsData.length) // formData.append('sub-items-data', JSON.stringify(subItemsData)); // formData.append('files', $('input[name=modalUpFile]')[0].files); // console.log(JSON.stringify(subItemsData)); // $.ajax({ // url: '', // type: 'POST', // data: formData, // cache: false, // contentType: false, // processData: false, // success: function (result) { // console.log(result); // hideLoaderScreen(); // window.open('road-items.html', '_self'); // }, // error: function (error) { // console.log(error); // hideLoaderScreen(); // } // }); $("#uploadroaditem").modal("hide"); submitFormInput[selectedItemCount].data = subItemsData; subItemsData = {}; selectedItemCount++; //console.log(submitFormInput); $(".add-pins").show("slow"); }); // function saveAllInputBox() { // submitFormInput['roadSourceCord'] = [ // sourceLat, // sourceLng // ]; // submitFormInput['roadDestCord'] = [ // destLat, // destLng // ]; // submitFormInput['roadTotalDistance'] = saveTotalDistance; // submitFormInput['roadSelectedItem'] = selectedItem; // submitFormInput['roadSubItemsData'] = subItemsData; // submitFormInput['roadUploadedFiles'] = []; // if ($('input[name=modalUpFile]')[0].files.length > 0) { // for (let i = 0; i < $('input[name=modalUpFile]')[0].files.length; i++) { // submitFormInput['roadUploadedFiles'][i] = $('input[name=modalUpFile]')[0].files[i].name; // } // } // console.log($('input[name=modalUpFile]')[0].files); // } $(document).ready(function () { $("#plateModal .modal-title").html("ثبت گزارش راهداری"); $(".plate-container").append( '\
\

برای ورود لطفا شماره پلاک ماشین یا شماره موبایل خود را وارد کنید.

\ \
\ \ \ \
\ \
\ \
\
\
\ \
\ \
\
\ \ ' ); //$('#plateModal').modal({ backdrop: 'static', keyboard: false }); //$('#plateModal').modal('show'); }); $("#plateModal .btn-next").on("click", function () { let plateFirstPartInput = $("#first_part").val(); let plateAlphabetInput = $("#plate-alphabet").find(":selected").val(); let plateSecondPartInput = $("#second_part").val(); let plateStateCodeInput = $("#state_code").val(); let phoneNumberInput = $("#phone-number").val(); if ( plateFirstPartInput == "" || plateSecondPartInput == "" || plateStateCodeInput == "" ) { if (phoneNumberInput == "") { $(".error-alert").show("slow"); } else { // Get phone number phoneNumber = phoneNumberInput; $("#plateModal").modal("hide"); } } else { $(".error-alert").hide("slow"); // Get plate number plateFirstPart = plateFirstPartInput; plateAlphabet = plateAlphabetInput; plateSecondPart = plateSecondPartInput; plateStateCode = plateStateCodeInput; $("#plateModal").modal("hide"); } }); function showLoaderScreen() { $(".starter-loader-container").css("display", "flex").hide().fadeIn(); } function hideLoaderScreen() { $(".starter-loader-container").fadeOut(); } function checkMarkersAndDrawPath() { 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(); } 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(); } else { if (routeControls.length) { $(routeControls).each(function (index, control) { map.removeControl(control); routeControls.splice(routeControls.indexOf(index), 1); }); } // if (polyline != null) { // map.removeLayer(polyline); // } } }, 20); } }