data_access.js

// default historical run options
createMomCobaltVarOpt('MOMCobalt','varMOMCobaltData');  // Data Query
// default initYear options for forecast
createMomCobaltInitYearOpt('iyearMOMCobaltForecastData');
// default initMonth options for forecast
createMomCobaltInitMonthOpt('imonthMOMCobaltForecastData');


// event lister for region radio button in the variable table section
$(document).ready(function(){
    $("input[type='radio'].radioDataTable").change(function(){
      if ($("#radioNWATable").is(":checked")) {
        $('.nepTableOpt').addClass('hidden');
        $('.nwaTableOpt').removeClass('hidden');
      } else if ($("#radioNEPTable").is(":checked")) {
        $('.nwaTableOpt').addClass('hidden');
        $('.nepTableOpt').removeClass('hidden');
      }
    });
});


// event listener for changes in the modeling period
$('#periodMOMCobaltData').on('change', function() {
    // Clear out the variable dropdown
    $('#varMOMCobaltData').empty();

    // Create variable option and year month select based on period selection
    if ($('#periodMOMCobaltData').val() === 'hist_run') {
        createMomCobaltVarOpt('MOMCobalt','varMOMCobaltData');
        $('.forecastOpt').addClass('hidden');
    } else if ($('#periodMOMCobaltData').val() === 'forecast') {
        createMomCobaltVarOptFcast('MOMCobaltFcast','varMOMCobaltData');
        $('.forecastOpt').removeClass('hidden');
    }
});

// event lister for radio button choice in data options in data query
$(document).ready(function(){
    $("input[type='radio'].radioData").change(function(){
      if ($("#radioOpendap").is(":checked")) {
        $('.wgetOpt').addClass('hidden');
        $('.citeOpt').addClass('hidden');
        $('.opendapOpt').removeClass('hidden');
      } else if ($("#radioWget").is(":checked")) {
        $('.opendapOpt').addClass('hidden');
        $('.citeOpt').addClass('hidden');
        $('.wgetOpt').removeClass('hidden');
      } else if ($("#radioCite").is(":checked")) {
        $('.opendapOpt').addClass('hidden');
        $('.wgetOpt').addClass('hidden');
        $('.citeOpt').removeClass('hidden');
      }
    });
});

// event listener for data query button click
$('#genQueryButton').on('click', function() {
    var dataType = $('#periodMOMCobaltData').val()
    generateDataQuery(dataType)     // the function return a promise obj from fetch
        .then((jsonDataQuery)=>{
            var dataInfo = jsonDataQuery.data_info;
            $('#codeBlockDataInfo').text(dataInfo);
            var http_href = jsonDataQuery.download;
            $("#downloadHttp").attr("href", http_href);  //direct download link
            var wgetCode = jsonDataQuery.wget;
            $('#codeBlockWget').text(wgetCode);
            var opendapCode = jsonDataQuery.opendap
            $('#codeBlockOpendap').text(opendapCode);
            var pythonCode = jsonDataQuery.python
            $('#codeBlockPython').text(pythonCode);
            var rCode = jsonDataQuery.r
            $('#codeBlockR').text(rCode);
            var Citation = jsonDataQuery.citation
            $('#codeBlockCite').text(Citation);
        })
});

//event listener for data query code copy
$("#copyButtonWget").click(function () {
    copyCode('codeBlockWget');
});
$("#copyButtonOpendap").click(function () {
    copyCode('codeBlockOpendap');
});
$("#copyButtonPython").click(function () {
    copyCode('codeBlockPython');
});
$("#copyButtonR").click(function () {
    copyCode('codeBlockR');
});
$("#copyButtonCite").click(function () {
    copyCode('codeBlockCite');
});



// functions for generating data query 
function generateDataQuery(dataType) {
    var region = $(regMOMCobaltData).val();
    var variable = $(varMOMCobaltData).val();
    var grid = $(gridMOMCobalt).val();
    var year = -99
    var month = -99
    if (dataType === 'forecast') {
        year = $(iyearMOMCobaltForecastData).val();
        month = $(imonthMOMCobaltForecastData).val();
    }
    // find data frequency and create mock date for TS2
    var selectVarDataIndex = $("#varMOMCobaltData").prop('selectedIndex');
    var varlist = momCobaltVars();
    var varFreq = varlist[2][selectVarDataIndex]
    var mockDate = getMockDate(varFreq)

    var ajaxGet = "/cgi-bin/cefi_portal/mom_data_query.py"
    +"?variable="+variable
    +"&region="+region
    +"&date="+mockDate
    +"&grid="+grid
    +"&datatype="+dataType
    +"&year="+year
    +"&month="+month

    console.log('https://webtest.psd.esrl.noaa.gov/'+ajaxGet)

    return fetch(ajaxGet)
        .then(response => {
            if (!response.ok) {
            throw new Error('Network response was not ok');
            }
            return response.json();
        })
        .catch(error => {
            // Handle errors here
            console.error('Fetch json data query failed:', error);
        });
}

function copyCode(codeBlockID) {
    let code = $("#"+codeBlockID).text();
    // document.getElementById(modalID).focus();
    navigator.clipboard.writeText(code)
      .then(function() {
        console.log('Code copied to clipboard');
      })
      .catch(function(err) {
        console.error('Failed to copy text: ', err);
    });
}