Newer
Older
{% endif %}
{% set included = True %}
Davide Ricci
committed
{% block head %}
<script src="/static/synch.js"></script>
Davide Ricci
committed
{% endblock head %}
form mt-2 mx-6 col-12 col-sm-12 col-md-12 col-lg-12 col-xl-6 col-xxl-4">
<fieldset>
<h5>Telescope</h5>
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<nav>
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link" data-bs-toggle="tab"
data-bs-target="#altaz_tab" type="button"
role="tab">Alt Az</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link active" data-bs-toggle="tab"
data-bs-target="#radec_tab" type="button"
role="tab">Radec / ID</button>
</li>
</ul>
</nav>
<div class="tab-content">
<div class="tab-pane" id="altaz_tab" role="tabpanel">
<div class="row mt-2">
<label for="altitude" class="col-1 col-form-label">Alt</label>
<label for="azimuth" class="col-1 col-form-label">Az</label>
<div class="col input-group">
<input class="form-control" name="altitude"
id="altitude" placeholder="45.00" min="10.00" max="85.00" type="number"
data-parameter="telescope-coordinates-altitude">
<input class="form-control" name="azimuth"
id="azimuth" placeholder="0.00" min="0.00" max="359.99" type="number"
data-parameter="telescope-coordinates-azimuth">
<span class="input-group-text">
°
</span>
</div>
</div>
<div class="tab-pane show active" id="radec_tab" role="tabpanel">
<div class="row mt-2">
<label for="identifier" class="col-2 col-form-label">α,δ / ID</label>
<div class="col input-group">
<input class="form-control" name="altitude"
id="identifier" placeholder="Polaris" type="text"
data-parameter="telescope-coordinates-radec">
<span class="input-group-text">
hms ±dms / id
</span>
</div>
</div>
<div class="row mt-2">
<small class="col-2 form-text text-secondary"></small>
<div class="btn-group col" role="group">
<input type="radio" class="btn-check" name="coordinates-radio" id="coordinates-slew" >
<label class="btn btn btn-outline-primary" for="coordinates-slew">Slew</label>
Davide Ricci
committed
<input type="radio" class="btn-check" name="coordinates-radio" id="coordinates-stop" >
<label class="btn btn btn-outline-primary" for="coordinates-stop">Stop</label>
</div>
</div>
Davide Ricci
committed
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
</fieldset>
<aside class="row">
<small class="col-md-2 col-auto text-muted">
</small>
<small class="col text-success">
α:
<var data-status="telescope-coordinates-ra"></var>
</small>
<small class="col text-success">
δ:
<var data-status="telescope-coordinates-dec"></var>
</small>
<small class="col text-success">
ha:
<var data-status="telescope-coordinates-ha"></var>
</small>
</aside>
<aside class="row">
<small class="col-md-2 col-auto text-muted">
</small>
<small class="col text-success">
alt:
<var data-status="telescope-coordinates-alt"></var>
</small>
<small class="col text-success">
az:
<var data-status="telescope-coordinates-az"></var>
</small>
<small class="col text-success">
lst:
<var data-status="telescope-coordinates-lst"></var>
</small>
</aside>
<fieldset class="mt-2 row">
<label class="col-2 col col-form-label">
Focus
</label>
<div class="col-md col-1 input-group">
<span class="col-3 input-group-text">
<var class="w-100 badge border text-bg-success"
data-status="telescope-focuser-movement">
</var>
</span>
<input class="form-control" value="0" type="number"
data-parameter="telescope-focuser">
<span class="input-group-text">
µm
</span>
<button class="col-2 btn btn-outline-primary"
data-control="telescope-focuser">
Set
</button>
</div>
</fieldset>
<aside class="row">
<small class="col-md-2 col-auto text-muted">
</small>
<small class="col text-success">
foc:
<var data-status="telescope-focuser"></var>
</small>
</aside>
<h5 class="mt-2">Telescope offsets</h5>
<fieldset class="mt-2 row">
<label class="col-md-1 col col-form-label">
Zd
</label>
<label class="col-md-1 col col-form-label">
Az
</label>
<div class="col-md col-1 input-group">
<input class="form-control"
data-parameter="telescopeoffset-zd"
value="-800" type="number" >
<input class="form-control"
data-parameter="telescope-offset-az"
value="-25" type="number" >
<span class="input-group-text">
″
</span>
<button class="col-3 btn btn-outline-primary"
data-control="telescope-offset-zd-az">
Set
</button>
</div>
</fieldset>
<aside class="row">
<small class="col-md-3 col-auto text-muted">
</small>
<small class="col text-success">
zd:
<var data-status="telescope-coordinates-offset-zd"></var>
</small>
<small class="col text-success">
az:
<var data-status="telescope-coordinates-offset-az"></var>
</small>
</aside>
<h5 class="mt-2">Dome</h5>
<fieldset class="mt-2 row">
<label class="col-md-2 col col-form-label">
Az
</label>
<div class="col-md col-1 input-group">
<span class="col-3 input-group-text">
<var class="w-100 badge border text-bg-success"
data-status="dome-position-movement">
</var>
</span>
<span class="input-group-text">
<input class="form-check-input mt-0" type="checkbox"
data-control="dome-slave">
</span>
<input class="form-control"
data-parameter="dome-azimuth"
value="0" type="number">
<span class="input-group-text">
°
</span>
<button class="col-auto btn btn-outline-primary"
data-control="dome-azimuth">
Move
</button>
<button class="col btn btn-outline-primary"
data-control="dome-stop">
Stop
</button>
</fieldset>
<aside class="row">
<small class="col-md-3 col-auto text-muted">
</small>
<small class="col text-success">
slaved:
<var data-status="dome-position-slaved"></var>
</small>
<small class="col text-success">
az:
<var data-status="dome-position-azimuth"></var>
</small>
</aside>
<fieldset class="row mt-2">
<label class="col-md-2 col col-form-label">
Shutter
</label>
<div class="col-md col-1 input-group">
<span class="col-3 input-group-text">
<var class="w-100 badge border text-bg-success"
data-status="dome-shutter"
data-value="false"></var>
</span>
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<button class="col btn btn-outline-primary dropdown-toggle"
data-bs-toggle="dropdown">
Open
</button>
<ul class="dropdown-menu">
<li>
<button class="dropdown-item text-bg-danger"
data-control="dome-shutter"
data-value="true">
Really Open!
</button>
</li>
</ul>
<button class="col btn btn-outline-primary"
data-control="dome-shutter">
Close
</button>
</div>
</fieldset>
<aside class="row">
<small class="col-md-2 col-auto text-muted">
</small>
<small class="col text-success">
humidity:
<var data-status="environment-external-Humidity_meteo_station"></var>%
</small>
<small class="col text-success">
T:
<var data-status="environment-external-Temperature_meteo_station"></var>°
</small>
<small class="col text-success">
dew:
<var data-status="environment-external-Dewpoint"></var>°
</small>
</aside>
</section>
<!-- ********************************************************************************** -->
<section id="Camera" class="my-3 p-4 rounded disabled-section
form mt-2 mx-6 col-12 col-sm-12 col-md-12 col-lg-12 col-xl-6 col-xxl-4">
<label class="col-form-label col-2">Frame</label>
<div class="btn-group col-5" role="group" aria-label="First group">
<button id="frame-full" type="button" class="btn btn-outline-primary">Full</button>
<button id="frame-half" type="button" class="btn btn-outline-primary">Half</button>
<button id="frame-small" type="button" class="btn btn-outline-primary">2'</button>
</div>
<label for="binning" class="col-2 col-form-label">Binning</label>
<div class="col">
<select class="form-control" id="binning">
<option value="1">1×1</option>
<option value="2">2×2</option>
<option value="3">3×3</option>
<option value="4">4×4</option>
</select>
</div>
<aside class="row">
<small class="col-md-2 col-auto text-muted">
</small>
<small id="camera-binning" class="col text-success">
binning:
<var data-status="camera-binning"></var>
</small>
</aside>
<div class="row mt-2">
<label for="x0" class="col-1 col-form-label">X<sub>0</sub></label>
<label for="y0" class="col-1 col-form-label">Y<sub>0</sub></label>
<div class="col input-group input-group">
<input class="form-control" type="number"
id="x0" value="123" min="1">
<input class="form-control" type="number"
id="y0" value="234" min="1">
<span class="input-group-text">px</span>
</div>
</div>
<div class="row mt-2">
<label for="xf" class="col-1 col-form-label">Y<sub>f</sub></label>
<label for="yf" class="col-1 col-form-label">Y<sub>f</sub></label>
<div class="col input-group input-group">
<input class="form-control" type="number"
id="xf" value="678" min="2">
<input class="form-control" type="number"
id="yf" value="789" min="2">
<span class="input-group-text">px</span>
</div>
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
<!-- <div class="row"> -->
<!-- <strong class="col-2">Info:</strong> -->
<!-- <small class="text-muted">Max: <var>1024</var>×<var>1024</var> px</small> -->
<!-- <small class="text-muted">Width: <var>800</var> px</small> -->
<!-- <small class="text-muted">Height: <var>600</var> px</small> -->
<!-- </div> -->
</fieldset>
<fieldset>
<div class="row mt-2">
<label for="frametyp" class="col-form-label col-2">Type</label>
<div class="col input-group">
<select id="frametyp" name="frametyp" class="form-control">
<option value="Light">Light</option>
<option value="Bias">Bias</option>
<option value="Flat">Flat</option>
<option value="Dark">Dark</option>
</select>
</div>
<label for="filter" class="col-form-label col-2">Filter</label>
<div class="col input-group">
<select id="filter" name="filter" class="form-control">
<option value="U">U</option>
<option value="B">B</option>
<option value="V">V</option>
<option value="R">R</option>
<option value="I">I</option>
<option value="Halpha">Hα</option>
<option value="Free">Free</option>
</select>
</div>
<div class="row mt-2">
<label class="col-2 col-form-label" for="exptime" >Exptime</label>
<div class="input-group col">
<input class="form-control" type="number" id="exptime" value="10.0">
<span class="input-group-text">s</span>
</div>
<label for="repeat" class="col-2 col-form-label">Repeat</label>
<div class="input-group col">
<input class="form-control" type="number" id="repeat" value="1" min="1" max="300">
<span class="input-group-text">#</span>
</div>
<label for="object" class="col-form-label col-2">Object</label>
<div class="col">
<input type="text" placeholder="Test" id="object"
name="object" class="form-control" value="Test">
</div>
<div class="row mt-2">
<label class="col-2 col-form-label" >Recenter</label>
<div class="input-group col">
<span class="input-group-text">
<input class="form-check-input mt-0" type="checkbox"
data-control="recenter" >
</span>
<input class="form-control"
data-parameter="recenter-box"
min="50" max="500"
value="300" type="number">
<span class="input-group-text">px</span>
</div>
<label for="bump" class="col-2 col-form-label">Bump</label>
<div class="input-group col">
<span class="input-group-text">
<input id="bump" class="form-check-input mt-0" type="checkbox"
data-control="domeslewing" checked>
</span>
</div>
</fieldset>
<fieldset>
<div class="row mt-2">
<small class="col-2 text-secondary"></small>
<div class="btn-group col" role="group">
<input id="camera-start" type="radio" class="btn-check" name="btnradio">
<label class="btn btn btn-outline-primary" for="camera-start">Expose</label>
<input id="camera-stop" type="radio" class="btn-check" name="btnradio" >
<label class="btn btn btn-outline-primary" for="camera-stop">Stop</label>
</div>
Davide Ricci
committed
</div>
</fieldset>
<aside class="row">
<small class="col-md-2 col-auto text-muted">
</small>
<small class="col text-success">
cool:
<var data-status="camera-cooler"></var>
</small>
<small id="camera-filter" class="col text-success">
filt:
<var data-status="camera-filter"></var>
</small>
<small class="col text-success">
moving:
<var data-status="camera-filter-movement"></var>
</small>
<small class="col text-success">
state:
<var data-status="camera-snapshot-state"></var>
<aside class="row">
<small class="col-md-2 col-auto text-muted">
</small>
<small class="col text-success">
fan:
<var data-status="camera-fan"></var>%
</small>
<small class="col text-success">set:
<var data-status="camera-setpoint"></var>°
</small>
<small class="col text-success">
T:
<var data-status="camera-temperature"></var>°
</small>
<small class="col text-success">
amb:
<var data-status="camera-ambient"></var>°
</small>
</aside>
</section>
<!-- ************************************************************************ -->
<section class="mt-2 mx-6 col-12 col-sm-12 col-md-12 col-lg-12 col-xl-6 col-xxl-4">
<fieldset>
<h5>Monitors</h5>
<nav>
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" data-bs-toggle="tab"
data-bs-target="#fits_tab" type="button"
role="tab">FITS</button>
</li>
<li class="nav-item" role="presentation">
Davide Ricci
committed
<button class="nav-link " data-bs-toggle="tab"
data-bs-target="#webcam_tab" type="button"
role="tab">Webcam</button>
</li>
Davide Ricci
committed
<li class="nav-item" role="presentation">
<button class="nav-link" data-bs-toggle="tab"
Davide Ricci
committed
data-bs-target="#output_tab" type="button"
role="tab">Output</button>
</li>
</nav>
<div class="tab-pane show active" id="fits_tab" role="tabpanel">
{% include "display.html" %}
</div>
Davide Ricci
committed
<div class="tab-pane" id="webcam_tab" role="tabpanel">
{% include "webcam.html" %}
</div>
<div class="tab-pane" id="output_tab" role="tabpanel">
Davide Ricci
committed
{% include "output.html" %}
</div>
Davide Ricci
committed
</div>
Davide Ricci
committed
</div>
Andrea Damonte
committed
</div>
Davide Ricci
committed
{% endblock content %}