Skip to content

Commit

Permalink
UI improvements (3)
Browse files Browse the repository at this point in the history
  • Loading branch information
@awawa-dev
awawa-dev committed Aug 9, 2023
1 parent a150367 commit 5f2bcc5
Show file tree
Hide file tree
Showing 7 changed files with 169 additions and 87 deletions.
9 changes: 9 additions & 0 deletions dependencies/CMakeLists.txt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -177,6 +177,15 @@ if ( ENABLE_XZ )
option(BUILD_TESTING "" OFF)
if (NOT LIBLZMA_FOUND)
message( STATUS "System library xz could not be found. Using embedded xz library.")
if(MSVC)
set(BACKUP_OF_CMAKE_CXX_FLAGS ${CMAKE_CXX_FLAGS})
string(REGEX REPLACE "(\/W[011123456789])" "" CMAKE_CXX_FLAGS "${CMAKE_CXX_FLAGS}")
message( STATUS "Disable warnings for xz library: ${CMAKE_CXX_FLAGS}")
endif()
add_subdirectory(${CMAKE_CURRENT_SOURCE_DIR}/external/xz)
if(MSVC)
set(CMAKE_CXX_FLAGS ${BACKUP_OF_CMAKE_CXX_FLAGS})
message( STATUS "Restoring compiling flags after xz: ${CMAKE_CXX_FLAGS}")
endif()
endif()
ENDIF()
49 changes: 41 additions & 8 deletions www/css/hyperhdr.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,20 @@ body {
margin: 0 auto;
}

.dark-mode #modal_dialog_rename .modal-dialog .modal-content {
.dark-mode #new_modal_dialog:not(.modal-hyperhdr-danger-warning-success) .modal-dialog .modal-content {
border-width: 3px;
border-style: solid;
border-radius: 10px;
border-color:#1074b1 !important;
}

.dark-mode #new_modal_dialog.modal-hyperhdr-danger-warning-success .modal-dialog .modal-content {
border-width: 2px;
border-style: solid;
border-radius: 10px;
border-color:#909090 !important;
}

.hyperhdr-vcenter {
display: flex;
justify-content: center;
Expand Down Expand Up @@ -206,17 +213,27 @@ body:not(.dark-mode) .alert.parentAlert {


/*Modal icons*/
[class*="modal-icon"]{
padding:30px;
border-radius: 60px;
color:white;
font-size:50px !important;
@media (min-width: 768px){
[class*="modal-icon"]{
padding:30px;
border-radius: 60px;
color:white;
font-size:50px !important;
}
}
@media (max-width: 768px){
[class*="modal-icon"]{
padding:15px;
border-radius: 30px;
color:white;
font-size:25px !important;
}
}
.modal-icon-check{
background-color:#71c341;
background-color:#198754;
}
.modal-icon-warning{
background-color:#f7c44a;
background-color:#d07a12;
}
.modal-icon-error{
background-color:#d1322e;
Expand Down Expand Up @@ -350,6 +367,22 @@ body:not(.dark-mode) .modal-hyperhdr-header {
color:#FFFFFF !important;
}

.modal-header.modal-hyperhdr-header.modal-hyperhdr-header-danger {
background-color:#d1322e !important;
border-color:#d1322e !important;
}


.modal-header.modal-hyperhdr-header.modal-hyperhdr-header-success {
background-color:#198754 !important;
border-color:#198754 !important;
}

.modal-header.modal-hyperhdr-header.modal-hyperhdr-header-warning {
background-color:#d07a12 !important;
border-color:#d07a12 !important;
}

.card-default{
/*background-color:#fff !important;
border-color:#d0d0d0 !important;*/
Expand Down
38 changes: 19 additions & 19 deletions www/i18n/pl.json
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"general_btn_on": "Włączony",
"general_btn_on": "Działa",
"InfoDialog_access_text": "W zależności od poziomu ustawień możesz dostosować więcej opcji lub uzyskać dostęp do większej liczby funkcji. Zalecany jest poziom „Domyślny”.",
"InfoDialog_access_title": "Poziom ustawień",
"InfoDialog_changePassword_success": "Hasło zostało pomyślnie zapisane!",
Expand Down Expand Up @@ -39,7 +39,7 @@
"conf_general_inst_name_title": "Nazwa nowej instancji",
"conf_general_inst_namehead": "Nazwa instancji",
"conf_general_inst_renreq_t": "Wprowadź nową nazwę swojej instancji w polu poniżej.",
"conf_general_inst_title": "Zarządzanie wystąpieniami sprzętu LED",
"conf_general_inst_title": "Zarządzanie instancjami HyperHDR",
"conf_general_intro": "Podstawowe ustawienia wokół HyperHDR i WebUI, które nie pasują do innej kategorii.",
"conf_general_label_title": "Ustawienia główne",
"conf_grabber_fg_intro": "Przechwytywanie platformy to przechwytywanie lokalnego systemu jako źródło wejściowe, na którym jest zainstalowany HyperHDR.",
Expand Down Expand Up @@ -155,9 +155,9 @@
"dashboard_alert_message_confsave_success_t": "Konfiguracja została zapisana",
"dashboard_alert_message_disabled": "Ta instancja jest obecnie wyłączona! Aby użyć go ponownie, włącz go na pulpicie nawigacyjnym.",
"dashboard_alert_message_disabled_t": "Instancja sprzętowa LED wyłączona",
"dashboard_componentbox_label_comp": "Składnik",
"dashboard_componentbox_label_comp": "Komponent",
"dashboard_componentbox_label_status": "Status",
"dashboard_componentbox_label_title": "składniki",
"dashboard_componentbox_label_title": "Komponenty",
"dashboard_infobox_label_currenthyp": "Twoja wersja HyperHDR:",
"dashboard_infobox_label_disableh": "Wyłącz instancję: $1",
"dashboard_infobox_label_enableh": "Włącz instancję: $1",
Expand Down Expand Up @@ -367,7 +367,7 @@
"edt_conf_pbs_timeout_expl": "Jeśli w podanym okresie nie zostaną odebrane żadne dane, składnik zostanie (miękko) wyłączony.",
"edt_conf_pbs_timeout_title": "Koniec czasu",
"edt_conf_smooth_continuousOutput_expl": "Zaktualizuj diody LED, nawet jeśli nie ma zmienionego obrazu.",
"edt_conf_smooth_continuousOutput_title": "Ciągła moc wyjściowa",
"edt_conf_smooth_continuousOutput_title": "Wymuś aktualizowanie LED",
"edt_conf_smooth_decay_expl": "Szybkość rozpadu. 1 jest liniowa, większe wartości mają silniejszy efekt.",
"edt_conf_smooth_decay_title": "Rozpad-Moc",
"edt_conf_smooth_dithering_expl": "Popraw dokładność kolorów przy wysokich prędkościach wyjściowych, zmieniając sąsiednie kolory.",
Expand Down Expand Up @@ -689,36 +689,36 @@
"general_access_advanced": "Zaawansowany",
"general_access_default": "Domyślny",
"general_access_expert": "Ekspert",
"general_btn_back": "Z powrotem",
"general_btn_cancel": "anulować",
"general_btn_back": "Powrót",
"general_btn_cancel": "Anuluj",
"general_btn_continue": "Kontyntynuj",
"general_btn_delete": "Usunąć",
"general_btn_delete": "Usuń",
"general_btn_denyAccess": "Odmówić dostępu",
"general_btn_grantAccess": "Dostęp uznany",
"general_btn_iswitch": "Przełącznik",
"general_btn_next": "Następny",
"general_btn_off": "Wyłączony",
"general_btn_off": "Stop",
"general_btn_ok": "ok",
"general_btn_exit": "Wyjście",
"general_btn_rename": "Przemianować",
"general_btn_rename": "Edytuj",
"general_btn_save": "Ratować",
"general_btn_saveandreload": "Zapisz i przeładuj",
"general_btn_saverestart": "Zapisz i wyjdź",
"general_btn_start": "Początek",
"general_btn_stop": "Zatrzymać",
"general_btn_yes": "TAk",
"general_btn_stop": "Zatrzymaj",
"general_btn_yes": "Tak",
"general_button_savesettings": "Zapisz ustawienia",
"general_chars_needed": "potrzeba więcej znaków",
"general_col_blue": "niebieski",
"general_col_green": "Zielony",
"general_col_red": "czerwony",
"general_comp_BLACKBORDER": "Wykrywanie czarnego paska",
"general_comp_BOBLIGHTSERVER": "Serwer Boblight",
"general_comp_FLATBUFSERVER": "Serwer płaskich buforów",
"general_comp_FORWARDER": "Spedytor",
"general_comp_FLATBUFSERVER": "Serwer FlatBuffers",
"general_comp_FORWARDER": "Przekaźnik",
"general_comp_GRABBER": "Przechwytywanie systemu",
"general_comp_LEDDEVICE": "Urządzenie LED",
"general_comp_PROTOSERVER": "Serwer buforów protokołów",
"general_comp_PROTOSERVER": "Serwer ProtoBuffers",
"general_comp_SMOOTHING": "Wygładzanie",
"general_comp_VIDEOGRABBER": "Przechwytywanie USB",
"general_country_cn": "Chiny",
Expand Down Expand Up @@ -801,7 +801,7 @@
"remote_color_label": "Kolory/efekty",
"remote_color_label_color": "Kolor:",
"remote_components_intro": "Włączaj i wyłączaj składniki HyperHDR w czasie wykonywania. $1",
"remote_components_label": "składniki",
"remote_components_label": "Komponent",
"remote_effects_label_effects": "Efekt:",
"remote_effects_label_picture": "Zdjęcie:",
"remote_input_clearall": "Wyczyść wszystkie efekty/kolory",
Expand Down Expand Up @@ -930,7 +930,7 @@
"wiz_rgb_qgend": "...Zielony?",
"wiz_rgb_qrend": "...czerwony?",
"wiz_rgb_switchevery": "Zmień kolor co...",
"wiz_rgb_title": "Kreator zamówień RGB",
"wiz_rgb_title": "Kolejność R/G/B",
"wiz_wizavail": "Dostępny kreator",
"wiz_yeelight_desc2": "Teraz wybierz, które lampy mają zostać dodane. Pozycja przypisuje lampę do określonej pozycji na Twoim „obrazie”. Wyłączone lampy nie zostaną dodane. Aby zidentyfikować pojedyncze lampy, naciśnij przycisk po prawej stronie.",
"wiz_yeelight_intro1": "Ten kreator konfiguruje HyperHDR dla systemu Yeelight. Funkcje to automatyczne wykrywanie Yeelighs, ustawianie każdego światła w określonej pozycji na zdjęciu lub wyłączanie go i automatyczne dostrajanie ustawień HyperHDR! Krótko mówiąc: wystarczy kilka kliknięć i gotowe!",
Expand Down Expand Up @@ -1147,15 +1147,15 @@
"edt_conf_stream_autoResume_expl": "Spróbuj ponownie uruchomić przechwytywanie wideo, jeśli strumień wideo zostanie zatrzymany. Używaj ostrożnie, ponieważ nie jest to lekarstwo na problemy sprzętowe grabbera.",
"json_api_video_controls": "Właściwości strumienia przechwytywania wideo",
"json_api_video_controls_expl": "Ustaw właściwości sprzętowe Video Grabbera, jeśli jest obsługiwane: jasność, kontrast, nasycenie, odcień.",
"main_menu_grabber_benchmark_token": "Test porównawczy wideo",
"main_menu_grabber_benchmark_token": "Benchmark grabbera",
"grabber_benchmark_intro": "To narzędzie może dostarczyć informacji o przybliżonym opóźnieniu przechwytywania wideo. Powinieneś uruchomić ten test na urządzeniu z HyperHDR, aby wyeliminować możliwe opóźnienia sieciowe między twoją przeglądarką WWW a aplikacją HyperHDR. Podczas testu ekran może migotać.<br/><ol><li>Umieść czarny prostokąt na środku ekranu</li><li>Upewnij się, że przechwytywacz wideo przechwytuje wyśrodkowany prostokąt (podgląd wideo na żywo) </li><li>Rozpocznij test. Nie przerywaj jej podczas pracy i nie używaj myszy ani klawiatury.</li></ol>",
"benchmark_av_delay": "Średnie zmierzone opóźnienie:",
"benchmark_exp_delay": "Idealne minimalne opóźnienie (związane z FPS):",
"edt_conf_video_cache_title": "Pamięć podręczna ramek",
"edt_conf_video_cache_expl": "Włącz buforowanie ramek. Może pomóc w uzyskaniu wyższych rozdzielczości i liczby klatek na sekundę",
"perf_usb_grabber": "chwytak USB",
"perf_usb_instance": "Instancja",
"dashboard_performance_label_title": "Występ",
"dashboard_performance_label_title": "Statystyki",
"perf_please_wait": "proszę czekać",
"perf_temperature": "Temperatura",
"perf_undervoltage": "Wykryto zbyt niskie napięcie",
Expand Down
12 changes: 6 additions & 6 deletions www/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -283,19 +283,19 @@ <h4 data-i18n="dashboard_alert_message_disabled_t" class="bs-main-text"></h4>
</div>
</div>

<!-- renameDialog -->
<div id="modal_dialog_rename" class="modal fade" style="z-index: 9999;">
<!-- new modal dialog -->
<div id="new_modal_dialog" class="modal fade" style="z-index: 9999;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header modal-hyperhdr-header">
<h5 class="modal-title" id="id_title_rename"></h5>
<div class="modal-header modal-hyperhdr-header" id="new_modal_dialog_header">
<h5 class="modal-title" id="new_modal_dialog_title"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<form id="id_body_rename">
<form id="new_modal_dialog_body">
</form>
</div>
<div id="id_footer_rename" class="modal-footer" style="text-align: center;">
<div id="new_modal_dialog_footer" class="modal-footer" style="text-align: center;">
</div>
</div>
</div>
Expand Down
17 changes: 4 additions & 13 deletions www/js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -172,16 +172,11 @@ $(document).ready(function () {
window.showOptHelp = window.serverConfig.general.showOptHelp;
});

$(window.hyperhdr).on("cmd-config-setconfig", function (event) {
$(window.hyperhdr).on("cmd-config-setconfig cmd-instance-saveName cmd-instance-deleteInstance cmd-instance-createInstance", function (event) {
if (event.response.success === true)
{
let textelemHeader = document.getElementById('toast_message_header_id');
textelemHeader.innerText = $.i18n("dashboard_alert_message_confsave_success_t");
let textelemBody = document.getElementById('toast_message_body_id');
textelemBody.innerText = $.i18n("dashboard_alert_message_confsave_success");
let myToastEl = document.getElementById('toast_success_message');
let myToast = bootstrap.Toast.getOrCreateInstance(myToastEl);
myToast.show();
var timeout = (event.type == "cmd-config-setconfig") ? 0 : 500;
toaster('success', $.i18n("dashboard_alert_message_confsave_success_t"), $.i18n("dashboard_alert_message_confsave_success"), 0);
}
});

Expand Down Expand Up @@ -233,11 +228,7 @@ $(document).ready(function () {

$(window.hyperhdr).on("cmd-authorize-newPassword", function (event) {
if (event.response.success === true) {
let textelemHeader = document.getElementById('toast_message_header_id');
textelemHeader.innerText = $.i18n("infoDialog_general_success_title");
let textelemBody = document.getElementById('toast_message_body_id');
textelemBody.innerText = $.i18n("InfoDialog_changePassword_success");
setTimeout(function(){bootstrap.Toast.getOrCreateInstance(document.getElementById('toast_success_message')).show();}, 500);
toaster('success', $.i18n("infoDialog_general_success_title"), $.i18n("InfoDialog_changePassword_success"), 500);
// not necessarily true, but better than nothing
window.defaultPasswordIsSet = false;
}
Expand Down
2 changes: 1 addition & 1 deletion www/js/settings.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ function changePassword(){

requestChangePassword(oldPw, newPw);

$('#modal_dialog_rename').modal('toggle');
$('#new_modal_dialog').modal('toggle');
});


Expand Down
Loading

0 comments on commit 5f2bcc5

Please sign in to comment.