logline/example/main.js

logging the frontend

function test(protocol) {

    var values = Object.values || function(obj) {
        var i, values = [];
        for (i in obj) {
            if (obj.hasOwnProperty(i)) {
                values.push(obj[i]);
            }
        }
        return values;
    };

    if (!Logline) {
        document.querySelector('h1').innerHTML = 'Logline is not been properly built.';
        document.querySelector('h1').style.color = 'red';
        throw new Error('Logline is not been properly built.');
    }

    if (!Logline.PROTOCOL[protocol.toUpperCase()]) {
        document.querySelector('h1').innerHTML = 'Error: Logline is not build with ' + protocol + ' protocol.';
        document.querySelector('h1').style.color = 'red';
        throw new Error('Logline is not build with ' + protocol + ' protocol.');
    }

    Logline.using(Logline.PROTOCOL[protocol.toUpperCase()]);

    document.querySelector('#add').addEventListener('click', function () {
        var form = document.forms.namedItem("form");
        if (!form.namespace.value) {
            alert('模块名不可为空');
            return false;
        }
        if (!form.descriptor.value) {
            alert('描述符不可为空');
            return false;
        }
        var log = new Logline(form.namespace.value);
        log[form.level.value](form.descriptor.value, form.data.value);
    });

    document.querySelector('#keep').addEventListener('click', function () {
        Logline.keep(0);
    });

    document.querySelector('#clean').addEventListener('click', function () {
        Logline.clean();
        document.querySelector('article').innerHTML = '';
    });

    document.querySelector('form').addEventListener('submit', function(ev) {
        ev.preventDefault();
    });

    setInterval(function () {
        if (Logline.PROTOCOL[protocol.toUpperCase()].status === 2) {
            Logline.all(function (logs) {
                var html = '',
                    i;
                for (i = 0; i < logs.length; i++) {
                    html += values(logs[i]).join('\t') + '<br/>';
                }
                document.querySelector('article').innerHTML = html;
            });
        }
    }, 200);
}