Files
nodeMap/MessagesMap/MapTypB.aspx
2024-04-27 15:47:36 +02:00

500 lines
21 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ Page Title="" Language="C#" MasterPageFile="~/Standard.Master" AutoEventWireup="true" CodeBehind="MapTypB.aspx.cs" Inherits="TALAS_V5.MessagesMap.MapTypB" %>
<%@ Register assembly="DevExpress.Web.v19.2, Version=19.2.6.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web" tagprefix="dx" %>
<asp:Content ID="NaviContent" ContentPlaceHolderID="NaviContent" runat="server">
</asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="MainContent" runat="server" >
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/foundation-icons.css">
<script language="javascript" type="text/javascript">
</script>
<div style="margin-top:25px;margin-left:-10px;">
<div class="off-canvas position-right" style="padding-left:20px;padding-right:20px;padding-top:20px;" id="offCanvasRight" data-off-canvas>
<h2 style="padding-top:50px;"><b>TALAS</b> MAP<button style="line-height:0.7;" class="close-button" aria-label="Close menu" type="button" data-close="">
<span aria-hidden="true" style="font-size:50%;">×</span>
</button></h2>
<hr>
<section class="block-list">
<header style="font-weight:700;padding-bottom:12px;padding-left:30px;"><i class="fi-clipboard" style="padding-right:10px"></i>Steuerungshinweise</header>
<ul>
<li>
<div>
<p><span style="padding-right: 20px;font-weight:700;">z</span><span>Zoom zurücksetzen</span></p>
</div>
</li>
<li>
<div>
<p><span style="padding-right: 20px;font-weight:700;">q</span><span>Karte neuzeichnen</span></p>
</div>
</li>
<li>
<div>
<p><span style="padding-right: 20px;"><i class="fi-arrow-up"></i> oder <b>w</b></span><span>Karte verschieben</span></p>
</div>
</li>
<li>
<div>
<p><span style="padding-right: 20px;"><i class="fi-arrow-left"></i> oder <b>a</b></span><span>Karte verschieben</span></p>
</div>
</li>
<li>
<div>
<p><span style="padding-right: 20px;"><i class="fi-arrow-down"></i> oder <b>s</b></span><span>Karte verschieben</span></p>
</div>
</li>
<li>
<div>
<p><span style="padding-right: 20px;"><i class="fi-arrow-right"></i> oder <b>d</b></span><span>Karte verschieben</span></p>
</div>
</li>
</ul>
</section>
<section class="block-list">
<header style="font-weight:700;padding-bottom:12px;padding-left:30px;"><i class="fi-info" style="padding-right:10px"></i>Hilfe und Hinweise</header>
<ul>
<li style="height:5.2rem;">
<div>
<p>Falls die Karte einmal nicht reagieren sollte, einfach mit <i class="fi-loop"></i> oder der Taste <b>z</b> die Karte zurücksetzen.</p>
</div>
</li>
<li style="height:4rem;">
<div>
<p style="font-weight:300;">Bitte melden sie Fehler und Kritik per E-Mail an den Support.</p>
</div>
</li>
</ul>
</section>
</div>
<div class="off-canvas-content" data-off-canvas-content>
<div id="stage-parent" >
<div id="container"></div>
<div class="loading" id="loadingMap">
</div>
</div>
<!--<div class="slider vertical" id="slider1a" data-slider data-initial-start='<script type="text/javascript">document.write(randomnumber)</script>'' data-end="200" data-vertical="true" style="position:absolute;right:10px;top:45%;">
<span class="slider-handle" id="slider1" data-slider-handle role="slider" tabindex="1"></span>
<span class="slider-fill" data-slider-fill></span>
<input type="hidden">
</div>-->
<div id="mainDataSheet" style="position:absolute;top:150px;right:25px;width:20%;">
<div class="card" style="border-radius: 8px;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);">
<div class="title-bar" style="border-bottom:1px solid #D6D8DA">
<div class="title-bar-left" onmouseover="" style="cursor: move;">
<span class="title-bar-title" style="padding-left:10px;color:#333333;font-size:0.9rem;">Detail Ausgabe</span>
</div>
<div class="title-bar-right">
<a><i class="fi-eject" style="color:#333333;font-size:1rem;padding-right:10px;border-right:1px solid #D6D8DA" title="Detail Ausgabe oben in die Ecke setzen" onclick="mainDataSheetPositionReset()"></i></a>
<a><i class="fi-widget" style="color:#333333;font-size:1rem;padding-right:10px;padding-left:3px;border-right:1px solid #D6D8DA" title="Einstellungen" onclick='writeEinstellungen()' data-open="einstellungen"></i></a>
<a><i class="fi-list" style="color:#333333;font-size:1rem;padding-right:10px;padding-left:3px;" title="Infos zur Steuerung" data-open="offCanvasRight"></i></a>
</div>
</div>
<div class="card-section" style="padding-bottom:0px">
<div id="tooltipTest" style="color:#333333;">
....
</div>
</div>
<div class="card-section" style="padding-top:0px">
<div id="tooltipTest2">
</div>
</div>
<!-- <ul class="vertical menu accordion-menu" style="border-top: 1px solid #cacaca;" data-accordion-menu>
<li>
<a href="#"></a>
<ul class="menu vertical nested" style="padding-bottom:0px;">
<div class="card" style="width:95%">
<div class="card-section" id="weitereDatenAusgabe" style="font-size:0.75rem">
</div>
</div>
</ul>
</ul>-->
</div>
<div class="card" id="infoSheet" style="visibility:hidden;border-radius: 8px;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);">
<div class="title-bar" style="border-bottom:1px solid yellow;background-color: yellow;">
<div class="title-bar-left" onmouseover="" style="cursor: move;">
<span class="title-bar-title" style="padding-left:10px;color:#333333;font-size:0.9rem;"><i class="fi-info"></i> Allgemeiner Hinweis</span>
</div>
<div class="title-bar-right">
<a><i class="fi-x" style="color:#333333;font-size:1rem;padding-right:10px;padding-left:3px;" title="Infos zur Steuerung" onclick="closeInfoSheet()"></i></a>
</div>
</div>
<div class="card-section" style="padding-bottom:0px">
<div style="color:#666666;">
<p>Falls die Karte einmal nicht reagieren sollte, einfach mit <i class="fi-loop" style="color:#000000;font-size:1.2rem;"></i> oder der Taste <b style="color:#000000;font-size:1.2rem;">z</b> die Karte zurücksetzen.<br />Falls sie weitere Hilfe benötigen klicken sie auf das Symbol <i class="fi-list" style="color:#000000"></i> .</p>
</div>
</div>
</div>
</div>
<div class="card" style="position:absolute;bottom:-25px;left:50px;width:300px;border-radius: 8px;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);">
<div class="title-bar">
<div class="title-bar-left">
<span class="title-bar-title" id="mousovertext" style="padding-left:10px;color:#333333;font-size:0.8rem;">Daten werden geladen...</span>
</div>
<div class="title-bar-right">
<a><i class="fi-loop" style="color:#333333;font-size:1.6rem;padding-right:10px;" title="Karte neuladen" onclick="getStageData()"></i></a>
<a><i class="fi-arrows-out" style="color:#333333;font-size:1.6rem;padding-right:10px;" title="Zoom zurücksetzen" onclick="fitStageReset()"></i></a>
<a><i class="fi-info" title="Weitere Infos" style="color:#333333;font-size:1.6rem;padding-right:10px;" data-open="weitereInfos"></i></a>
</div>
</div>
</div>
<div class="button-group" id="ebenenSpeichernButton" style="position:absolute;bottom:60px;right:25px;opacity:0;">
<a class="success button" style="color:#ffffff;" onclick="ebenenSpeichern()" href="#">Änderungen übernehmen</a>
<a class="alert button" onclick="ebenenZuruecksetzen()" href="#">Abbrechen</a>
</div>
<div class="card" id="buttonStation" style="position:absolute;bottom:-25px;right:265px;width:50px;height:50px;opacity:1;padding:3px;border:2px solid #63de17;border-radius: 8px;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);" onclick="stationButtonChange()">
<img src="img/stationButton.png" alt="">
</div>
<div class="card" id="buttonUStation" style="position:absolute;bottom:-25px;right:205px;width:50px;height:50px;opacity:1;padding:3px;border:2px solid #63de17;border-radius: 8px;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);" onclick="ustationButtonChange()">
<img src="img/ustationButton.png" alt="">
</div>
<div class="card" id="buttonPStation" style="position:absolute;bottom:-25px;right:145px;width:50px;height:50px;opacity:1;padding:3px;border:2px solid #63de17;border-radius: 8px;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);" onclick="pstationButtonChange()">
<img src="img/pstationButton.png" alt="">
</div>
<div class="card" id="buttonDienste" style="position:absolute;bottom:-25px;right:85px;width:50px;height:50px;opacity:1;padding:3px;border:2px solid #63de17;border-radius: 8px;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);" onclick="diensteButtonChange()">
<img src="img/diensteButton.png" alt="">
</div>
<div class="card" id="buttonKabel" style="position:absolute;bottom:-25px;right:25px;width:50px;height:50px;opacity:1;padding:3px;border:2px solid #63de17;border-radius: 8px;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);" onclick="kabelButtonChange()">
<img src="img/kabelButton.png" alt="">
</div>
</div>
</div>
<!-- Modals -->
<div class="reveal" id="weitereInfos" data-reveal>
<img src="img/Logo_TALAS.png" alt="TALAS V5 Logo" width="50%" style="margin-left:25%;margin-top:10px;margin-bottom:10px;">
<div class="card" style="padding:10px;border-radius: 8px;margin-top:10px;margin-bottom:10px;margin-left:10%;width:80%;-webkit-box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);box-shadow: 2px 2px 5px 2px rgba(204,204,204,0.5);">
<div class="card-section">
<p style="font-size:1.2rem;font-weight:700;">Littwin Systemtechnik GmbH & Co. KG</p>
<p style="font-weight:700;">Bürgermeister-Brötje Str. 28<br />D-26180 Rastede</p>
<p>T: +49 4402 9725 77-0<br />E: kontakt@littwin-systemtechnik.de</p>
<div style="background-color: #cacaca;">
<center><small style="font-size:0.75rem;padding:5px;">TALAS.MAP Masterkarte Version 0.9.7</small></center>
</div>
</div>
</div>
<button class="close-button" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="large reveal" style="padding:0px;border-radius: 8px;" id="einstellungen" data-reveal>
<div class="card">
<div class="top-bar" style="background-color:#ffffff;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #D6D8DA">
<div class="top-bar-left">
<ul class="menu" style="background-color:#ffffff;">
<li class="menu-text" style="color:#333333;font-size:0.9rem;padding-left:30px;">Einstellung</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu" style="background-color:#ffffff;">
<button type="button" onclick="cableReset()" class="button small" data-close aria-label="Close reveal">Speichern</button>
<li><a style="color:#333333;font-size:125%;" data-close aria-label="Close reveal"><i class="fi-x"></i></a></li>
</ul>
</div>
</div>
<div class="card-section">
<div class="grid-container full">
<div class="grid-x grid-margin-x">
<div class="cell small-12 large-6">
<div class="card" style="padding:0px;border-radius: 8px;">
<div class="top-bar" style="background-color:#ffffff;padding:0px;">
<div class="top-bar-left">
<ul class="menu" style="background-color:#ffffff;">
<li class="menu-text" style="color:#333333;font-size: 0.9rem;">Allgemeine Einstellungen</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu" style="background-color:#ffffff;">
</ul>
</div>
</div>
<div class="card-section">
<div class="grid-x grid-padding-x">
<div class="small-5 cell">
<label for="middle-label" class="text-right middle">Updateinterval</label>
</div>
<div class="small-7 cell">
<div class="grid-x grid-margin-x">
<div class="cell small-5">
<div class="slider" data-slider data-start="1" data-end="30" data-step="1" data-non-linear-base="5">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="SliderUpdateInterval"></span>
<span class="slider-fill" id="sliders1" data-slider-fill></span>
</div>
</div>
<div class="cell small-7">
<div class="input-group">
<input id="SliderUpdateInterval" class="input-group-field" type="number">
<span class="input-group-label">min.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card" style="padding:0px;border-radius: 8px;">
<div class="top-bar" style="background-color:#ffffff;padding:0px;">
<div class="top-bar-left">
<ul class="menu" style="background-color:#ffffff;">
<li class="menu-text" style="color:#333333;font-size: 0.9rem;">Standard Einstellungen</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu" style="background-color:#ffffff;">
</ul>
</div>
</div>
<div class="card-section">
<div class="grid-x grid-padding-x">
<div class="small-5 cell">
<label for="middle-label" class="text-right middle">Linien/Dienste</label>
</div>
<div class="small-7 cell">
<div class="grid-x grid-margin-x">
<div class="cell small-8">
<div class="slider" data-slider data-initial-start="10" data-start="1" data-end="30" data-step="1">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="StandardCableThickness"></span>
<span class="slider-fill" data-slider-fill></span>
</div>
</div>
<div class="cell small-4">
<input type="number" id="StandardCableThickness">
</div>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="small-5 cell">
<label for="middle-label" class="text-right middle">Meldestationen</label>
</div>
<div class="small-7 cell">
<div class="grid-x grid-margin-x">
<div class="cell small-8">
<div class="slider" data-slider data-initial-start="10" data-start="1" data-end="40" data-step="1">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="StandardMeldestationen"></span>
<span class="slider-fill" data-slider-fill></span>
</div>
</div>
<div class="cell small-4">
<input type="number" id="StandardMeldestationen">
</div>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="small-5 cell">
<label for="middle-label" class="text-right middle">ULAF Stationen</label>
</div>
<div class="small-7 cell">
<div class="grid-x grid-margin-x">
<div class="cell small-8">
<div class="slider" data-slider data-initial-start="10" data-start="1" data-end="40" data-step="1">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="StandardUlafStationen"></span>
<span class="slider-fill" data-slider-fill></span>
</div>
</div>
<div class="cell small-4">
<input type="number" id="StandardUlafStationen">
</div>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="small-5 cell">
<label for="middle-label" class="text-right middle">passive Stationen</label>
</div>
<div class="small-7 cell">
<div class="grid-x grid-margin-x">
<div class="cell small-8">
<div class="slider" data-slider data-initial-start="10" data-start="1" data-end="40" data-step="1">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="StandardPassiveStationen"></span>
<span class="slider-fill" data-slider-fill></span>
</div>
</div>
<div class="cell small-4">
<input type="number" id="StandardPassiveStationen">
</div>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="small-5 cell">
<label for="middle-label" class="text-right middle">Schriftgröße</label>
</div>
<div class="small-7 cell">
<div class="grid-x grid-margin-x">
<div class="cell small-8">
<div class="slider" data-slider data-initial-start="3" data-start="3" data-end="20" data-step="1">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="StandardFontSize"></span>
<span class="slider-fill" data-slider-fill></span>
</div>
</div>
<div class="cell small-4">
<input type="number" id="StandardFontSize">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cell small-12 large-6">
<div class="card" style="padding:0px;border-radius: 8px;">
<div class="top-bar" style="background-color:#ffffff;padding:0px;">
<div class="top-bar-left">
<ul class="menu" style="background-color:#ffffff;">
<li class="menu-text" style="color:#333333;font-size: 0.9rem;">Meldung Einstellungen</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu" style="background-color:#ffffff;">
</ul>
</div>
</div>
<div class="card-section">
<div class="grid-x grid-padding-x">
<div class="small-5 cell">
<label for="middle-label" class="text-right middle">Linien/Dienste</label>
</div>
<div class="small-7 cell">
<div class="grid-x grid-margin-x">
<div class="cell small-8">
<div class="slider" data-slider data-initial-start="10" data-start="1" data-end="30" data-step="1">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="MeldungCableThickness"></span>
<span class="slider-fill" data-slider-fill></span>
</div>
</div>
<div class="cell small-4">
<input type="number" id="MeldungCableThickness">
</div>
</div>
</div>
</div>
<div class="grid-x grid-padding-x">
<div class="small-5 cell">
<label for="middle-label" class="text-right middle">Meldestationen</label>
</div>
<div class="small-7 cell">
<div class="grid-x grid-margin-x">
<div class="cell small-8">
<div class="slider" data-slider data-initial-start="5" data-start="2" data-end="60" data-step="1">
<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="MeldungMeldestationen"></span>
<span class="slider-fill" data-slider-fill></span>
</div>
</div>
<div class="cell small-4">
<input type="number" id="MeldungMeldestationen">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card" style="padding:0px;border-radius: 8px;">
<div class="top-bar" style="background-color:#ffffff;padding:0px;">
<div class="top-bar-left">
<ul class="menu" style="background-color:#ffffff;">
<li class="menu-text" style="color:#333333;font-size: 0.9rem;">Weitere Funktionen</li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu" style="background-color:#ffffff;">
</ul>
</div>
</div>
<div class="card-section">
<a class="button expanded" onclick="datenZuruecksetzen()" data-close aria-label="Close reveal">Werte zurücksetzen</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Standard Scripts -->
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
<script src="js/konva.js"></script>
<!-- Config der Karte -->
<script src="config.js"></script>
<!-- Funktionen der Karte -->
<script src="js/static.js"></script>
<script src="js/map.js"></script>
<script src="js/conditions.js"></script>
<script src="js/functions.js"></script>
</asp:Content>