v0.1.0 - Updated Deletetion of post

Updated home to admin
Updated create & fetch
Added DataTables
Added Icons for DataTables
Added SWAL

Frontend/Assets/Ajax/createPost.js

@@ -1,19 +1,19 @@
-$("#submit").click(function(){
+function createPost(title, desc) {
     var data = {
-        title: $("#title").val(),
-        description: $("#description").val(),
+        title: title,
+        description: desc,
     };
 
-$.ajax({
-    url: '../Backend/controller/upload.php',
-    type: 'POST',
-    data: data,
-    success: function (data) {
-       console.log(data)
-    },
-    error: function () {
-        console.log("error");
-    }
-});
+    $.ajax({
+        url: '../Backend/controller/upload.php',
+        type: 'POST',
+        data: data,
+        success: function (data) {
+            console.log(data)
+        },
+        error: function () {
+            console.log("error");
+        }
+    });
 
-});
+}

Frontend/Assets/Ajax/deletePost.js

@@ -1,13 +1,21 @@
 function deletePost(id) {
-    $.ajax({
+    return $.ajax({
         type: 'POST',
         url: '../Backend/controller/deletePost.php',
         data: {'delete_id':id},
         success:function (data) {
-            console.log("Delete was a success");
+            Swal.fire(
+                'Posten er slettet!',
+                '',
+                'success'
+            )
         },
         error:function (data) {
-            console.log("Delete was not a success");
+            Swal.fire(
+                'Posten kunne ikke blive slettet',
+                '',
+                'error'
+            )
         }
     });
 }

Frontend/Assets/Ajax/fetchAndDisplayData.js

@@ -1,12 +1,31 @@
-$( document ).ready(function() {
+$(document).ready(function() {
+    var table = $('#table_id').DataTable({
+        fixedHeader: true,
+        dateTime: true,
+        order: [ 0, 'desc' ],
+        columnDefs: [
+            {
+                "targets": "w-1em",
+                orderable: false,
+                "searchable": false,
+            }
+        ],
+    });
+
     $.ajax({
         type: 'POST',
         url: '../Backend/controller/getPost.php',
         success:function (data) {
             console.log(data);
             for (let i = 0; i < data.length; i++){
-                document.getElementById("dis").innerHTML += "<button onClick=\"deletePost(" + data[i].id + ")\">Slet opslag</button><br>";
-                document.getElementById("dis").innerHTML += "<a href=\"edit.php?id="+ data[i].id + "\">Edit</a> <br><hr>"
+                var d = new Date(data[i].created_at);
+
+                table.row.add([
+                    d.getDate() + '/' + (d.getMonth()+1)+'-'+d.getFullYear(),
+                    data[i].title,
+                    '<a class="w-1em" href="edit.php?id='+ data[i].id + '"><img src="Assets/Images/Icons/pencil-dark.svg" alt="Edit"></a>',
+                    '<a class="w-1em" onClick="deletePostSwal(' + data[i].id + ')"><img src="Assets/Images/Icons/trashcan-dark.svg" alt="Delete"></a>'
+                ]).draw().node().id = data[i].id;
             }
         },
         error:function (data) {