if-itb · jcqln · Oct 14, 2014
diff --git a/A_add_comment.php b/A_add_comment.php
@@ -0,0 +1,14 @@
+<?php
+	include ("A_config.php");
+	$post_id = $_GET['post_id'];
+	$nama = $_GET['nama'];
+	$email = $_GET['email'];
+	$tanggal = date("d M Y H:i");
+	$komen = $_GET['komen'];
+
+	mysql_query("INSERT INTO comment(post_id,nama,email,tanggal,komen)
+	values('$post_id','$nama','$email','$tanggal','$komen')
+	") or die("HAHA YOU R DEAD");
+
+
+?>
diff --git a/A_comment.js b/A_comment.js
@@ -0,0 +1,62 @@
+function addComment(id){
+	var xmlHttp = new XMLHttpRequest();
+	var nama = document.getElementById('nama').value;
+	var email = document.getElementById('email').value;
+	var komen = document.getElementById('komen').value;
+
+	if (nama != "" && emailValidation(email) && komen != ""){
+		var url = "A_add_comment.php";
+		url = url + "?post_id=" + id;
+		url = url + "&nama=" + nama;
+		url = url + "&email=" + email;
+		url = url + "&komen=" + komen;
+
+
+	xmlHttp.onreadystatechange = function(){
+		loaderAppear();
+		if(xmlHttp.readyState==4 && xmlHttp.status==200){
+			document.getElementById("komenList").innerHTML = xmlHttp.responseText;
+			document.getElementById('nama').value = "";
+			document.getElementById('email').value = "";
+			document.getElementById('komen').value = "";
+			loadComment(id);
+		}
+	}
+
+	xmlHttp.open("GET",url,true);
+	xmlHttp.send(null);
+	}
+
+	else { alert("Form belum benar atau masih kosong.");
+}
+}
+
+function emailValidation(email){
+ var pat = /[\w.-]+@[\w.-]+\.\w+/g;
+ var res = pat.test(email);
+ if (res){
+	return true;
+ }
+ else{return false;}
+}
+
+function loadComment(id){
+	var xmlHttp = new XMLHttpRequest();
+	var url = "A_load_comment.php";
+	url = url + "?post_id=" + id;
+
+	var comment = document.getElementById('komenList');
+	xmlHttp.onreadystatechange = function(){
+		loaderAppear();
+		if(xmlHttp.readyState==4 && xmlHttp.status==200){
+			document.getElementById("komenList").innerHTML = xmlHttp.responseText;
+	}
+	}
+
+	xmlHttp.open("GET",url,true);
+	xmlHttp.send(null);
+}
+
+function loaderAppear(){
+document.getElementById("komenList").innerHTML = "<center><img src='assets/img/load.gif'></center>";
+}
diff --git a/A_config.php b/A_config.php
@@ -0,0 +1,8 @@
+<?php
+$host = 'localhost'; 
+$user = 'root';
+$pass = '';
+$dbname = 'simpleblog';
+$connect = mysql_connect($host, $user, $pass) or die(mysql_error());
+mysql_select_db($dbname);
+?>
diff --git a/A_delete_post.php b/A_delete_post.php
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+
+<?php 
+include('A_config.php');
+
+$id = $_GET['post_id'];
+
+$query = mysql_query("delete from post where post_id='$id'") or die(mysql_error());
+
+$query = mysql_query("delete from comment where post_id='$id'") or die(mysql_error());
+
+if ($query) {
+	header('location:A_index.php');
+}
+?>
diff --git a/A_edit_post.php b/A_edit_post.php
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<?php 
+include('A_config.php');
+?>
+
+
+<html>
+<head>
+
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<meta name="description" content="Deskripsi Blog">
+<meta name="author" content="Judul Blog">
+
+<!-- Twitter Card -->
+<meta name="twitter:card" content="summary">
+<meta name="twitter:site" content="omfgitsasalmon">
+<meta name="twitter:title" content="Simple Blog">
+<meta name="twitter:description" content="Deskripsi Blog">
+<meta name="twitter:creator" content="Simple Blog">
+<meta name="twitter:image:src" content="{{! TODO: ADD GRAVATAR URL HERE }}">
+
+<meta property="og:type" content="article">
+<meta property="og:title" content="Simple Blog">
+<meta property="og:description" content="Deskripsi Blog">
+<meta property="og:image" content="{{! TODO: ADD GRAVATAR URL HERE }}">
+<meta property="og:site_name" content="Simple Blog">
+
+<link rel="stylesheet" type="text/css" href="assets/css/screen.css" />
+<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
+
+<!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<![endif]-->
+
+<title>Simple Blog | Edit Post</title>
+
+
+</head>
+
+<body class="default">
+<div class="wrapper">
+
+<?php 
+$id = $_GET['post_id'];
+$query = mysql_query("select * from post where post_id='$id'") or die(mysql_error());
+$data = mysql_fetch_array($query);
+?>
+
+<nav class="nav">
+    <a style="border:none;" id="logo" href="A_index.php"><h1>Simple<span>-</span>Blog</h1></a>
+    <ul class="nav-primary">
+        <li><a href="A_new_post.php">+ Tambah Post</a></li>
+    </ul>
+</nav>
+
+<article class="art simple post">
+
+
+    <h2 class="art-title" style="margin-bottom:40px">-</h2>
+
+    <div class="art-body">
+        <div class="art-body-inner">
+            <h2>Edit Post</h2>
+
+            <div id="contact-area">
+                <form method="post" action="A_edit_post_process.php">
+                    <label for="judul">Judul:</label>
+                    <input type="text" name="judul" id="judul" value="<?php echo $data['judul']; ?>"/>
+
+                    <label for="tanggal">Tanggal:</label>
+                    <input type="text" name="tanggal" id="tanggal" value="<?php echo $data['tanggal']; ?>"/>
+
+                    <label for="konten">Konten:</label><br>
+                    <textarea name="konten" rows="20" cols="20" id="konten"/><?php echo $data['konten']; ?></textarea>
+
+                    <input type="submit" name="submit" value="Simpan" class="submit-button">
+                </form>
+            </div>
+        </div>
+    </div>
+
+	<?php
+		session_start();
+		$_SESSION['post_id'] = $id;
+	?>
+
+</article>
+
+<footer class="footer">
+    <div class="back-to-top"><a href="">Back to top</a></div>
+	<div class="lihat-post"><a href="A_view.php">Lihat Post</a></div>
+	<!-- <div class="footer-nav"><p></p></div> -->
+    <div class="psi">&Psi;</div>
+    <aside class="offsite-links">
+        Asisten IF3110 /
+        <a class="rss-link" href="#rss">RSS</a> /
+        <br>
+        <a class="twitter-link" href="http://twitter.com/YoGiiSinaga">Yogi</a> /
+        <a class="twitter-link" href="http://twitter.com/sonnylazuardi">Sonny</a> /
+        <a class="twitter-link" href="http://twitter.com/fathanpranaya">Fathan</a> /
+        <br>
+        <a class="twitter-link" href="#">Renusa</a> /
+        <a class="twitter-link" href="#">Kelvin</a> /
+        <a class="twitter-link" href="#">Yanuar</a> /
+
+    </aside>
+</footer>
+
+</div>
+
+<script type="text/javascript" src="assets/js/fittext.js"></script>
+<script type="text/javascript" src="assets/js/app.js"></script>
+<script type="text/javascript" src="assets/js/respond.min.js"></script>
+<script type="text/javascript">
+  var ga_ua = '{{! TODO: ADD GOOGLE ANALYTICS UA HERE }}';
+
+  (function(g,h,o,s,t,z){g.GoogleAnalyticsObject=s;g[s]||(g[s]=
+      function(){(g[s].q=g[s].q||[]).push(arguments)});g[s].s=+new Date;
+      t=h.createElement(o);z=h.getElementsByTagName(o)[0];
+      t.src='//www.google-analytics.com/analytics.js';
+      z.parentNode.insertBefore(t,z)}(window,document,'script','ga'));
+      ga('create',ga_ua);ga('send','pageview');
+</script>
+
+</body>
+</html>
diff --git a/A_edit_post_process.php b/A_edit_post_process.php
@@ -0,0 +1,19 @@
+<?php
+include('A_config.php');
+
+if(isset($_POST['submit'])){
+	session_start();
+	$id = $_SESSION['post_id'];
+	$judul = $_POST['judul'];
+	$tanggal = $_POST['tanggal'];
+	$konten = $_POST['konten'];
+	session_destroy();
+	$query = mysql_query("update post set judul='$judul', tanggal='$tanggal', konten='$konten' where post_id='$id'") or die(mysql_error());
+
+	if ($query) {
+		header('location:A_index.php');
+	}
+
+}
+
+?>
diff --git a/A_index.php b/A_index.php
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<meta name="description" content="Deskripsi Blog">
+<meta name="author" content="Judul Blog">
+
+<!-- Twitter Card -->
+<meta name="twitter:card" content="summary">
+<meta name="twitter:site" content="omfgitsasalmon">
+<meta name="twitter:title" content="Simple Blog">
+<meta name="twitter:description" content="Deskripsi Blog">
+<meta name="twitter:creator" content="Simple Blog">
+<meta name="twitter:image:src" content="{{! TODO: ADD GRAVATAR URL HERE }}">
+
+<meta property="og:type" content="article">
+<meta property="og:title" content="Simple Blog">
+<meta property="og:description" content="Deskripsi Blog">
+<meta property="og:image" content="{{! TODO: ADD GRAVATAR URL HERE }}">
+<meta property="og:site_name" content="Simple Blog">
+
+<link rel="stylesheet" type="text/css" href="assets/css/screen.css" />
+<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
+
+<!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<![endif]-->
+
+<title>Simple Blog</title>
+
+
+</head>
+
+<body class="default">
+<div class="wrapper">
+
+
+<nav class="nav">
+    <a style="border:none;" id="logo" href="A_index.php"><h1>Simple<span>-</span>Blog</h1></a>
+    <ul class="nav-primary">
+        <li><a href="A_new_post.php">+ Tambah Post</a></li>
+    </ul>
+</nav>
+
+<div id="home">
+    <div class="posts">
+        <nav class="art-list">
+          <ul class="art-list-body">
+				  <?php 
+							include('A_config.php');
+				?>
+
+			 <?php 
+				$query = mysql_query("select * from post order by post_id desc");
+				while ($data = mysql_fetch_array($query)){
+			?>
+			<li class="art-list-item">
+                <div class="art-list-item-title-and-time">
+                    <h2 class="art-list-title"><a href="A_view.php?post_id=<?php echo $data['post_id']; ?>"><?php echo $data['judul']; ?></a></h2>
+                    <div class="art-list-time"><?php echo $data['tanggal']; ?></div>
+                </div>
+                <p><?php echo $data['konten']; ?></p>
+                <p>
+                  <a href="A_edit_post.php?post_id=<?php echo $data['post_id']; ?>">Edit</a> | <a href="javascript:delete_post(<?php echo $data['post_id']; ?>)">Hapus</a>
+                </p><?php } ?>
+            </li>
+
+          </ul>
+        </nav>
+    </div>
+</div>
+<script type="text/javascript" src="delpos.js"></script>
+<footer class="footer">
+    <div class="back-to-top"><a href="">Back to top</a></div>
+    <!-- <div class="footer-nav"><p></p></div> -->
+    <div class="psi">&Psi;</div>
+    <aside class="offsite-links">
+        Asisten IF3110 /
+        <a class="rss-link" href="#rss">RSS</a> /
+        <br>
+        <a class="twitter-link" href="http://twitter.com/YoGiiSinaga">Yogi</a> /
+        <a class="twitter-link" href="http://twitter.com/sonnylazuardi">Sonny</a> /
+        <a class="twitter-link" href="http://twitter.com/fathanpranaya">Fathan</a> /
+        <br>
+        <a class="twitter-link" href="#">Renusa</a> /
+        <a class="twitter-link" href="#">Kelvin</a> /
+        <a class="twitter-link" href="#">Yanuar</a> /
+
+    </aside>
+</footer>
+
+</div>
+
+<script type="text/javascript" src="assets/js/fittext.js"></script>
+<script type="text/javascript" src="assets/js/app.js"></script>
+<script type="text/javascript" src="assets/js/respond.min.js"></script>
+<script type="text/javascript">
+  var ga_ua = '{{! TODO: ADD GOOGLE ANALYTICS UA HERE }}';
+
+  (function(g,h,o,s,t,z){g.GoogleAnalyticsObject=s;g[s]||(g[s]=
+      function(){(g[s].q=g[s].q||[]).push(arguments)});g[s].s=+new Date;
+      t=h.createElement(o);z=h.getElementsByTagName(o)[0];
+      t.src='//www.google-analytics.com/analytics.js';
+      z.parentNode.insertBefore(t,z)}(window,document,'script','ga'));
+      ga('create',ga_ua);ga('send','pageview');
+</script>
+
+</body>
+</html>
diff --git a/A_load_comment.php b/A_load_comment.php
@@ -0,0 +1,20 @@
+<?php
+	include("A_config.php");
+	$id = $_GET['post_id'];
+	$query_komen = mysql_query("select * from comment where post_id = '$id' order by comment_id desc") or die("haha die lagi");
+
+	while($row = mysql_fetch_array($query_komen)){
+	$post_id = $row['post_id'];
+	$nama = $row['nama'];
+	$email = $row['email'];
+	$tanggal = $row['tanggal'];
+	$komen = $row['komen'];
+				echo "<li class=\"art-list-item\">";
+                    echo "<div class=\"art-list-item-title-and-time\">";
+                     echo "<h2 class=\"art-list-title\"><a href=\"mailto:$email\">$nama</a></h2>";
+                      echo  "<div class=\"art-list-time\">$tanggal</div>";
+                echo    "</div>";
+                   echo "<p>$komen</p>";
+              echo  "</li>";
+	}
+?>