TC
/
TeaBag


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
							<?php
include_once 'auth.php';
//Get information of local data storage from auth.php
$userAccountName = $_SESSION['login']; //使用者登入名稱，不可重複
$dataStorage = $sysConfigDir . '/userdata/' .  $_SESSION['login'] . "/"; //使用者個人資料資料夾
if (!file_exists($dataStorage)){
	//如果使用者是第一次使用 TeaBag，幫他開個新資料夾，並創建用家資料檔
	mkdir($dataStorage,0777,true);
	file_put_contents($dataStorage . "userdata.json",'{"username":"' . $userAccountName .'",
	  "accountCreationTime":"' . time() . '",
	  "invitedByUser":"Admin",
	  "permissionLevel":3,
	  "banned":false
	}');
	include_once("functions/createUserDirectories.php");
}
date_default_timezone_set("Asia/Hong_Kong");
$time = date("Y-m-d H:m:s");

include_once("getUserImage.php"); //Handle user image location. Call with getUserIconpath()
$userIcon = getUserIconPath();
?>
<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>TeaBag.tw</title>
<link rel="stylesheet" href="script/tocas/tocas.css">
<script src="script/tocas/tocas.js"></script>
<script src="script/jquery.min.js"></script>
<style>
.extrapadding{
	padding-left:10%;
	padding-right:10%;
}
.removePadding{
	padding:0px !important;
}
.active.item{
	color:#4287f5 !important;
	font-weight: bold !important;
}
.postAvator{
	height:50px !important;
	padding-right:25px;
}
.teabag.card{
	max-width:350px;
}
.nopadding{
	padding:0px !important;
}
.selectable{
	cursor:pointer;
	padding:5px !important;
}
.selectable:hover{
	background-color:#f2f2f2 !important;
}
.online{
	color: #88db99;
}
.linebreak{
	white-space: pre-wrap;
}
</style>
</head>
<body>
<div class="ts tabbed menu extrapadding">
	<a class="item" href="index.php"><img src="img/minilogo.png" style="height:25px;"></a>
    <a class="item" href="home.php"><i class="home icon"></i> Following</a>
    <a class="active item" href="index.php"><i class="user outline icon"></i>Timeline</a>
	<a class="item"><i class="mail outline icon"></i>Notification</a>
	<div class="right item removePadding">
	<div class="ts icon tiny input">
		<input type="text" placeholder="Search...">
		<i class="circular search link icon"></i>
	</div>
	<a class="item" href="logout.php"><i class="log out icon"></i>Logout</a>
	</div>
</div>
<div class="ts container">
<div class="ts grid">
    <div class="four wide column">
		<div class="ts teabag card">
			<div class="image">
				<img src="<?php echo $userIcon;?>" style="max-width:300px;">
			</div>
			<div class="content">
				<div class="ts comments">
					<div class="comment">
						<div class="avatar">
							<img src="<?php echo $userIcon; ?>">
						</div>
						<div class="content">
							<a class="author"><?php include_once("functions/getUserName.php");?></a>
							<div class="text">@<?php echo $_SESSION['login']; ?></div>
						</div>
					</div>
				</div>
				<button class="ts basic mini button" onClick='$("#changeIconDiv").slideToggle();'>Change Icon</button>
				<div id="changeIconDiv" style="display:none;">
					<iframe src="uploadIcon.php">
					
					</iframe>
				</div>
			</div>
		</div>
		<!-- 聊天室列表--> 
		<div class="ts segment" style='height:300px; overflow-y:auto;'>
			<div class="ts nopadding comments">
				<div class="comment selectable">
					<a class="avatar">
						<img src="img/dummy.png">
					</a>
					<div class="content">
						<a class="author">小白</a>
						<div class="inline text">
							現時在線
						</div>
						<div class="middoted actions">
							<a>
								<i class="comment online icon"></i> 打開聊天室
							</a>
						</div>
					</div>
				</div>
				<div class="comment selectable">
					<a class="avatar">
						<img src="img/dummy.png">
					</a>
					<div class="content">
						<a class="author">小綠</a>
						<div class="inline text">
							10分鐘前在線
						</div>
						<div class="middoted actions">
							<a>
								<i class="comment icon"></i> 留言
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <div class="twelve wide column">
		<div class="ts text container">
		<div class="ts segment">
			<div class="ts form">
				<form name="message" action="updateSql.php" method="post">
				<div class="field">
					<label>Share Post</label>
					<textarea rows="4" placeholder="Want to share something？" name="message" cols="40"></textarea>
				</div>
				<input type="submit" class="ts primary fluid button" value="Post">
				</form>
			</div>
		</div>
		<?php
			include_once("requestDB.php"); //Handle all Database access, see the query command below
			$postData = query("select * from post where username='" . $_SESSION['login'] . "' ORDER BY postid DESC","teabag");
			foreach ($postData as $post){
				echo '
				<div class="ts card">
					<div class="content">
						<div class="header"><img class="ts image postAvator" src="' . $userIcon .'" style="margin-right:-20px;width:80px;height:80px;">' . $post["username"] . '</div>
						<div class="meta">
							<a>@ '.$post["posttime"].'</a>
						</div>
						<div class="description">
							<p>'.$post["content"].'</p>
						</div>
					</div>
				</div>
				';
			}
		?>
	   </div>
	</div>
</div>

</div>
<script>

function refreshPage(){
	window.location.reload();
}
</script>
</body>
</html>