diff --git a/skolehjem/app/Http/Controllers/EventController.php b/skolehjem/app/Http/Controllers/EventController.php
index 8e6bfbe..040c842 100644
--- a/skolehjem/app/Http/Controllers/EventController.php
+++ b/skolehjem/app/Http/Controllers/EventController.php
@@ -286,6 +286,12 @@ class EventController extends Controller
             return 1;
         }
     }
+
+    public function previewPages(Request $request){
+        $event = Event::find($request->preview)->only("accountable", "description", "name", "date");
+        $convertToJsonArray = json_encode($event);
+        return $convertToJsonArray;
+    }
 }
 
 
diff --git a/skolehjem/resources/views/admin/news/index.blade.php b/skolehjem/resources/views/admin/news/index.blade.php
index d9286e3..556f1d0 100644
--- a/skolehjem/resources/views/admin/news/index.blade.php
+++ b/skolehjem/resources/views/admin/news/index.blade.php
@@ -26,6 +26,7 @@
             <th>Udløbsdato</th>
             @if(auth()->user()->can('news.edit'))
                 <th class="w-1em"><img class="w-100" src="{{ asset('/images/icons/pencil.svg') }}" alt="Update"></th>
+                <th class="w-1em"><img class="w-100" src="{{ asset('/images/icons/preview.svg') }}" alt="Update"></th>
             @endif
             @if(auth()->user()->can('news.delete'))
                 <th class="w-1em"><img class="w-100" src="{{ asset('/images/icons/trashcan.svg') }}" alt="Delete"></th>
@@ -42,6 +43,7 @@
                     @endif
                     @if(auth()->user()->can('news.edit'))
                         <td><a href="{{ route("news.edit", [ "news" => $new ]) }}"><img class="w-100" src="{{ asset('/images/icons/pencil-dark.svg') }}" alt="Update"></a></td>
+                        <td><a href="#" id="preview" onclick="getPreviewValue({{$new->id}})" ><img class="w-100" src="{{ asset('/images/icons/preview-dark.svg') }}" alt="Update"></a></td>
                     @endif
                     @if(auth()->user()->can('news.delete'))
                         <td>
@@ -59,7 +61,7 @@
         $(document).ready( function () {
             $('#table_id').DataTable({
                 columnDefs: [
-                    { orderable: false, targets: [-1, -2] }
+                    { orderable: false, targets: [-1, -2, -3] }
                 ]
             });
         });
@@ -98,5 +100,25 @@
                 }
             })
         }
+
+        //Get the id and
+        function getPreviewValue(elm){
+            $.ajax({
+                type: 'get',
+                url: '{{route('events.preview')}}',
+                data: {'preview':elm},
+                success:function (data) {
+                    $l = JSON.parse(data);
+                    console.log($l);
+
+                },
+                error:function (data) {
+                    console.log(data);
+                }
+            });
+
+        }
+
+
     </script>
 @endsection
diff --git a/skolehjem/routes/web.php b/skolehjem/routes/web.php
index e29c036..87431be 100644
--- a/skolehjem/routes/web.php
+++ b/skolehjem/routes/web.php
@@ -57,6 +57,9 @@ Route::get("/darkmode", "UserController@setDarkMode")->name("users.setDarkMode")
 //Convert to PDF
 Route::get("/pdf/{menuPlan}", "MenuPlanController@genPDF")->name("pdf.genPDF")->hasParameter("Id");
 
+//Preview
+Route::get("/eventPreview", "EventController@previewPages")->name("events.preview");
+
 //Check name adminpanel
 Route::get("/usersCheck", "UserController@nameCheck")->name("users.nameCheck");
 Route::get("/eventCheck", "EventController@nameCheck")->name("events.nameCheck");