let table = document.getElementById("myTable"),
        wl = localStorage.getItem('whiteList'), arr = [];
    if (!wl) localStorage.setItem('whiteList',[]);
    setupTable()
    function setupTable() {
        if (wl != undefined) for (var i of wl.split(',')) insRow(i)
    }
    function delRow(c) {
        let el = c.parentNode.parentNode,
              val = el.querySelector('td input').value;
        table.deleteRow(el.rowIndex);
        if (val != undefined && wl.indexOf(val) != -1) localStorage.setItem('whiteList',wl.split(',').filter(e => e != val));
        if (table.rows.length == 0) table.hidden = true;
    }
    function insRow(val) {
        let x = table.insertRow(table.rows.length);
        x.insertCell(0).innerHTML = '<input type="text" value="' + val + '" onchange="arr.push(this.value)">';
        x.insertCell(1).innerHTML = '<input type="button" value="מחק" onclick="delRow(this)">';
        if (table.hidden) table.hidden = false;
    }
    $( "#dialog" ).on( "dialogclose", function( event, ui ) {
            console.log(arr);
            var r = [];
            if (wl == null || wl == undefined)  r = arr.filter(i => i != '');
            else r = wl.split(',').concat(arr).filter(i => i != '');
            localStorage.setItem('whiteList',r);
        });