From 7c13b6478db952bbf810dd8f823d25b5ef74b882 Mon Sep 17 00:00:00 2001
From: Fluffy-Bean <michal-gdula@protonmail.com>
Date: Wed, 10 Aug 2022 14:05:15 +0100
Subject: [PATCH] nothing ever works for me

---
 app/image/upload_image.php | 82 +++++++++++++++++++++++++++++++++++
 assets/icons/bug.svg       |  1 +
 image.php                  | 10 ++---
 upload.php                 | 88 +++++++++++---------------------------
 4 files changed, 112 insertions(+), 69 deletions(-)
 create mode 100644 app/image/upload_image.php
 create mode 100644 assets/icons/bug.svg

diff --git a/app/image/upload_image.php b/app/image/upload_image.php
new file mode 100644
index 0000000..308e473
--- /dev/null
+++ b/app/image/upload_image.php
@@ -0,0 +1,82 @@
+<?php
+/*
+ |-------------------------------------------------------------
+ | Uploading Images
+ |-------------------------------------------------------------
+ | gwa gwa
+ |-------------------------------------------------------------
+*/
+session_start();
+// Include server connection
+include "../server/conn.php";
+
+if (isset($_POST['submit'])) {
+  // Root paths
+  $dir = "images/";
+  $thumb_dir = $dir."thumbnails/";
+
+  // File paths
+  $image_basename = basename($_FILES['image']['name']);
+  $image_path = $dir.$image_basename;
+  $file_type = pathinfo($image_path,PATHINFO_EXTENSION);
+
+  // Allowed file types
+  $allowed_types = array('jpg', 'jpeg', 'png', 'webp');
+  if (in_array($file_type, $allowed_types)) {
+    // Move file to server
+    if (move_uploaded_file($_FILES['image']['tmp_name'], $image_path)) {
+      // Attempt making a thumbnail
+      try {
+        $image_thumbnail = new Imagick($image_path);
+        $image_thumbnail->resizeImage(300,null,null,1,null);
+        $image_thumbnail->writeImage($thumb_dir.$image_basename);
+      } catch (Exception $e) {
+        ?>
+        <script>
+          sniffleAdd('Gwha!', 'We hit a small roadbump during making of the thumbail. We will continue anyway!', 'var(--black)', '<?php echo $root_dir; ?>assets/icons/bug.svg');
+        </script>
+        <?php
+      }
+
+      // Prepare sql for destruction and filtering the sus
+      $sql = "INSERT INTO swag_table (imagename, alt, author) VALUES (?, ?, ?)";
+
+      if ($stmt = mysqli_prepare($conn, $sql)) {
+        // Bind the smelly smelly
+        mysqli_stmt_bind_param($stmt, "sss", $param_image_name, $param_alt_text, $param_user_id);
+
+        // Setting up parameters
+        $param_image_name = $_FILES['image']['name'];
+        $param_alt_text = $_POST['alt'];
+        $param_user_id = $_SESSION['id'];
+
+        // Attempt to execute the prepared statement
+        if (mysqli_stmt_execute($stmt)) {
+          ?>
+          <script>
+            sniffleAdd(':3', 'Your Image uploaded successfully!', 'var(--green)', '<?php echo $root_dir; ?>assets/icons/check.svg');
+          </script>
+          <?php
+        } else {
+          ?>
+          <script>
+            sniffleAdd(':c', 'Something went fuckywucky, please try later', 'var(--red)', '<?php echo $root_dir; ?>assets/icons/cross.svg');
+          </script>
+          <?php
+        }
+      }
+    } else {
+      ?>
+      <script>
+        sniffleAdd('Hmmff', 'Something happened when moving the file to the server. This may just been a 1-off so try again', 'var(--red)', '<?php echo $root_dir; ?>assets/icons/bug.svg');
+      </script>
+      <?php
+    }
+  } else {
+    ?>
+    <script>
+      sniffleAdd('Woopsie', 'The file type you are trying to upload is not supported. Supported files include: JPEG, JPG, PNG and WEBP', 'var(--red)', '<?php echo $root_dir; ?>assets/icons/cross.svg');
+    </script>
+    <?php
+  }
+}
diff --git a/assets/icons/bug.svg b/assets/icons/bug.svg
new file mode 100644
index 0000000..62661e6
--- /dev/null
+++ b/assets/icons/bug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="#e8e3e3" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><circle cx="156" cy="92" r="12"></circle><circle cx="100" cy="92" r="12"></circle><line x1="128" y1="128" x2="128" y2="224" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><line x1="244" y1="128" x2="12" y2="128" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><path d="M208,144a80,80,0,0,1-160,0V112a80,80,0,0,1,160,0Z" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><line x1="231.9" y1="188" x2="203.2" y2="171.4" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><line x1="231.9" y1="68" x2="203.2" y2="84.6" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><line x1="24.1" y1="68" x2="52.8" y2="84.6" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><line x1="24.1" y1="188" x2="52.8" y2="171.4" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line></svg>
\ No newline at end of file
diff --git a/image.php b/image.php
index 05fea59..7eb15e0 100644
--- a/image.php
+++ b/image.php
@@ -205,8 +205,6 @@
     <div class='danger-zone flex-down default-window'>
     <h2>Danger zone</h2>
 
-    <script id="conformationMessage"></script>
-
     <!--
      |-------------------------------------------------------------
      | Delete
@@ -228,7 +226,7 @@
         $("#deleteConfirm").submit(function(event) {
           event.preventDefault();
           var deleteSubmit = $("#deleteSubmit").val();
-          $("#conformationMessage").load("app/image/delete_image.php", {
+          $("#sniffle").load("app/image/delete_image.php", {
             id: <?php echo $_GET['id']; ?>,
             submit: deleteSubmit
           });
@@ -260,7 +258,7 @@
           event.preventDefault();
           var descriptionInput = $("#descriptionInput").val();
           var descriptionSubmit = $("#descriptionSubmit").val();
-          $("#conformationMessage").load("app/image/edit_description.php", {
+          $("#sniffle").load("app/image/edit_description.php", {
             id: <?php echo $_GET['id']; ?>,
             input: descriptionInput,
             submit: descriptionSubmit
@@ -294,7 +292,7 @@
           event.preventDefault();
           var tagsInput = $("#tagsInput").val();
           var tagsSubmit = $("#tagsSubmit").val();
-          $("#conformationMessage").load("app/image/edit_tags.php", {
+          $("#sniffle").load("app/image/edit_tags.php", {
             id: <?php echo $_GET['id']; ?>,
             input: tagsInput,
             submit: tagsSubmit
@@ -328,7 +326,7 @@
             event.preventDefault();
             var authorInput = $("#authorInput").val();
             var authorSubmit = $("#authorSubmit").val();
-            $("#conformationMessage").load("app/image/edit_author.php", {
+            $("#sniffle").load("app/image/edit_author.php", {
               id: <?php echo $_GET['id']; ?>,
               input: authorInput,
               submit: authorSubmit
diff --git a/upload.php b/upload.php
index e105055..e8c9652 100644
--- a/upload.php
+++ b/upload.php
@@ -27,6 +27,27 @@
   <!-- Flyout script! -->
   <script src="Flyout/flyout.js"></script>
   <link rel='stylesheet' href='Flyout/flyout.css'>
+
+  <!-- Upload Script -->
+  <script>
+    $(document).ready(function() {
+      $("#uploadSubmit").submit(function(event) {
+        event.preventDefault();
+        var formData = new FormData(this.form);
+
+        $.ajax({
+          url: "app/image/upload_image.php",
+          type: 'post',
+          data: formData,
+          contentType: false,
+          processData: false,
+          success: function(response){
+            $("#sniffle").html(response);
+          }
+        });
+      });
+    });
+  </script>
 </head>
 <body>
   <?php
@@ -37,74 +58,15 @@
   if (!loggedin()) {
     header("Location: index.php");
   }
-
-  // Setting up varibles
-  $dir = "images/";
-  $thumb_dir = $dir."thumbnails/";
-  $image_basename = basename($_FILES["image"]["name"]);
-  $image_path = $dir.$image_basename;
-  $file_type = pathinfo($image_path,PATHINFO_EXTENSION);
-
-  // Continue if no errors
-  if (isset($_POST['upload']) && !empty($_FILES["image"]["name"])) {
-    if (empty($error)) {
-      $allowed_types = array('jpg', 'jpeg', 'png', 'webp');
-      if (in_array($file_type, $allowed_types)) {
-        // Upload to server
-        if (move_uploaded_file($_FILES['image']['tmp_name'], $image_path)) {
-          // Make thumbnail
-          $image_thumbnail = new Imagick($image_path);
-          $image_thumbnail->resizeImage(300,null,null,1,null);
-          $image_thumbnail->writeImage($thumb_dir.$image_basename);
-
-          // Prepare sql for destruction and filtering the sus
-          $sql = "INSERT INTO swag_table (imagename, alt, author) VALUES (?, ?, ?)";
-
-          if ($stmt = mysqli_prepare($conn, $sql)) {
-            // Bind the smelly smelly
-            mysqli_stmt_bind_param($stmt, "sss", $param_image_name, $param_alt_text, $param_user_id);
-
-            // Setting up parameters
-            $param_image_name = $_FILES["image"]["name"];
-            $param_alt_text = $_POST['alt'];
-            $param_user_id = $_SESSION["id"];
-
-            // Attempt to execute the prepared statement
-            if (mysqli_stmt_execute($stmt)) {
-              $success = "Your Image uploaded successfully!";
-            } else {
-              $error = "Something went fuckywucky, please try later";
-            }
-          }
-        } else {
-          $error = "F, Upload failed";
-        }
-      } else {
-        $error = "File uploaded not supported, file types that are allowed include: JPG, JPEG, PNG and WEBP";
-      }
-    }
-  }
   ?>
 
-  <div class="alert-banner">
-    <?php
-    if (isset($error)) {
-      echo "<script>sniffleAdd('Error', '".$error."', 'var(--red)', '".$root_dir."assets/icons/cross.svg');</script>";
-    }
-    if (isset($success)) {
-      echo "<script>sniffleAdd('Success!', '".$success."', 'var(--green)', '".$root_dir."assets/icons/check.svg');</script>";
-    }
-    ?>
-    <script src='scripts/alert.js'></script>
-  </div>
-
   <div class="upload-root default-window">
     <h2 class="space-bottom">Upload image</h2>
     <p>In this world you have 2 choices, to upload a really cute picture of an animal or fursuit, or something other than those 2 things.</p>
-    <form class="flex-down between" method="POST" action="upload.php" enctype="multipart/form-data">
-        <input class="btn alert-default space-bottom" type="file" name="image" placeholder="select image UwU">
-        <input class="btn alert-default space-bottom-large" type="text" name="alt" placeholder="Description/Alt for image">
-        <button class="btn alert-high" type="submit" name="upload"><img class="svg" src="assets/icons/upload.svg">Upload Image</button>
+    <form id="uploadSubmit" class="flex-down between" method="POST" enctype="multipart/form-data">
+        <input name="image" class="btn alert-default space-bottom" type="file" placeholder="select image UwU">
+        <input name="alt" class="btn alert-default space-bottom-large" type="text" placeholder="Description/Alt for image">
+        <button name="submit" class="btn alert-high" type="submit"><img class="svg" src="assets/icons/upload.svg">Upload Image</button>
     </form>
   </div>