main.js

const { ipcRenderer } = require('electron');
const logger = require('../common/logger.js');

const karaJSON = require('../test/dummyKara.json');

window.onload = function(){
    const closeApp = document.getElementById("closeButton");
    closeApp.addEventListener('click', () => {
        ipcRenderer.send('close-app')
    });
    karaList(karaJSON);
    logger.debug("Window loaded");
}

function karaList(karas){
    var karaList = "";
    var playingList = "";
    karas.forEach(function(kara) {
        if(kara.author_name === "Sting"){
            playingList += '<div class="card shadow" style="margin: 5px; border-radius: 10px; margin: 20px 0px 20px 0px;"><div class="card-body">' + kara.source_name + ' - ' + kara.song_name + '</div></div>';
        }
        karaList += '<div class="card shadow" style="margin: 5px; border-radius: 10px; margin: 20px 0px 20px 0px;"><div class="card-body">' + kara.source_name + ' - ' + kara.song_name + '</div></div>';
    });
    document.getElementById("panelLeft").innerHTML = karaList;
    document.getElementById("panelRight").innerHTML = playingList;
}