'How to schedule posts for carousel in templates using django?
I'm having a hard time to come up with a solution on how to schedule posts for bootstrap carousel with dynamic data in django.
Example:
I created a post for Jan. 1 - Jan. 30 if today is Feb. 1 the post should not be visible on the carousel and vice-versa.
Models.py
class Carousel(models.Model):
above_text = models.CharField(max_length=200, null=True)
below_text = models.CharField(max_length=200, null=True)
image = models.ImageField(upload_to='static/website/images/profile-images', null=True)
created_at = models.DateTimeField(auto_now_add=True)
updated_at = models.DateTimeField(auto_now=True)
date_start = models.DateTimeField(null=True)
date_end = models.DateTimeField(null=True)
class Meta:
verbose_name_plural = 'Carousel'
def __str__(self):
return f'{self.above_text} Carousel'
Views.py
def index(request):
car = Carousel.objects.all()
faq = FAQ.objects.all()
team = Team.objects.all()
about = About.objects.all()
context = {
'car' : car,
'faq' : faq,
'team': team,
'about' : about,
}
template_name = 'main/index.html'
return render(request, template_name, context)
Template
<div class="carousel-inner">
{% for car in car %}
<div class="carousel-item {% if forloop.counter0 == 0%} active {% endif %}" data-interval="2">
<div class="img-caro">
<img src="{{car.image}}" class="img-responsive">
</div>
<div class="container">
<h1>{{car.above_text}}</h1>
<p>{{car.below_text}}</p>
</div>
</div>
{% endfor %}
</div>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
