Anandakurniawan/13511052 IF3110-01-Simple-Blog

add_comment.php

@@ -0,0 +1,67 @@
+<!-- Ananda Kurniawan /13511052--> 
+<?php
+	$id_post = $_POST['id_post'];
+	$nama = $_POST['nama'];
+	$email = $_POST['email'];
+	$komentar = $_POST['komentar'];
+
+	$tanggal = date('Y-m-d H:i:s');
+
+	include("config.php");
+	$query = 'INSERT INTO komentar (nama, email, tanggal, komentar, id_post) VALUES ("'.$nama.'", "'.$email.'","'.$tanggal.'","'.$komentar.'", "'.$id_post.'")';
+	mysql_query($query);
+
+	$postDate = date("Y-m-d", strtotime($tanggal));
+	$comment = '<li class="art-list-item"><div class="art-list-item-title-and-time"><h2 class="art-list-title"><a href="#">'.$nama.'</a></h2><div class="art-list-time">'.printTanggal($postDate).'</div></div><p>'.$komentar.'</p></li>';
+	echo $comment;
+
+	function printTanggal($date) {
+		$splittedDate = explode("-", $date);
+		$num_month = $splittedDate[1];
+		$date = $splittedDate[2];
+		$year = $splittedDate[0];
+
+		switch ($num_month) {
+					case "01": 
+							$month = "Januari";
+							break;
+					case "02": 
+							$month = "Februari"; 
+							break;
+					case "03": 
+							$month = "Maret"; 
+							break;
+					case "04": 
+							$month = "April"; 
+							break;
+					case "05": 
+							$month = "Mei"; 
+							break;
+					case "06": 
+							$month = "Juni"; 
+							break;
+					case "07": 
+							$month = "Juli"; 
+							break;
+					case "08": 
+							$month = "Agustus"; 
+							break;
+					case "09": 
+							$month = "September"; 
+							break;
+					case "10": 
+							$month = "Oktober"; 
+							break;
+					case "11": 
+							$month = "November"; 
+							break;
+					case "12": 
+							$month = "Desember"; 
+							break;
+					default: break;
+		}
+
+		return $date." ".$month." ".$year;  
+	}
+
+?> 

assets/css/screen.css

@@ -233,7 +233,8 @@ div.cover > img {
 }
 /* Contains the time, title and subtitle for an article */
 .art-header-inner {
-  position: fixed;
+  /*position: fixed;*/
+  position: absolute;
   top: 300px;
   left: 50%;
   margin-left: -490px;
@@ -273,7 +274,7 @@ div.cover > img {
 
 /* Body */
 .art-body {
-  position: relative;
+  /*position: relative;*/
   width: 100%;
   background: #fff;
   z-index: 100;
@@ -858,4 +859,10 @@ label {
   margin-right: 15px;
   width: 100px;
   padding-top: 5px;
+}
+
+.error {
+  margin-left: 115px;
+  font-size: 15px;
+  color: red;
 }

assets/js/simple_blog.js

@@ -0,0 +1,190 @@
+
+function parseDate(date) {
+	var valid = date.match(/^(\d{1,2})-(\d{1,2})-(\d{4})$/);
+	return valid;
+}
+
+function validatePost() {
+	var judul = document.getElementById("Judul").value;        
+	var tanggal = document.getElementById("Tanggal").value;
+	var konten = document.getElementById("Konten").value;
+
+ 	if (judul == "") {
+ 		alert("Judul harus diisi");
+ 		return false;
+ 	}
+ 	if (tanggal == "") {
+ 		alert("Tanggal harus diisi");
+ 		return false;
+ 	} else {
+ 		if (parseDate(tanggal)) {
+	 		var date = tanggal.split("-");
+	 		var postDate = new Date(date[2],date[1]-1,date[0]);
+	 		var today = new Date();
+
+	 		var isGreaterThanToday = true;
+
+	 		if (postDate.getFullYear() < today.getFullYear()) {
+	 			isGreaterThanToday = false;
+	 		} else if (postDate.getFullYear() == today.getFullYear()) {
+		 		if (postDate.getMonth() < today.getMonth()) {
+		 			isGreaterThanToday = false;
+		 		} else if (postDate.getMonth() == today.getMonth()) {
+		 			if (postDate.getDate() < today.getDate()) {
+		 				isGreaterThanToday = false;
+		 			}
+		 		}
+		 	}
+
+	 		if (!isGreaterThanToday) {
+	 			alert("Tanggal harus diisi lebih besar atau sama dengan tanggal sekarang");
+	 			return false;
+	 		}
+	 	} else {
+	 		alert("Format tanggal harus DD-MM-YYYY");
+	 		return false;
+	 	}
+ 	}
+ 	if (konten == "") {
+ 		alert("Konten harus diisi");
+ 		return false;
+ 	}
+
+
+ 	return true;
+}
+
+//validasi email
+function validateEmail() {
+	var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+	var email = document.getElementById("Email").value;
+	if (filter.test(email)) {
+		return true;
+	} else {
+		return false;
+	}
+}
+
+
+function deleteConfirm(id) {
+	var isDelete = confirm("Apakah Anda yakin akan menghapus post ini?");
+	if (isDelete) {
+		window.location.href = "delete_post.php?id="+id;
+	} 
+}
+
+function loadComments() {
+	var postID = location.search.split('id=')[1];
+	var url = "load_comments.php?id_post="+postID;
+
+	var httpRequest;
+	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
+	    httpRequest = new XMLHttpRequest();
+	} else if (window.ActiveXObject) { // IE 8 and older
+	    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
+	}
+
+	httpRequest.onreadystatechange = function(){
+	    if (httpRequest.readyState==4 && httpRequest.status==200) {
+	    	document.getElementById("comments-area").innerHTML = httpRequest.responseText;
+	    };
+	};
+
+	httpRequest.open('GET', url);
+    httpRequest.send();
+}
+
+function addComment() {
+	var id_post = encodeURIComponent(document.getElementById("id_post").value);
+	var nama = encodeURIComponent(document.getElementById("Nama").value);
+	var email = encodeURIComponent(document.getElementById("Email").value);
+	var komentar = encodeURIComponent(document.getElementById("Komentar").value);
+
+	var namaerror = document.getElementById("namaerror");
+	var emailerror = document.getElementById("emailerror");
+	var komentarerror = document.getElementById("komentarerror");
+
+	if (nama == '' || email == '' || komentar == '' || (!validateEmail(email))) {
+		var namavalidation = true;
+		var emailvalidation = true;
+		var komentarvalidation = true;
+
+		var namaerror = document.getElementById("namaerror");
+		var emailerror = document.getElementById("emailerror");
+		var komentarerror = document.getElementById("komentarerror");
+
+		if (nama == '') {			
+			namaerror.innerHTML = "Nama tidak boleh kosong";
+			namavalidation = false;
+			namaerror.removeAttribute("class");
+			namaerror.setAttribute("class","error");
+		} else { namaerror.innerHTML = ""; namaerror.removeAttribute("class");}
+		if (email == '') {
+			emailerror.innerHTML = "Email tidak boleh kosong";
+			emailvalidation = false;
+			emailerror.removeAttribute("class");
+			emailerror.setAttribute("class","error");
+		} else if (!validateEmail(email)) {
+			emailerror.innerHTML = "Email tidak valid";
+			emailvalidation = false;
+			emailerror.removeAttribute("class");
+			emailerror.setAttribute("class","error");
+		} else { emailerror.innerHTML = ""; emailerror.removeAttribute("class");}
+		if (komentar == '') {
+			komentarerror.innerHTML = "Komentar tidak boleh kosong";
+			komentarvalidation = false;
+			komentarerror.removeAttribute("class");
+			komentarerror.setAttribute("class","error");
+		} else { komentarerror.innerHTML = ""; komentarerror.removeAttribute("class");}
+
+		//focus
+		if (!namavalidation) {
+			document.getElementById("Nama").focus();
+		} else if (!emailvalidation) {
+			document.getElementById("Email").focus();
+		} else if (!komentarvalidation) {
+			document.getElementById("Komentar").focus();
+		}
+
+	} else {
+		namaerror.innerHTML = ""; namaerror.removeAttribute("class");
+		emailerror.innerHTML = ""; emailerror.removeAttribute("class");
+		komentarerror.innerHTML = ""; komentarerror.removeAttribute("class");
+
+		var data = "id_post="+id_post+"&nama="+nama+"&email="+email+"&komentar="+komentar;
+		var url = "add_comment.php";
+
+		var httpRequest;
+		if (window.XMLHttpRequest) { // Mozilla, Safari, ...
+		    httpRequest = new XMLHttpRequest();
+		} else if (window.ActiveXObject) { // IE 8 and older
+		    httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
+		}
+
+		httpRequest.onreadystatechange = function(){
+		    if (httpRequest.readyState==4 && httpRequest.status==200) {
+		    	document.getElementById("Nama").value = '';
+				document.getElementById("Email").value = '';
+				document.getElementById("Komentar").value = '';
+				document.getElementById("namaerror").innerHTML = "";
+				document.getElementById("namaerror").removeAttribute("class");
+				document.getElementById("emailerror").innerHTML = "";
+				document.getElementById("emailerror").removeAttribute("class");
+				document.getElementById("komentarerror").innerHTML = "";
+				document.getElementById("komentarerror").removeAttribute("class");
+
+		    	var comments = document.getElementById('comments-area');
+				comments.innerHTML = httpRequest.responseText + comments.innerHTML;
+		    };
+		};
+
+		httpRequest.open('POST', url);
+	    httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+	    httpRequest.send(data);
+	}
+
+	return false;
+}
+
+
+

config.php

@@ -0,0 +1,11 @@
+<!-- Ananda Kurniawan /13511052--> 
+<?php
+	$host = "localhost";
+	$user = "root";
+	$password = "";
+	$dbname = "simple_bLog";
+
+	mysql_connect($host,$user,$password) or die("Could not connect to database");
+	mysql_select_db($dbname);
+
+?>

delete_post.php

@@ -0,0 +1,14 @@
+<!-- Ananda Kurniawan /13511052--> 
+<?php
+	if (isset($_GET['id'])) {
+		$id = $_GET['id'];
+
+		include("config.php");
+		$query = "DELETE FROM post WHERE id='".$id."'";
+
+		mysql_query($query);
+
+		header("Location: index.php");
+        exit();
+	}
+?>