46 lines
1.1 KiB
HTML
46 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Control Panel</title>
|
|
<style>
|
|
{% include css %}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="page">
|
|
<div class="left">
|
|
<div class="top">
|
|
<input type=radio id="readonly", onClick="setWritable(0);" checked>view only
|
|
<input type=radio id="writable", onClick="setWritable(1);"">ACTIVE
|
|
</div>
|
|
<div class="svg-wrap">
|
|
{% include svg %}
|
|
</div>
|
|
<div class="bottom">
|
|
<textarea name="outputtext" id="outputtext" rows="5" readonly></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<iframe src='http://linse-c.psi.ch:8080/sample_environment/?Device={{ name }}&Title=procedure&mode=full'></iframe>
|
|
</div>
|
|
</body>
|
|
|
|
<script>
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
var wsaddr = "ws://{{ wsaddr }}";
|
|
var writable = false;
|
|
|
|
function setWritable(flag) {
|
|
document.getElementById('readonly').checked = ! flag;
|
|
document.getElementById('writable').checked = flag;
|
|
writable = flag;
|
|
}
|
|
|
|
{% include js %}
|
|
</script>
|
|
</body>
|
|
</html>
|