UA-Fediland/pixelfed
2
0
Fork 0
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-11-22 22:41:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update PhotoPresenter, add width and height to images

Browse source
This commit is contained in:
Daniel Supernault 2021-03-01 00:08:10 -07:00
parent d200c12cf2
commit 3f8202e29a
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 25 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
resources/assets/js/components/presenter/PhotoPresenter.vue
View file

@ -23,7 +23,13 @@
</div> </div>
<div v-else> <div v-else>
<div :title="status.media_attachments[0].description"> <div :title="status.media_attachments[0].description">
<img :class="status.media_attachments[0].filter_class + ' card-img-top'" :src="status.media_attachments[0].url" loading="lazy" :alt="altText(status)" onerror="this.onerror=null;this.src='/storage/no-preview.png'"> <img class="card-img-top"
:src="status.media_attachments[0].url"
loading="lazy"
:alt="altText(status)"
:width="width()"
:height="height()"
onerror="this.onerror=null;this.src='/storage/no-preview.png'">
</div> </div>
</div> </div>
</template> </template>
@ -67,6 +73,24 @@
toggleContentWarning(status) { toggleContentWarning(status) {
this.$emit('togglecw'); this.$emit('togglecw');
},
width() {
if( !this.status.media_attachments[0].meta ||
!this.status.media_attachments[0].meta.original ||
!this.status.media_attachments[0].meta.original.width ) {
return;
}
return this.status.media_attachments[0].meta.original.width;
},
height() {
if( !this.status.media_attachments[0].meta ||
!this.status.media_attachments[0].meta.original ||
!this.status.media_attachments[0].meta.original.height ) {
return;
}
return this.status.media_attachments[0].meta.original.height;
} }
} }
} }