nodeMap/MessagesMap/config.js

// Config TALAS Map
// Ersteller: ANT

/* IP der Quelle */
var quellURL = "http://10.10.0.13"

/* Kartengröße definieren */
var minXMAP = 328000; // Sollte noch automatisiert werden
var minYMAP = 523000;
var maxXMAP = 387000;
var maxYMAP = 600000;
var mapStartZoom = 0.5; // Standard 0.5
var newScale = 0;
var big = 1;
var ebenenLayer = [];
if (localStorage.getItem(ebenenLayer)){
    ebenenLayer = localStorage.getItem("ebenenLayer");
}
else {
    ebenenLayer = [1,1,1,1,1];
    localStorage.setItem("ebenenLayer",ebenenLayer);
}


/* Zoom Empfindlichkeit - Standard 0.65 */
var scaleBy = 0.75;

/* Start Skalierung */
var skalierung = 10; // Beinflusst die Performance - Standard 1

var updateInterval = 7;
var startZoom = 0.5;
var zoomGeschwindigkeit = 0.65;

var standardCableThickness = 1;
var standardMeldestationen = 2;
var standardUlafStationen = 2;
var standardPassiveStationen = 2;
var standardFontSize = 1;
var zoomStage = startZoom;

var meldungCableThickness = 4;
var meldungMeldestationen = 20;
var meldungZoomUmschaltung = 8;

if(localStorage.getItem('zoomStage')){
   zoomStage =  parseFloat(localStorage.getItem('zoomStage'));
   console.log("Erkannte Zoomstufe: "+zoomStage);
   mapStartZoom = zoomStage;  // Je kleiner je näher die Karte am start - Standard 0.5
    if (mapStartZoom < 1) {
        var mapStartOffsetTemp = 64;    
    }
    else {
        var mapStartOffsetTemp = 0;
    }
}
else {
    //mapStartZoom = 0.5;  // Je kleiner je näher die Karte am start - Standard 0.5
    if (mapStartZoom < 1) {
        var mapStartOffsetTemp = 64;    
    }
    else {
        var mapStartOffsetTemp = 4/mapStartZoom;
    } 
}

if(localStorage.getItem('infoSheet')){
    document.getElementById("infoSheet").style.visibility = "hidden";
 }
 else {
    document.getElementById("infoSheet").style.visibility = "visible"; 
 }

var minX = minXMAP / skalierung;
var minY = minYMAP / skalierung;
var maxX = maxXMAP / skalierung;
var maxY = maxYMAP / skalierung;

var displayWidth = window.screen.width;
var displayHeight = window.innerHeight;

console.log("%cSYS | Displaybreite : "+displayWidth+"px - Displayhöhe : "+displayHeight+"px", "color:green;");

var mapWidth = Math.round(maxX - minX);
var mapWidthRaw = maxX - minX;
var mapHeight = Math.round(maxY - minY);
var mapHeightRaw = maxY - minY;

console.log("%cSYS | Kartenbreite : "+mapWidth+"px - Kartenhöhe : "+mapHeight+"px", "color:green;");

var displayFactor = (mapWidth / displayWidth);
console.log("%cSYS | Faktor : "+displayFactor+"", "color:green;");

var stageWidthTemp = mapWidth / displayFactor;
var stageWidthRawTemp = mapWidthRaw / displayFactor;
var stageWidth = displayWidth / mapStartZoom;

var stageHeightTemp = mapHeight / displayFactor;
var stageHeightRawTemp = mapHeightRaw / displayFactor;
var stageHeight = stageHeightTemp / mapStartZoom;

console.log("%cSYS | Bühnenbreite : "+stageWidth+"px - Bühnenhöhe : "+stageHeight+"px", "color:green;");

/* Karten Offset beim Start */
if(localStorage.getItem('zoomStage')) {
    var zoomStage =  parseFloat(localStorage.getItem('zoomStage'));
    var xStage =  parseFloat(localStorage.getItem('xStage'));
    var yStage =  parseFloat(localStorage.getItem('yStage'));
}
else {
    var mapStartOffsety = stageHeight/mapStartOffsetTemp;
    var mapStartOffsetx = -1000;
}

var scaleRatio = 2;

/* Externe Quellen */
var jsonStationURL = quellURL+"/talas5/ClientData/WebserviceMap.asmx/StationsStatic";
var jsonCableURL = quellURL+"/talas5/ClientData/WebserviceMap.asmx/CablesStatic";
var jsonServiceStaticURL = quellURL+"/talas5/ClientData/WebserviceMap.asmx/ServicesStatic";
var jsonKueURL = quellURL+"/talas5/ClientData/WebserviceMap.asmx/KueStatic";
var jsonStatusURL = quellURL+"/talas5/ClientData/WebserviceMap.asmx/StationsStatus";
var jsonServiceURL = quellURL+"/talas5/ClientData/WebserviceMap.asmx/ServicesStatus";
var jsonKueStatusURL = quellURL+"/talas5/ClientData/WebserviceMap.asmx/KueStatus";


/* Locale Quellen - Nur zur Programmierung */
/*var jsonStationURL = "StationsStatic.json";
var jsonCableURL = "CablesStatic.json";
var jsonServiceStaticURL = "ServicesStatic.json";
var jsonKueURL = "KueStatic.json";
var jsonStatusURL = "StationsStatus.json";
var jsonServiceURL = "ServicesStatus.json";
var jsonKueStatusURL = "KueStatus.json";*/


/* Map Border Data Quelle */
var jsonMapBorderURL = "geo/ger_grenze.json";
var jsonMapBorderURL2 = "geo/test2.json";
//var jsonMapBorderURL = "geo/gre_ger_ver_gauss.json";

/* Map Border Data Quelle */
var jsonStaedteURL = "geo/staedte.json";


/* Minimale Zoomstufe - Standard 1 */
var minZoomstufe = 1;

/* Maximale Zoomstufe - Standard 90 */
var maxZoomstufe = 90;

/* Datum von Heute */
var heute = new Date(); 

/* Seiten Selbsttest */
document.getElementById("mousovertext").innerHTML = "Daten geladen, Skalierung wird gestartet...";

//Konva.hitOnDragEnabled = true;
Konva.pixelRatio = 1;

function datenZuruecksetzen() {
        if (confirm('Wirklich auf Standardwerte zurücksetzen?')) {
            standardEinstellungenKarte(1);
            cableReset();
        }
        else {
            //some code
        }
}

function standardEinstellungenKarte(x) {
    
    if (x > 0 || localStorage.getItem('UpdateInterval') == null) {
        // Standarwerte
        updateInterval = 5;
        //startZoom = 0.5;
        //zoomGeschwindigkeit = 0.65;

        standardCableThickness = 1;
        standardMeldestationen = 2;
        standardUlafStationen = 2;
        standardPassiveStationen = 2;
        standardFontSize = 3;

        meldungCableThickness = 3;
        meldungMeldestationen = 20;
        //meldungZoomUmschaltung = 8;

        setEinstellungen(0);
        if (x > 0) { 
            console.log("Werte vorhanden. Werte wurden aktualisiert");
        }
        else {
            console.log("Werte noch nicht vorhanden. Werte geschrieben");
        }
    }
    else {
        getEinstellungen();
        console.log("Es wurden keine Werte aktualisiert");
    }

    
}

function setEinstellungen(x) {
    // Ins Localstorage schreiben
    if (x > 0){
        updateInterval = document.getElementById("SliderUpdateInterval").value;
        //startZoom = (document.getElementById("StartZoom").value)/2;

        standardCableThickness = document.getElementById("StandardCableThickness").value;
        standardMeldestationen = document.getElementById("StandardMeldestationen").value;
        standardUlafStationen = document.getElementById("StandardUlafStationen").value;
        standardPassiveStationen = document.getElementById("StandardPassiveStationen").value;
        standardFontSize = document.getElementById("StandardFontSize").value;

        meldungCableThickness = document.getElementById("MeldungCableThickness").value;
        meldungMeldestationen = document.getElementById("MeldungMeldestationen").value;
        //meldungZoomUmschaltung = document.getElementById("MeldungZoomUmschaltung").value;

    }
    localStorage.setItem("UpdateInterval",updateInterval);
    //localStorage.setItem("StartZoom",startZoom);
    //localStorage.setItem("ZoomGeschwindigkeit",zoomGeschwindigkeit);

    localStorage.setItem("StandardCableThickness",standardCableThickness);
    localStorage.setItem("StandardMeldestationen",standardMeldestationen);
    localStorage.setItem("StandardUlafStationen",standardUlafStationen);
    localStorage.setItem("StandardPassiveStationen",standardPassiveStationen);
    localStorage.setItem("StandardFontSize",standardFontSize);

    localStorage.setItem("MeldungCableThickness",meldungCableThickness);
    localStorage.setItem("MeldungMeldestationen",meldungMeldestationen);
    //localStorage.setItem("MeldungZoomUmschaltung",meldungZoomUmschaltung);

}

function getEinstellungen() {
    updateInterval = localStorage.getItem("UpdateInterval");
    //startZoom = localStorage.getItem("StartZoom");
    //zoomGeschwindigkeit = localStorage.getItem("ZoomGeschwindigkeit");

    standardCableThickness = localStorage.getItem("StandardCableThickness");
    standardMeldestationen = localStorage.getItem("StandardMeldestationen");
    standardUlafStationen = localStorage.getItem("StandardUlafStationen");
    standardPassiveStationen = localStorage.getItem("StandardPassiveStationen");
    standardFontSize = localStorage.getItem("StandardFontSize");

    meldungCableThickness = localStorage.getItem("MeldungCableThickness");
    meldungMeldestationen = localStorage.getItem("MeldungMeldestationen");
    meldungZoomUmschaltung = localStorage.getItem("MeldungZoomUmschaltung");
}

function writeEinstellungen() {
    document.getElementById("SliderUpdateInterval").value = updateInterval;
    //document.getElementById("StartZoom").value = startZoom*2;
    //selectElement('ZoomGeschwindigkeit', zoomGeschwindigkeit*100)

    document.getElementById("StandardCableThickness").value = standardCableThickness;
    document.getElementById("StandardMeldestationen").value = standardMeldestationen;
    document.getElementById("StandardUlafStationen").value = standardUlafStationen;
    document.getElementById("StandardPassiveStationen").value = standardPassiveStationen;
    document.getElementById("StandardFontSize").value = standardFontSize;

    document.getElementById("MeldungCableThickness").value = meldungCableThickness;
    document.getElementById("MeldungMeldestationen").value = meldungMeldestationen;
    //document.getElementById("MeldungZoomUmschaltung").value = meldungZoomUmschaltung;
    $('.slider').show();
    $('.slider').foundation('_reflow');
}



function selectElement(id, valueToSelect) {    
    let element = document.getElementById(id);
    element.value = valueToSelect;
}

function main() {
    standardEinstellungenKarte(0);
    writeEinstellungen();
}

main();

$('.slider').on('changed.zf.slider', function() {
    setEinstellungen(1);
});