Skip to content

T1-Sonny Fitra A-13510009 #109

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
froz3n wants to merge 3 commits into
base: master
Choose a base branch
from
Open

T1-Sonny Fitra A-13510009 #109

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
65ee406
converted to php
froz3n Oct 14, 2014
90c7e5c
add DB
froz3n Oct 14, 2014
524a916
Added some validation
froz3n Oct 14, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 40 additions & 13 deletions new_post.html → edit_post.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<title>Simple Blog | Tambah Post</title>
<title>Simple Blog | Edit Post</title>


</head>
Expand All @@ -38,37 +38,50 @@
<div class="wrapper">

<nav class="nav">
<a style="border:none;" id="logo" href="index.html"><h1>Simple<span>-</span>Blog</h1></a>
<a style="border:none;" id="logo" href="index.php"><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">+ Edit Post</a></li>
</ul>
</nav>

<article class="art simple post">


<h2 class="art-title" style="margin-bottom:40px">-</h2>
<?php
$db=mysqli_connect("localhost","root","","simpleblog_db");
#if(isset($_POST['Judul'])){
# mysqli_query($db,"INSERT INTO posts (title,tanggal,body) VALUES ('".$_POST['Judul']."','".$_POST['Tanggal']."','".$_POST['Konten']."')");
#}
$indexPass=$_GET['id'];
$get_array=mysqli_query($db,"SELECT * FROM posts WHERE id=".$indexPass);
$array=mysqli_fetch_array($get_array);
?>
<h2 class="art-title" style="margin-bottom:40px">-</h2>

<div class="art-body">
<div class="art-body-inner">
<h2>Tambah Post</h2>
<h2>Edit Post</h2>

<div id="contact-area">
<form method="post" action="#">
<form method="post" action="update_post.php" name="form" onChange="checkform()">
<label for="Judul">Judul:</label>
<input type="text" name="Judul" id="Judul">
<input type="text" name="Judul" id="Judul" value="<?php echo $array['title'] ?>">

<label for="Tanggal">Tanggal:</label>
<input type="text" name="Tanggal" id="Tanggal">
<input type="date" name="Tanggal" id="Tanggal" value="<?php echo $array['tanggal'] ?>"">

<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">
<textarea name="Konten" rows="20" cols="20" id="Konten" ><?php echo $array['body'] ?></textarea>

<input type="hidden" name="ID" id="ID" value="<?php echo $array['id'] ?>">
<input type="submit" name="submit" id="submit" value="Simpan" class="submit-button">
</form>
</div>
</div>
</div>
<?php
mysqli_close($db);
?>



</article>

Expand Down Expand Up @@ -97,6 +110,20 @@ <h2>Tambah Post</h2>
<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">
function checkform()
{
var f = document.forms["form"].elements;

var canSubmit=(document.getElementById('Judul').value!="")&&(document.getElementById('Konten').value!="");

if (canSubmit) {
document.getElementById('submit').disabled = false;
}
else {
document.getElementById('submit').disabled = 'disabled';
}
}

var ga_ua = '{{! TODO: ADD GOOGLE ANALYTICS UA HERE }}';

(function(g,h,o,s,t,z){g.GoogleAnalyticsObject=s;g[s]||(g[s]=
Expand Down
56 changes: 32 additions & 24 deletions index.html → index.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,38 +38,46 @@
<div class="wrapper">

<nav class="nav">
<a style="border:none;" id="logo" href="index.html"><h1>Simple<span>-</span>Blog</h1></a>
<a style="border:none;" id="logo" href="index.php"><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
// Create connection
$db=mysqli_connect("localhost","root","","simpleblog_db");

// Check connection
if (mysqli_connect_errno()) {
echo "Failed to connect to MySQL: " . mysqli_connect_error();
} else {
if (isset($_GET['delete'])){
mysqli_query($db,"DELETE FROM posts WHERE id = ".$_GET['id']);
}
$get_db=mysqli_query($db,"SELECT * FROM posts ORDER BY tanggal DESC");
while($array=mysqli_fetch_array($get_db)){
?>
<li class="art-list-item">
<div class="art-list-item-title-and-time">
<h2 class="art-list-title"><a href="post.php?id=<?php echo $array['id'] ?>"><?php echo $array['title'] ?></a></h2>
<div class="art-list-time"><?php echo $array['tanggal'] ?></div>
<!-- <div class="art-list-time"><span style="color:#F40034;">&#10029;</span> Featured</div> -->
</div>
<p><?php echo $array['body'] ?></p>
<p>
<a href="edit_post.php?id=<?php echo $array['id'] ?>">Edit</a> | <a href="index.php?delete=true&id=<?php echo $array['id'] ?>" onclick="return confirm('Apakah Anda yakin menghapus post ini?');">Hapus</a>
</p>
</li>
<?php
}
mysqli_close($db);
}
?>
</ul>
</nav>
</div>
Expand Down
180 changes: 180 additions & 0 deletions new_post.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
<!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 | Tambah Post</title>


</head>

<body class="default" onLoad="changemin()">
<div class="wrapper">

<nav class="nav">
<a style="border:none;" id="logo" href="index.php"><h1>Simple<span>-</span>Blog</h1></a>
<ul class="nav-primary">
<li><a href="new_post.php">+ Tambah Post</a></li>
</ul>
</nav>

<article class="art simple post">
<?php
$db=mysqli_connect("localhost","root","","simpleblog_db");
if(isset($_POST['Judul'])){
mysqli_query($db,"INSERT INTO posts (title,tanggal,body) VALUES ('".$_POST['Judul']."','".$_POST['Tanggal']."','".$_POST['Konten']."')");
}



mysqli_close($db);
?>

<h2 class="art-title" style="margin-bottom:40px">-</h2>

<div class="art-body">
<div class="art-body-inner">
<h2>Tambah Post</h2>

<div id="contact-area">
<form method="post" action="#" id="form" onChange="checkform()">
<label for="Judul">Judul:</label>
<input type="text" name="Judul" id="Judul">

<label for="Tanggal">Tanggal:</label>
<input type="date" name="Tanggal" id="Tanggal" min="2010-10-10">

<label for="Konten">Konten:</label><br>
<textarea name="Konten" rows="20" cols="20" id="Konten"></textarea>

<input type="submit" name="submit" id="submit" value="Simpan" class="submit-button" disabled>
</form>
</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">

function changemin()
{
var f = document.forms["form"].elements;
var j = new Date();
var y = j.getFullYear();
var m = j.getMonth()+1;
var d = j.getDate();
var str = y.toString();
str = str.concat("-",m.toString(),"-",d.toString());
//document.getElementById('tes').value = str;
document.getElementById('Tanggal').min = str;
}
function checkform()
{
var f = document.forms["form"].elements;

var canSubmit=(document.getElementById('Judul').value!="")&&(document.getElementById('Konten').value!="");

if (canSubmit) {
document.getElementById('submit').disabled = false;
}
else {
document.getElementById('submit').disabled = 'disabled';
}
}

/*
function checkForm(){
// regular expression to match required date format
re = /^(\d{1,2})\-(\d{1,2})\-(\d{4})$/;

if(form.startdate.value != '') {
if(regs = form.startdate.value.match(re)) {
// day value between 1 and 31
if(regs[1] < 1 || regs[1] > 31) {
alert("Invalid value for day: " + regs[1]);
form.startdate.focus();
return false;
}
// month value between 1 and 12
if(regs[2] < 1 || regs[2] > 12) {
alert("Invalid value for month: " + regs[2]);
form.startdate.focus();
return false;
}
// year value between 1902 and 2014
if(regs[3] < (new Date()).getFullYear()) {
alert("Invalid value for year: " + regs[3] + " - must be more than or " + (new Date()).getFullYear());
form.startdate.focus();
return false;
}
} else {
alert("Invalid date format: " + form.startdate.value);
form.startdate.focus();
return false;
}
}
}
*/
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>
Loading