From db333b6e98784137eef8b0a32954b531ebc04281 Mon Sep 17 00:00:00 2001
From: Hendrik <hendrik.huang@student.uva.nl>
Date: Wed, 25 Jan 2017 13:28:47 +0100
Subject: [PATCH] add unpolished post viewing

---
 website/public/API/loadPost.php      | 61 ++++++++++++++++++++++++++++
 website/public/js/masonry.js         | 24 +++++++++--
 website/public/js/profile.js         |  8 ++++
 website/public/profile.php           |  1 +
 website/public/styles/post-popup.css |  2 +-
 website/views/post-view.php          | 19 +++++----
 website/views/profile.php            | 15 +++++--
 7 files changed, 114 insertions(+), 16 deletions(-)
 create mode 100644 website/public/API/loadPost.php

diff --git a/website/public/API/loadPost.php b/website/public/API/loadPost.php
new file mode 100644
index 0000000..a9e9851
--- /dev/null
+++ b/website/public/API/loadPost.php
@@ -0,0 +1,61 @@
+<?php
+
+require_once("../../queries/connect.php");
+require_once("../../queries/post.php");
+require_once("../../queries/checkInput.php");
+require_once("../../queries/nicetime.php");
+
+if(isset($_GET['postID'])) {
+    $postID = $_GET['postID'];
+    $post = selectPostById($postID)->fetch(PDO::FETCH_ASSOC);
+    $fullname = $post['fname'] . " " . $post['lname'] . " (" . $post['username'] . ")";
+
+echo "
+<div class='post-header'>
+    <h4>" . $post['title'] . "</h4>
+    <span class='postinfo'>
+        gepost door $fullname,
+            <span class='posttime' title='" . $post['creationdate'] . "'>
+                " . nicetime($post['creationdate']) . "
+            </span>
+    </span>
+</div>
+
+<div class='post-content'>
+    <p>" . $post['content'] . "</p>
+</div>
+
+<div class='post-comments'>
+    <div class=\"commentfield\">
+        <form name=\"newcomment\" method=\"post\">
+            <textarea>Vul in</textarea> <br>
+            <input type=\"submit\" value=\"Reageer\">
+        </form>
+    </div>";
+
+    $q = selectCommentsByPostId($postID);
+    while($comment = $q->fetch(PDO::FETCH_ASSOC)) {
+        $commentauthor = $comment['fname'] . " " . $comment['lname'] . " (" . $comment['username'] . ")";
+        $commentdate = $comment['creationdate'];
+        $commentnicetime = nicetime($commentdate);
+        $commentcontent = $comment['content'];
+
+        echo("
+                <div class='comment'>
+                    <div class='commentinfo'>
+                        $commentauthor
+                            <span class='commentdate', title='$commentdate'>
+                                $commentnicetime
+                            </span>
+                    </div>
+                    <div class='commentcontent'>
+                        $commentcontent
+                    </div>
+                </div>
+            ");
+    }
+echo "</div>";
+
+} else {
+    echo "Failed to load";
+}
\ No newline at end of file
diff --git a/website/public/js/masonry.js b/website/public/js/masonry.js
index 2bddf59..bbc97c0 100644
--- a/website/public/js/masonry.js
+++ b/website/public/js/masonry.js
@@ -1,5 +1,21 @@
 margin = 20;
 
+function loadPost(postForm) {
+    $.get(
+        "API/loadPost.php",
+        $(postForm).serialize()
+    ).done(function (data) {
+        console.log(data);
+        $('#modal-response').html(data);
+    });
+}
+
+function requestPost(post) {
+    $(".modal").show();
+    console.log($(post).children("form"));
+    loadPost($(post).children("form"));
+}
+
 $(window).on("load", function() {
     console.log("LOADED");
     container = $("div.posts");
@@ -74,9 +90,11 @@ function mansonry() {
 
     $("div.posts div.column").width(100/columnCount + "%");
 
-    $(".post").click(function () {
-        $(".modal").show();
-    });
+    // $(".post").click(function () {
+    //     $(".modal").show();
+    //     console.log("testerino");
+    //     loadPost($(this).children("form.first"));
+    // });
 
     $(".modal-close").click(function () {
         $(".modal").hide();
diff --git a/website/public/js/profile.js b/website/public/js/profile.js
index e69de29..2a47dce 100644
--- a/website/public/js/profile.js
+++ b/website/public/js/profile.js
@@ -0,0 +1,8 @@
+function loadPost(postID) {
+    $.get(
+        "API/loadPost.php",
+        $(postID).serialize()
+    ).done(function (data) {
+        $('#modal-response').innerHTML= JSON.parse(data);
+    });
+}
\ No newline at end of file
diff --git a/website/public/profile.php b/website/public/profile.php
index f7cae2b..cb58436 100644
--- a/website/public/profile.php
+++ b/website/public/profile.php
@@ -3,6 +3,7 @@
 <head>
     <?php include("../views/head.php"); ?>
     <script src="js/masonry.js"></script>
+<!--    <script src="js/profile.js"></script>-->
     <style>
         @import url("styles/profile.css");
         @import url("styles/post-popup.css");
diff --git a/website/public/styles/post-popup.css b/website/public/styles/post-popup.css
index c4a2a4c..3b16255 100644
--- a/website/public/styles/post-popup.css
+++ b/website/public/styles/post-popup.css
@@ -1,7 +1,7 @@
 /* modal based on: http://www.w3schools.com/howto/howto_css_modals.asp */
 
 .modal {
-    /*display: none; !* Hidden by default *!*/
+    display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
     z-index: 1; /* Sit on top */
     left: 0;
diff --git a/website/views/post-view.php b/website/views/post-view.php
index 2450468..af6afbd 100644
--- a/website/views/post-view.php
+++ b/website/views/post-view.php
@@ -1,19 +1,20 @@
 <?php
 //    $postID = $_GET['postID'];
-    $postID = 1;
+    $postID = 10;
     $post = selectPostById($postID)->fetch(PDO::FETCH_ASSOC);
     $fullname = $post['fname'] . " " . $post['lname'] . " (" . $post['username'] . ")";
-?>
 
-<div class="post-header">
-    <h4><?php echo $post['title'];?></h4>
-    <span class="postinfo">
-        gepost door <?php echo $fullname;?>,
-            <span class="posttime" title="<?php echo $post['creationdate']?>">
-                <?php echo nicetime($post['creationdate']); ?>
+echo "
+<div class='post-header'>
+    <h4>" . $post['title'] . "</h4>
+    <span class='postinfo'>
+        gepost door $fullname,
+            <span class='posttime' title='" . $post['creationdate'] . "'>
+                " . nicetime($post['creationdate']) . "
             </span>
     </span>
-</div>
+</div>"
+?>
 
 <div class="post-content">
     <p><?php echo $post['content']; ?></p>
diff --git a/website/views/profile.php b/website/views/profile.php
index 6d69437..46be001 100644
--- a/website/views/profile.php
+++ b/website/views/profile.php
@@ -56,11 +56,18 @@
 
             while($post = $posts->fetch()) {
                 $nicetime = nicetime($post["creationdate"]);
+                $postID = $post["postID"];
                 echo "
-                    <div class='post platform'>
+                    <div class='post platform' onclick='requestPost(this)'>
                         <h2>${post["title"]}</h2>
                         <p>${post["content"]}</p>
-                        <p class=\"subscript\">${nicetime} geplaatst.</p>
+                        <p class=\"subscript\" title='" . $post["creationdate"] ."'>${nicetime} geplaatst.</p>
+                        <form>
+                            <input type='hidden'
+                                   name='postID'
+                                   value='$postID'
+                            />
+                        </form>
                     </div>
                 ";
             }
@@ -72,7 +79,9 @@
             <div class="modal-close">
                 &times;
             </div>
-            <?php include("../views/post-view.php"); ?>
+            <div class="modal-response" id="modal-response">
+                Loading...
+            </div>
         </div>
     </div>
 </div>
\ No newline at end of file