Skip to content
GitLab
Explore
Sign in
Davide Ricci
software-di-controllo
Compare revisions
ad7097fa78c2d07b3ce9cdefe7259b19595547d6 to 50a1efd5b5f601f76dd2679f0a944208f814045a
Commits on Source (3)
Disabled sections now use /ping . Still not perfect, but it's something
· 7574bb76
Davide Ricci
authored
Mar 17, 2024
and
Davide Ricci
committed
Mar 17, 2024
7574bb76
Disabled sections now use /ping . Still not perfect, but it's something
· 7ba047ca
Davide Ricci
authored
Mar 17, 2024
and
Davide Ricci
committed
Mar 17, 2024
7ba047ca
Disabled sections now use /ping . Still not perfect, but it's something
· 50a1efd5
Davide Ricci
authored
Mar 17, 2024
and
Davide Ricci
committed
Mar 17, 2024
50a1efd5
Hide whitespace changes
Inline
Side-by-side
web/static/status-streams.js
View file @
50a1efd5
...
...
@@ -11,6 +11,8 @@ var socket = io.connect({
let
first_camera_update
=
true
let
first_camera_update
=
true
socket
.
on
(
'
connect
'
,
function
()
{
console
.
log
(
'
Connected to server
'
);
...
...
@@ -32,15 +34,18 @@ socket.on('timestamp', function(server_unix_time) {
//////////////////
socket
.
on
(
"
all-dome
"
,
function
(
e
)
{
// Disable if not /ping:
if
(
e
[
"
dome-ping
"
].
raw
!==
true
)
{
$
(
"
#Dome
"
).
addClass
(
"
pe-none
"
).
css
({
"
opacity
"
:
"
0.4
"
})
.
find
(
'
*
'
)
.
attr
(
'
tabindex
'
,
'
-1
'
)
}
else
{
$
(
"
#Dome
"
).
removeClass
(
"
pe-none
"
).
css
({
"
opacity
"
:
"
1.0
"
})
.
find
(
'
*
'
)
.
removeAttr
(
'
tabindex
'
)
}
$
.
each
(
e
,
function
(
k
,
v
){
/// Depth 1
...
...
@@ -54,9 +59,9 @@ socket.on("all-dome",function(e) {
$
(
"
[data-status=
"
+
k
+
"
-azimuth]
"
).
text
(
e
[
k
].
response
.
azimuth
)
$
(
"
[data-status=
"
+
k
+
"
-parked]
"
).
text
(
e
[
k
].
response
.
parked
)
}
// pulse(elem)
});
});
...
...
@@ -70,9 +75,12 @@ socket.on("all-telescope",function(e) {
// Disable if not /ping:
if
(
e
[
"
telescope-ping
"
].
raw
!==
true
)
{
$
(
"
#Telescope
"
).
addClass
(
"
pe-none
"
).
css
({
"
opacity
"
:
"
0.4
"
})
.
find
(
'
*
'
)
.
attr
(
'
tabindex
'
,
'
-1
'
)
}
else
{
$
(
"
#Telescope
"
).
removeClass
(
"
pe-none
"
).
css
({
"
opacity
"
:
"
1.0
"
})
.
find
(
'
*
'
)
.
removeAttr
(
'
tabindex
'
)
}
$
.
each
(
e
,
function
(
k
,
v
){
...
...
@@ -93,33 +101,36 @@ socket.on("all-telescope",function(e) {
$
(
"
[data-status=
"
+
k
+
"
-ha]
"
).
text
(
e
[
k
].
response
.
ha
)
$
(
"
[data-status=
"
+
k
+
"
-lst]
"
).
text
(
e
[
k
].
response
.
lst
)
}
if
(
k
==
"
telescope-coordinates-offset
"
)
{
$
(
"
[data-status=
"
+
k
+
"
-zd]
"
).
text
((
e
[
k
].
response
[
0
]
*
3600
).
toFixed
(
1
))
$
(
"
[data-status=
"
+
k
+
"
-az]
"
).
text
((
e
[
k
].
response
[
1
]
*
3600
).
toFixed
(
1
))
}
}
// pulse(elem)
})
});
//////////////////
/// Camera stream
//////////////////
socket
.
on
(
"
all-camera
"
,
function
(
e
)
{
socket
.
on
(
"
all-camera
"
,
function
(
e
)
{
//console.log(e)
// Disable if not /ping:
if
(
e
[
"
camera-ping
"
].
raw
!==
true
)
{
$
(
"
#Camera
"
).
addClass
(
"
pe-none
"
).
css
({
"
opacity
"
:
"
0.4
"
})
.
find
(
'
*
'
)
.
attr
(
'
tabindex
'
,
'
-1
'
)
}
else
{
$
(
"
#Camera
"
).
removeClass
(
"
pe-none
"
).
css
({
"
opacity
"
:
"
1.0
"
})
.
find
(
'
*
'
)
.
removeAttr
(
'
tabindex
'
)
// Update the input fields with the real data, at first page load
// Update the input fields with the real data, at first page load
if
(
first_camera_update
)
{
$
(
'
#filter
'
).
prop
(
"
value
"
,
e
[
"
camera-filter
"
].
response
)
$
(
"
#binning
"
).
prop
(
"
value
"
,
e
[
"
camera-settings
"
].
response
.
binning
[
0
])
// [0,0]
...
...
@@ -129,29 +140,34 @@ socket.on("all-camera",function(e) {
$
(
'
#yf
'
).
prop
(
"
value
"
,
e
[
"
camera-settings
"
].
response
.
xyend
[
1
])
first_camera_update
=
false
}
}
$
.
each
(
e
,
function
(
k
,
v
){
/// Depth 1
var
elem
=
$
(
"
[data-status=
"
+
k
+
"
]
"
)
if
(
elem
)
{
elem
.
text
(
v
.
response
)
}
/// Depth 2 (settings)
if
(
k
==
"
camera-settings
"
)
{
if
(
k
==
"
camera-settings
"
)
{
$
.
each
(
v
.
response
,
function
(
kk
,
vv
){
var
elem
=
$
(
"
[data-status=camera-
"
+
kk
+
"
]
"
)
if
(
elem
)
{
elem
.
text
(
vv
)
}
<<<<<<<
HEAD
});
=======
});
>>>>>>>
ad7097fa78c2d07b3ce9cdefe7259b19595547d6
}
});
});
/////////////////////
...
...
@@ -255,7 +271,7 @@ socket.on("new_lines", function(lines) {
});
lines
.
forEach
(
function
(
line
){
$
(
"
#stream-output
"
).
prepend
(
'
<div class="
'
+
log_level
+
'
">
'
+
ansi_up
.
ansi_to_html
(
line
)
+
'
</div>
'
);
...
...
@@ -263,18 +279,32 @@ socket.on("new_lines", function(lines) {
});
///////////////////////
/// Pulse on changes
///////////////////////
function
pulse
(
selector
)
{
// var done = "bg-success"
// var delay = 200
selector
.
fadeTo
(
'
slow
'
,
0.5
,
function
()
{
selector
.
fadeTo
(
'
slow
'
,
1.0
)
//.removeClass(done);
});
// setTimeout(function() {
// selector.removeClass(done);
// }, delay);
}
$
(
document
).
ready
(
function
(){
// Select all elements with data-status attribute
const
elements
=
document
.
querySelectorAll
(
'
[data-status]
'
);
// Object to store previous text content of each element
const
previousTextContent
=
{};
// Function to monitor text changes
function
observeChanges
(
element
)
{
const
observer
=
new
MutationObserver
(
mutationsList
=>
{
...
...
@@ -289,29 +319,14 @@ $(document).ready(function(){
}
}
});
observer
.
observe
(
element
,
{
subtree
:
true
,
childList
:
true
});
}
// Apply observeChanges function to each element
elements
.
forEach
(
element
=>
{
previousTextContent
[
element
.
getAttribute
(
'
data-status
'
)]
=
element
.
textContent
.
trim
();
observeChanges
(
element
);
});
});
function
pulse
(
selector
)
{
// var done = "bg-success"
// var delay = 200
selector
.
fadeTo
(
'
slow
'
,
0.5
,
function
()
{
selector
.
fadeTo
(
'
slow
'
,
1.0
)
//.removeClass(done);
});
// setTimeout(function() {
// selector.removeClass(done);
// }, delay);
}
});