time-navigation.js

async function showHumanWeAreLoadingCharts(whatTheyClicked) {
    $(".chart").addClass("processing")
    $(whatTheyClicked).addClass("processing")
    try {
        await loadDataAndRenderCharts(true);
    } finally {
        $(whatTheyClicked).removeClass("processing")
    }
}

$(".zoomout").click(function () { view.zoomout(); showHumanWeAreLoadingCharts($(this)); });
$(".zoomin").click(function () { view.zoomin(); showHumanWeAreLoadingCharts($(this)); });

// Although this suits my personal choice, it seems bad to deviate from the behaviour elsewhere in Emoncms
view.pan_speed = 1

$(".panright").click(function () { view.panright(); showHumanWeAreLoadingCharts($(this)); });
$(".panleft").click(function () { view.panleft(); showHumanWeAreLoadingCharts($(this)); });

$(".duration").click(function () {

    const requestedTime = $(this).attr("duration");

    switch (requestedTime) {
        case undefined: return;
        case null: return;
        case "tdy": { view.start = midnight(); break }
        case "all": {
            setAutoRefresh(false);
            view.start = oldestFeedTime * 1000; break
        }
        default: { view.start = (newestFeedTime - requestedTime * 3600) * 1000; break }
    }

    view.end = newestFeedTime * 1000;

    showHumanWeAreLoadingCharts($(this));

});

$(".chart").bind("plotselected", function (_event, ranges) {
    view.start = ranges.xaxis.from;
    view.end = ranges.xaxis.to;

    showHumanWeAreLoadingCharts($(this));
});