195 lines
8.3 KiB
PHP
195 lines
8.3 KiB
PHP
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||
|
<head>
|
||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
<title><?php echo $data['info']['nama'] ?> - TEAM</title>
|
||
|
<!--style-->
|
||
|
<link rel="stylesheet" type="text/css" href="asset/css/bootstrap.css" />
|
||
|
<!--<link rel="stylesheet" type="text/css" href="asset/css/style.css" />-->
|
||
|
<link rel="stylesheet" type="text/css" href="asset/css/style2.css" />
|
||
|
<!--script-->
|
||
|
<script src="asset/js/jquery.js"></script>
|
||
|
<script src="asset/js/jquery.foggy.min.js"></script>
|
||
|
<script src="asset/js/script.js"></script>
|
||
|
</head>
|
||
|
<body>
|
||
|
<!--nav-->
|
||
|
<nav class="navbar navbar-default" role="navigation">
|
||
|
<div class="container-fluid">
|
||
|
<div class="navbar-header">
|
||
|
<a class="navbar-brand" href="<?php echo base_url ?>" style="height:50px;padding:2px 15px;font-family:Modern;"><img src="asset/image/pic_0000_Group-1-copy.png" height="100%"/> Socmed Campus</a>
|
||
|
</div>
|
||
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||
|
<div class="cari" style="margin-left:500px">
|
||
|
<form class="navbar-form navbar-left" action="home.php" role="search">
|
||
|
<div class="form-group">
|
||
|
<input type="text" size="30" id="search" style="width:320px;" class="form-control" autocomplete="off" placeholder="Search" onkeyup="lookup(this.value);">
|
||
|
</div>
|
||
|
<div id="suggestions"></div>
|
||
|
</form>
|
||
|
</div>
|
||
|
<ul class="nav navbar-nav navbar-right">
|
||
|
<li><a href="home.php"><img src="asset/image/home.png" width="20px" title="Home"></a></li>
|
||
|
<li><a href="<?php base_url ?>profile.php?id=<?php echo $_SESSION['username'] ?>"><img src="asset/image/profile.png" width="20px" title="Profile"></a></li>
|
||
|
<li><a href="community.php" id="com"><img src="asset/image/community.png" width="20px" title="Community"></a></li>
|
||
|
<li><a href="<?php base_url ?>home.php?action=logout" id="com"><img src="asset/image/logout.png" title="Logout" width="20px"></a></li>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div><!-- /.navbar-collapse -->
|
||
|
</div><!-- /.container-fluid -->
|
||
|
</nav>
|
||
|
<!--alert-->
|
||
|
<?php if(isset($_SESSION['notif-alert'])) { ?>
|
||
|
<div class="alert alert-warning notif" id="alert" style="height:100%;padding:3px;padding-left:6px;width:94%;"><?php echo $_SESSION['notif-alert'] ?></div>
|
||
|
<?php } ?>
|
||
|
<!--end alert-->
|
||
|
|
||
|
<div class="row profile">
|
||
|
<!--left-->
|
||
|
<div class="col-lg-2 col-lg-offset-1 left" style="margin-right:25px">
|
||
|
<!--foto-->
|
||
|
<div class="row"><div class="boxAvatar" style="text-align:center;vertical-align: middle">
|
||
|
<img src="<?php echo $data['info']['avatar'] ?>" />
|
||
|
</div></div>
|
||
|
<div id="edited">
|
||
|
<form method="post" id="formedit">
|
||
|
<!--nama-->
|
||
|
<div class="row"><div class="boxnama">
|
||
|
<b><h4 id="pnama"><?php echo $data['info']['nama'] ?></h4></b>
|
||
|
</div></div>
|
||
|
<!--info-->
|
||
|
<div class="row"><div class="boxinfo">
|
||
|
<?php if($_SESSION['username']==$_GET['id']){ ?>
|
||
|
<h6><a id="editprof" onclick="editprofil();" href="#"><span class="glyphicon glyphicon-pencil"></span> Edit</a></h6>
|
||
|
<!--<h6><a href="profile.php?id=<?php //echo $_GET['id']?>&action=edit"><span class="glyphicon glyphicon-pencil"></span> Edit</a></h6>-->
|
||
|
<?php } ?>
|
||
|
<h5><b>Personal Information</b></h5>
|
||
|
<span title="Date of Birth" class="glyphicon glyphicon-calendar"><div id="pdob"><?php echo $data['info']['dob'] ?></div></span></br>
|
||
|
<span title="Asal" class="glyphicon glyphicon glyphicon-home"><div id="pasal"><?php echo $data['info']['hometown'] ?></div></span></br>
|
||
|
<span title="Alamat" class="glyphicon glyphicon-map-marker"><div id="palamat"><?php echo $data['info']['address'] ?></div></span></br>
|
||
|
<span title="Fakultas" class="glyphicon glyphicon-book"><div id="pfakultas"><?php echo $data['info']['Fakultas'] ?></div></span></br>
|
||
|
<span title="Jurusan" class="glyphicon glyphicon-tower"><div id="pjurusan"><?php echo $data['info']['Jurusan'] ?></div></span></br>
|
||
|
<span title="Angkatan" class="glyphicon glyphicon-flag"><div id="pangkatan"><?php echo $data['info']['Angkatan'] ?></div></span>
|
||
|
</div></div>
|
||
|
</form>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!--middle-->
|
||
|
<div class="col-lg-5 middle">
|
||
|
<!--status input-->
|
||
|
<?php if ((isFriend($_SESSION['username'],$_GET['id'])) || ($_SESSION['username'] == $_GET['id'])){ ?>
|
||
|
<div class="row"><div class="col-lg-12 well">
|
||
|
<form role="form" action="profile.php?action=update" method="post">
|
||
|
<div class="form-group">
|
||
|
<textarea class="form-control" name="status" rows="3" placeholder="Apa yang anda pikirkan..." required></textarea>
|
||
|
<?php if (isset($_GET['id']) && ($_SESSION['username'] != $_GET['id'] )) { ?>
|
||
|
<input type="hidden" name="idu" value="<?php echo $_GET['id'] ?>">
|
||
|
<?php } ?>
|
||
|
</div>
|
||
|
<button type="submit" class="btn btn-primary btn-sm pull-right">Update</button>
|
||
|
</form>
|
||
|
</div></div>
|
||
|
<?php } ?>
|
||
|
<!--user activity-->
|
||
|
<div class="row"><div class="col-lg-12 well">
|
||
|
<h3>User Activity</h3>
|
||
|
<table class="table table-hover table-striped table-condensed">
|
||
|
<tbody>
|
||
|
<?php while ($row = mysql_fetch_assoc($data['post'])) {
|
||
|
//$time = timeelapsed($row['date']);
|
||
|
$time = strtotime($row['date']);
|
||
|
$happen = time_passed($time);
|
||
|
?>
|
||
|
<tr><td>
|
||
|
<table class="userwall">
|
||
|
<tr>
|
||
|
<td rowspan="3" width="80px">
|
||
|
<img src="<?php echo $row['avatar'] ?>" alt="..." class="img-circle" width="50px" height="50px">
|
||
|
</td>
|
||
|
<td>
|
||
|
<?php if(!empty($row['toUser'])){?>
|
||
|
<h6><b><?php echo $row['nama'].' </b>►<b> '.$data['info']['nama'] ?></b></h6>
|
||
|
<?php }else{ ?>
|
||
|
<h6><b><?php echo $data['info']['nama'] ?></b></h6>
|
||
|
<?php }?>
|
||
|
</br><small><h6 style="color:#AF9090;margin-top:-5px" title="<?php echo waktu($row['date']); ?>"><span class="glyphicon glyphicon-time"></span>
|
||
|
<em> <?php echo $happen ?> ago </em></h6></small>
|
||
|
</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td id="stts"><blockquote><p><?php echo $row['status'] ?></p></blockquote></td>
|
||
|
</tr>
|
||
|
</table>
|
||
|
</td></tr>
|
||
|
<?php } ?>
|
||
|
<tr><td style="text-align:center;background-color:#DFD8D8">
|
||
|
<p>No More Activity</p>
|
||
|
</td></tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div></div>
|
||
|
</div>
|
||
|
|
||
|
<!--right-->
|
||
|
<div class="col-lg-3 right" style="margin-left:25px">
|
||
|
<!--friend-->
|
||
|
<div class="row"><div class="boxFriend">
|
||
|
<h5><b>Friends </b><small><b>(<?php echo $data['cFriend'] ?>)</b></small></h5>
|
||
|
<?php if(isset($data['sFriend'])){ ?>
|
||
|
<a class="btn btn-primary btn-xs" id="sfriend" style="float:right;margin-top:-30px" href="profile.php?action=addfriend&idprf=<?php echo $_GET['id']?>"><?php echo $data['sFriend'] ?></a>
|
||
|
<?php } ?>
|
||
|
<div class="tmbfriend">
|
||
|
<?php while ($row = mysql_fetch_assoc($data['Friend'])) { ?>
|
||
|
<?php if($_GET['id']!=$row['username']){?>
|
||
|
<a href="profile.php?id=<?php echo $row['username'] ?>"><img src="<?php echo $row['avatar']?>" alt="..." class="img-thumbnail" title="<?php echo $row['nama'] ?>" style="height:40px;width:40px" ></a>
|
||
|
<?php } ?>
|
||
|
<?php } ?>
|
||
|
</div>
|
||
|
</div></div>
|
||
|
<!--community-->
|
||
|
<div class="row"><div class="boxComm">
|
||
|
<h5><b>Community Joined </b></h5>
|
||
|
<div class="tmbcomm">
|
||
|
<?php while ($row = mysql_fetch_assoc($data['comm'])) { ?>
|
||
|
<a href="community.php?id=<?php echo $row['id'] ?>"><img src="<?php echo $row['photo']?>" alt="..." class="img-thumbnail" title="<?php echo $row['name'] ?>" style="height:40px;width:40px" ></a>
|
||
|
<?php } ?>
|
||
|
</div>
|
||
|
</div></div>
|
||
|
<!--skill-->
|
||
|
<!--
|
||
|
<div class="row"><div class="boxSkill skills-section">
|
||
|
<?php if($_SESSION['username']==$_GET['id']){ ?>
|
||
|
<h6><a id="editskill" onclick="editprofil();" href="#"><span class="glyphicon glyphicon-pencil"></span> Edit</a></h6>
|
||
|
<?php } ?>
|
||
|
<h5><b>Skill</b></h5>
|
||
|
<ul class="skills">
|
||
|
<?php
|
||
|
//echo $data['info']['skills'];
|
||
|
$skill = explode(';',$data['info']['skills']);
|
||
|
foreach ($skill as $row){
|
||
|
$value = explode(',',$row);
|
||
|
?>
|
||
|
<li>
|
||
|
<h4><?php echo $value[0] ?></h4>
|
||
|
<span class="rat<?php echo $value[1] ?>"></span>
|
||
|
</li>
|
||
|
<?php } ?>
|
||
|
</ul>
|
||
|
</div></div>
|
||
|
-->
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<!--footer-->
|
||
|
</br>
|
||
|
<div id="footer" style="background-color:#222;color:#fff;padding:10px;box-sizing:border-box;">
|
||
|
<div class="container">
|
||
|
<p class="text-muted">copyright by <span class="glyphicon glyphicon-copyright-mark"></span> IFTeam</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|