Ice Cover Classification (2024)

').addClass('usa-pagination__overflow'); $('.dataTables_paginate span a').addClass('usa-pagination__button'); // Wrap pagination anchors in list items: $('.dataTables_paginate span a').wrap('

'); // Add class to active page $('.dataTables_paginate a.paginate_button.current').addClass('usa-current'); } }); } else { // Update DataTables if it already exists $('#huron-json-render-table').DataTable() .search( '' ) .columns().search( '' ) .column(4).search(yearSelect.value + '-' + monthSelect.value) .clear() .rows.add(result['table']['rows']) .draw(); } } // END loadDataTables() // Define a function which accepts a URL to a file, strips everything except the filename, removes the file extension, and then returns a new URL to the ERDDAP data function getErddapButton(date) { // Get filename from url // let filename = url.split('/').pop(); // Remove file extension // filename = filename.replace(/(\.[\w\d_-]+)$/i, ''); // Return new URL return 'https://apps.glerl.noaa.gov/erddap/tabledap/' + datasetSelect.value + '.htmlTable?url%2Cname%2CfileType%2Ctime%2ClastModified%2Csize&time=%22' + date + '%22'; // Use regex to return all related files } // END getErddapButton() // Define a function to get the name of a month from its number function getMonthName(monthNum) { const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; return monthNames[monthNum - 1]; } // END getMonthName() // Define a function to update the month select field from uniqueYearsAndMonths' function updateMonthSelect(selectedYear) { // Extract the months for the selected year let months = uniqueYearsAndMonths[selectedYear]; // Populate the month select dropdown with the available months for the selected year months.forEach(month => { const monthNum = month.toString().padStart(2, '0'); const monthName = getMonthName(month); const option = document.createElement('option'); option.value = monthNum; option.text = `${monthNum} - ${monthName}`; monthSelect.appendChild(option); }); } // END updateMonthSelect() // Define function to return true/false if datatables has been initiated function isDataTablesInit() { if ($.fn.DataTable.isDataTable('#huron-json-render-table')) { return true; } else { return false; } } // END isDataTablesInitiated() // Define function which adds an error message to the tbody #huron-json-render-table-body function addErrorMessage(title, message, style) { let errorHtml = `

`; $('#huron-json-render-table-body').html(errorHtml); if (isDataTablesInit()) { $('#huron-json-render-table').DataTable().destroy(); $('#huron-json-render-table-body').html(errorHtml); } else { $('#huron-json-render-table-body').html(errorHtml); } } // END addErrorMessage() // Define function which clears the error message from the tbody #huron-json-render-table-body function clearTableBody() { $('#huron-json-render-table-body').html(''); } // END clearErrorMessage() // Define function for combobox to filter list // Combobox Filter: Use datasetsParam to filter #huronDatatablesSelect options // TODO: Integrate USWDS combobox when updated for accessibility function filterDatasets() { const urlParams = new URLSearchParams(window.location.search); const datasetsParam = urlParams.get('datasets'); const datasetsTitle = urlParams.get('datasetsTitle') ? urlParams.get('datasetsTitle') : datasetsParam; if (datasetsParam) { // Add "clear filters" button in div#tag-container const clearBtn = $('').on('click', function() { console.log('clear filters'); // Clear datasetsParam from URL urlParams.delete('datasets'); urlParams.delete('datasetsTitle'); // Update URL window.history.replaceState({}, '', `${location.pathname}`); // remove all tags / clear buttons $('#tag-container').empty(); // Refilter options $('#huron-datatables-dataset option').each(function() { $(this).removeAttr('hidden'); }); }); $('#tag-container').append('The datasets have been filtered to these search terms: ' + datasetsTitle + '
'); $('#tag-container').append(clearBtn); // Split datasetsParam into array const datasetsParamArray = datasetsParam.split(','); // Loop through each option in #huronDatatablesSelect $('#huron-datatables-dataset option').each(function() { let optionValue = $(this).val().toLowerCase(); let optionTitle = $(this).text().toLowerCase(); let hasMatch = datasetsParamArray.some(substring => { return optionValue.includes(substring) || optionTitle.includes(substring); }); // If option does not match any of the substrings in datasetsParamArray, apply hidden attribute if (!hasMatch) { $(this).attr('hidden', true); } else { $(this).removeAttr('hidden'); } }); } } // Combobox Filter: Run filterDatasets(); })(jQuery); // END jQuery no conflict wrapper