<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<jsp:include page="head.jsp"/>
<Link href="/css/jquery.treegrid.css" rel="stylesheet">
<body>

<div class="container" align="center">
    <jsp:include page="header.jsp"/>
    <jsp:include page="menu.jsp"/>

    <div class="content">
        <table border="0" cellpadding="10" cellspacing="0" width="600" style="font-weight: bold;font-family:tahoma;font-size:14pt;color:#808080;border-color:#6a5acd" >
            <tr><td>
                <fieldset><legend> Log Files </legend>
                    <table class="table table-bordered tree-basic"  id="logFiles" border="0" cellpadding="1" cellspacing="0" style="width: 100%; font-weight: normal;font-family:tahoma;font-size:12pt;">
                        <tbody id="logTbody">
                        </tbody>
                    </table>
                </fieldset>
            </td></tr>
        </table>
    </div>

    <div class="content">
        <div class="log" id="log">
            <fieldset id="FileForm">
                <legend name="fileName" id="logFileName">Log File View</legend>
                <div id="logScroll" style="width: 98%;height: 660px;overflow: auto;margin:5px auto;">
                    <table >
                        <tbody id="fileTbody">

                        </tbody>
                    </table>
                </div>
            </fieldset>
        </div>
    </div>
</div>

</div>


<script src="/js/jquery.treegrid.min.js"></script>
<script type="text/javascript">
    function init(){
        var fileList = ${fileList};
        var fileListBody = initLogFileList(fileList);
        tbodyAppend("logTbody", fileListBody);
        $('.tree-basic').treegrid();
    }

    $(document).ready(function() {
        init();
    });
</script>

</body>
</html>
