fcub.js

$(document).ready(function() {
    var today = new Date();
    var month = today.getMonth()+1;
    var basename = today.getFullYear() + '' + (month < 10 ? '0'+month : month);
    var charts = [{ n: 'pm25', p: 'pm25_'}, { n: 'pm', p: ''}, {n:'rh', p:'RH_'},{n:'temp',p:'TEMP_'}];
    var insertImage = function(wrapper, img) {
        $(wrapper).empty().append(img);
    };
    var loadGraphs = function(basename) {
        charts.forEach(function(chart) {
            var imgh = '<img class="img-fluid" alt="'+chart.n+'" src="data/'+chart.p+basename+'.png" />';
            var img = $(imgh);
            img.on('click', function(e) {
                insertImage('#modal-chart-inner', imgh);
                $('#fcub-modal').modal();
            });
            insertImage('#'+chart.n+'-wrapper', img);
        });
    };
    loadGraphs(basename);
});