diff options
Diffstat (limited to 'alphabetlearning/templates/resources/resource_card_standard.html')
| -rw-r--r-- | alphabetlearning/templates/resources/resource_card_standard.html | 84 |
1 files changed, 39 insertions, 45 deletions
diff --git a/alphabetlearning/templates/resources/resource_card_standard.html b/alphabetlearning/templates/resources/resource_card_standard.html index cf2b786..4cfa929 100644 --- a/alphabetlearning/templates/resources/resource_card_standard.html +++ b/alphabetlearning/templates/resources/resource_card_standard.html @@ -3,56 +3,50 @@ <!-- Card 1 --> -<div style="border-color: {{ resource.main_resource_category_colour_css_class }}; border-width: 1px;" - onmouseover="this.classList.add('my-card-shadow-lg')" onmouseout="this.classList.remove('my-card-shadow-lg')"> +<div class="standard-card"> + <div> + <img class="standard-img" src="{{ resource.thumbnail_urls|first }}" alt="{{ resource.thumbnail_filename }}"> + </div> <div> <div> - <img src="{{ resource.thumbnail_urls|first }}" alt="{{ resource.thumbnail_filename }}"> + <h5><a href="{% url 'resources:resource_detail' resource_id=resource.id %}">{{ resource.name }}</a> + </h5> </div> <div> - <div> - <div> - <h5><a - href="{% url 'resources:resource_detail' resource_id=resource.id %}">{{ resource.name }}</a> - </h5> - </div> - <div> - <span>{{ resource.age_range }}</span> - {% if resource.main_resource_category_name == "English as a Foreign Language (EFL)" %} - <span style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">EFL</span> - {% else %} - <span style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">{{ resource.main_resource_category_name }}</span> - {% endif %} - {% if request.user.is_authenticated and request.user.is_staff %} - <span>Feature slot: {{ resource.feature_slot }}</span> - {% endif %} - </div> - <div> - <p>{{ resource.card_description }}</p> - </div> - <div> - <p><small class="text-muted">1 credit</small></p> - - {% if resource.in_cart %} - <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST"> - {% csrf_token %} - <button type="submit">In basket</button> - </form> - {% else %} - <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST"> - {% csrf_token %} - <button type="submit">Add to basket</button> - </form> - {% endif %} - </div> - </div> + <span>{{ resource.age_range }}</span> + {% if resource.main_resource_category_name == "English as a Foreign Language (EFL)" %} + <span style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">EFL</span> + {% else %} + <span style="background-color: {{ resource.main_resource_category_colour_css_class }}; color: {{ resource.main_resource_badge_foreground_colour }}">{{ resource.main_resource_category_name }}</span> + {% endif %} + {% if request.user.is_authenticated and request.user.is_staff %} + <span>Feature slot: {{ resource.feature_slot }}</span> + {% endif %} + </div> + <div> + <p class="standard-card-description">{{ resource.card_description }}</p> </div> - {% if request.user.is_authenticated and request.user.is_staff %} <div> - <a href="{% url 'resources:resource_update_metadata' resource.id %}">Edit</a> - <a href="{% url 'resources:resource_update_thumbnails' resource.id %}">Edit Feature Images</a> - <a href="{% url 'resources:resource_update_pdfs' resource.id %}">Add PDFs</a> - </div> - {% endif %} + <p><small class="text-muted">1 credit</small></p> + + {% if resource.in_cart %} + <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST"> + {% csrf_token %} + <button type="submit">In basket</button> + </form> + {% else %} + <form action="{% url 'payments:add_to_basket' resource.id %}" method="POST"> + {% csrf_token %} + <button type="submit">Add to basket</button> + </form> + {% endif %} + </div> + </div> + {% if request.user.is_authenticated and request.user.is_staff %} + <div> + <a href="{% url 'resources:resource_update_metadata' resource.id %}">Edit</a> + <a href="{% url 'resources:resource_update_thumbnails' resource.id %}">Edit Feature Images</a> + <a href="{% url 'resources:resource_update_pdfs' resource.id %}">Add PDFs</a> </div> + {% endif %} </div> |