ESH/top1.php
2024-10-23 18:28:06 +05:30

276 lines
9.8 KiB
PHP

<?php
header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
clearstatcache();
?>
<style>
.msg_body {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff5e5), color-stop(1, #fff5e5));
background:-moz-linear-gradient(top, #ffa61c 5%, #fff5e5 100%);
background:-webkit-linear-gradient(top, #ffa61c 5%, #fff5e5 100%);
background:-o-linear-gradient(top, #ffa61c 5%, #fff5e5 100%);
background:-ms-linear-gradient(top, #ffa61c 5%, #fff5e5 100%);
background:linear-gradient(to bottom, #ffa61c 5%, #fff5e5 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa61c', endColorstr='#fff5e5',GradientType=0);
background-color:#00331a;
color:white;
width:100%;
height: window.innerHeight;
}
.msg_body1{
border-bottom:1px solid #ffffff;
}
.chat_box{
width:200px;
height:400px;
background-color:#e9e9e9;
}
.myButton {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa61c), color-stop(1, #ffa61c));
background:-moz-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
background:-webkit-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
background:-o-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
background:-ms-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
background:linear-gradient(to bottom, #ffa61c 5%, #ffa61c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa61c', endColorstr='#ffa61c',GradientType=0);
background-color:#f9f9f9;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding:6px 15px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
width:100%;
opacity:0.6;
}
.myButton_submit {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffa61c), color-stop(1, #ffa61c));
background:-moz-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
background:-webkit-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
background:-o-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
background:-ms-linear-gradient(top, #ffa61c 5%, #ffa61c 100%);
background:linear-gradient(to bottom, #ffa61c 5%, #ffa61c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ffa61c',GradientType=0);
background-color:#f9f9f9;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#e9e9e9;
font-family:Arial;
font-size:14px;
font-weight:bold;
padding:7px 9px;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
width:200px;
}
.myButton_submit:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
background-color:#e9e9e9;
}
.myButton_submit:active {
position:relative;
top:1px;
}
.footer_class{
position:fixed;
margin-bottom:0px;
}
.logo_part{
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:4px 9px;
text-decoration:none;
text-shadow:1px 1px #0066cc;
color:#666666;
}
.shadow1{
box-shadow: 2px 2px 2px 2px #888888;
text-shadow:0px 1px 0px #ffffff;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.shadow1:hover {
box-shadow: 10px 10px 10px 10px #888888;
color:#1a1a1a;
font-size:14px;
}
.shadow3{
box-shadow: 1px 1px 1px 1px #888888;
text-shadow:0px 1px 0px #ffffff;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.shadow3:hover {
box-shadow: 5px 5px 5px 5px #888888;
color:#1a1a1a;
font-size:14px;
}
.msg_count{
padding-right:8px;
padding-left:5px;
background-color: #d9e6f2;
width:25px;
height:20px;
border-radius:15px;
text-align:center;
}
</style>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<?php include('top.php');
?>
</td>
</tr>
<tr>
<td width="100%" height="450px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top:10px;">
<tr>
<td colspan="2" width="100%"><table width="100%" border="0">
<tr>
<td width='20%' rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/RailTech.JPG" height="90" width="150" ></td>
<td width='20%' ></td>
<td width='20%' ></td>
<td width='20%' ></td>
<td width='20%' valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('my_dashboard.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');" ><img src="images/mydashboard.png" height='30' width='30'> My Dashboard</td>
</tr>
<?php
$sql_appTitle = "select centre_desc from app_title";
$res_appTitle = @mysqli_query($conn,$sql_appTitle);
$row_appTitle = @mysqli_fetch_array($res_appTitle);
?>
<tr>
<td colspan='3' align="center" height="40px" class="logo_part"><marquee scrolldelay="1" behavior=alternate><?php echo $row_appTitle['centre_desc']?></marquee><br></span></font></td>
<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('front_page.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/eventcalender.png" height='30' width='30'> Event Calender</td>
</tr>
<tr>
<td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/RailFabLogo.jpg" height="90" width="150" ></td>
<td valign='top' colspan='3' rowspan='7' align="center" height="350px" style="padding-left:0%;"><img src="images/a.png" ></td>
<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('latest_news.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/news.png" height='30' width='30'> RailTech News</td>
</tr>
<tr>
<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('software_update.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/softwareupdate.png" height='30' width='30'> TMS Updates</td>
</tr>
<tr>
<td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/TechFabLogo.jpg" height="90" width="150" ></td>
<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('directory.php','','width=700, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/directory.jpeg" height='30' width='30'> RailTech Directory</td>
</tr>
<tr>
<td valign='center' align="left" class="shadow1" height="40px" width="20%" onclick="window.open('support.php','','width=500, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/support.jpeg" height='30' width='30'> RailTech Support</td>
</tr>
<tr>
<td rowspan='2' valign='top' align="right" height="20px" style="padding-left:0%;"><img src="images/yg.jpg" height="90" width="150" ></td>
<td valign='center' align="left" class="shadow1" height="40px" width="20%" id ="broad_chat" onclick="window.open('chat.php','','width=500, height=400,left=200, scrollbars=3, resizable=yes,top=100');"><img src="images/broadcast.png" height='30' width='30'> Broadcast Message<span class="msg_count"><font color="#336699"> <?php echo msg_count();?></font></span></td>
</tr>
<tr>
<td valign='center' align="left" class="shadow1" height="40px" width="20%" id="pearChat"><div id="pearChatbox"><img src="images/chat.png" height='30' width='30'> RailTech Chat<span class="msg_count"><font color="#336699"> <?php echo msg_pear_count();?></font></span></div><input type="text" id="search_box" name="searchbox" placeholder="Search by User Name" class="textbox1" style="width:80%; height:30px;" onkeyup="searchUser(this.value);"></td>
</tr>
<tr>
<td height="auto" valign="top" align="right"><div id="chatBox" style="overflow:scroll; width:130px; height:300px; "></div></td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</td>
</tr>
<tr>
<td class="footer_class" width="100%">
<?php include('footer.php'); ?>
</td>
</tr>
</table>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#pearChatbox").show();
$("#search_box").hide();
$("#chatBox").hide();
$("#pearChat").hover(function(){
$("#pearChatbox").hide(300);
$("#search_box").show(300);
});
$("#pearChat").mouseleave(function(){
$("#pearChatbox").show(300);
$("#search_box").hide(300);
});
});
function searchUser(val){
$("#chatBox").show(500);
if(val==''){
$("#chatBox").hide(1000);
}
else{
function stateChangedState()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById('chatBox').innerHTML=xmlHttp.responseText;
}
}
Params='request_type=searchUser&val='+val;
SendAjaxRequest('ajax.php','POST',true,Params,stateChangedState);
}
}
</script>