Ok - so you are not really doing this correctly - I am guessing now.

Can you send the code for your view as well. Because I am guessing that you
aren't sending anything to the context variable "pictures".

I think the other things are more or less correct (even though there are
some issues with the html as well....)

But if we start with the context variable:
{% if pictures %}

This means that you need to send a variable called pictures with the
pictures you want to display on the page. This should be populated in
your view with the pictures you want to display. The reason I don't think
this is done, is because you then use the following for loop:
 {% for p in Picture.objects.all %}

You shouldn't use the models in the templates that way - but it would be
better to do:
 {% for p in pictures %} (if you have set the variable) :)

Other than that - you have a ul tag there that seems a bit out of place :)

Regards,

Andréas


Den ons 1 apr. 2020 kl 13:43 skrev Jeff Waters <water...@gmail.com>:

> Thanks Andreas
>
> I think that one of the mistakes I'd made previously was to not associate
> particular comments with particular pictures.
>
> I've tried to rectify that using the code below. However, when I do this,
> the page I get is empty.
>
> Any advice would be appreciated:
>
> {% extends 'nowandthen/base.html' %}
> {% block body_block %}
> <br>
> <br>
> {% if pictures %}
>     <ul>
>     {% for p in Picture.objects.all %}
> <div class="container">
>   <div class="row">
>     <div class="col-md-8 card mb-4  mt-3 ">
>         <!-- Card -->
>
>   <!-- Card content -->
>             <div class="card-body d-flex flex-row">
>
>     <!-- Content -->
>                 <div>
>
>       <!-- Title -->
>                     <h4 class="card-title font-weight-bold mb-2">{{
> p.title }}</h4>
>       <!-- Subtitle -->
>                     <p class="card-text"><i class="far fa-clock
> pr-2"></i>{{ p.when_added }}</p>
>                 </div>
>             </div>
>
>   <!-- Card image -->
>             <div class="view overlay">
>                 <img class="card-img-top rounded-0" src="{{ p.image.url
> }}" alt="Card image cap">
>                     <a href="#!">
>                         <div class="mask rgba-white-slight"></div>
>                     </a>
>             </div>
>
>   <!-- Card content -->
>             <div class="card-body">
>                 <div class="collapse-content">
>
>       <!-- Text -->
>                     <p class="card-text collapse" id="collapseContent">{{
> p.description }}</p>
>       <!-- Button -->
>                     <a class="btn btn-flat red-text p-1 my-1 mr-0 mml-1
> collapsed" data-toggle="collapse" href="#collapseContent"
> aria-expanded="false" aria-controls="collapseContent">Click for
> description</a>
>                     <i class="fas fa-share-alt text-muted float-right p-1
> my-1" data-toggle="tooltip" data-placement="top" title="Share this
> post"></i>
>                     <i class="fas fa-heart text-muted float-right p-1 my-1
> mr-3" data-toggle="tooltip" data-placement="top" title="I like it"></i>
>
>                 </div>
>             </div>
>             <div class="card-body">
>         <!-- comments -->
>                 <h2>comments</h2>
>                 {% if not p.comments %}
>                 No comments
>                 {% endif %}
>                 {% for x in p.comment %}
>                 <div class="comments" style="padding: 10px;">
>                     <p class="font-weight-bold">
>                         <h4>Comment by</h4> {{ x.user }}
>                         <span class=" text-muted font-weight-normal">
>                             {{ x.created_on }}
>                         </span>
>                     </p>
>                     {{ x.body | linebreaks }}
>                 </div>
>                 {% endfor %}
>             </div>
>             <div class="card-body">
>                 {% if new_comment %}
>                 <h2>Your comment has been posted.</h2>
>                 {% else %}
>                 <h3>Leave a comment</h3>
>                 <form action="{% url 'nowandthen:add_comment' p.image_id
> %}" method="POST">
>                     {{ comment_form.as_p }}
>                     {% csrf_token %}
>                     <button type="submit" class="btn btn-primary
> btn-lg">Submit</button>
>                 {% endif %}
>             </div>
>     </div>
>   </div>
> </div>
> <!-- Card -->
>     {% endfor %}
>     </ul>
> {% else %}
>     <li><strong>There are no photographs present.</strong></li>
> {% endif %}
>
> {% endblock %}
>
>
> Thanks
>
> Jeff
>
> --
> You received this message because you are subscribed to the Google Groups
> "Django users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to django-users+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/django-users/7a56b57b-42e9-42be-bc9f-3ed8714cf444%40googlegroups.com
> .
>

-- 
You received this message because you are subscribed to the Google Groups 
"Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to django-users+unsubscr...@googlegroups.com.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/django-users/CAK4qSCfY878xRaOLbODrp1%2BoY60exZC3BZ8h%3DDkQmsS5LB4NkA%40mail.gmail.com.

Reply via email to