LazyLibrarian/data/interfaces/default/logs.html

<%inherit file="base.html"/>
<%!
    import lazylibrarian
%>
<%def name="headerIncludes()">
    <div id="subhead_container">
        <ul id="subhead_menu">
            <li><a href="clearLog" id="button"> Clear Log </a></li>
            %if lazylibrarian.LOGFULL == True:
                <li><a href="toggleLog" id="button"> Stop Debug Log</a></li>
            %else:
                <li><a href="toggleLog" id="button"> Start Debug Log</a></li>
            %endif
        </ul>
    </div>
</%def>
<%def name="body()">
<BR><BR>
<h1>&nbsp;&nbsp;${title}</h1>
    <div align="center">Refresh rate:
    <select id="refreshrate" onchange="setRefresh()">
        <option value="0" selected="selected">No Refresh</option>
        <option value="5">5 Seconds</option>
        <option value="15">15 Seconds</option>
        <option value="30">30 Seconds</option>
        <option value="60">60 Seconds</option>
        <option value="300">5 Minutes</option>
        <option value="600">10 Minutes</option>
    </select></div>

    <table class="display" id="log_table">
        <thead>
            <tr>
                <th id="timestamp">Timestamp</th>
                <th id="level">Level</th>
                <th id="message">Message</th>
            </tr>
        </thead>
    </table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</%def>

<%def name="headIncludes()">
    <link rel="stylesheet" href="css/data_table.css">
</%def>

<%def name="javascriptIncludes()">
    <script src="js/libs/jquery.dataTables.min.js"></script>
    <script>
    $(document).ready(function()
    {
        var oTable = $('#log_table').dataTable(
            {
                "bAutoWidth": false,
                "oLanguage": {
                    "sSearch":"",
                    "sLengthMenu":"Show _MENU_ rows per page",
                    "sEmptyTable": "No log information available",
                    "sInfo":"Showing _START_ to _END_ of _TOTAL_ rows",
                    "sInfoEmpty":"Showing 0 to 0 of 0 rows",
                    "sInfoFiltered":"(filtered from _MAX_ total rows)"},
                "aLengthMenu": [[5, 10, 15, 25, 50, 100, -1], [5, 10, 15, 25, 50, 100, "All"]],
                "iDisplayLength": ${lazylibrarian.CONFIG['DISPLAYLENGTH']},
                "sPaginationType": "full_numbers",
                "aaSorting": [],
                "bServerSide": true,
                "sAjaxSource": 'getLog',
                "bFilter": true,
                "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                    if (aData[1] === "WARNING" || aData[1] === "ERROR")
                    {
                        $('td', nRow).closest('tr').addClass("gradeX");
                    }
                    else
                    {
                        $('td', nRow).closest('tr').addClass("gradeZ");
                    }
                    var w = window.innerWidth;
                    if ( w < 640 ) // hide timestamp on smallest devices
                    {
                        $('td', nRow).eq(0).addClass('hidden');
                    }
                    return nRow;
                },
                "fnServerData": function (sSource, aoData, fnCallback) {
                    /* Add some extra data to the sender */
                    $.getJSON(sSource, aoData, function (json) {
                        fnCallback(json)
                    });
                }
            });
        $('.dataTables_filter input').attr("placeholder", "Search table here");
        $(window).resize(function() {oTable.fnDraw(false)});

    });
    </script>
    <script>
        var timer;
        function setRefresh()
        {
            refreshrate = document.getElementById('refreshrate');
            if(refreshrate != null)
            {
                if(timer)
                {
                    clearInterval(timer);
                }
                if(refreshrate.value != 0)
                {
                    timer = setInterval("$('#log_table').dataTable().fnDraw()",1000*refreshrate.value);
                }
            }
        }
    </script>

</%def>