<!DOCTYPE html>
<html lang="en">
<head>
<title>PAnTHer</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="../lib/jquery/jquery-ui.min.css">
<script src="../lib/jquery/jquery.min.js" type="text/javascript"></script>
<script src="../lib/jquery/jquery-ui.min.js" type="text/javascript"></script>
<script src="../lib/node_modules/three/examples/jsm/libs/lil-gui-0.19.min.js"></script>
</head>
<body style="overflow: hidden; background-color: #333333;">
<style>
.vlv {fill: white;}
.bst {fill: white;}
.blm {display: none;}
.lil-gui.autoPlace {z-index: 1 !important;}
</style>
<div id='pin' style='position:absolute; display:none;'>
</div>
<div id='tooltip' style='position:absolute; display:none;'>
<div style='width: 490px; background-color: white; padding:5px; border-width: 3px; border-color: blue; border-top-left-radius: 5px; border-top-right-radius: 5px;'><button id='compdb'>search in <b>components</b> DB <span id='compname'/></button></div>
<iframe id='tooltipFrame' style="border:0; position:absolute; background:transparent; " width="500px" height="220px" src=''></iframe>
</div>
<div onClick="hideTooltip()">
<?php
$local = isset($_REQUEST['cdn'])? false: true; // true = use only locally installed modules, false = use cdn
$machine = empty($_REQUEST['machine'])? 'elettra': strtolower($_REQUEST['machine']);
file_put_contents('./logs2d'.date('Y').'.txt', date('Y-m-d H:i:s').' '.$_SERVER['REMOTE_ADDR'].'_'.$_SERVER['HTTP_X_FORWARDED_FOR'].' - '.$_SERVER['QUERY_STRING'].PHP_EOL , FILE_APPEND | LOCK_EX);
$f = file_get_contents("./panther_conf.js");
echo "\n<script>\n".strtr($f, array('export '=>''))."</script>\n";
$f = file_get_contents("./components/bundle_{$machine}2d.svg");
if (strpos($_SERVER['HTTP_USER_AGENT'], 'Firefox/63') !== false) $f = strtr($f, array('fill="url(#Pattern)"'=>'fill="#a6a4c9"'));
echo $f;
?>
</div>
<div id='notice' style='display:<?php echo $_REQUEST['machine']=='elettra2'? 'block': 'none';?>; position:absolute; right:5px; bottom:5px; max-width:600px; z-index: 10000;'>
Data source <a href='https://drive.elettra.eu/group/268/' target="_blank">https://drive.elettra.eu/group/268/</a>
</div>
<script type="text/javascript" src="./svg-pan-zoom.min.js"></script>
<!--script type="text/javascript" src="./svg-pan-zoom-rotate.js"></script-->
<script type="text/javascript" src="<?php echo ($local? '../spa/js/hammer.min.js': 'https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js');?>"></script>
<script type="text/javascript" src="./blm2d.js"></script>
<script type="text/javascript" src="./bpm2d.js"></script>
<script type="text/javascript" src="./panther2d.js"></script>
</body>
</html>