modified default time length

This commit is contained in:
Per Qvarforth 2022-01-30 17:32:35 +01:00
parent 9a1652508d
commit 90724c4858
3 changed files with 19 additions and 7 deletions

View File

@ -93,6 +93,10 @@ a {
background-image: url(/images/checked.png);
}
.dropdown-content-checkbox-hidden {
display: none !important;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
display: none;

View File

@ -58,6 +58,7 @@
options['isMobile'] = false;
options['useImperialUnit'] = <?php echo (isImperialUnitUser() ? 'true': 'false'); ?>;
options['coverageDataUrl'] = 'data/coverage.php';;
options['defaultTimeLength'] = 60; // In minutes
var md = new MobileDetect(window.navigator.userAgent);
if (md.mobile() !== null) {
@ -173,12 +174,12 @@
<div class="dropdown-content" id="tdTopnavTimelength">
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(10); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">10 minutes</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(30); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">30 minutes</a>
<a href="javascript:void(0);" id="tdTopnavTimelength60" onclick="trackdirect.setTimeLength(60); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox dropdown-content-checkbox-active">1 hour</a>
<a href="javascript:void(0);" id="tdTopnavTimelengthDefault" onclick="trackdirect.setTimeLength(60); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">1 hour</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(180); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">3 hours</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(360); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">6 hours</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(720); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">12 hours</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(1080); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">18 hours</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(1440); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox">24 hours</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(720); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox dropdown-content-checkbox-only-filtering dropdown-content-checkbox-hidden">12 hours</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(1080); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox dropdown-content-checkbox-only-filtering dropdown-content-checkbox-hidden">18 hours</a>
<a href="javascript:void(0);" onclick="trackdirect.setTimeLength(1440); $('#tdTopnavTimelength>a').removeClass('dropdown-content-checkbox-active'); $(this).addClass('dropdown-content-checkbox-active');" class="dropdown-content-checkbox dropdown-content-checkbox-only-filtering dropdown-content-checkbox-hidden">24 hours</a>
</div>
</div>

View File

@ -19,6 +19,11 @@ if (!inIframe()) {
$("#tdTopnav").hide();
}
// Set correct time length option to active
jQuery(document).ready(function ($) {
$("#tdTopnavTimelengthDefault").addClass("dropdown-content-checkbox-active");
});
// Open station dialog if user clicked on station name
jQuery(document).ready(function ($) {
trackdirect.addListener("station-name-clicked", function (data) {
@ -86,9 +91,10 @@ jQuery(document).ready(function ($) {
// Time travel is stopped when filtering is stopped
$("#right-container-timetravel").hide();
// Tail length is reset to 60 minutes when filtering is stopped
$("#tdTopnavTimelength>a").removeClass("active");
$("#tdTopnavTimelength60").addClass("active");
// Reset tail length to default when filtering is stopped
$("#tdTopnavTimelength>a").removeClass("dropdown-content-checkbox-active");
$("#tdTopnavTimelengthDefault").addClass("dropdown-content-checkbox-active");
$(".dropdown-content-checkbox-only-filtering").addClass("dropdown-content-checkbox-hidden");
} else {
var counts = {};
for (var i = 0; i < packets.length; i++) {
@ -102,6 +108,7 @@ jQuery(document).ready(function ($) {
"Filtering on " + Object.keys(counts).length + " station(s)"
);
$("#right-container-filtered").show();
$(".dropdown-content-checkbox-only-filtering").removeClass("dropdown-content-checkbox-hidden");
}
});
});