if-itb · chairuni-an · Oct 8, 2015 · Oct 8, 2015 · Oct 14, 2015 · Oct 14, 2015
diff --git a/README.md b/README.md
@@ -89,7 +89,22 @@ Pengguna dapat mencari pertanyaan dengan melakukan search ke `judul` maupun `isi
 
 ### Penjelasan Teknis
 
-`Silakan isi bagian ini dengan penjelasan anda, sesuai Petunjuk Pengerjaan di atas.`
+**Validasi pada client side**
+Validasi pada client side dilakukan menggunakan javascript
+Pertama, saat user mengklik tombol post, fungsi validateQuestion() atau validateAnswer() akan dipanggil.
+Fungsi validateQuestion() atau validateAnswer() digunakan untuk melakukan validasi masukan.
+Akan mengembalikan true jika masukan valid, mengeluarkan alert jika tidak.
+Fungsi validateQuestion() atau validateAnswer() pertama akan mengecek apakah ada field yang kosong, jika ada maka masukan tidak valid.
+Kemudian fungsi tersebut akan memanggil fungsi validateEmail() yang bertugas untuk validasi format email menggunakan regex.
+
+**Menggunakan AJAX untuk menambah dan mengurangi vote**
+Saat pengguna mengklik tombol tambah atau kurang vote, fungsi 
+	addQuestionVote(s), subtractQuestionVote(s), addAnswerVote(s), atau subtractAnswerVote(s)
+akan dipanggil.
+Fungsi tersebut akan melakukan sebuah request.
+Kemudian sebuah php akan dijalankan untuk mengubah data vote di database.
+Kemudian fungsi tersebut akan menerima hasil request, yaitu data vote yang sudah diubah.
+Kemudian fungsi akan mengubah nilai elemen yang berisi vote pada view file, dengan nilai vote yang sudah diubah.
 
 ### Knowledge
 

diff --git a/Simple StackExchange/StackExchange.sql b/Simple StackExchange/StackExchange.sql
diff --git a/Simple StackExchange/addansvote.php b/Simple StackExchange/addansvote.php
@@ -0,0 +1,14 @@
+<?php include 'connect.php';?>
+
+<?php
+// Update database
+	$answer_id = $_REQUEST["answer_id"];
+	$sql = "UPDATE Answer SET vote = (vote + 1) WHERE answer_id='$answer_id'";
+	$conn->query($sql);
+	$sql = "SELECT vote FROM Answer where answer_id='$answer_id'";
+	$result = mysqli_query($conn, $sql);
+	$row = mysqli_fetch_assoc($result);
+	if (mysqli_num_rows($result) > 0)
+		echo $row["vote"];
+	exit;
+?>
diff --git a/Simple StackExchange/addquestionvote.php b/Simple StackExchange/addquestionvote.php
@@ -0,0 +1,14 @@
+<?php include 'connect.php';?>
+
+<?php
+// Update database
+	$question_id = $_REQUEST["question_id"];
+	$sql = "UPDATE Question SET vote = vote + 1 WHERE question_id='$question_id'";
+	$conn->query($sql);
+	$sql = "SELECT vote FROM Question where question_id='$question_id'";
+	$result = mysqli_query($conn, $sql);
+	$row = mysqli_fetch_assoc($result);
+	if (mysqli_num_rows($result) > 0)
+		echo $row["vote"];
+	exit;
+?>
diff --git a/Simple StackExchange/anspost.php b/Simple StackExchange/anspost.php
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	  <title>Simple StackExchange</title>
+</head>
+
+<body>
+
+<?php include 'connect.php';?>
+
+<?php
+$question_id = $_POST['question_id'];
+$name = mysqli_real_escape_string ($conn, $_POST["name"]);
+$email = $_POST["email"];
+$content = mysqli_real_escape_string ($conn, $_POST["content"]);
+
+
+	$sql = "INSERT INTO Answer (question_id, name, email, content)
+	VALUES ('$question_id', '$name', '$email', '$content')";
+	if (mysqli_query($conn, $sql)) {
+		echo $question_id;
+		header('Location: answer.php?question_id=' . $question_id);
+	} else {
+	    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
+	}
+
+?>
+
+</body>
+</html>
diff --git a/Simple StackExchange/answer.php b/Simple StackExchange/answer.php
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  	<meta charset="UTF-8">
+  	<link rel="stylesheet" type="text/css" href='style.css'/>
+  	<script type="text/javascript" src="script.js"></script>
+  	<title>Simple StackExchange</title>
+</head>
+
+<body>
+
+<?php include 'connect.php';?>
+
+
+<div class="link-normalizer"><a class='title' href="question.php">Simple StackExchange</a></div>
+<br>
+<br>
+<br>
+<br>
+
+
+
+<?php
+		$border = 
+			"<hr class='line'>"
+			;
+	if (isset($_GET['question_id'])){
+		//for the question
+		$question_id = mysqli_real_escape_string($conn, $_GET["question_id"]);
+		$sql = "SELECT question_id, vote, topic, content, email, time FROM Question WHERE question_id = $question_id";
+		$result = mysqli_query($conn, $sql);
+		$row = mysqli_fetch_assoc($result);
+		echo 
+			"<div class='subtitle'>"
+				.$row['topic']
+			."</div>"
+			."<hr class='line'>"
+			."<div class='block-QA'>"
+				."<div class='bQA-vote'>"
+					."<div class='vote-up' onclick='addQuestionVote(".$row['question_id'].")''>"
+		    		."</div>"
+		    		."<br>"
+					."<a class='vote-value' id='question_vote".$row['question_id']."'>"
+					.$row['vote']
+					."</a>"
+					."<br><br>"
+					."<div class='vote-down' onclick='subtractQuestionVote(".$row['question_id'].")''>"
+					."</div>"
+				."</div>"
+				."<div class='bQA-content'>"
+					.$row['content']
+					."<br><br>"
+				."</div>"
+				."<div class='bQA-identity'>"
+					."asked by "
+					.$row['email']
+					." at "
+					.$row['time'] 
+					." | "
+					."<a id='color-orange' href=# onclick='editconfirm(".$row['question_id'].")'" ."'>"
+					."edit"
+	    			."</a>"
+	    			." | "
+	    			."<a id='color-red' href=# onclick='deleteconfirm(".$row['question_id'].")'"."'>"
+	    			."delete"
+	    			."</a>"
+	    		."</div>"
+	    	."</div>"
+		;
+
+		echo "<br><br><br><br><br>";
+
+		//for the answer count
+		$sql = "SELECT count(*) AS answer_count FROM Answer
+		WHERE question_id = $question_id";
+		$result = mysqli_query($conn, $sql);
+
+		$row = mysqli_fetch_assoc($result);
+		if ($row['answer_count'] > 1){
+			$answer = " Answers";
+		}
+		else{
+			$answer = " Answer";
+		}
+		$answer_count =
+			"<div class='subtitle'>" . $row['answer_count'] . $answer . "</div>"
+			;
+		echo $answer_count . $border;
+		//for the answer
+		$sql = "SELECT answer_id, vote, content, email, time FROM Answer
+		WHERE question_id = $question_id";
+		$result = mysqli_query($conn, $sql);
+
+		if (mysqli_num_rows($result) > 0) {
+		    // output data of each row
+		    while($row = mysqli_fetch_assoc($result)) {
+		    	echo 
+		    		"<div class='block-QA'>"
+		    			."<div class='bQA-vote'>"
+		    				."<div class='vote-up' onclick='addAnswerVote(".$row['answer_id'] . ")''>"
+		    				."</div>"
+							."<br>"
+		    				."<a class='vote-value' id='answer_vote" . $row['answer_id'] . "'>" .$row['vote']
+		    				."</a>"
+		    				."<br><br>"
+							."<div class='vote-down' onclick='subtractAnswerVote(" . $row['answer_id'] . ")''>"
+							."</div>"
+						."</div>"
+						."<div class='bQA-content'>"
+							.$row['content']
+							."<br><br>"
+						."</div>"
+		    			."<div class='bQA-identity'>" 
+		    				."answered by "
+		    				.$row['email']
+		    				." at "
+		    				.$row['time']
+		    			."</div>"
+		    		."</div>"
+		    		."<hr class='line'>"
+		    	;
+		    }
+		}
+
+		echo "<br><br>";
+
+		//answer form
+		$YA = 
+			"<div class='subtitle'>" . "<a id='color-grey'>" . "Your Answer" . "</a>" . "</div>"
+			;
+		$form = 
+		"<form name='answerForm' action='anspost.php' onsubmit='return validateAnswer()' method='post'>
+			<input type='hidden' name='question_id' value=' " . $question_id ."'>
+			<input type='text' class='form-text' name='name' placeholder='Name'><br>
+			<input type='text' class='form-text' name='email' placeholder='Email'><br>
+			<textarea class='form-textarea' name='content' placeholder='Content'></textarea><br>
+			<button class='button-post' type='submit'> Post </button>
+		</form>";
+		echo $YA . $form;
+
+
+	}
+	else{
+		echo "An error occured, the question is not available";
+	}
+?>
+
+</body>
+</html>
diff --git a/Simple StackExchange/ask.php b/Simple StackExchange/ask.php
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+  	<meta charset="UTF-8">
+  	<link rel="stylesheet" type="text/css" href='style.css'/>
+  	<script type="text/javascript" src="script.js"></script>
+  	<title>Simple StackExchange</title>
+</head>
+<body>
+	<div class="link-normalizer"><a class='title' href="question.php">Simple StackExchange</a></div>
+	<br>
+	<br>
+	<br>
+	<br>
+	<div class="subtitle">What's your question?</div>
+	<hr class='line'>
+
+	<?php include 'connect.php';?>
+
+	<?php
+	    if (isset($_GET['question_id'])){
+		    $question_id = mysqli_real_escape_string($conn, $_GET["question_id"]);
+		    $sql = "SELECT name, email, topic, content FROM Question WHERE question_id = $question_id";
+		    $result = mysqli_query($conn, $sql);
+		    $row = mysqli_fetch_assoc($result);
+		    if (mysqli_num_rows($result) > 0) {
+		        $name = $row["name"];
+		        $email = $row["email"];
+		        $topic = $row["topic"];
+		        $content = $row["content"];
+		    }
+		   	else{
+	        	echo "Error: " . $sql . "<br>" . mysqli_error($conn);
+	    	}
+	    }
+	    else{
+	    	$question_id = 0;
+	        $name = "";
+	        $email = "";
+	        $topic = "";
+	        $content = "";
+	    }
+
+	        echo 
+	        "<form name=\"askForm\" action=\"askpost.php\" onsubmit=\"return validateQuestion()\" method=\"post\">
+	        <input value=\"" . $question_id . "\" type=\"hidden\" name=\"question_id\">
+	        <input value=\"" . $name . "\" type=\"text\" class='form-text' name=\"name\" placeholder=\"Name\"><br>
+	        <input value=\"" . $email . "\" type=\"text\" class='form-text' name=\"email\" placeholder=\"Email\"><br>
+	        <input value=\"" . $topic . "\" type=\"text\" class='form-text' name=\"topic\" placeholder=\"Question Topic\"><br>
+	        <textarea name=\"content\" class='form-textarea' placeholder=\"Content\">" . $content ."</textarea><br>
+	        <button class='button-post' type='submit'> Post </button>
+	        </form>";
+	?>
+</body>
+</html>
+
+
diff --git a/Simple StackExchange/askpost.php b/Simple StackExchange/askpost.php
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	  <title>Simple StackExchange</title>
+</head>
+
+<body>
+
+<?php include 'connect.php';?>
+
+<?php
+	$question_id = $_POST["question_id"];
+	$name = mysqli_real_escape_string ($conn, $_POST["name"]);
+	$email = $_POST["email"];
+	$topic = mysqli_real_escape_string ($conn, $_POST["topic"]);
+	$content = mysqli_real_escape_string ($conn, $_POST["content"]);
+
+if($question_id>0){
+	$sql = "UPDATE Question
+	SET name = '$name', email = '$email', topic = '$topic', content = '$content'
+	WHERE question_id = '$question_id'
+	";
+	if (mysqli_query($conn, $sql)) {
+		header('Location: answer.php?question_id=' . $question_id);
+	} else {
+	    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
+	}
+
+}
+else{
+	$sql = "INSERT INTO Question (name, email, topic, content)
+	VALUES ('$name', '$email', '$topic', '$content')";
+	if (mysqli_query($conn, $sql)) {
+		$last_id = mysqli_insert_id($conn);
+		header('Location: answer.php?question_id=' . $last_id);
+	} else {
+	    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
+	}
+}
+
+
+
+?>
+
+
+</body>
+</html>
diff --git a/Simple StackExchange/connect.php b/Simple StackExchange/connect.php
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<?php
+$servername = "localhost";
+$username = "root";
+$password = "";
+$dbname = "StackExchange";
+
+// Create connection
+$conn = mysqli_connect($servername, $username, $password, $dbname);
+
+// Check connection
+if (!$conn) {
+    die("Connection failed: " . mysqli_connect_error());
+}
+// Connected successfully :)
+?>
+
+</body>
+</html>
diff --git a/Simple StackExchange/delete_question.php b/Simple StackExchange/delete_question.php
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	  <title>Simple StackExchange</title>
+</head>
+
+<body>
+<?php include 'connect.php';?>
+
+<?php
+$question_id = mysqli_real_escape_string($conn, $_GET["question_id"]);
+
+$sql = "DELETE FROM question
+WHERE question_id=$question_id";
+if (mysqli_query($conn, $sql)) {
+	echo "Alhamdulillah";
+	header('Location: question.php');
+} else {
+    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
+}
+
+?>
+
+</body>
+</html>