if-itb · mushofan · Oct 14, 2014 · Oct 14, 2014 · Oct 14, 2014 · Oct 14, 2014
diff --git a/assets/css/screen.css b/assets/css/screen.css
@@ -233,7 +233,7 @@ div.cover > img {
 }
 /* Contains the time, title and subtitle for an article */
 .art-header-inner {
-  position: fixed;
+  position: relative;
   top: 300px;
   left: 50%;
   margin-left: -490px;
@@ -840,7 +840,7 @@ hr.featured-article:after {
 }
 
 #contact-area textarea {
-  height: 90px;
+  height: 500px;
 }
 
 #contact-area textarea:focus, #contact-area input:focus {
@@ -858,4 +858,4 @@ label {
   margin-right: 15px;
   width: 100px;
   padding-top: 5px;
-}
+}
diff --git a/assets/js/ajaxcomment.js b/assets/js/ajaxcomment.js
@@ -0,0 +1,63 @@
+function submitcomment(ID){
+	var name = document.getElementById('Nama').value;
+	var email = document.getElementById('Email').value;
+	var comment = document.getElementById('Komentar').value;
+
+	if (valcomment(name, email, comment)){
+		if (window.XMLHttpRequest){			//kode untuk IE7+, Firefox, Opera, Safari
+			xmlhttp = new XMLHttpRequest();
+		}
+		else{
+			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
+		}
+
+		xmlhttp.onreadystatechange = function(){
+			if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
+				document.getElementById("kom").innerHTML=xmlhttp.responseText;
+			}
+		}
+		xmlhttp.open("GET","submit_comm.php?ID="+ID +"&Nama="+name +"&Komentar="+comment, true);
+		xmlhttp.send();
+	}
+	else{
+		return false;
+	}
+}
+
+function listcomment(ID){
+	if (window.XMLHttpRequest){			//kode untuk IE7+, Firefox, Opera, Safari
+		xmlhttp = new XMLHttpRequest();
+	}
+	else{
+		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
+	}
+	xmlhttp.onreadystatechange = function(){
+		if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
+			document.getElementById("kom").innerHTML=xmlhttp.responseText;
+		}
+	}
+	xmlhttp.open("GET","show_comment.php?ID="+ID, true);
+	xmlhttp.send();
+}
+
+function valcomment(name, email, comment){	
+	if(name == null || name == "" || email == null || email == "" || comment == "" || comment == null){
+		alert('Semua data harus diisi dengan benar!');
+		return false;
+	}
+	else if(email != null || email != ""){
+		var surel =/^(([^<>()[\]\\.,;:\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,}))$/;
+		if(surel.test(email) == false){
+			alert('Email yang dimasukkan tidak valid!');
+			return false;
+		}
+		else{
+			document.forms["comment-area"].reset();
+			return true;
+		}
+	}
+	else{
+		document.forms["comment-area"].reset();
+		return true;
+	}
+}
diff --git a/assets/js/valdelete.js b/assets/js/valdelete.js
@@ -0,0 +1,5 @@
+function valdelete(ID)
+	{
+		if(confirm("Hapus blog?"))
+			location.href='delete.php?ID='+ID;
+	}
diff --git a/assets/js/validate.js b/assets/js/validate.js
@@ -0,0 +1,23 @@
+function validate(){
+					var title = document.getElementById('Judul');
+					var date = document.getElementById('Tanggal');
+					var content = document.getElementById('Konten');
+					var today = new Date();
+					if(title.value == null || title.value == "" || date.value == null || date.value == "" || content.value == null || content.value ==""){
+						alert('Semua data harus diisi sebelum menyimpan!');
+						return false;
+					}
+					else if(date.value != null || date.value != ""){
+						var tgl = date.value;
+						var arrtgl = tgl.split("-");
+						tglinput = new Date();
+						tglinput.setFullYear(arrtgl[0], arrtgl[1]-1, arrtgl[2]);
+						if(today > tglinput){
+							alert('Tanggal yang dimasukkan tidak boleh tanggal yang sudah lalu!');
+							return false;
+						}
+					}
+					else{
+						return true;
+					}
+				}
diff --git a/delete.php b/delete.php
@@ -0,0 +1,13 @@
+<?php
+	$con = mysqli_connect("localhost", "root", "", "dbblog");
+	if(mysqli_connect_errno()){
+		echo "Gagal menghubungkan ke basis data blog";
+	}
+
+	$id = $_GET['ID'];
+
+	mysqli_query($con, "DELETE FROM post WHERE ID='$id'");
+	mysqli_close($con);
+
+	header('Location: '.'index.php');
+?>
diff --git a/edit.php b/edit.php
@@ -0,0 +1,128 @@
+<!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 | Edit Post</title>
+
+
+</head>
+
+<body class="default">
+<div class="wrapper">
+
+<nav class="nav">
+    <a style="border:none;" id="logo" href="index.html"><h1>Simple<span>-</span>Blog</h1></a>
+    <ul class="nav-primary">
+        <li><a href="new_post.html">+ 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>
+
+			<?php
+				$id = $_GET['ID'];
+				$con=mysqli_connect("localhost","root","","dbblog");
+				if(mysqli_connect_errno()){
+					echo "Gagal menghubungkan ke basis data blog";
+				}
+
+				$result = mysqli_query($con, "SELECT * FROM post WHERE ID=$id");
+
+				while($hasil = mysqli_fetch_array($result)){
+					echo"
+						<div id='contact-area'>
+							<form method='post' onsubmit='return validate();' action='submit_edit.php?ID=".$hasil['ID']."'>
+								<label for='Judul'>Judul:</label>
+								<input type='text' name='Judul' id='Judul' value=".$hasil['Judul'].">
+
+								<label for='Tanggal'>Tanggal:</label>
+								<input type='text' name='Tanggal' id='Tanggal' value=".$hasil['Tanggal'].">
+
+								<label for='Konten'>Konten:</label><br>
+								<textarea name='Konten' rows='20' cols='20' id='Konten'>".$hasil['Konten']."</textarea>
+
+								<input type='submit' name='submit' value='Simpan' class='submit-button'>
+
+							</form>
+
+							<script type='text/javascript' src='assets/js/validate.js'></script>	
+						</div>
+					";
+				}
+			?>
+        </div>
+    </div>
+
+</article>
+
+<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/index.html → index.php b/index.html → index.php
@@ -40,36 +40,40 @@
 <nav class="nav">
     <a style="border:none;" id="logo" href="index.html"><h1>Simple<span>-</span>Blog</h1></a>
     <ul class="nav-primary">
-        <li><a href="new_post.html">+ Tambah Post</a></li>
+        <li><a href="new_post.php">+ Tambah Post</a></li>
     </ul>
 </nav>
 
 <div id="home">
     <div class="posts">
         <nav class="art-list">
           <ul class="art-list-body">
-            <li class="art-list-item">
-                <div class="art-list-item-title-and-time">
-                    <h2 class="art-list-title"><a href="post.html">Apa itu Simple Blog?</a></h2>
-                    <div class="art-list-time">15 Juli 2014</div>
-                    <div class="art-list-time"><span style="color:#F40034;">&#10029;</span> Featured</div>
-                </div>
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis repudiandae quae natus quos alias eos repellendus a obcaecati cupiditate similique quibusdam, atque omnis illum, minus ex dolorem facilis tempora deserunt! &hellip;</p>
-                <p>
-                  <a href="#">Edit</a> | <a href="#">Hapus</a>
-                </p>
-            </li>
-
-            <li class="art-list-item">
-                <div class="art-list-item-title-and-time">
-                    <h2 class="art-list-title"><a href="post.html">Siapa dibalik Simple Blog?</a></h2>
-                    <div class="art-list-time">11 Juli 2014</div>
-                </div>
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis repudiandae quae natus quos alias eos repellendus a obcaecati cupiditate similique quibusdam, atque omnis illum, minus ex dolorem facilis tempora deserunt! &hellip;</p>
-                <p>
-                  <a href="#">Edit</a> | <a href="#">Hapus</a>
-                </p>
-            </li>
+		  <?php
+			$con=mysqli_connect("localhost","root","","dbblog");
+			if(mysqli_connect_errno()){
+				echo "Gagal menghubungkan ke basis data blog";
+			}
+
+			$result = mysqli_query($con, "SELECT * FROM post ORDER BY Tanggal DESC");
+
+			while($hasil = mysqli_fetch_array($result)){
+				echo "
+					<li class='art-list-item'>
+					<div class='art-list-item-title-and-time'>
+						<h2 class='art-list-title'><a href='post.php?ID=".$hasil['ID']."'>".$hasil['Judul']."</a></h2>
+						<div class='art-list-time'>".$hasil['Tanggal']."</div>
+						<div class='art-list-time'><span style='color:#F40034;'>&#10029;</span> Featured</div>
+					</div>
+					<p>".$hasil['Konten']."</p>
+					<p>
+					  <a href='edit.php?ID=".$hasil['ID']."'>Edit</a> | <a href='#' onclick='valdelete(".$hasil['ID'].")'>Hapus</a>
+					</p>
+					</li>
+				";
+			}
+
+			mysqli_close($con);
+		  ?>
           </ul>
         </nav>
     </div>
@@ -97,6 +101,7 @@ <h2 class="art-list-title"><a href="post.html">Siapa dibalik Simple Blog?</a></h
 </div>
 
 <script type="text/javascript" src="assets/js/fittext.js"></script>
+<script type="text/javascript" src="assets/js/valdelete.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">
@@ -111,4 +116,4 @@ <h2 class="art-list-title"><a href="post.html">Siapa dibalik Simple Blog?</a></h
 </script>
 
 </body>
-</html>
+</html>
diff --git a/new_post.html → new_post.php b/new_post.html → new_post.php
@@ -53,19 +53,24 @@ <h2 class="art-title" style="margin-bottom:40px">-</h2>
         <div class="art-body-inner">
             <h2>Tambah Post</h2>
 
+
+
             <div id="contact-area">
-                <form method="post" action="#">
+                <form method="post" onsubmit="return validate();" action="submit.php">
                     <label for="Judul">Judul:</label>
                     <input type="text" name="Judul" id="Judul">
-
+					
                     <label for="Tanggal">Tanggal:</label>
-                    <input type="text" name="Tanggal" id="Tanggal">
+                    <input type="text" name="Tanggal" id="Tanggal" placeholder="yyyy-mm-dd">
 
                     <label for="Konten">Konten:</label><br>
                     <textarea name="Konten" rows="20" cols="20" id="Konten"></textarea>
-
+					
                     <input type="submit" name="submit" value="Simpan" class="submit-button">
+
                 </form>
+
+				<script type="text/javascript" src="assets/js/validate.js"></script>	
             </div>
         </div>
     </div>
@@ -108,4 +113,4 @@ <h2>Tambah Post</h2>
 </script>
 
 </body>
-</html>
+</html>