using if else condition with for loop in Django

Question:

I fairly new to Django, I have a list of usecase model shown in a a table, and a usecase progress model that includes a foreign key of the usecase.

Initially a new usecase doesn’t have a progress yet, so in my template I’m trying to say check if the usecase doesn’t have a progress yet set a default value so the progress columns aren’t empty and looking weird.

Can’t seem to write my logic write. I hope I’m clear.

My template:

{% extends 'EmpDashboard.html' %}
{% block body %}

<div class="row d-flex">
    <div class="col-12 mb-4">
        <div class="card border-light shadow-sm components-section d-flex">
            <div class="card-body d-flex row col-12">
                <div class="row mb-4">
                    <div class="col-lg-12 col-sm-16">
                        <h3 class="h3 mb-4">View Usecases:</h3>
                    </div>
                    {% if usecase_details is not none and usecase_details %}
                    <div class="table-responsive">
                        <table id="example" class="table table-flush text-wrap table-sm" cellspacing="0" width="100%">
                            <thead class="thead-light">
                                <tr>
                                    <th scope="col">No.</th>
                                    <th scope="col">Usecase ID</th>
                                    <th scope="col">Usecase Name</th>
                                    <th scope="col">Client</th>
                                    <th scope="col">KPI</th>
                                    <th scope="col">Progress</th>
                                    <th scope="col">Progress date</th>
                                    <th scope="col">Pipeline</th>
                                    <th scope="col">Phase</th>
                                    <!-- <th scope="col">Estimated Delivery</th> -->
                                    <th scope="col">Details</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for result in usecase_details %}
                                <tr>
                                    <td>{{ forloop.counter }}</td>
                                    <td><span class="badge bg-info">{{result.usecase_id}}</span></td>
                                    <td>{{result.usecase_name}}</td>
                                    <td>{{result.business_owner.business_owner_name}}</td>
                                    <td>{{result.kpi.kpi_name}}</td>
                                    {% if result.usecaseids.all is not none and result.usecaseids.all %}
                                    {% for progress in result.usecaseids.all %}
                                    {% if forloop.last %}
                                    <td><div class="progress-wrapper">
                                        <div class="progress-info">
                                        <div class="progress-percentage">
                                        <span>{{progress.usecase_progress_value}}%</span>
                                        </div>
                                        </div>
                                        <div class="progress">
                                        <div class="progress-bar bg-success" role="progressbar" style="width: 60%;" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                                        </div>
                                        </div>
                                    </td>
                                    <td>{{progress.usecase_progress_date}}</td>
                                    <td>{{progress.pipeline.pipeline_name}}</td>
                                    <td>{{progress.phase.phase_name}}</td>
                                    {% endif %}
                                    {% endfor %}
                                    {% else %}
                                    <tr>
                                        <td>{{ forloop.counter }}</td>
                                        <td><span class="badge bg-info">{{result.usecase_id}}</span></td>
                                        <td>{{result.usecase_name}}</td>
                                        <td>{{result.business_owner.business_owner_name}}</td>
                                        <td>{{result.kpi.kpi_name}}</td>
                                        {% for progress in result.usecaseids.all %}
                                        <td><div class="progress-wrapper">
                                            <div class="progress-info">
                                            <div class="progress-percentage">
                                            <span>0%</span>
                                            </div>
                                            </div>
                                            <div class="progress">
                                            <div class="progress-bar bg-success" role="progressbar" style="width: 60%;" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                                            </div>
                                            </div>
                                        </td>
                                        <td>NEW</td>
                                        <td>NEW</td>
                                        <td>NEW</td>
                                        <!-- <td>{{progress.estimated_date_delivery}}</td> -->
                                        {% endfor %}
                                    </tr>
                                    {% endif %}
                                    <td>
                                        <a href="/view-usecase/{{result.usecase_id}}" class="btn btn-success">VIEW</a>
                                    </td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% else %}
                    <div class="col-lg-12 col-sm-16">
                      
                        <h3 class="h3 text-center">
                            No Records Found!
                        </h3>
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>  


<script>
$(document).ready(function () {
  $('#example').DataTable();
  $('.dataTables_length').addClass('bs-select');
  $('#example td').css('white-space','initial');
});
</script>
{% endblock %}
Asked By: JHS99

||

Answers:

You can check if a result object has a related usecase_progress object using the if statement and then set default values if it doesn’t exist, like the following:

{% for result in usecase_details %}
<tr>
    <td>{{ forloop.counter }}</td>
    <td><span class="badge bg-info">{{result.usecase_id}}</span></td>
    <td>{{result.usecase_name}}</td>
    <td>{{result.business_owner.business_owner_name}}</td>
    <td>{{result.kpi.kpi_name}}</td>
    {% if result.usecaseids.all %}
        {% for progress in result.usecaseids.all %}
            {% if forloop.last %}
                <td>
                    <div class="progress-wrapper">
                        <div class="progress-info">
                            <div class="progress-percentage">
                                <span>{{progress.usecase_progress_value}}%</span>
                            </div>
                        </div>
                        <div class="progress">
                            <div class="progress-bar bg-success" role="progressbar" style="width: {{progress.usecase_progress_value}}%;" aria-valuenow="{{progress.usecase_progress_value}}" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </td>
                <td>{{progress.usecase_progress_date}}</td>
                <td>{{progress.pipeline.pipeline_name}}</td>
                <td>{{progress.phase.phase_name}}</td>
            {% endif %}
        {% endfor %}
    {% else %}
        <td>
            <div class="progress-wrapper">
                <div class="progress-info">
                    <div class="progress-percentage">
                        <span>0%</span>
                    </div>
                </div>
                <div class="progress">
                    <div class="progress-bar bg-success" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                </div>
            </div>
        </td>
        <td>NEW</td>
        <td>NEW</td>
        <td>NEW</td>
    {% endif %}
    <td>
        <a href="/view-usecase/{{result.usecase_id}}" class="btn btn-success">VIEW</a>
    </td>
</tr>
{% endfor %}
Answered By: Sunderam Dubey