v0.1.1 - Updated Delete, Create

Added editPost (Not yet made)

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;
     }
 }

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");

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(

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'
+            )
+        }
+    });
+}*/

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',

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>'+