Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2025-12-22 12:40:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Favour v-text over mustache syntax

Browse Source
This commit is contained in:
Tomasz Rymkiewicz
2021-12-27 17:29:25 +01:00
committed by FireMasterK
parent c4ea68f9d8
commit d750eabc37
18 changed files with 136 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/VideoItem.vue
View File

@@ -3,12 +3,18 @@
<router-link :to="video.url">
<img :height="height" :width="width" class="w-full" :src="video.thumbnail" alt="" loading="lazy" />
<div class="relative text-sm">
<span v-if="video.duration" class="thumbnail-overlay bottom-5px right-5px" style="padding: 0 5px">{{
timeFormat(video.duration)
}}</span>
<span v-if="video.watched" class="thumbnail-overlay bottom-5px left-5px" style="padding: 0 5px">{{
$t("video.watched")
}}</span>
<span
v-if="video.duration"
class="thumbnail-overlay bottom-5px right-5px"
style="padding: 0 5px"
v-text="timeFormat(video.duration)"
/>
<span
v-if="video.watched"
class="thumbnail-overlay bottom-5px left-5px"
style="padding: 0 5px"
v-text="$t('video.watched')"
/>
</div>
<div>
@@ -16,9 +22,8 @@
style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical"
class="my-2 overflow-hidden flex link"
:title="video.title"
>
{{ video.title }}
</p>
v-text="video.title"
/>
</div>
</router-link>
@@ -52,21 +57,17 @@
:to="video.uploaderUrl"
:title="video.uploaderName"
>
{{ video.uploaderName
}}<font-awesome-icon class="ml-1.5" v-if="video.uploaderVerified" icon="check"></font-awesome-icon>
<span v-text="video.uploaderName" />
<font-awesome-icon class="ml-1.5" v-if="video.uploaderVerified" icon="check"></font-awesome-icon>
</router-link>
<strong v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small">
<span v-if="video.views >= 0">
<font-awesome-icon icon="eye"></font-awesome-icon>
{{ numberFormat(video.views) }} •
</span>
<span v-if="video.uploadedDate">
{{ video.uploadedDate }}
</span>
<span v-if="video.uploaded">
{{ timeAgo(video.uploaded) }}
<span v-text="`${numberFormat(video.views)} •`" />
</span>
<span v-if="video.uploadedDate" v-text="video.uploadedDate" />
<span v-if="video.uploaded" v-text="timeAgo(video.uploaded)" />
</strong>
</div>
</div>