vict3459
/
itskp-odense
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v0.0.9a - Started working on showing all posts on index

This commit is contained in:
Anders 2021-06-07 08:53:37 +02:00
parent dc15757c5f
commit 46be51d974
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
Frontend/index.php
View File

@ -33,28 +33,14 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-12 h-100" style="border-radius: 4px"> <div class="col-md-12 h-100" style="border-radius: 4px">
<div class="blog-slider front home" id="front"> <div class="blog-slider front home" id="front">
<div class="blog-slider__wrp swiper-wrapper"> <div class="blog-slider__wrp swiper-wrapper" id="swiper-wrapper">
<div class="blog-slider__item swiper-slide"> <!--<div class="blog-slider__item swiper-slide">
<div class="blog-slider__content"> <div class="blog-slider__content">
<span class="blog-slider__code">26 December 2019</span> <span class="blog-slider__code">26 December 2019</span>
<div class="blog-slider__title">Lorem Ipsum Dolor</div> <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 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__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 class="blog-slider__pagination"></div>
</div> </div>
@ -64,6 +50,8 @@
</main> </main>
</div> </div>
<div id="K"></div>
<script type="text/javascript"> <script type="text/javascript">
var swiper = new Swiper('.blog-slider', { var swiper = new Swiper('.blog-slider', {
spaceBetween: 30, spaceBetween: 30,
@ -86,6 +74,28 @@
$('#layer').removeClass('showlayer'); $('#layer').removeClass('showlayer');
$('#front').addClass('transform-none'); $('#front').addClass('transform-none');
$('#hamburger').prop('checked', ''); $('#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() { function shownav() {