| Current File : //etc/zpanel/panel/modules/addip/module.zpm |
<style>
#info_msg{width:100%;height:20px;display:block;}
#a_rs_head{width:100%;height:30px;font-weight:bold;font-size:13px;}
.auto_body{cursor:pointer;}
.wrapper {
position: relative;
text-align: center;
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
.wrapper .tooltip {
background: #1496bb;
bottom: 100%;
color: #fff;
display: block;
left: -25px;
margin-bottom: 15px;
opacity: 0;
padding: 20px;
pointer-events: none;
position: absolute;
width: 100%;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}
/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}
.wrapper:hover .tooltip {
opacity: 1;
width:300px;
font-size:13px;
pointer-events: auto;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
http://45.113.136.119/
/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
display: none;
}
.lte8 .wrapper:hover .tooltip {
display: block;
}
#email_id{font-size:13px;color:#629338;font-weight:bold;}
.clearboth1{width:100%;height:1px;clear:both;}
.clearboth5{width:100%;height:5px;clear:both;}
.clearboth10{width:100%;height:10px;clear:both;}
</style>
<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 id="info_msg" ><@ result @></div>
<div class="clearboth5" > </div>
<style>
.helpicon {
display: block;
float: right;
border: 1px solid #ccc;
background-color: #f3f3f3;
padding: 5px 10px;
font-size: 12px;
margin-top:-106px;
margin-right:6px;
-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>
<% if isDeleteip %>
<div class="zform_wrapper alert alert-danger">
<h2><: Delete :>: <@ Currentip @>?</h2>
<p><: Please confirm that you want to delete this autorespond. :></p>
<form action="./?module=addip&action=Deleteip" method="post">
<table class="none" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="right">
<input type="hidden" name="inDelete" value="<@ id_data @>" >
<button class="delete btn btn-danger" type="submit" ><: Delete :></button>
<button class="btn btn-default" type="button" onclick="window.location.href='./?module=addip';return false;"><: Cancel :></button>
</td>
</tr>
</table>
<@ CSFR_Tag @>
</form>
</div>
<% endif %>
</div>
<div class="clearboth10" > </div>
<% if edit_auto %>
<div class="zform_wrapper">
<table class="none" width="100%" cellborder="0" cellspacing="0">
<tr valign="top">
<td>
<h2>Edit Ip</h2>
<form action="./?module=addip&action=editIp" method="post" name="editp">
<table class="table table-striped">
<% if editipdata %>
<% loop editipdata %>
<tr>
<th nowrap="nowrap"><: Public ip :>:</th>
<td><input name="public_ip" id="public_ip" type="text" value="<& public_ip &>" ></td>
</tr>
<tr>
<th nowrap="nowrap"><: Private ip :>:</th>
<td><input name="private_ip" type="text" value="<& private_ip &>" ></td>
</tr>
<tr>
<td colspan="2" >
<input type="submit" class="button-loader btn btn-primary" name="edit_responder" value="Update">
<input type="button" class="btn btn-default" onclick="window.location.href='./?module=addip';return false;" value="<: Cancel :>" >
<input type="hidden" value="<& id &>" name="eip_id" >
</td>
</tr>
<% endloop %>
<% endif %>
</table>
<@ CSFR_Tag @>
</form>
</td>
</tr>
</table>
</div>
<% else %>
<div class="zform_wrapper">
<table class="none" width="100%" cellborder="0" cellspacing="0">
<tr valign="top">
<td>
<h2>Add new ip </h2>
<form action="./?module=addip&action=Createip" method="post" name="Createreponder">
<table class="table table-striped">
<tr>
<th nowrap="nowrap"><: Public Ip :>:</th>
<td><input name="public_ip" type="text" ></td>
</tr>
<tr>
<th nowrap="nowrap"><: Private Ip :>:</th>
<td>
<input type ="text" name="priv_ip" >
</td>
</tr>
<tr>
<td align="right"><input type="submit" class="button-loader btn btn-primary" name="add_new_ip" value="Add public ip"></td>
</tr>
</table>
<@ CSFR_Tag @>
</form>
</td>
</tr>
</table>
</div>
<% endif %>
<div class="clearboth10" > </div>
<% if all_ip_detail %>
<div id="a_rs_head" >All private and public ip detail</div>
<div class="clearboth1" > </div>
<form action="./?module=addip&action=conform_deleteip" method="post" id="myForm" >
<input type="hidden" value="0" id="autoresdata" name="autoresdata" >
<input type="hidden" value="2" id="st_data" name="st_data" >
<div class="zform_wrapper" >
<table class="table table-striped">
<tr>
<th>Sl no </th>
<th>Public ip</th>
<th>Private ip</th>
</tr>
<% loop all_ip_detail %>
<tr>
<td><& sl_no &></td>
<td><& public &></td>
<td><& priv &></td>
<td><button class="delete btn btn-danger" type="submit" onclick="callform(<& a_id &>,2)" ><: Delete :></button></td>
<td><button class="delete btn btn-danger" type="submit" onclick="callform(<& a_id &>,1)" ><: Edit :></button></td>
</tr>
<% endloop %>
</table>
</div>
<@ CSFR_Tag @>
</form>
<% endif %>
<div class="clearboth5" > </div>
</div>
<script>
var isd="";
function callform(vd,st_data)
{
document.getElementById("autoresdata").value = vd;
document.getElementById("st_data").value=st_data;
document.getElementById("myForm").submit();
}
function mhrpanel()
{
var _self = this;
_self.init = function()
{
if(document.getElementById("info_msg"))
{
var msg = document.getElementById("info_msg").innerHTML;
alert(msg);
}
}
_self.getautorespond = function(id_d)
{
/*var ajaxdata1={
"ajaxurl":"./?module=autoresponder&action=getmailcontent",
"ajaxmethod":"POST",
"ajaxsync":true,
"calldetail":2,
"statusdetail":3,
"datadetail":"data="+encodeURIComponent(id_d),
"callback":function(response)
{
alert(response);
}
}
_self.ajaxcall(ajaxdata1);*/
}
_self.ajaxcall = function(ajaxdata) {
var xmlhttp = ""; // The variable that makes Ajax possible!
try {
// Opera 8.0+, Firefox, Safari
xmlhttp = new XMLHttpRequest();
} catch (e) {
// Internet Explorer Browsers
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
// Something went wrong
console.log("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
console.log(xmlhttp.responseText);
/*try {
var jsondata = JSON.parse(xmlhttp.responseText);
if (jsondata.status == 0) {
nvd.callhomepage();
} else if (jsondata.status == 1) {
if (ajaxdata.ajaxsync == true) {
if (ajaxdata.statusdetail == 3) {
ajaxdata.callback(jsondata);
} else if (ajaxdata.statusdetail == 4) {
ajaxdata.callback(jsondata);
} else {}
} else {
//This is synchronus false part
}
} else {
console.log("error in code");
}
} catch (ex) {
console.log("error when parse json data " + ex);
}*/
} else if (xmlhttp.status == 404 || xmlhttp.status == 500) {
console.log("404 or 505 error");
} else {}
}
if (ajaxdata.ajaxsync == true) {
xmlhttp.open(ajaxdata.ajaxmethod, ajaxdata.ajaxurl, ajaxdata.ajaxsync);
} else {
xmlhttp.open(ajaxdata.ajaxmethod, ajaxdata.ajaxurl);
}
if (ajaxdata.statusdetail == 4) {
xmlhttp.send(ajaxdata.formdata);
} else {
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(ajaxdata.datadetail);
}
}
}
document.addEventListener("DOMContentLoaded",function()
{
//alert(document.location.href);
isd = new mhrpanel();
/*isd.init(); */
});
</script>