prepared update form and added new image crop size

RichardHpaYoobee · RichardHpaYoobee · commit 486acdfbe1dd · 2018-10-16T11:50:25.000+13:00
diff --git a/Readme.md b/Readme.md
@@ -47,4 +47,5 @@ Using the select query, view the entires which you created in the previous task.
 4. Add the select query to the update page to be able to see the information which you are updating, based on the entry you are requesting
 
 **Extra Tasks**
+
 Create more complex queries like getting the latest entry, getting the smallest, largest etc.
diff --git a/books/add.php b/books/add.php
@@ -78,19 +78,28 @@
                 $manager = new ImageManager();
                 $mainImage = $manager->make($fileTmp);
                 $mainImage->save($destination."/".$newFileName, 100);
+
                 $thumbnailImage = $manager->make($fileTmp);
                 $thumbDestination = "../images/uploads/thumbnails";
                 if(! is_dir($thumbDestination)){
                     mkdir("../images/uploads/thumbnails/", 0777, true);
                 }
-                $thumbnailImage->resize(300, null, function($constraint){
+                $thumbnailImage->resize(null, 250, function($constraint){
                     $constraint->aspectRatio();
                     $constraint->upsize();
                 });
                 $thumbnailImage->save($thumbDestination."/".$newFileName, 100);
 
-
-
+                $mediumImage = $manager->make($fileTmp);
+                $mediumDestination = "../images/uploads/medium";
+                if(! is_dir($mediumDestination)){
+                    mkdir("../images/uploads/medium/", 0777, true);
+                }
+                $mediumImage->resize(300, null, function($constraint){
+                    $constraint->aspectRatio();
+                    $constraint->upsize();
+                });
+                $mediumImage->save($mediumDestination."/".$newFileName, 100);
 
                 header("Location: book.php?id=$lastID");
 
diff --git a/books/allBooks.php b/books/allBooks.php
@@ -30,13 +30,13 @@
               <?php foreach($allBooks as $singleBook): ?>
                   <div class="col-md-4">
                       <div class="card mb-4 shadow-sm">
-                          <img class="card-img-top" src="./images/uploads/thumbnails/<?= $singleBook['image_name']; ?>" alt="Card image cap">
+                          <img class="card-img-top" src="./images/uploads/medium/<?= $singleBook['image_name']; ?>" alt="Card image cap">
                           <div class="card-body">
                               <p class="card-text"><?= $singleBook['book_name'];  ?></p>
                               <div class="d-flex justify-content-between align-items-center">
                                   <div class="btn-group">
                                       <a href="./books/book.php?id=<?= $singleBook['id']; ?>" class="btn btn-sm btn-outline-info">View</a>
-                                      <a href="./books/update.php" class="btn btn-sm btn-outline-secondary">Edit</a>
+                                      <a href="./books/update.php?id=<?= $singleBook['id']; ?>" class="btn btn-sm btn-outline-secondary">Edit</a>
                                   </div>
                               </div>
                           </div>
diff --git a/books/book.php b/books/book.php
@@ -8,8 +8,8 @@
     if($result && mysqli_affected_rows($dbc) > 0){
         $singleBook = mysqli_fetch_array($result, MYSQLI_ASSOC);
     } else if($result && mysqli_affected_rows($dbc) == 0){
-        die("ERROR 404");
-        // header("Location: ../errors/404.php");
+        // die("ERROR 404");
+        header("Location: ../errors/404.php");
     } else {
         die("ERROR: cannot get the data requested");
     }
@@ -26,14 +26,14 @@
 
      <div class="row mb-2">
          <div class="col">
-             <a class="btn btn-outline-primary" href="./books/update.php">Edit</a>
+             <a class="btn btn-outline-primary" href="./books/update.php?id=<?= $singleBook['id']; ?>">Edit</a>
              <a class="btn btn-outline-danger" href="./books/confirm_delete.php">Delete</a>
          </div>
      </div>
 
      <div class="row mb-2">
         <div class="col-xs-12 col-sm-4 align-self-center">
-            <img class="img-fluid" src="./images/uploads/thumbnails/<?= $singleBook['image_name']; ?>" alt="Card image cap">
+            <img class="img-fluid" src="./images/uploads/medium/<?= $singleBook['image_name']; ?>" alt="Card image cap">
         </div>
         <div class="col-xs-12 col-sm-8 align-self-center">
             <h3><?= $singleBook['book_name']; ?></h3>
diff --git a/books/update.php b/books/update.php
@@ -1,33 +1,47 @@
 <?php
     require '../templates/header.php';
+
+    $id = $_GET['id'];
+    $sql = "SELECT * FROM `books` WHERE id = $id";
+    $result = mysqli_query($dbc, $sql);
+
+    if($result && mysqli_affected_rows($dbc) > 0){
+        $singleBook = mysqli_fetch_array($result, MYSQLI_ASSOC);
+    } else if($result && mysqli_affected_rows($dbc) == 0){
+        // die("ERROR 404");
+        header("Location: ../errors/404.php");
+    } else {
+        die("ERROR: cannot get the data requested");
+    }
+
  ?>
  <div class="container">
      <div class="row mb-2">
          <div class="col">
-             <h1>Edit Harry Potter and the Philosopher's Stone</h1>
+             <h1>Edit <?= $singleBook['book_name']; ?></h1>
          </div>
      </div>
 
      <div class="row mb-2">
          <div class="col">
-             <form action="./books/update.php" method="post" enctype="multipart/form-data">
+             <form action="./books/update.php?id=<?= $singleBook['id']; ?>" method="post" enctype="multipart/form-data">
                  <div class="form-group">
                    <label for="title">Book Title</label>
-                   <input type="text" class="form-control"  placeholder="Enter book title" value="Harry Potter and the Philosopher's Stone">
+                   <input type="text" class="form-control"  placeholder="Enter book title" value="<?= $singleBook['book_name']; ?>">
                  </div>
 
                  <div class="form-group">
                    <label for="author">Author</label>
-                   <input type="text" class="form-control"  placeholder="Enter books author" value="J.K Rowling">
+                   <input type="text" class="form-control"  placeholder="Enter books author" value="<?= $singleBook['author']; ?>">
                  </div>
 
                  <div class="form-group">
                    <label for="author">Book Description</label>
-                   <textarea class="form-control" name="description" rows="8" cols="80" placeholder="Description about the book">Harry Potter has been living an ordinary life, constantly abused by his surly and cold aunt and uncle, Vernon and Petunia Dursley and bullied by their spoiled son Dudley since the death of his parents ten years prior. His life changes on the day of his eleventh birthday when he receives a letter of acceptance into a Hogwarts School of Witchcraft and Wizardrydelivered by a half-giant named Rubeus Hagrid after previous letters had been destroyed by Harry’s Uncle Vernon and his Aunt Petunia. Hagrid explains Harry's hidden past as the wizard son of James and Lily Potter, who were a wizard and witch respectively, and how they were murdered by the most evil and powerful dark wizard of all time, Lord Voldemort, which resulted in the one-year-old Harry being sent to live with his aunt and uncle. The strangest bit of the murder was how Voldemor was unable to kill him, but instead had his own powers removed and blasted away, sparking Harry's immense fame among the magical community</textarea>
+                   <textarea class="form-control" name="description" rows="8" cols="80" placeholder="Description about the book"><?= $singleBook['description']; ?></textarea>
                  </div>
 
                  <div class="form-group">
-                     <img data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Card image cap">
+                     <img src="./images/uploads/thumbnails/<?= $singleBook['image_name']; ?>" alt="Card image cap"><br>
                      <label for="file">Upload an Image</label>
                      <input type="file" name="image" class="form-control-file">
                  </div>
diff --git a/errors/404.php b/errors/404.php
@@ -0,0 +1,15 @@
+<?php
+    require '../templates/header.php';
+ ?>
+ <div class="container">
+     <div class="jumbotron alert-danger">
+        <h1 class="display-4">ERROR 404!</h1>
+        <p class="lead">Page not found</p>
+        <hr class="my-4">
+        <p class="lead">
+            <a class="btn btn-outline-danger btn-lg" href="./" role="button">Go back home</a>
+        </p>
+     </div>
+ </div>
+
+<?php require '../templates/footer.php' ?>
diff --git a/index.php b/index.php
@@ -6,9 +6,8 @@
     $result = mysqli_query($dbc, $sql);
     if($result && mysqli_affected_rows($dbc) > 0){
         $latestBook = mysqli_fetch_array($result, MYSQLI_ASSOC);
-    } else {
-        die("ERROR, cannot get the data requested");
     }
+
  ?>
 
  <div class="container">
@@ -21,7 +20,7 @@
     </div>
 
     <div class="row mb-2">
-        <?php if($latestBook): ?>
+        <?php if(isset($latestBook)): ?>
             <div class="col-md-6">
                 <div class="card flex-md-row mb-4 shadow-sm h-md-250">
                     <div class="card-body d-flex flex-column align-items-start">
@@ -33,7 +32,7 @@
                         <p class="card-text mb-auto">This is a wider card with supporting text below as a natural lead-in to additional content.</p>
                         <a href="./books/book.php?id=<?= $latestBook['id']; ?>">Continue reading</a>
                     </div>
-                    <img class="card-img-right flex-auto d-none d-lg-block" data-src="holder.js/200x250?theme=thumb" alt="Card image cap">
+                    <img class="card-img-right flex-auto d-none d-lg-block" src="./images/uploads/thumbnails/<?= $latestBook['image_name']; ?>" alt="Card image cap">
                 </div>
             </div>
         <?php endif; ?>
diff --git a/library.sql b/library.sql
@@ -3,7 +3,7 @@
 -- http://www.phpmyadmin.net
 --
 -- Host: localhost
--- Generation Time: Oct 14, 2018 at 07:40 PM
+-- Generation Time: Oct 16, 2018 at 11:40 AM
 -- Server version: 5.7.23-0ubuntu0.16.04.1
 -- PHP Version: 7.2.3-1+ubuntu16.04.1+deb.sury.org+1
 
@@ -31,9 +31,18 @@ CREATE TABLE `books` (
   `book_name` varchar(100) NOT NULL,
   `author` varchar(100) NOT NULL,
   `description` text NOT NULL,
-  `image_name` varchar(20) NOT NULL DEFAULT 'bookDefault.jpg'
+  `image_name` varchar(20) NOT NULL DEFAULT 'bookDefault.jpg',
+  `date_created` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
 
+--
+-- Dumping data for table `books`
+--
+
+INSERT INTO `books` (`id`, `book_name`, `author`, `description`, `image_name`, `date_created`) VALUES
+(4, 'Harry Potter and the Philosopher\'s Stone', 'J K Rowling', 'Harry Potter has been living an ordinary life, constantly abused by his surly and cold aunt and uncle, Vernon and Petunia Dursley and bullied by their spoiled son Dudley since the death of his parents ten years prior. His life changes on the day of his eleventh birthday when he receives a letter of acceptance into a Hogwarts School of Witchcraft and Wizardry, delivered by a half-giant named Rubeus Hagrid after previous letters had been destroyed by Harry’s Uncle Vernon and his Aunt Petunia. Hagrid explains Harry\'s hidden past as the wizard son of James and Lily Potter, who were a wizard and witch respectively, and how they were murdered by the most evil and powerful dark wizard of all time, Lord Voldemort, which resulted in the one-year-old Harry being sent to live with his aunt and uncle. The strangest bit of the murder was how Voldemort was unable to kill him, but instead had his own powers removed and blasted away, sparking Harry\'s immense fame among the magical community.', '5bc514dad6863.jpg', '2018-10-15 22:29:46'),
+(5, 'Harry Potter and the Chamber of Secrets', 'J K Rowling', 'On Harry Potter\'s twelfth birthday, the Dursley family—Harry\'s uncle Vernon, aunt Petunia, and cousin Dudley—hold a dinner party for a potential client of Vernon\'s drill-manufacturing company. Harry is not invited, but is content to spend the evening quietly in his bedroom, although he is confused why his school friends have not sent cards or presents. However, when he goes to his room, a house-elf named Dobby warns him not to return to Hogwarts and admits to intercepting Harry\'s post from his friends. Having failed to persuade Harry to voluntarily give up his place at Hogwarts, Dobby then attempts to get him expelled by using magic to smash Petunia\'s dessert on a dinner party guest and framing it on Harry, who is not allowed to use magic out of school. Uncle Vernon\'s business deal falls through, but Harry is given a second chance from the Ministry of Magic, and allowed to return at the start of the school year.', '5bc5154044690.jpg', '2018-10-15 22:31:28');
+
 --
 -- Indexes for dumped tables
 --
@@ -53,7 +62,7 @@ ALTER TABLE `books`
 -- AUTO_INCREMENT for table `books`
 --
 ALTER TABLE `books`
-  MODIFY `id` tinyint(6) UNSIGNED NOT NULL AUTO_INCREMENT;
+  MODIFY `id` tinyint(6) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
 /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
 /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
 /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/tasks/task3.md b/tasks/task3.md
@@ -4,5 +4,7 @@ Using the select query, view the entires which you created in the previous task.
 2. View them individually from a single php page which filters which one you see based on your url
 3. Create an error 404 page incase someone asks for an entry which doesn't exist
 4. Add the select query to the update page to be able to see the information which you are updating, based on the entry you are requesting
+
 **Extra Tasks**
+
 Create more complex queries like getting the latest entry, getting the smallest, largest etc.
diff --git a/templates/header.php b/templates/header.php
@@ -1,7 +1,4 @@
 <?php
-
-
-
     if(is_dir('vendor')){
         require 'vendor/autoload.php';
     } else {
@@ -38,7 +35,7 @@
                         <a class="text-light" href="#">Subscribe</a>
                     </div>
                     <div class="col-6 text-center">
-                        <a class="blog-header-logo text-light" href="#">Yoobee School of Design Library</a>
+                        <a class="blog-header-logo text-light" href="./">Yoobee School of Design Library</a>
                     </div>
                     <div class="col-3 d-flex justify-content-end align-items-center">
                         <a class="text-light" href="#">
