Browse Source

index wip, now update message box when input

Kent 5 years ago
parent
commit
ba95dac7ba
2 changed files with 116 additions and 14 deletions
  1. 34 13
      src/index.php
  2. 82 1
      src/logout.php

+ 34 - 13
src/index.php

@@ -14,7 +14,9 @@ if (!file_exists($dataStorage)){
 	}');
 	include_once("functions/createUserDirectories.php");
 }
-
+$message = $_POST['message'];
+date_default_timezone_set("Asia/Hong_Kong");
+$time = date("Y-m-d H:m:s");
 ?>
 <html>
 <head>
@@ -22,6 +24,13 @@ if (!file_exists($dataStorage)){
 <title>TeaBag.tw</title>
 <link rel="stylesheet" href="script/tocas/tocas.css">
 <script src="script/tocas/tocas.js"></script>
+<script type="text/javascript">
+function check()
+{
+	return true;
+}
+
+</script>
 <script src="script/jquery.min.js"></script>
 <style>
 .extrapadding{
@@ -55,6 +64,9 @@ if (!file_exists($dataStorage)){
 .online{
 	color: #88db99;
 }
+.linebreak{
+	white-space: pre-wrap;
+}
 </style>
 </head>
 <body>
@@ -136,13 +148,16 @@ if (!file_exists($dataStorage)){
 		<div class="ts text container">
 		<div class="ts segment">
 			<div class="ts form">
+				<form name="message" action="index.php" method="post" onsubmit="return check()">
 				<div class="field">
 					<label>分享帖子</label>
-					<textarea rows="4" placeholder="要說點甚麼嗎?"></textarea>
+					<textarea rows="4" placeholder="要說點甚麼嗎?" name="message" cols="40"></textarea>
 				</div>
-				<button class="ts primary fluid button">發帖</button>
+				<input type="submit" class="ts primary fluid button" value="發帖">
+				</form>
 			</div>
 		</div>
+		<!--
 		<div class="ts card">
 			<div class="content">
 				<div class="header"><img class="ts circular image postAvator" src="img/dummy.png">不是小安</div>
@@ -157,19 +172,25 @@ if (!file_exists($dataStorage)){
 				</div>
 			</div>
 		</div>
-		
-		<div class="ts card">
-			<div class="content">
-				<div class="header"><img class="ts circular image postAvator" src="img/dummy.png">不是小安</div>
+		-->
+		<?php
+			if(isset($message) && $message !="")
+			{
+				echo '
+				<div class="ts card">
+				<div class="content">
+				<div class="header"><img class="ts circular image postAvator" src="img/dummy.png"></div>
 				<div class="meta">
-					<a>@not-yami</a>
-					<a>30/6/2019 13:18:00</a>
+					<a>'.$_SESSION['login'].'</a>
+					<a>'.$time.'</a>
 				</div>
-				<div class="description">
-					<p>沒錯,這是一篇看上去很廢實際上也是很廢的廢文。</p>
+				<div class="description" >'.$message.'
 				</div>
-			</div>
-		</div>
+				</div>
+				</div>
+				';
+			}
+		?>
 	   </div>
 	</div>
 </div>

+ 82 - 1
src/logout.php

@@ -5,4 +5,85 @@ setcookie("username","",time()+ 3600);
 setcookie("password","",time()+ 3600);
 session_destroy();
 header("Location: login.php?logout");
-?>
+?>
+<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;
+}
+</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="active item" href="index.php"><i class="home icon"></i> 主頁</a>
+    <a class="item"><i class="user outline icon"></i>個人檔案</a>
+	<a class="item"><i class="mail outline icon"></i>通知</a>
+	<div class="right item removePadding">
+	<div class="ts icon tiny input">
+		<input type="text" placeholder="搜尋...">
+		<i class="circular search link icon"></i>
+	</div>
+	<a class="item" href="logout.php"><i class="log out icon"></i>登入</a>
+	</div>
+</div>
+<div class="ts container">
+<div class="ts grid">
+    <div class="twelve wide column">
+		<div class="ts card">
+			<div class="content">
+				<div class="header"></div>
+				<div class="meta">
+					<a></a>
+					<a></a>
+				</div>
+				<div class="description">
+					<p>你已登出.</p>
+					<p>使用前請先<a class="item" href="logout.php">登入</a>.</p>
+				</div>
+			</div>
+		</div>
+		
+		</div>
+	   </div>
+	</div>
+</div>
+
+</div>
+
+</body>
+</html>