window.onload = function () {
    document.querySelector('#link-extension-detail')
        .addEventListener('click', () => {
            chrome.tabs.create({
                'url': `chrome://extensions/?id=${chrome.runtime.id}`
            });
        })
    document.querySelector('#link-document')
        .addEventListener('click', () => {
            chrome.tabs.create({
                'url': `https://git.jebbs.co/jebbs/data-extracter-extesion`
            });
        })
    document.querySelector('#state-input')
        .addEventListener('change', function (...args) {
            if (this.files.length == 1) {
                var reader = new FileReader();
                let fileName = this.files[0].name;
                reader.readAsText(this.files[0], "UTF-8");
                reader.onload = function (evt) {
                    var fileString = evt.target.result;
                    chrome.runtime.sendMessage({
                        action: ACTION_UPLOAD_STATE,
                        state: fileString,
                        name: fileName
                    }, r => {
                        if (r) console.log('State sent:', r);
                    });
                }
            }
        });
}