You've already forked fm-dx-webserver
mirror of
https://github.com/KubaPro010/fm-dx-webserver.git
synced 2026-02-27 06:23:53 +01:00
design optimization & bugfixes
This commit is contained in:
NoobishSVK
@@ -57,7 +57,7 @@
|
||||
</div>
|
||||
|
||||
<div class="flex-container">
|
||||
<div class="panel-100 bg-none" style="margin-top: 0; margin-left: 0;">
|
||||
<div class="panel-100 no-bg" style="margin-top: 0; margin-left: 0;">
|
||||
<div class="flex-container">
|
||||
<div class="panel-75 flex-container no-bg">
|
||||
<div class="panel-10 no-bg h-100 m-0 m-right-20 hide-phone" style="width: 100px;margin-right: 20px !important;">
|
||||
@@ -118,15 +118,15 @@
|
||||
|
||||
<div class="flex-container flex-phone flex-phone-column">
|
||||
<div class="panel-33 no-bg filter-controls" style="height: 48px;">
|
||||
<div class="flex-container flex-phone h-100">
|
||||
<div class="flex-container no-filter flex-phone h-100">
|
||||
<div class="panel-75 no-bg h-100 m-0 hide-desktop m-right-20 button-play-mobile" style="margin-right: 20px;">
|
||||
<button class="playbutton" aria-label="Play/Stop"><i class="fa-solid fa-play"></i></button>
|
||||
</div>
|
||||
|
||||
<% if (antennas.enabled == true) { %>
|
||||
<div class="panel-50 no-bg h-100 m-0 dropdown" id="data-ant" style="margin-right: 25px;">
|
||||
<div class="panel-50 no-bg h-100 br-0 m-0 dropdown" id="data-ant" style="margin-right: 25px;">
|
||||
<input type="text" placeholder="Ant A" readonly>
|
||||
<ul class="options">
|
||||
<ul class="options open-top">
|
||||
<% if(antennas.ant1.enabled == true) { %><li data-value="0" class="option"><%= antennas.ant1.name %></li><% } %>
|
||||
<% if(antennas.ant2.enabled == true) { %><li data-value="1" class="option"><%= antennas.ant2.name %></li><% } %>
|
||||
<% if(antennas.ant3.enabled == true) { %><li data-value="2" class="option"><%= antennas.ant3.name %></li><% } %>
|
||||
@@ -135,11 +135,11 @@
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<div class="panel-50 no-bg h-100 m-0 button-eq">
|
||||
<div class="panel-50 no-bg br-0 h-100 m-0 button-eq">
|
||||
<% if (device == 'tef') { %><button id="data-eq" style="border-radius: 15px 0px 0px 15px;" class="tooltip" aria-label="EQ Filter" data-tooltip="<strong>The cEQ filter can reduce bandwidth below 56 KHz.</strong><br><br>Useful for weak stations next to strong ones,<br>although it may pick up more interference."><span class="text-bold">cEQ</span></button><% } %>
|
||||
<% if (device == 'xdr') { %><button id="data-eq" style="border-radius: 15px 0px 0px 15px;" class="tooltip" aria-label="RF+ Filter" data-tooltip="<strong>The RF+ filter increases gain by 5dB</strong>"><span class="text-bold">RF+</span></button><% } %>
|
||||
</div>
|
||||
<div class="panel-50 no-bg h-100 m-0 button-ims">
|
||||
<div class="panel-50 no-bg br-0 h-100 m-0 button-ims">
|
||||
<% if (device == 'tef') { %><button id="data-ims" style="border-radius: 0px 15px 15px 0px;" class="tooltip" aria-label="iMS + Filter" data-tooltip="<strong>The iMS filter reduces multipath audio artifacts.</strong><br><br>It's recommended to leave it on most of the time."><span class="text-bold">iMS</span></button><% } %>
|
||||
<% if (device == 'xdr') { %><button id="data-ims" style="border-radius: 0px 15px 15px 0px;" class="tooltip" aria-label="IF+ Filter" data-tooltip="<strong>The IF+ filter increases gain by 6dB</strong>"><span class="text-bold">IF+</span></button><% } %>
|
||||
</div>
|
||||
@@ -191,36 +191,23 @@
|
||||
<div class="panel-50 w-150 no-bg h-100 m-0 dropdown" id="data-bw" style="margin-left: 25px;">
|
||||
<input type="text" placeholder="Auto BW" readonly>
|
||||
<ul class="options open-top">
|
||||
<li data-value="0" data-value2="0" class="option">Auto</li>
|
||||
<li data-value="9000" data-value2="1" class="option">9 KHz</li>
|
||||
<li data-value="15000" data-value2="2" class="option">15 KHz</li>
|
||||
<li data-value="17000" data-value2="3" class="option">17 KHz</li>
|
||||
<li data-value="20000" data-value2="4" class="option">20 KHz</li>
|
||||
<li data-value="24000" data-value2="5" class="option">24 KHz</li>
|
||||
<li data-value="27000" data-value2="6" class="option">27 KHz</li>
|
||||
<li data-value="32000" data-value2="7" class="option">32 KHz</li>
|
||||
<li data-value="36000" data-value2="8" class="option">36 KHz</li>
|
||||
<li data-value="42000" data-value2="9" class="option">42 KHz</li>
|
||||
<li data-value="48000" data-value2="10" class="option">48 KHz</li>
|
||||
<li data-value="55000" data-value2="11" class="option">55 KHz</li>
|
||||
<li data-value="63000" data-value2="12" class="option">63 KHz</li>
|
||||
<li data-value="73000" data-value2="13" class="option">73 KHz</li>
|
||||
<li data-value="83000" data-value2="14" class="option">83 KHz</li>
|
||||
<li data-value="90000" data-value2="15" class="option">90 KHz</li>
|
||||
<li data-value="95000" data-value2="16" class="option">95 KHz</li>
|
||||
<li data-value="108000" data-value2="17" class="option">108 KHz</li>
|
||||
<li data-value="125000" data-value2="18" class="option">125 KHz</li>
|
||||
<li data-value="142000" data-value2="19" class="option">142 KHz</li>
|
||||
<li data-value="155000" data-value2="20" class="option">159 KHz</li>
|
||||
<li data-value="177000" data-value2="21" class="option">177 KHz</li>
|
||||
<li data-value="194000" data-value2="22" class="option">194 KHz</li>
|
||||
<li data-value="211000" data-value2="23" class="option">211 KHz</li>
|
||||
<li data-value="229000" data-value2="24" class="option">229 KHz</li>
|
||||
<li data-value="246000" data-value2="25" class="option">246 KHz</li>
|
||||
<li data-value="263000" data-value2="26" class="option">263 KHz</li>
|
||||
<li data-value="281000" data-value2="27" class="option">281 KHz</li>
|
||||
<li data-value="298000" data-value2="28" class="option">298 KHz</li>
|
||||
<li data-value="309000" data-value2="29" class="option">309 KHz</li>
|
||||
<li data-value="0" data-value2="-1" class="option">Auto</li>
|
||||
<li data-value="55000" data-value2="0" class="option">55 KHz</li>
|
||||
<li data-value="73000" data-value2="1" class="option">73 KHz</li>
|
||||
<li data-value="90000" data-value2="2" class="option">90 KHz</li>
|
||||
<li data-value="108000" data-value2="3" class="option">108 KHz</li>
|
||||
<li data-value="125000" data-value2="4" class="option">125 KHz</li>
|
||||
<li data-value="142000" data-value2="5" class="option">142 KHz</li>
|
||||
<li data-value="159000" data-value2="6" class="option">159 KHz</li>
|
||||
<li data-value="177000" data-value2="7" class="option">177 KHz</li>
|
||||
<li data-value="194000" data-value2="8" class="option">194 KHz</li>
|
||||
<li data-value="211000" data-value2="9" class="option">211 KHz</li>
|
||||
<li data-value="229000" data-value2="10" class="option">229 KHz</li>
|
||||
<li data-value="246000" data-value2="11" class="option">246 KHz</li>
|
||||
<li data-value="263000" data-value2="12" class="option">263 KHz</li>
|
||||
<li data-value="281000" data-value2="13" class="option">281 KHz</li>
|
||||
<li data-value="298000" data-value2="14" class="option">298 KHz</li>
|
||||
<li data-value="309000" data-value2="15" class="option">309 KHz</li>
|
||||
</ul>
|
||||
</div>
|
||||
<% } %>
|
||||
@@ -279,7 +266,7 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div class="panel-10 bg-none m-0">
|
||||
<div class="panel-10 no-bg m-0">
|
||||
<div class="panel-100 w-100" style="margin-left: 0;">
|
||||
<h2>AF</h2>
|
||||
<div id="af-list" class="p-bottom-20" style="text-align: center;">
|
||||
@@ -302,13 +289,13 @@
|
||||
<h2 class="show-phone">
|
||||
<div class="data-pty text-color-default"></div>
|
||||
</h2>
|
||||
<h3 style="margin-top:0;margin-bottom:0;" class="color-4 flex-center">
|
||||
<h3 style="margin-top:0;margin-bottom:0;" class="colornode-4 flex-center">
|
||||
<span class="data-tp">TP</span>
|
||||
<span style="margin-left: 15px;" class="data-ta">TA</span>
|
||||
<div style="display:inline-block">
|
||||
<span style="margin-left: 20px;display: block;margin-top: 2px;" class="data-flag"></span>
|
||||
</div>
|
||||
<span class="pointer stereo-container" style="position: relative; margin-left: 20px;" role="button" aria-label="Stereo / Mono toggle" tabindex="0">
|
||||
<span class="pointer stereo-container" style="position: noderelative; margin-left: 20px;" role="button" aria-label="Stereo / Mono toggle" tabindex="0">
|
||||
<div class="circle-container">
|
||||
<div class="circle data-st circle1"></div>
|
||||
<div class="circle data-st circle2"></div>
|
||||
@@ -396,7 +383,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<% } else if (isTuneAuthenticated) { %>
|
||||
<p class="color-3">You are logged in and can control the receiver.<br><a class="logout-link" href="#">Logout</a></p>
|
||||
<p class="color-3">You are logged in and can control the receiver.</p>
|
||||
<div class="admin-quick-dashboard">
|
||||
<div class="icon tooltip logout-link" role="button" aria-label="Sign out" tabindex="0" data-tooltip="Sign out">
|
||||
<i class="fa-solid fa-sign-out"></i>
|
||||
@@ -405,11 +392,13 @@
|
||||
<% } else { %>
|
||||
<form action="./login" method="post" id="login-form" class="top-25">
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" id="password" name="password" style="width: 200px;" required><br>
|
||||
<button type="submit" class="br-0 w-100 top-10" style="height: 44px">Login</button>
|
||||
<input type="password" id="password" name="password" style="width: 145px;" required>
|
||||
<button type="submit" class="br-0 top-10 tooltip" style="height: 46px; width: 50px; margin-left: 0;" role="button" aria-label="Log in" tabindex="0" data-tooltip="Log in">
|
||||
<i class="fa-solid fa-right-to-bracket"></i>
|
||||
</button>
|
||||
</form>
|
||||
<% } %>
|
||||
<div id="login-message" class="color-3"></div>
|
||||
<div id="login-message" class="color-3"> </div>
|
||||
|
||||
<hr class="color-2 auto">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user