Current File : //etc/zpanel/panel/modules/logviewer/module.zpm

<@ Init @>
<div class="zmodule_content panel" id="zmodule_header_<@ ModuleName @>">
    <div class="panel-heading">
        <img src="<@ ModuleIcon @>" width="35" height="35" border="0" alt="<@ ModuleName @>">
	<!-- <img src="/modules/logviewer/assets/icon.jpg" width="35" height="35" border="0" alt="<@ ModuleName @>"> -->
        <div class="zmodule_title">
            <@ ModuleName @>
        </div>

        <div class="zmodule_desc" id="zmodule_desc_<@ ModuleName @>"><@ ModuleDesc @></div>

    </div>

<style>
.helpicon {
display: block;
float: right;
border: 1px solid #ccc;
background-color: #f3f3f3;
padding: 5px 10px;
font-size: 12px;
margin-top:-121px;
margin-right:5px;
-webkit-box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
box-shadow: -8px 7px 5px 0px rgba(204,204,204,1);
-webkit-box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
box-shadow: 8px 7px 5px 0px rgba(204,204,204,1);
}

</style>
<div class="helpicon">
<a href="<@ helpicon @>" target="_blank"><img src="etc/styles/CstyleX-master/images/help.png" style="float:left;" ><span style="float:left;margin-top:8px;font-weight:bold;font-size:12px;" >Video Tutorial</span></a>
</div>

    <div class="zform_wrapper">
        <form action="./?module=logviewer&action=DisplayLogs" method="post" name="frmViewLogs" id="frmViewLogs">
            <table class="zform" width="100%" cellborder="0" cellspacing="0">
               <tr>
                   <th nowrap="nowrap"><: Domain :>:</th>
                   <td>
                     <select name="domain_id" id="domain_id">
                        <% loop Domains %>
                        <option value="<& id &>"<& selected &>><& name &></option>
                        <% endloop %>
                     </select>
                   </td>
               </tr>
               <tr>
                   <th nowrap="nowrap"><: Log Type :>:</th>
                   <td>
                     <select name="log_type_id" id="log_type_id">
                        <% loop ErrorTypes %>
                        <option value="<& id &>"<& selected &>><& name &></option>
                        <% endloop %>
                     </select>
                   </td>
               </tr>
                <tr>
                    <th></th>
                    <td>
                       <button class="btn btn-primary" type="submit" id="button" name="ViewLogs" value="1">View Logs</button>
                    </td>
                </tr>
            </table>
            <@ CSFR_Tag @>
        </form>        
    </div>
    
    <% if isDisplayLogs %>
    <div class="zform_wrapper">
        <h2><@ ErrorType @></h2>
	    <div class="logview-container" style="overflow: auto;">
	        <@ LogFile @>
            <div class="load-more">
            </div>
	    </div>
	</div>
	<% endif %>
    <% if FromLine %>
        <input type="hidden" value=<@ FromLine @> id="FromLine">
    <% endif %>
    <% if ToLine %>
        <input type="hidden" value=<@ ToLine @> id="ToLine">
    <% endif %>
    <% if LogFileName %>
        <input type="hidden" value=<@ LogFileName @> id="LogFile">
    <% endif %>

</div>
<script>
	/*var form_msgs = [];
	form_msgs['empty_domain'] = "<: Domain cannot be empty :>!";
	form_msgs['empty_domain_to'] = "<: Please select a valid domain to forward to :>!";
	form_msgs['domain_forward_delete_dialog_title'] = "<: Delete Domain Forward :>?";
	form_msgs['domain_forward_delete_confirm_msg'] = "<: Are you sure to delete selected domain forward :>?";
	form_msgs['domain_forward_ok_btn_label'] = "<: Yes :>";
	form_msgs['domain_forward_cancel_btn_label'] = "<: Cancel :>";*/
</script>
<script>
$(document).ready(function()
{
    $(".logview-container").scroll(function()
    {
        if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight)
        {
            var FromLine = parseInt($("#FromLine").val());
            var ToLine = parseInt($("#ToLine").val());
            if (FromLine < 0)
            {
                alert("There is no error logs");
                return false;
            }
            var LogFile = $("#LogFile").val();
            var NewFromLine=FromLine - 100;
            var NewToLine=ToLine - 100;
            $("#FromLine").val(NewFromLine);
            $("#ToLine").val(NewToLine);
            $.ajax({
                type: 'POST',
                url: './?module=logviewer&action=AnotherSetLogs',
                data:{FromLine:NewFromLine, ToLine:NewToLine, LogFile:LogFile},
                success: function(data)
                {
                    console.log(data);
                    $(".logview-container .load-more").append(data);
                },
                error: function(ts)
                {
                    $("#zloader_overlay").hide();
                    $("#zloader").hide();
                }
            });
        }
    });
});
</script>
<style>
#domain_id,#log_type_id
{
    margin: 10px 0;
    width: 200px;
    height: 30px;
}
</style>