webClient: minor GUI layout update.

ssdv
Michal Fratczak 2020-04-26 18:24:13 +02:00
rodzic 4e67a34b7b
commit 736afe2df7
1 zmienionych plików z 22 dodań i 19 usunięć

Wyświetl plik

@ -475,6 +475,16 @@ function HABDEC_BUILD_UI_DemodAndInfo()
divcnt_habsentence_list.id = "cnt_habsentence_list";
divcnt_habsentence_list.classList.add("habsentence_text");
// SSDV
var ssdv_div = document.createElement("div");
var ssdv_info = document.createElement("text");
ssdv_info.id = "HabDec_SSDV_Info";
ssdv_info.style.color = "var(--HD_label)"
var ssdv_image = document.createElement("img");
ssdv_image.id = "HabDec_SSDV_Image";
ssdv_div.appendChild(ssdv_image);
ssdv_div.appendChild(ssdv_info);
div_info.appendChild(div_debug);
div_info.appendChild( document.createElement("br") );
@ -484,6 +494,7 @@ function HABDEC_BUILD_UI_DemodAndInfo()
div_top.appendChild(div_cnt_demodCanvas);
div_top.appendChild(div_info);
div_top.appendChild(ssdv_div);
return div_top;
@ -564,15 +575,7 @@ function HABDEC_BUILD_UI_ExtraRadioButtons()
div_three_buttons.appendChild(b_afc);
div_three_buttons.appendChild(b_dc_remove);
// <p> <button id="btnFullscreen" type="button" onclick="toggleFullscreen()">Fullscreen</button> </p>
var btnFullscreen = document.createElement("button");
btnFullscreen.innerHTML = "Fullscreen";
btnFullscreen.onclick = () => { toggleFullscreen() };
var paragraph = document.createElement("p");
paragraph.appendChild(btnFullscreen);
div_top.appendChild(div_three_buttons);
div_top.appendChild(paragraph);
return div_top;
}
@ -667,15 +670,6 @@ function HABDEC_BUILD_UI(parent_div)
var div_server = HABDEC_BUILD_UI_Server();
//<!-- <div id="PayloadsWrapperDiv"></div> -->
// SSDV
var ssdv_div = document.createElement("div");
var ssdv_info = document.createElement("text");
ssdv_info.id = "HabDec_SSDV_Info";
var ssdv_image = document.createElement("img");
ssdv_image.id = "HabDec_SSDV_Image";
ssdv_div.appendChild(ssdv_image);
ssdv_div.appendChild(ssdv_info);
// flights list
var div_payloads_wrapper = document.createElement("div");
div_payloads_wrapper.id = "PayloadsWrapperDiv";
@ -684,16 +678,25 @@ function HABDEC_BUILD_UI(parent_div)
var div_colors_wrapper = document.createElement("div");
div_colors_wrapper.id = "ColorSchemesWrapperDiv";
// div for flights and colors - in row
// <p> <button id="btnFullscreen" type="button" onclick="toggleFullscreen()">Fullscreen</button> </p>
var div_but_fs = document.createElement("div");
var btnFullscreen = document.createElement("button");
btnFullscreen.innerHTML = "Fullscreen";
btnFullscreen.onclick = () => { toggleFullscreen() };
div_but_fs.appendChild(btnFullscreen);
// var btnFS_par = document.createElement("p");
// btnFS_par.appendChild(btnFullscreen);
// div for [flights, colors, fillscreen] - in row
var extra_options = document.createElement("div");
extra_options.style.display = 'flex';
extra_options.appendChild(div_payloads_wrapper);
extra_options.appendChild(div_colors_wrapper);
extra_options.appendChild(div_but_fs);
// parent_div.display.height = "1000px";
parent_div.appendChild(div_power);
parent_div.appendChild(div_demod_and_ctrls);
parent_div.appendChild(ssdv_div);
parent_div.appendChild(div_extra_radio_buttons);
parent_div.appendChild(div_server);
// parent_div.appendChild(div_payloads_wrapper);