TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Remove 'views' text - add '•' between views and time ago - make views and time ago a one liner - add uploader avatar beside channel name

Browse source
This commit is contained in:
IceDBorn 2021-09-01 18:40:32 +03:00
parent a45b2b8380
commit bba5abed52
1 changed files with 20 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/components/VideoItem.vue
View file

@ -26,32 +26,31 @@
<p class="uk-text-break">{{ video.title }}</p> <p class="uk-text-break">{{ video.title }}</p>
</router-link> </router-link>
<div :class="{ 'uk-align-left': !(video.views >= 0 || video.uploadedDate) }"> <span v-if="video.uploaderUrl && video.uploaderName && !hideChannel">
<div v-if="video.uploaderUrl && video.uploaderName && !hideChannel"> <router-link class="uk-link-muted" :to="video.uploaderUrl">
<router-link class="uk-link-muted" :to="video.uploaderUrl"> <img :src="video.uploaderAvatar" loading="lazy" class="uk-border-circle" style="width: 15%; height: 15%"/>
{{ video.uploaderName }}&thinsp;<font-awesome-icon {{ video.uploaderName }}&thinsp;<font-awesome-icon
v-if="video.uploaderVerified" v-if="video.uploaderVerified"
icon="check" icon="check"
></font-awesome-icon> ></font-awesome-icon>
</router-link> </router-link>
<br /> <br />
</div> </span>
</div>
<b v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small uk-align-left"> <b v-if="video.views >= 0 || video.uploadedDate" class="uk-text-small">
<div v-if="video.views >= 0"> <span v-if="video.views >= 0">
<font-awesome-icon icon="eye"></font-awesome-icon> <font-awesome-icon icon="eye"></font-awesome-icon>
{{ numberFormat(video.views) }} views {{ numberFormat(video.views) }} •
<br /> </span>
</div> <span v-if="video.uploadedDate">
<div v-if="video.uploadedDate">
{{ video.uploadedDate }} {{ video.uploadedDate }}
</div> </span>
<div v-if="video.uploaded"> <span v-if="video.uploaded">
{{ timeAgo(video.uploaded) }} {{ timeAgo(video.uploaded) }}
</div> </span>
</b> </b>
<div class="uk-align-right">
<div class="uk-align-right" style="margin-left: 0">
<router-link :to="video.url + '&listen=1'"> <router-link :to="video.url + '&listen=1'">
<font-awesome-icon icon="headphones"></font-awesome-icon> <font-awesome-icon icon="headphones"></font-awesome-icon>
</router-link> </router-link>