From 2c89fb79f6f9484f79a859eddb69e7ac2888128d Mon Sep 17 00:00:00 2001
From: Anders <anders164a@gmail.com>
Date: Tue, 8 Jun 2021 11:23:05 +0200
Subject: [PATCH] v0.1.1 - Updated Delete, Create Added editPost (Not yet made)

---
 Backend/controller/upload.php      |  2 +-
 Frontend/Assets/Ajax/createPost.js |  7 ++++++-
 Frontend/Assets/Ajax/deletePost.js |  4 +++-
 Frontend/Assets/Ajax/editPost.js   | 21 +++++++++++++++++++++
 Frontend/admin.php                 |  6 ++++--
 Frontend/index.php                 |  9 +--------
 6 files changed, 36 insertions(+), 13 deletions(-)
 create mode 100644 Frontend/Assets/Ajax/editPost.js

diff --git a/Backend/controller/upload.php b/Backend/controller/upload.php
index 99bbbaa..0fcbd9d 100644
--- a/Backend/controller/upload.php
+++ b/Backend/controller/upload.php
@@ -16,6 +16,6 @@ if(isset($_POST['title'])){
     if(!$post->save()){
         return http_response_code(400);
     }else{
-        return http_response_code(200);
+        echo $post->id;
     }
 }
diff --git a/Frontend/Assets/Ajax/createPost.js b/Frontend/Assets/Ajax/createPost.js
index 8989df5..c08f96f 100644
--- a/Frontend/Assets/Ajax/createPost.js
+++ b/Frontend/Assets/Ajax/createPost.js
@@ -9,7 +9,12 @@ function createPost(title, desc) {
         type: 'POST',
         data: data,
         success: function (data) {
-            console.log(data)
+            $('#table_id').DataTable().row.add([
+                title,
+                desc,
+                '<a class="w-1em" href="edit.php?id='+ data + '"><img src="Assets/Images/Icons/pencil-dark.svg" alt="Edit"></a>',
+                '<a class="w-1em" onClick="deletePostSwal(' + data + ')"><img src="Assets/Images/Icons/trashcan-dark.svg" alt="Delete"></a>'
+            ]).draw().node().id = '1234';
         },
         error: function () {
             console.log("error");
diff --git a/Frontend/Assets/Ajax/deletePost.js b/Frontend/Assets/Ajax/deletePost.js
index a14ca1e..20307f4 100644
--- a/Frontend/Assets/Ajax/deletePost.js
+++ b/Frontend/Assets/Ajax/deletePost.js
@@ -8,7 +8,9 @@ function deletePost(id) {
                 'Posten er slettet!',
                 '',
                 'success'
-            )
+            ).then(function() {
+                $('#table_id').DataTable().row($('#'+id)[0]).remove().draw();
+            });
         },
         error:function (data) {
             Swal.fire(
diff --git a/Frontend/Assets/Ajax/editPost.js b/Frontend/Assets/Ajax/editPost.js
new file mode 100644
index 0000000..28df8c0
--- /dev/null
+++ b/Frontend/Assets/Ajax/editPost.js
@@ -0,0 +1,21 @@
+/*function deletePost(id) {
+    return $.ajax({
+        type: 'POST',
+        url: '../Backend/controller/deletePost.php',
+        data: {'delete_id':id},
+        success:function (data) {
+            Swal.fire(
+                'Posten er slettet!',
+                '',
+                'success'
+            )
+        },
+        error:function (data) {
+            Swal.fire(
+                'Posten kunne ikke blive slettet',
+                '',
+                'error'
+            )
+        }
+    });
+}*/
\ No newline at end of file
diff --git a/Frontend/admin.php b/Frontend/admin.php
index 55ea98d..b0569f8 100644
--- a/Frontend/admin.php
+++ b/Frontend/admin.php
@@ -89,9 +89,10 @@ use Backend\Model\Post;
         </div>
     </div>
 
-<script src="Assets/Ajax/deletePost.js"></script>
 <script src="Assets/Ajax/fetchAndDisplayData.js"></script>
+<script src="Assets/Ajax/deletePost.js"></script>
 <script src="Assets/Ajax/createPost.js"></script>
+<script src="Assets/Ajax/editPost.js"></script>
 <script>
 
     function createPostSwal() {
@@ -116,7 +117,8 @@ use Backend\Model\Post;
         })
     }
 
-    function deletePostSwal(id) {Swal.fire({
+    function deletePostSwal(id) {
+        Swal.fire({
         title: 'Er du sikker?',
         text: "Dette kan ikke blive ændret tilbage!",
         icon: 'warning',
diff --git a/Frontend/index.php b/Frontend/index.php
index 80eb704..86061c0 100644
--- a/Frontend/index.php
+++ b/Frontend/index.php
@@ -44,13 +44,6 @@
         <div class="col-md-12 h-100" style="border-radius: 4px">
             <div class="blog-slider front home" id="front">
                 <div class="blog-slider__wrp swiper-wrapper" id="swiper-wrapper">
-                    <!--<div class="blog-slider__item swiper-slide">
-                        <div class="blog-slider__content">
-                            <span class="blog-slider__code">26 December 2019</span>
-                            <div class="blog-slider__title">Lorem Ipsum Dolor</div>
-                            <div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi? </div>
-                        </div>
-                    </div>-->
                 </div>
                 <div class="blog-slider__pagination"></div>
             </div>
@@ -96,7 +89,7 @@
                 data.forEach(el =>
                     document.getElementById('swiper-wrapper').innerHTML += ('<div class="blog-slider__item swiper-slide">'+
                         '<div class="blog-slider__content">'+
-                            '<span class="blog-slider__code">'+ el.created_at +'</span>'+
+                            '<span class="blog-slider__code">'+ new Date(el.created_at).getDate() + '/' + (new Date(el.created_at).getMonth()+1) + '-' + new Date(el.created_at).getFullYear() +'</span>'+
                             '<div class="blog-slider__title">'+ el.title +'</div>'+
                             '<div class="blog-slider__text">'+ el.description +'</div>'+
                         '</div>'+