Current File : //etc/zpanel/panel/modules/mod_security/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>
	<div id="zform_wrapper">

				<@ Result @>
	</div>			
		
	<div class="zgrid_wrapper" Id="zgrid_wrapper">
        
    </div>
	
</div> 

<script type="text/javascript">
    $(document).ready(function(){
	
		$.ajax({
			type: 'POST',
			url: './?module=mod_security&action=ModSecurityList',
			success: function(data) {
				$("#zgrid_wrapper").html(data);
			},
			error: function(ts) 
			{ 
				console.log(ts.responseText);
			}
		});
	});
</script>

<script type="text/javascript">
function CloseParent()
{
	$("#close_button").parent().hide();
}

function ajax_call(domain,callback)
{
	function  real_ajax()
	{

		var xhttp = new XMLHttpRequest();
		xhttp.onreadystatechange = function() 
		{
			if (this.readyState == 4 && this.status == 200) 
			{
				try 
				{
					var jd = JSON.parse(this.responseText);
					if(jd.status == 1)
					{
						callback(true);
					}
					else
					{
						setTimeout(function(){ real_ajax();},60000);
					}
				}
				catch(err) 
				{
					console.log("Error in server");
				}
			
			}
		};
		xhttp.open("POST", "./?module=ssl&action=SSLButtonDisable", true);
		xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xhttp.send("dom_detail="+encodeURIComponent(domain));

	}
	real_ajax();
}

function showLog()
{
	$.ajax({

		url : './?module=ssl&action=showLogcontent',
		type : 'POST',

		success : function (result) {
		$("#zform_wrapper").html(result).addClass('alert alert-block alert-info');

		},
		error : function () {
		console.log ('error');
		}

	}); 
	return false;
}
</script>