
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" draggable="true">
		<title>SignCast</title>
		<link rel="stylesheet" href="index.css" />
		<link rel="stylesheet" href="MODULES/ButtomArea/buttomArea.css" />
		<style>
      #container {
        display: grid;
        grid-template-rows: 10px auto 10px; 
        height: 100vh; 
      }
  
      #additionalDivTop,
      #additionalDivBottom {
        background-color: #d3d3d3;
      }
  
      #additionalDivTop,
      #additionalDivBottom,
      #MainWindow {
        width: 100%;
        border: none;
      }

      #MainWindow {
        height: 100%;
        width: 100vw; 
      }
    </style>

	</head>
	<body data-ng-app="example" id="body">
		
		<div id="mainLayout">
			<div class="topArea" id="topArea">
				<div style="height: 30; position: relative; -webkit-app-region: drag;">
					<p style="color: rgb(255, 255, 255); position: absolute; font-size: 12px;"></p>
				</div>
				<div id="appTitle"><img src="IMG/Title/title.png">SignCast<div id="projektTitle">*ungesichert</div></div>
				
				<div class="MenuArea" style="height: 120px; top: 30px; position: absolute; width:100%; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.233);" >
					<iframe id="Menu" src="MODULES/Menu/Menu.html" style="border: none; width:100%; height:100%; z-index:0;"></iframe>
				</div>
			</div>

			<div class="centerArea" >
				<iframe id="MainWindow" src="MODULES/MainWindow/MainWindow.html" ></iframe>

			</div>
			<div class="buttomArea" >
				<div class="fixed-width"></div>
				<div class="variable-width">
					<div class="alert-container" id="alert-container"></div>
				</div>
        		<div class="fixed-width">
					<div id="app-version">Beta 0.00</div>
				</div>
			</div>

			<div 	id="overlayer" 
					style="width: 100%; height: calc(100% - 30px); top: 30px; position: absolute; z-index:10; pointer-events: none;">
			
			</div>
		</div>
		<script>
			function nameTitleWindow(name) {
				document.getElementById("projektTitle").innerHTML = name;
			}
			var output = "";
			function getOutput() {
				//return document.getElementById("MainWindow").contentDocument.defaultView.document.getElementById("Renderer").contentDocument.defaultView.document.getElementById("viewport").innerHTML;
				return document.getElementById("MainWindow").contentDocument.defaultView.document.getElementById("Renderer").contentDocument.defaultView.document.getElementById("mapping-mode").innerHTML;
			}
			

		</script>
		<script src="MODULES/FileManagement/FileManagement.js"></script>
		<script src="MODULES/System/Systemleistung.js"></script>

		<script src="MODULES/_NodeJs/IPC_Kommunikation.js"></script>
		<script src="MODULES/_NodeJs/createSignageServer.js"></script>
		<script src="MODULES/_NodeJs/createUdpServer.js"></script>
		
		<script src="MODULES/System/Console.js"></script>
		<script src="MODULES/ButtomArea/buttomArea.js"></script>
		<script src="MODULES/FileManagement/DropData.js"></script>

		<script src="preload.js"></script>
		<script src="MODULES/FileManagement/Version.js"></script>
		

		
		
		
	</body>
</html>
