Current File : //etc/sentora/panel/modules/varnish/module.zpm
<div class="zmodule_content panel" id="zmodule_header_<@ ModuleName @>">
    <div class="panel-heading">
        <img src="<@ ModuleIcon @>" 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>

	 <@ Result @>
    <div class="zgrid_wrapper">
       <!-- <h2>Web Server</h2> -->
        <form action="./?module=varnish&action=operation" method="post">
        <input type="hidden" name="postoperation" Id="postoperation" value="" />
            <table class="table table-striped">
              <tr>
                    <th scope="row">&nbsp</th>
                    <th>&nbsp;</th>
                </tr> 
                
				<tr>
				<td>
				<label class="vm_showlabel"> Do you Enable Varnish Cache ? </label>
				</td>
				<td>
				<input type="radio" Id="onvarnish" name="varnishtype" value="On" <@ checkedon @> >
				<label for="onvarnish"> On </label>&nbsp;&nbsp;
				<input type="radio" Id="offvarnish" name="varnishtype" value="Off" <@ checkedff @> >
				<label for="offvarnish"> Off </label>
				</td>
				</tr>


				<tr>
				<td>
				<label class="vm_showlabel"> Interval <span>( in seconds )</span></label>
				</td>
				<td>
				<input id="txtinterval" name="txtinterval" onkeypress="return isNumber(event)"  maxlength="2" class="vm_txtbx" value="<@ Interval @>">
				</td>
				</tr>
				<tr>
				<td>
				<label class="vm_showlabel"> Timeout <span>( in seconds )</span></label>
				</td>
				<td>
				<input id="txttimeout" name="txttimeout" onkeypress="return isNumber(event)"  maxlength="2" class="vm_txtbx" value="<@ TimeOut @>" >
				</td>
				</tr>				
				<tr>
				<td>
				<label class="vm_showlabel"> Window </label>
				</td>
				<td>
				<input id="txtwindow" name="txtwindow" onkeypress="return isNumber(event)"  maxlength="2" class="vm_txtbx" value="<@ Window @>" >
				</td>
				</tr>
				<tr>
				<td>
				<label class="vm_showlabel"> Threshold </label>
				</td>
				<td>
				<input id="txtthreshold" name="txtthreshold" onkeypress="return isNumber(event)"  maxlength="2" class="vm_txtbx" value="<@ Threshold @>">
				</td>
				</tr>
				<tr>
				<td>
				&nbsp;
				</td>
					<td>
						<button class="button-loader delete btn btn-danger" type="submit" id="vSubmit" name="vSubmit" ><: Submit :></button>
                    </td>
                </tr>
				
			
               
            </table>
			
        </form>
    </div>
</div>
<script type="text/javascript">
function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
</script>
<style>
.vm_txtbx
{
    margin: 5px;
}
.vm_showlabel
{
    margin: 5px;
}
.vm_showlabel span
{
    font-weight: bold;
    font-style: oblique;
}

</style>