const {ipcRenderer} = require('electron');

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

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


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;
}