zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: display embedded media player (#2417)

Browse source
This commit is contained in:
Ayo Ayco 2023-11-07 10:57:44 +01:00 • committed by GitHub
parent 0bd1209bee
commit 957f0d3b17
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 146 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/status/StatusContent.vue
View file

@ -26,9 +26,11 @@ const hasSpoilerOrSensitiveMedia = $computed(() => spoilerTextPresent || (status
const isSensitiveNonSpoiler = computed(() => status.sensitive && !status.spoilerText && !!status.mediaAttachments.length)
const hideAllMedia = computed(
() => {
return currentUser.value ? (getHideMediaByDefault(currentUser.value.account) && !!status.mediaAttachments.length) : false
return currentUser.value ? (getHideMediaByDefault(currentUser.value.account) && (!!status.mediaAttachments.length || !!status.card?.html)) : false
},
)
const embeddedMediaPreference = $(usePreferences('experimentalEmbeddedMedia'))
const allowEmbeddedMedia = $computed(() => status.card?.html && embeddedMediaPreference)
</script>
<template>
@ -56,10 +58,11 @@ const hideAllMedia = computed(
:is-preview="isPreview"
/>
<StatusPreviewCard
v-if="status.card"
v-if="status.card && !allowEmbeddedMedia"
:card="status.card"
:small-picture-only="status.mediaAttachments?.length > 0"
/>
<StatusEmbeddedMedia v-if="allowEmbeddedMedia" :status="status" />
<StatusCard
v-if="status.reblog"
:status="status.reblog" border="~ rounded"