iou1name/Juice
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

socket updates rainbow/america/animation params

Browse Source
This commit is contained in:
iou1name 2019-11-22 08:50:22 -05:00
parent 853a3cce53
commit 4fc86bce64
1 changed files with 43 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
static/juice.js
View File

@ -167,7 +167,10 @@ function delete_device_recv(data) {
function neopixel_recv(data) { function neopixel_recv(data) {
let device = document.querySelector('#' + data.device_id); let device = document.querySelector('#' + data.device_id);
if (data.change_mode === 'state') { if (data.change_mode === 'state') {
select = device.querySelector('.state_select');
if (data.type === 'solid') { if (data.type === 'solid') {
select.value = data.type;
state_select(select, false);
if (data.amount === 'all') { if (data.amount === 'all') {
let sub_devices = device.querySelector('.sub_devices'); let sub_devices = device.querySelector('.sub_devices');
for (let sub_device of sub_devices.children) { for (let sub_device of sub_devices.children) {
@ -181,9 +184,40 @@ function neopixel_recv(data) {
sub_device.firstElementChild.firstElementChild.value = data.color; sub_device.firstElementChild.firstElementChild.value = data.color;
} }
} else if (data.type === 'rainbow') { } else if (data.type === 'rainbow') {
select.value = data.type;
state_select(select, false);
device.querySelector('#state_rainbow_red_freq_' + device.id).value = data.rainbow_params[0];
device.querySelector('#state_rainbow_green_freq_' + device.id).value = data.rainbow_params[1];
device.querySelector('#state_rainbow_blue_freq_' + device.id).value = data.rainbow_params[2];
device.querySelector('#state_rainbow_red_phase_' + device.id).value = data.rainbow_params[3];
device.querySelector('#state_rainbow_green_phase_' + device.id).value = data.rainbow_params[4];
device.querySelector('#state_rainbow_blue_phase_' + device.id).value = data.rainbow_params[5];
device.querySelector('#state_rainbow_center_' + device.id).value = data.rainbow_params[6];
device.querySelector('#state_rainbow_width_' + device.id).value = data.rainbow_params[7];
} else if (data.type === 'america') { } else if (data.type === 'america') {
select.value = data.type;
state_select(select, false);
device.querySelector('#state_america_stripe_' + device.id).value = data.america_params[0];
device.querySelector('#state_america_magnitude_' + device.id).value = data.america_params[1];
} }
} else if (data.change_mode === 'animation') { } else if (data.change_mode === 'animation') {
if (data.property_type === 'mode') {
select = device.querySelector('.animation_select');
if (data.type === 'static') {
select.value = data.type;
animation_select(select, false);
} else if (data.type === 'rotate_left') {
select.value = data.type;
animation_select(select, false);
device.querySelector('#animation_rotate_count_' + device.id).value = data.rotate_count;
} else if (data.type === 'rotate_right') {
select.value = data.type;
animation_select(select, false);
device.querySelector('#animation_rotate_count_' + device.id).value = data.rotate_count;
}
} else if (data.property_type === 'delay') {
device.querySelector('#animation_delay_' + device.id).value = data.delay;
}
} else if (data.change_mode === 'strip') { } else if (data.change_mode === 'strip') {
if (data.amount === 'full') { if (data.amount === 'full') {
let sub_devices = device.querySelector('.sub_devices'); let sub_devices = device.querySelector('.sub_devices');
@ -225,8 +259,7 @@ function save_field(field) {
socket.send('edit_field', data); socket.send('edit_field', data);
} }
function new_device() { function new_device() { let data = {
let data = {
device_type: 'RelayDevice', device_type: 'RelayDevice',
}; };
socket.send('new_device', data); socket.send('new_device', data);
@ -363,7 +396,7 @@ function state_solid_amount(radio) {
} }
} }
function state_select(select) { function state_select(select, send_socket_event = true) {
let device = select.closest('.device'); let device = select.closest('.device');
if (select.value === 'solid') { if (select.value === 'solid') {
select.parentElement.querySelector('.state_solid').style.display = 'block'; select.parentElement.querySelector('.state_solid').style.display = 'block';
@ -383,10 +416,12 @@ function state_select(select) {
let input = sub_device.firstElementChild.firstElementChild; let input = sub_device.firstElementChild.firstElementChild;
input.disabled = true; input.disabled = true;
} }
if (send_socket_event) {
neopixel_state(device); neopixel_state(device);
} }
}
function animation_select(select) { function animation_select(select, send_socket_event = true) {
let device = select.closest('.device'); let device = select.closest('.device');
if (select.value === 'static') { if (select.value === 'static') {
select.parentElement.querySelector('.animation_static').style.display = 'block'; select.parentElement.querySelector('.animation_static').style.display = 'block';
@ -395,8 +430,10 @@ function animation_select(select) {
select.parentElement.querySelector('.animation_static').style.display = 'none'; select.parentElement.querySelector('.animation_static').style.display = 'none';
select.parentElement.querySelector('.animation_rotate').style.display = 'block'; select.parentElement.querySelector('.animation_rotate').style.display = 'block';
} }
if (send_socket_event) {
neopixel_animation(device); neopixel_animation(device);
} }
}
/* Misc */ /* Misc */
function get_object_from_svg(svg) { function get_object_from_svg(svg) {