CONCD-482 The first card should not have a Back button

LibraryOfCongress · Oct 13, 2023 · bf049d0 · bf049d0
1 parent f0bd8d8
commit bf049d0
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/concordia/templates/transcriptions/asset_detail.html b/concordia/templates/transcriptions/asset_detail.html
@@ -714,27 +714,31 @@ <h4>Quick Tips</h4>
                             <div class="carousel-inner">
                                 {% for card in cards %}
                                     <div class="carousel-item {% if forloop.first %} active {% endif %}">
+                                        {% if not forloop.first %}
+                                            <a id="previous-card" href="#card-carousel" role="button" data-slide="prev">
+                                                <strong><u><&nbsp;Back</u></strong>
+                                            </a>
+                                        {% endif %}
                                         <div class="position-static d-flex flex-column justify-content-around">
                                             {% if card.image %}
                                                 <img src="{{ card.image.url }}">
                                             {% endif %}
                                             <h3>{{ card.title }}</h3>
                                             <p>{{ card.body_text|safe }}</p>
                                         </div>
+                                        {% if not forloop.last %}
+                                            <a id="next-card" href="#card-carousel" data-slide="next">
+                                                <strong><u>Next&nbsp;></u></strong>
+                                            </a>
+                                        {% endif %}
                                     </div>
                                 {% endfor %}
                             </div>
-                            <a id="previous-card" href="#card-carousel" role="button" data-slide="prev">
-                                <strong><u><&nbsp;Back</u></strong>
-                            </a>
                             <ol class="carousel-indicators d-none d-lg-flex">
                                 {% for card in cards %}
                                     <li data-target="#card-carousel" data-slide-to="{{ forloop.counter0 }}" {% if forloop.first %}class="active" {% endif %}></li>
                                 {% endfor %}
                             </ol>
-                            <a id="next-card" href="#card-carousel" data-slide="next">
-                                <strong><u>Next&nbsp;></u></strong>
-                            </a>
                         </div>
                     </div>
                 </div>