v0.0.9a - Started working on showing all posts on index
This commit is contained in:
parent
dc15757c5f
commit
46be51d974
|
@ -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() {
|
||||||
|
|
Loading…
Reference in New Issue