first commit

public/js/app.js

@@ -0,0 +1,160 @@
+/**
+ * @file app.js
+ * @author Andreas Tholen
+ * Contact: info@littwin-systechnik.de
+ * @version 0.5.3
+ * @description Basic Functions
+*/
+
+$(document).foundation();
+
+//document.getElementById("fullSideMenuCard").style.height = windowHeight+"px";
+
+// Sidemenu Config
+if ((!standardSideMenu) || (fullSideMenu)) {
+  const collection = document.getElementsByClassName("standardSideMenu");
+  for (let i = 0; i < collection.length; i++) {
+  collection[i].style.display = "none";
+  }
+}
+
+if ((!fullSideMenu) || (standardSideMenu)) { 
+  const collectionb = document.getElementsByClassName("fullSideMenu");
+  for (let i = 0; i < collectionb.length; i++) {
+  collectionb[i].style.display = "none";
+  }
+}
+
+var stationCardTempList = "";
+var stationCardTemp = '<div class="card">'
+						+'<div class="title-bar">'
+            +'<div class="title-bar-left">'
+            +'<span class="title-bar-title" style="color:#000000;padding-left:0.5rem ;">Standort</span>'
+            +'</div>'
+            +'<div class="title-bar-right">'
+            +'<a><i class="fi-alert" title="Weitere Infos" style="color:red;font-size:1.5rem;padding-right:10px;" data-open="weitereInfos"></i></a>'
+            +'</div>'
+						+'</div>'
+						+'<div class="card-section" style="padding: 0px 0px 1rem 1rem !important">'
+            +'Test'
+						+'</div>'
+            +'</div>';
+
+for (let index = 0; index < 11; index++) {
+  stationCardTempList += stationCardTemp; 
+}
+
+//document.getElementById('stationenFullSideMenu').innerHTML = stationCardTempList;
+
+function getDataMenu() {
+  var stationsListing = [];
+
+  // Stationen erfassen
+  for (var i = 0; i < dataStaticlength; i++) {	
+    var gisStatics = dataStatic[i];
+    if(filterSystems.includes(gisStatics.System)){
+    var stationListing = gisStatics.Area_Name; // Area_Name
+        stationsListing.push(stationListing);
+    }
+  }
+
+  // Doppelte Einträge löschen
+  console.log("%cMAP| Einträge der Stationen werden geprüft",'color: green');
+  let uniqueStations = [];
+  stationsListing.forEach((c) => {
+      if (!uniqueStations.includes(c)) {
+        uniqueStations.push(c);
+      }
+  });
+
+  console.log("%cMAP| Stationen indexiert: %c"+uniqueStations.sort(),'color: green', 'color:grey');
+  uniqueStations = uniqueStations.sort();
+
+  var select = document.getElementById("stationListing");
+  
+  for(var i = 0; i < uniqueStations.length; i++) {
+      var opt = uniqueStations[i];
+      var el = document.createElement("option");
+      el.textContent = opt;
+      el.value = opt;
+      el.style.color = "#000000";
+      el.style.fontWeight = "thin";
+      select.appendChild(el);
+  }
+}
+
+/*var checkbox = document.querySelector("#box-TALAS");
+
+checkbox.addEventListener('change', function() {
+  if (this.checked) {
+    map.addLayer(TALAS);
+    
+    console.log("TALAS is checked..");
+  } else {
+    map.removeLayer(TALAS);
+   
+    console.log("TALAS is not checked..");
+  }
+});
+
+var checkbox = document.querySelector("#box-GMA");
+
+checkbox.addEventListener('change', function() {
+  if (this.checked) {
+    map.addLayer(GMA);
+    document.getElementById("data-"+LocID).style.display = "none";
+    console.log("GMA is checked..");
+  } else {
+    map.removeLayer(GMA);
+    
+    console.log("GMA is not checked..");
+  }
+});
+
+var checkbox = document.querySelector("#box-MODEM");
+
+checkbox.addEventListener('change', function() {
+  if (this.checked) {
+    map.addLayer(GSM);
+    
+    console.log("GSM is checked..");
+  } else {
+    map.removeLayer(GSM);
+    
+    console.log("GSM is not checked..");
+  }
+});
+
+var checkbox = document.querySelector("#box-SIEMENS");
+
+checkbox.addEventListener('change', function() {
+  if (this.checked) {
+    map.addLayer(Siemens);
+    
+    console.log("Notrufsäulen is checked..");
+  } else {
+    map.removeLayer(Siemens);
+    
+    console.log("Notrufsäulen is not checked..");
+  }
+});*/
+
+
+// ISS Positions-Update Test
+var iss;
+function update_position() {
+    $.getJSON('http://api.open-notify.org/iss-now.json', function(data) {
+        var latitude = data["iss_position"]["latitude"];
+        var longitude = data["iss_position"]["longitude"];
+        if (!iss) {
+            iss = L.marker([latitude,longitude], {icon: spaceStationMarker}).bindPopup("Ich bin die ISS").addTo(map);
+        }
+        iss.setLatLng([latitude,longitude]).update();
+        setTimeout(update_position, 1000);
+    });
+}
+update_position();
+
+
+
+