Mercurial > templog
annotate web/views/top.tpl @ 548:b3dc81bee5b3
scaled zooming works
author | Matt Johnston <matt@ucc.asn.au> |
---|---|
date | Wed, 27 May 2015 22:37:43 +0800 |
parents | 2fa26745e537 |
children | 141948a400a6 |
rev | line source |
---|---|
375 | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | |
3 <head> | |
523 | 4 <title>Wort Temperature Log</title> |
542 | 5 <meta name="viewport" content="width=device-width"> |
375 | 6 <style type="text/css"><!-- |
7 span.no_selection { | |
8 -webkit-user-select: none; // webkit (safari, chrome) browsers | |
9 -moz-user-select: none; // mozilla browsers | |
10 -khtml-user-select: none; // webkit (konqueror) browsers | |
11 } | |
501
236e5d131b3e
Add url link, improve atomicfile
Matt Johnston <matt@ucc.asn.au>
parents:
384
diff
changeset
|
12 |
236e5d131b3e
Add url link, improve atomicfile
Matt Johnston <matt@ucc.asn.au>
parents:
384
diff
changeset
|
13 span.codelink { |
236e5d131b3e
Add url link, improve atomicfile
Matt Johnston <matt@ucc.asn.au>
parents:
384
diff
changeset
|
14 font-size: 70%; |
236e5d131b3e
Add url link, improve atomicfile
Matt Johnston <matt@ucc.asn.au>
parents:
384
diff
changeset
|
15 text-align: right; |
236e5d131b3e
Add url link, improve atomicfile
Matt Johnston <matt@ucc.asn.au>
parents:
384
diff
changeset
|
16 } |
548 | 17 |
18 #mainimage { | |
19 width: 100%; | |
20 max-width: {{graphwidth}}px; | |
21 } | |
375 | 22 //--> |
23 </style> | |
379
fed6738be1ab
Get rid of axes labels, tidy html
Matt Johnston <matt@ucc.asn.au>
parents:
375
diff
changeset
|
24 <title></title> |
375 | 25 </head> |
548 | 26 <script type="text/javascript"> |
27 function updatewidth() { | |
28 var width_input = document.getElementById("scaledwidth"); | |
29 width_input.value = document.getElementById("mainimage").clientWidth; | |
30 } | |
31 | |
32 </script> | |
333 | 33 <body> |
379
fed6738be1ab
Get rid of axes labels, tidy html
Matt Johnston <matt@ucc.asn.au>
parents:
375
diff
changeset
|
34 <form action="" method="get"> |
548 | 35 <span class="no_selection"><input type="image" id="mainimage" src="{{graphdata}}" onclick="updatewidth();"/></span> |
375 | 36 <input type="hidden" name="length" value="{{length}}"/> |
37 <input type="hidden" name="end" value="{{end}}"/> | |
38 <input type="hidden" name="zoom" value="yeah"/> | |
548 | 39 <input type="hidden" name="scaledwidth" id="scaledwidth" value="-1"/> |
375 | 40 </form> |
502 | 41 <span class="codelink">Click to zoom in, click the left axis to zoom out. <a href="https://secure.ucc.asn.au/hg/templog/file/tip">Source code</a> for the Raspberry Pi controller and this web interface</a>. <a href="set">Adjustments</a> by phone.</span> |
333 | 42 </body> |
43 </html> |