feat: Show image of AN only when there are some
This commit is contained in:
		@@ -74,25 +74,13 @@
 | 
			
		||||
            <!--- Images and Description --->
 | 
			
		||||
            <div class="columns">
 | 
			
		||||
                <!--- Images --->
 | 
			
		||||
                <div class="column block">
 | 
			
		||||
                    <div class="card">
 | 
			
		||||
                        <div class="grid card-content">
 | 
			
		||||
                            <div class="gallery">
 | 
			
		||||
                                {% with photo=adoption_notice.get_photos.0 %}
 | 
			
		||||
                                    <div class="main-photo">
 | 
			
		||||
                                        <a href="{{ MEDIA_URL }}{{ photo.image }}"
 | 
			
		||||
                                           data-pswp-width="{{ photo.image.width }}"
 | 
			
		||||
                                           data-pswp-height="{{ photo.image.height }}"
 | 
			
		||||
                                           target="_blank">
 | 
			
		||||
                                            <img src="{{ MEDIA_URL }}{{ photo.image }}"
 | 
			
		||||
                                                 alt="{{ photo.alt_text }}">
 | 
			
		||||
                                        </a>
 | 
			
		||||
                                    </div>
 | 
			
		||||
                                {% endwith %}
 | 
			
		||||
 | 
			
		||||
                                <div class="thumbnail-row">
 | 
			
		||||
                                    {% for photo in adoption_notice.get_photos|slice:"1:4" %}
 | 
			
		||||
                                        <div class="thumbnail">
 | 
			
		||||
                {% if adoption_notice.get_photos %}
 | 
			
		||||
                    <div class="column block">
 | 
			
		||||
                        <div class="card">
 | 
			
		||||
                            <div class="grid card-content">
 | 
			
		||||
                                <div class="gallery">
 | 
			
		||||
                                    {% with photo=adoption_notice.get_photos.0 %}
 | 
			
		||||
                                        <div class="main-photo">
 | 
			
		||||
                                            <a href="{{ MEDIA_URL }}{{ photo.image }}"
 | 
			
		||||
                                               data-pswp-width="{{ photo.image.width }}"
 | 
			
		||||
                                               data-pswp-height="{{ photo.image.height }}"
 | 
			
		||||
@@ -101,12 +89,26 @@
 | 
			
		||||
                                                     alt="{{ photo.alt_text }}">
 | 
			
		||||
                                            </a>
 | 
			
		||||
                                        </div>
 | 
			
		||||
                                    {% endfor %}
 | 
			
		||||
                                    {% endwith %}
 | 
			
		||||
 | 
			
		||||
                                    <div class="thumbnail-row">
 | 
			
		||||
                                        {% for photo in adoption_notice.get_photos|slice:"1:4" %}
 | 
			
		||||
                                            <div class="thumbnail">
 | 
			
		||||
                                                <a href="{{ MEDIA_URL }}{{ photo.image }}"
 | 
			
		||||
                                                   data-pswp-width="{{ photo.image.width }}"
 | 
			
		||||
                                                   data-pswp-height="{{ photo.image.height }}"
 | 
			
		||||
                                                   target="_blank">
 | 
			
		||||
                                                    <img src="{{ MEDIA_URL }}{{ photo.image }}"
 | 
			
		||||
                                                         alt="{{ photo.alt_text }}">
 | 
			
		||||
                                                </a>
 | 
			
		||||
                                            </div>
 | 
			
		||||
                                        {% endfor %}
 | 
			
		||||
                                    </div>
 | 
			
		||||
                                </div>
 | 
			
		||||
                            </div>
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
                {% endif %}
 | 
			
		||||
                <!--- Description --->
 | 
			
		||||
                <div class="column block">
 | 
			
		||||
                    <div class="card">
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user