mirror/pixelfed
1
0
Fork 1
mirror of https://github.com/pixelfed/pixelfed.git synced 2024-12-24 16:53:17 +00:00
Code Issues Releases Wiki Activity

Update LoopComponent

Browse source
This commit is contained in:
Daniel Supernault 2019-06-03 19:48:52 -06:00
parent 3de3864443
commit 7b172795ea
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
resources/assets/js/components/LoopComponent.vue
View file

@ -12,15 +12,15 @@
<div class="col-12 col-md-4 mb-3" v-for="(loop, index) in loops"> <div class="col-12 col-md-4 mb-3" v-for="(loop, index) in loops">
<div class="card border border-success"> <div class="card border border-success">
<div class="embed-responsive embed-responsive-1by1"> <div class="embed-responsive embed-responsive-1by1">
<video class="embed-responsive-item" :src="videoSrc(loop)" preload="auto" loop @click="toggleVideo(loop, $event)"></video> <video class="embed-responsive-item" :src="videoSrc(loop)" preload="auto" width="100%" height="100%" loop @click="toggleVideo(loop, $event)"></video>
</div> </div>
<div class="card-body"> <div class="card-body">
<p class="username font-weight-bolder"><a :href="loop.account.url">{{loop.account.acct}}</a> , <a :href="loop.url">{{timestamp(loop)}}</a></p> <p class="username font-weight-bolder lead d-flex justify-content-between"><a :href="loop.account.url">{{loop.account.acct}}</a> <a :href="loop.url">{{timestamp(loop)}}</a></p>
<p class="small text-muted" v-html="loop.content"></p> <p class="small text-muted text-truncate" v-html="loop.content ? loop.content : 'Untitled'"></p>
<div class="small text-muted d-flex justify-content-between mb-0"> <div class="small text-muted d-flex justify-content-between mb-0">
<span>{{loop.favourites_count}} Likes</span> <span>{{loop.favourites_count}} Likes</span>
<span>{{loop.reblogs_count}} Shares</span> <span>{{loop.reblogs_count}} Shares</span>
<span>0 Loops</span> <span>{{loop.reply_count}} Comments</span>
</div> </div>
</div> </div>
</div> </div>
@ -90,17 +90,17 @@ export default {
}); });
if(!el.playing) { if(!el.playing) {
el.play(); el.play();
this.incrementLoop(loop); //this.incrementLoop(loop);
} else { } else {
el.pause(); el.pause();
} }
}, },
incrementLoop(loop) { incrementLoop(loop) {
axios.post('/api/v2/loops/watch', { // axios.post('/api/v2/loops/watch', {
id: loop.id // id: loop.id
}).then(res => { // }).then(res => {
console.log(res.data); // console.log(res.data);
}); // });
}, },
timestamp(loop) { timestamp(loop) {
let ts = new Date(loop.created_at); let ts = new Date(loop.created_at);