| Server IP : 209.209.40.120 / Your IP : 216.73.217.112 Web Server : Microsoft-IIS/10.0 System : Windows NT NEWWWW 10.0 build 17763 (Windows Server 2019) i586 User : NEWWWW$ ( 0) PHP Version : 8.3.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/HostingSpaces/admin/penpaleurope.com/backup/app/Penpal/ |
Upload File : |
<?php
session_start();
$username =$_GET['user'];
$palid = "146";
$receiver =$_GET['receiver'];
$_SESSION['username']= $username;
$_SESSION['receiver']= $receiver;
$db = new PDO('mysql:host=127.0.0.1;dbname=smartsmsrouter','smsEngine','guEnaR28T');
//$username = $_SESSION['username'];
//$receiver = $_SESSION['receiver'];
$query = $db->prepare("SELECT nickname,profile,palid FROM Penpalsubscriber where photo ='1' order by sn") ;
$query->execute();
?>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="UTF-8" />
<title>PenpalAfrica | Meet New Friends In Africa </title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<!-- GLOBAL STYLES -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/theme.css" />
<link rel="stylesheet" href="assets/css/MoneAdmin.css" />
<link rel="stylesheet" href="assets/plugins/Font-Awesome/css/font-awesome.css" />
<!--END GLOBAL STYLES -->
<!-- PAGE LEVEL STYLES -->
<link href="assets/css/layout2.css" rel="stylesheet" />
<link href="assets/plugins/flot/examples/examples.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/plugins/timeline/timeline.css" />
<!-- END PAGE LEVEL STYLES -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function (e) {
//document.getElementById('chatDisplay').scrollTop = 9999999;
//$('#chatDisplay').scrollTop(($('#chatDisplay').height()*2));
function displayChat(){
var username ="<?php echo $username ?>";
var receiver ="<?php echo $receiver ?>";
$.ajax({
url: 'displayChat.php',
type: 'Post',
data:{
username:username,
receiver:receiver
},
success: function (data){
$("#chatDisplay").html(data);
}
});
}
setInterval (function() {displayChat();},500);
// setInterval(updateScroll,1000);
$("#text").keydown(function(event){
var name =$("#name").val();
var text =$("#text").val();
var receiver =$("#receiver").val();
if(event.keyCode ==13) {
event.preventDefault();
if($("#text").val() != "") {
$.ajax({
url : 'chatposter.php',
type: 'Post',
data:{
text:text,
name:name,
receiver:receiver
}
});
$("#text").val("");
return false;
}
}
});
$('#btn-chat').click(function (e){
var name =$("#name").val();
var text =$("#text").val();
var receiver =$("#receiver").val();
// $('#chatForm')[0].reset();
if($("#text").val() != "") {
$("#text").val("");
$.ajax({
url : 'chatposter.php',
type: 'Post',
data:{
text:text,
name:name,
receiver:receiver
}
});
}
});
});
</script>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="padTop53 " >
<!-- MAIN WRAPPER -->
<div id="wrap" >
<!-- HEADER SECTION -->
<div id="top">
<nav class="navbar navbar-inverse navbar-fixed-top " style="padding-top: 10px;">
<a data-original-title="Show/Hide Menu" data-placement="bottom" data-tooltip="tooltip" class="accordion-toggle btn btn-primary btn-sm visible-xs" data-toggle="collapse" href="#menu" id="menu-toggle">
<i class="icon-align-justify"></i>
</a>
<!-- LOGO SECTION -->
<header class="navbar-header">
<a href="index.html" class="navbar-brand">
<img src="assets/img/penpallogo.png" alt="PenpalAfrica" />
</a>
</header>
<!-- END LOGO SECTION -->
<ul class="nav navbar-top-links navbar-right">
<!-- MESSAGES SECTION -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<span class="label label-success">2</span> <i class="icon-envelope-alt"></i> <i class="icon-chevron-down"></i>
</a>
<ul class="dropdown-menu dropdown-messages">
<li>
<a href="#">
<div>
<strong>John Smith</strong>
<span class="pull-right text-muted">
<em>Today</em>
</span>
</div>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing.
<br />
<span class="label label-primary">Important</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<strong>Raphel Jonson</strong>
<span class="pull-right text-muted">
<em>Yesterday</em>
</span>
</div>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing.
<br />
<span class="label label-success"> Moderate </span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<strong>Chi Ley Suk</strong>
<span class="pull-right text-muted">
<em>26 Jan 2014</em>
</span>
</div>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing.
<br />
<span class="label label-danger"> Low </span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a class="text-center" href="#">
<strong>Read All Messages</strong>
<i class="icon-angle-right"></i>
</a>
</li>
</ul>
</li>
<!--END MESSAGES SECTION -->
<!--TASK SECTION -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<span class="label label-danger">5</span> <i class="icon-tasks"></i> <i class="icon-chevron-down"></i>
</a>
<ul class="dropdown-menu dropdown-tasks">
<li>
<a href="#">
<div>
<p>
<strong> Profile </strong>
<span class="pull-right text-muted">40% Complete</span>
</p>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<p>
<strong> Pending Tasks </strong>
<span class="pull-right text-muted">20% Complete</span>
</p>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
<span class="sr-only">20% Complete</span>
</div>
</div>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<p>
<strong> Work Completed </strong>
<span class="pull-right text-muted">60% Complete</span>
</p>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span>
</div>
</div>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<p>
<strong> Summary </strong>
<span class="pull-right text-muted">80% Complete</span>
</p>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a class="text-center" href="#">
<strong>See All Tasks</strong>
<i class="icon-angle-right"></i>
</a>
</li>
</ul>
</li>
<!--END TASK SECTION -->
<!--ALERTS SECTION -->
<li class="chat-panel dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<span class="label label-info">8</span> <i class="icon-comments"></i> <i class="icon-chevron-down"></i>
</a>
<ul class="dropdown-menu dropdown-alerts">
<li>
<a href="#">
<div>
<i class="icon-comment" ></i> New Comment
<span class="pull-right text-muted small"> 4 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="icon-twitter info"></i> 3 New Follower
<span class="pull-right text-muted small"> 9 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="icon-envelope"></i> Message Sent
<span class="pull-right text-muted small" > 20 minutes ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="icon-tasks"></i> New Task
<span class="pull-right text-muted small"> 1 Hour ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a href="#">
<div>
<i class="icon-upload"></i> Server Rebooted
<span class="pull-right text-muted small"> 2 Hour ago</span>
</div>
</a>
</li>
<li class="divider"></li>
<li>
<a class="text-center" href="#">
<strong>See All Alerts</strong>
<i class="icon-angle-right"></i>
</a>
</li>
</ul>
</li>
<!-- END ALERTS SECTION -->
<!--ADMIN SETTINGS SECTIONS -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-user "></i> <i class="icon-chevron-down "></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li><a href="#"><i class="icon-user"></i> User Profile </a>
</li>
<li><a href="#"><i class="icon-gear"></i> Settings </a>
</li>
<li class="divider"></li>
<li><a href="logout.html"><i class="icon-signout"></i> Logout </a>
</li>
</ul>
</li>
<!--END ADMIN SETTINGS -->
</ul>
</nav>
</div>
<!-- END HEADER SECTION -->
<!-- MENU SECTION -->
<div id="left" >
<div class="media user-media well-small">
<a class="user-link" href="gallery.php?id=146">
<img class="media-object img-thumbnail user-img" alt="User Picture" src="assets/img/subscribers/146/1.jpg" />
</a>
<br />
<div class="media-body">
<h5 class="media-heading"> NosBlue</h5>
<ul class="list-unstyled user-info">
<li>
<a class="btn btn-success btn-xs btn-circle" style="width: 10px;height: 12px;"></a> Online
</li>
</ul>
</div>
<br />
</div>
<ul id="menu" class="collapse">
<li class="panel active">
<a href="index.php" >
<i class="icon-table"></i> Home
</a>
</li>
<li class="panel ">
<li><a href="online.php"><i class="icon-arrow-right"></i> Online <span class="pull-right">
<i class="icon-angle-left"></i>
</span>
<span class="label label-success">6</span> </a>
</li>
</li>
<li class="panel ">
<li><a href="message.php"><i class="icon-envelope"></i> Messages <span class="pull-right">
<i class="icon-angle-left"></i>
</span>
<span class="label label-danger">6</span> </a>
</li>
</li>
<li class="panel ">
<li><a href="likes.php"><i class="icon-ok"></i> Likes <span class="pull-right">
<i class="icon-angle-left"></i>
</span>
<span class="label label-info">6</span> </a>
</li>
</li>
<li class="panel ">
<li><a href="visitors.php"><i class="icon-heart"></i> Visitors <span class="pull-right">
<i class="icon-angle-left"></i>
</span>
<span class="label label-warning">6</span> </a>
</li>
</li>
<li class="panel ">
<li><a href="profile.php"><i class="icon-thumbs-up"></i> Profile <span class="pull-right">
<i class="icon-angle-left"></i>
</span>
</a>
</li>
</li>
<li class="panel ">
<li><a href="settings.php"><i class="icon-user"></i> Settings <span class="pull-right">
<i class="icon-angle-left"></i>
</span>
</a>
</li>
</li>
<li class="panel ">
<li><a href="logout.php"><i class="icon-signout"></i> Logout Page <span class="pull-right">
<i class="icon-angle-left"></i>
</span>
</a>
</li>
</li>
</ul>
</div>
<!--END MENU SECTION -->
<!--PAGE CONTENT -->
<div id="content">
<!-- inner wrapper -->
<div class="inner" style="min-height: 700px;">
<div class="row">
<div class="col-lg-12">
<h1> Meet New Friends in Africa</h1>
</div>
</div>
<hr />
<!--BLOCK SECTION -->
<div class="row">
<div class="col-lg-12">
<div style="text-align: center;">
<a class="quick-btn" href="#">
<i class="icon-check icon-2x"></i>
<span> Products</span>
<span class="label label-danger">2</span>
</a>
<a class="quick-btn" href="#">
<i class="icon-envelope icon-2x"></i>
<span>Messages</span>
<span class="label label-success">456</span>
</a>
<a class="quick-btn" href="#">
<i class="icon-signal icon-2x"></i>
<span>Profit</span>
<span class="label label-warning">+25</span>
</a>
<a class="quick-btn" href="#">
<i class="icon-external-link icon-2x"></i>
<span>value</span>
<span class="label btn-metis-2">3.14159265</span>
</a>
<a class="quick-btn" href="#">
<i class="icon-lemon icon-2x"></i>
<span>tasks</span>
<span class="label btn-metis-4">107</span>
</a>
<a class="quick-btn" href="#">
<i class="icon-bolt icon-2x"></i>
<span>Tickets</span>
<span class="label label-default">20</span>
</a>
</div>
</div>
</div>
<!--END BLOCK SECTION -->
<hr />
<!-- ONLINE SECTION -->
<div class="row">
<div class="col-lg-12">
<div class="chat-panel panel panel-success">
<div class="panel-heading">
<strong class="primary-font"><?php echo "Chating with $receiver"; ?> </strong>
</div>
<div class="panel-body">
<div id ="chatDisplay"></div>
<div id="notify"></div>
</div>
<div class="panel-footer">
<form action="#" onSubmit="return false;" id='chatForm'>
<div class="input-group">
<input type="hidden" name="name" id ='name' value='<?php echo $username; ?>' />
<input type="hidden" name="receiver" id ='receiver' value='<?php echo $receiver; ?>' />
<input id="text" name ='text' type="text" class="form-control input-sm" placeholder="Type your comment here..." />
<span class="input-group-btn">
<button type="button" class="btn btn-success btn-sm" id="btn-chat">
Send
</button>
</span>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- END ONLINE SECTION -->
</div><!-- Inner wrapper -->
</div>
<!--END PAGE CONTENT -->
<!-- RIGHT STRIP SECTION -->
<div id="right">
<div class="well well-small">
<ul class="list-unstyled">
<li> Male : <span>23,000</span></li>
<li> Female : <span>53,000</span></li>
<li> Total : <span>3,000</span></li>
</ul>
</div>
<div class="well well-small">
<button class="btn btn-block"> Help </button>
<button class="btn btn-primary btn-block"> Tickets</button>
<button class="btn btn-info btn-block"> New </button>
<button class="btn btn-success btn-block"> Users </button>
<button class="btn btn-danger btn-block"> Invite </button>
<button class="btn btn-warning btn-block"> Sales </button>
<button class="btn btn-inverse btn-block"> Vouchers </button>
</div>
<div class="well well-small">
<span>Active Pals</span><span class="pull-right"><small>20%</small></span>
<div class="progress mini">
<div class="progress-bar progress-bar-info" style="width: 20%"></div>
</div>
<span>Female Pals</span><span class="pull-right"><small>40%</small></span>
<div class="progress mini">
<div class="progress-bar progress-bar-success" style="width: 40%"></div>
</div>
<span>Male Pals</span><span class="pull-right"><small>60%</small></span>
<div class="progress mini">
<div class="progress-bar progress-bar-warning" style="width: 60%"></div>
</div>
<span>Total Pals</span><span class="pull-right"><small>100%</small></span>
<div class="progress mini">
<div class="progress-bar progress-bar-danger" style="width: 100%"></div>
</div>
</div>
</div>
<!-- END RIGHT STRIP SECTION -->
</div>
<!--END MAIN WRAPPER -->
<!-- FOOTER -->
<div id="footer">
<p>© PenpalAfrica.com 2017 </p>
</div>
<!--END FOOTER -->
<!-- GLOBAL SCRIPTS -->
<script src="assets/plugins/jquery-2.0.3.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/plugins/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<!-- END GLOBAL SCRIPTS -->
<!-- PAGE LEVEL SCRIPTS -->
<script src="assets/plugins/flot/jquery.flot.js"></script>
<script src="assets/plugins/flot/jquery.flot.resize.js"></script>
<script src="assets/plugins/flot/jquery.flot.time.js"></script>
<script src="assets/plugins/flot/jquery.flot.stack.js"></script>
<script src="assets/js/for_index.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
</body>
<!-- END BODY -->
</html>