function clipbd(res) {
    navigator.clipboard.writeText(res)
        .then(() => {
            console.log('File type: ' + res.substr(5, res.indexOf(';') - 5));
            alert('The content has successfully been copied onto clipboard!');
        })
        .catch(err => {
            console.error('Could not copy text: ', err);
            alert('Copy failed: [' + err + ']');
        });
}

function openTab(evt, tabName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(tabName).style.display = "block";
    evt.currentTarget.className += " active";
}

function toBase64() {
    let fileInput = document.getElementById('fileInput');
    fileInput.onchange = function () {
        if (this.files.length <= 0) return;

        if (this.files[0].size > 5242880) {
            console.log('File size larger than 5M');
            alert('Your chosen file is too large!');
            return;
        }

        let file = this.files[0];
        let reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = function () { clipbd(reader.result); };
    };
}

$(function () {
    toBase64();

    $('#gen').click(function () {
        $('#md5').val(hex_md5($('#plain').val()));
    });
    $('#cp').click(function () {
        clipbd($('#md5').val());
    });

    $('textarea').bind('input propertychange', function () {
        $('text').text($(this).val().length);
    });
    $('text').click(function () {
        clipbd($(this).text());
    });

    document.getElementById("defaultOpen").click();
});