rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added buttons to toggle sidebars

Browse source
This commit is contained in:
Joel Collins 2018-12-13 12:16:44 +00:00
parent c0c3cf6963
commit b7b3663122
5 changed files with 63 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

24
openflexure_microscope/api/templates/index_v1.html
View file

@ -5,11 +5,13 @@
<link rel= "stylesheet" type= "text/css" href="{{url_for('static', filename='style_v1.css')}}">
<script type="text/javascript" src="{{url_for('static', filename='main_v1.js')}}"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
</head>
<body>
<div class="row">
<div class="column left">
<div class="column left" id="left-sb">
<h2>Settings</h2>
<h3>Position</h3>
@ -71,7 +73,21 @@
</div>
<div class="column right">
<div class="column middle">
<div id="left-sb-btn" class="sb-btn">
<button type="button" onclick="toggleClassToDiv('left-sb', 'hidden');">
<img src="{{url_for('static', filename='icons/baseline-settings-20px.svg')}}">
</button>
</div>
<div id="right-sb-btn" class="sb-btn">
<button type="button" onclick="toggleClassToDiv('right-sb', 'hidden');">
<img src="{{url_for('static', filename='icons/baseline-camera_alt-24px.svg')}}">
</button>
</div>
<img src="/api/v1/stream" ondblclick="clickHotspotImage(event);">
</div>
<div class="column right" id="right-sb">
<h2>Capture</h2>
Filename: <br>
<input type="text" id="captureFilenameInput" placeholder="Leave blank for default"><br>
@ -90,10 +106,6 @@
</div>
<div class="column middle">
<img src="/api/v1/stream" ondblclick="clickHotspotImage(event);">
</div>
</div>
</body>