From 46be51d974fce80bd9cca30d575fac33f1e9433c Mon Sep 17 00:00:00 2001
From: Anders <anders164a@gmail.com>
Date: Mon, 7 Jun 2021 08:53:37 +0200
Subject: [PATCH] v0.0.9a - Started working on showing all posts on index

---
 Frontend/index.php | 44 +++++++++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/Frontend/index.php b/Frontend/index.php
index 351d847..70ce03d 100644
--- a/Frontend/index.php
+++ b/Frontend/index.php
@@ -33,28 +33,14 @@
     <div class="row justify-content-center">
         <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">
-                    <div class="blog-slider__item swiper-slide">
+                <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 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 Dolor2</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 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>
                 <div class="blog-slider__pagination"></div>
             </div>
@@ -64,6 +50,8 @@
 </main>
 </div>
 
+<div id="K"></div>
+
 <script type="text/javascript">
     var swiper = new Swiper('.blog-slider', {
         spaceBetween: 30,
@@ -86,6 +74,28 @@
         $('#layer').removeClass('showlayer');
         $('#front').addClass('transform-none');
         $('#hamburger').prop('checked', '');
+
+
+        $.ajax({
+            url: '../Backend/controller/getPost.php',
+            type: 'POST',
+            success: function (data) {
+                console.log(data);
+                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>'+
+                            '<div class="blog-slider__title">'+ el.title +'</div>'+
+                            '<div class="blog-slider__text">'+ el.description +'</div>'+
+                        '</div>'+
+                    '</div>')
+            );
+            },
+            error: function (data) {
+                console.log(data);
+            }
+        });
+
     })
 
     function shownav() {