// Map variables var sourceLat = "", sourceLng = "", destLat = "", destLng = ""; var saveTotalDistance = null; var sourceMarker, destMarker; var routeControls = []; var popupArrays = []; var bounds = [ [46.9130026312, 77.6166317076], [17.5782370061, 32.5092252948], ]; // Form Input var selectedItem = 0; var previousSelectedItem = 0; var selectedSubItems = ""; var subItemsData = {}; var submitFormInput = []; var titlemodal = ""; var hasSubItemGotValue = true; var projectType = 0; var itemsData = null; var requestId = null; // 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://rmsmap.rmto.ir/141map/{z}/{x}/{y}.png", {}).addTo(map); $("#org-pin").on("click", function () { // Set source coordinates into local vars & text field sourceLat = map.getCenter().lat; sourceLng = map.getCenter().lng; // Drop origin marker onto map addSourceMarker(1); // Hide origin image $(this).hide(); // Show destination image $("#dest-pin").show(); }); function addSourceMarker(type) { let sourceCoordinates = null; if (type == 1) { sourceCoordinates = L.latLng(map.getCenter()); } else if (type == 2) { sourceCoordinates = [sourceLat, sourceLng]; } sourceMarker = new L.marker(sourceCoordinates, { icon: L.icon({ iconUrl: "../dist/images/origin.png", iconSize: [44, 60], iconAnchor: [23, 66], }), draggable: true, }) .addTo(map) .on("click", function (e) { showItemSelectionModal(); }); // 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(); }); } $("#dest-pin").on("click", function () { // Set destination coordinates into local vars & text field destLat = map.getCenter().lat; destLng = map.getCenter().lng; // Drop origin marker onto map addDestinationMarker(1); // Hide destination image $(this).hide(); // Draw path from origin to destination drawPath(); }); function addDestinationMarker(type) { let destinationCoordinates = null; if (type == 1) { destinationCoordinates = L.latLng(map.getCenter()); } else if (type == 2) { destinationCoordinates = [destLat, destLng]; } destMarker = new L.marker(destinationCoordinates, { icon: L.icon({ iconUrl: "../dist/images/destination.png", iconSize: [44, 60], iconAnchor: [23, 66], }), draggable: true, }) .addTo(map) .on("click", function (e) { showItemSelectionModal(); }); // What if user wants to change its location? destMarker.on("dragend", function (event) { var marker = event.target; var position = marker.getLatLng(); destLat = position.lat; destLng = position.lng; if (sourceLat != "") drawPath(); }); } function drawPath() { if (routeControls.length) { $(routeControls).each(function (index, control) { map.removeControl(control); routeControls.splice(routeControls.indexOf(index), 1); }); } // $.get(`https://testmap.141.ir/route/v1/driving/${sourceLng},${sourceLat};${destLng},${destLat}?overview=false&alternatives=true&steps=true`, // function (data) { routeControls.push( L.Routing.control({ waypoints: [ L.latLng(parseFloat(sourceLat), parseFloat(sourceLng)), L.latLng(parseFloat(destLat), parseFloat(destLng)), ], 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(); }) .addTo(map) ); // }); $(".leaflet-control-container").css("display", "none"); $(".leaflet-routing-container-hide").css("display", "none"); } 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 showItemSelectionModal() { if (destLat != "") { $("#vertical-menu").modal({ backdrop: "static", keyboard: false }); $("#vertical-menu").modal("show"); // Show selected Item if there is selected one! if (selectedItem != 0) { $("#item-" + selectedItem).prop("checked", true); } } } $("#next-modal-show").on("click", function () { showSecondModal(); }); function showSecondModal() { 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); } } function showSubItem(index, name) { if (sourceLat != "" && destLat != "") { // Set modal title $("#uploadroaditem .modal-title").html(name); selectedItem = index; // Set modal content let subItems = ""; $(".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); } else { // Don't allow user to select option without selecting location } } function actionAfterShowModal(index) { switch (index) { case 1: { let selectedSubItemsArray = selectedSubItems.split("-"); // console.log(selectedSubItemsArray); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 7; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="reconstruction' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 9; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="cleaning' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 5; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="signs' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 4; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="shield' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); if (value === true) { // Is RadioButton || Checkbox $("#" + key).prop("checked", true); } else { console.log(key, value); $("#" + key).val(value); } } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 7; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="lighting' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { if (value === true) { $("#" + key).prop("checked", true); } else { $("#" + key).val(value); } } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 4; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="lining' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 7; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="coloring' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 7; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="washing' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 8; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="securing' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 5; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="privacy' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { $("#" + key).prop("checked", true); } } } $('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 11: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 6; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="bridge' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } } break; } case 12: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 6; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="tunnel' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } } break; } case 13: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 9; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="winterOperation' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 8; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="machinery' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 4; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="tollhouse' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { // console.log(key, value); $("#" + key).val(value); } } } $('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; } case 16: { let selectedSubItemsArray = selectedSubItems.split("-"); if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { for (let i = 1; i < 7; i++) { if (selectedSubItemsArray.indexOf(i.toString()) != -1) { $('input[id="emergency' + i + '"]').prop("checked", true); $(".sub-item" + index + "-" + i).show("slow"); } } } break; } case 17: { if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { $("#" + key).val(value); } } } break; } case 18: { if ( selectedItem == previousSelectedItem || (itemsData != null && selectedItem == itemsData.item) ) { if (!$.isEmptyObject(subItemsData)) { for (const [key, value] of Object.entries(subItemsData)) { $("#" + key).val(value); } } } 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 = {}; // selectedSubItems = ""; if ($("#uploadroaditem .btn-create").css("display") == "none") { $("#uploadroaditem").modal("hide"); $("#vertical-menu").modal("show"); } else { previousSelectedItem = selectedItem; $("#uploadroaditem .btn-next").show(); $("#uploadroaditem .btn-create").hide(); showSecondModal(); } }); function clearData() { // subItemsData = {}; // selectedSubItems = ""; $("#uploadroaditem .btn-next").show(); $("#uploadroaditem .btn-create").hide(); } function setSubItem(name, value) { subItemsData[name] = value; // console.log(subItemsData); } function saveSelectedSubItems( selectedItemIndex = null, selectedItemName = null ) { // Clear subItem & subItemData if they exist subItemsData = {}; selectedSubItems = ""; if (selectedItem < 17) { for (let i = 1; i <= selectedItemIndex; i++) { if ($("#" + selectedItemName + i).is(":checked")) selectedSubItems += i + "-"; } } else { selectedSubItems += 1 + "-"; } // console.log("selectedItem: ", selectedItem); // console.log("selectedSubItems: ", selectedSubItems); 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); } 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); } 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); } 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); } 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())) { // 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); 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); 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); 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); 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())) { // 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())) { 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())) { // 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())) { 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())) { // console.log(j); setSubItem(selectedItemName + i + "-" + j, value); } else hasSubItemGotValue = false; } } } } break; } case 17: { if ((value = $("#" + selectedItemName + "1").val())) { // console.log(value); setSubItem(selectedItemName + "1", value); } else hasSubItemGotValue = false; break; } case 18: { if ((value = $("#" + selectedItemName + "1").val())) { // console.log(value); setSubItem(selectedItemName + "1", value); } else hasSubItemGotValue = false; break; } } let selectedSubItemsArray = selectedSubItems.split("-"); // console.log("selectedSubItemsArray: ", selectedSubItemsArray); if (selectedSubItemsArray.length < 1 || selectedSubItemsArray[0] == "") { alert("یک یا چند مورد را انتخاب کنید!"); } else if (!hasSubItemGotValue) { alert("لطفا مقادیر مرتبط با گزینه های انتخاب شده را پر کنید."); subItemsData = {}; selectedSubItems = ""; } else { showUploadPhotoModal(); } } 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); // reader.readAsDataURL(input.files[0]); } } $("#uploadroaditem .btn-create").on("click", function () { let formData = new FormData(); if (sourceLat != null && sourceLng != null) formData.append("source_coordinates", [sourceLat, sourceLng]); if (destLat != null && destLng != null) formData.append("dest_coordinates", [destLat, destLng]); if (saveTotalDistance != null) formData.append("total_distance", saveTotalDistance); if (selectedItem != null) formData.append("item", selectedItem); if (selectedSubItems != null) formData.append("sub_items", selectedSubItems); let subItemsDataStr = JSON.stringify(subItemsData); if (subItemsDataStr.length > 2) { formData.append("sub_items_data", subItemsDataStr); } for (let i = 0; i < $("input[name=modalUpFile]")[0].files.length; i++) { formData.append( "item_files_" + i, $("input[name=modalUpFile]")[0].files[i] ); } // console.log("selectedItem: ", selectedItem); // console.log("selectedSubItems: ", selectedSubItems); // console.log("subItemsData: ", subItemsData); let reqUrl = ""; if (itemsData == null) { reqUrl = "/road-items"; } else reqUrl = "/projects/road-items/" + requestId; showLoaderScreen(); $('#uploadroaditem .btn-create').prop('disabled', true); $("#uploadroaditem").modal("hide"); $.ajax({ url: reqUrl, 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); setTimeout(() => { hideLoaderScreen(); window.open("/road-items/create", "_self"); }, 2000); }, error: function (error) { console.log(error); alert("ارتباط اینترنت شما برقرار نیست. لطفا مجدد تلاش کنید."); hideLoaderScreen(); window.open("/road-items/create", "_self"); }, }); }); function showLoaderScreen() { $(".starter-loader-container").css("display", "flex").hide().fadeIn(); } function hideLoaderScreen() { $(".starter-loader-container").fadeOut(); } //First Add this to extend jQuery $.extend({ getUrlVars: function () { var vars = [], hash; var hashes = window.location.href .slice(window.location.href.indexOf("?") + 1) .split("&"); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split("="); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; }, getUrlVar: function (name) { return $.getUrlVars()[name]; }, }); $(document).ready(function () { // getLastItemsProjects(); // Getting URL var by its name requestId = $.getUrlVar("id"); let type = $.getUrlVar("type"); //console.log(requestId); //console.log(type); if (type == undefined) { // It's a new project submission projectType = 0; $("#org-pin").show(); } else { // It's a project in view mode || in edit mode projectType = type; getSelectedProject(type, requestId); } }); function getSelectedProject(type, id) { showLoaderScreen(); $.ajax({ url: "/projects/road-items/" + id, type: "GET", cache: false, contentType: false, processData: false, success: function (result) { hideLoaderScreen(); //console.log(result); showProjectData(result); }, error: function (error) { hideLoaderScreen(); console.log(error); }, }); } function showProjectData(result) { itemsData = result.data; sourceLat = result.data.start_lat; sourceLng = result.data.start_lng; destLat = result.data.end_lat; destLng = result.data.end_lng; addSourceMarker(2); addDestinationMarker(2); selectedItem = result.data.item; let subItems = ''; for (let i = 0; i < result.data.sub_items.length; i++) { subItems += result.data.sub_items[i] + '-'; } //console.log(subItems); selectedSubItems = subItems; subItemsData = result.data.sub_items_data; map.flyTo([sourceLat, (sourceLng - 0.4)], 11); setTimeout(function () { drawPath(); }, 2000); } // function getLastItemsProjects() { // $.ajax({ // url: "/road-items", // type: "GET", // cache: false, // contentType: false, // processData: false, // success: function (result) { // //console.log(result); // showLastItemsProjects(result.data); // }, // error: function (error) { // console.log(error); // }, // }); // } // function showLastItemsProjects(data) { // for (let i = 0; i < data.length; i++) { // let subItem = $('
'); // subItem.append("ش‌پ: " + data[i].id + ""); // subItem.append("کاربر: " + data[i].user.name + ""); // //subItem.append('تاریخ:'+data[i].created_at+''); // $(".list-project-items").append(subItem); // let item = $(".list-project-items>.project-items-list-item").last(); // setTimeout(function () { // item.fadeIn(); // }, 500); // } // }