yetangitu/pixelfed
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Update StoryCompose component

Browse source
This commit is contained in:
Daniel Supernault 2021-06-13 00:19:59 -06:00
parent 6e56dbed1a
commit d0ddb4e78e
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
1 changed files with 19 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -165,11 +165,21 @@
<p class="mb-0 text-muted font-weight-bold"><span>{{story.created_ago}} ago</span></p> <p class="mb-0 text-muted font-weight-bold"><span>{{story.created_ago}} ago</span></p>
</div> </div>
<div class="flex-grow-1 text-right"> <div class="flex-grow-1 text-right">
<button v-if="story.viewers.length" @click="toggleShowViewers(index)" class="btn btn-link btn-sm mr-1">
<i class="fas fa-eye fa-lg text-muted"></i>
</button>
<button @click="deleteStory(story, index)" class="btn btn-link btn-sm"> <button @click="deleteStory(story, index)" class="btn btn-link btn-sm">
<i class="fas fa-trash-alt fa-lg text-muted"></i> <i class="fas fa-trash-alt fa-lg text-muted"></i>
</button> </button>
</div> </div>
</div> </div>
<div v-if="story.showViewers && story.viewers.length" class="m-2 text-left">
<p class="font-weight-bold mb-2">Viewed By</p>
<div v-for="viewer in story.viewers" class="d-flex">
<img src="/storage/avatars/default.png" width="24" height="24" class="rounded-circle mr-2">
<p class="mb-0 font-weight-bold">viewer.username</p>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -256,7 +266,11 @@
this.mediaWatcher(); this.mediaWatcher();
axios.get('/api/stories/v0/fetch/' + this.profileId) axios.get('/api/stories/v0/fetch/' + this.profileId)
.then(res => { .then(res => {
this.stories = res.data; this.stories = res.data.map(s => {
s.showViewers = false;
s.viewers = [];
return s;
});
this.loaded = true; this.loaded = true;
}); });
}, },
@ -397,6 +411,10 @@
viewMyStory() { viewMyStory() {
window.location.href = '/i/my/story'; window.location.href = '/i/my/story';
},
toggleShowViewers(index) {
this.stories[index].showViewers = this.stories[index].showViewers ? false : true;
} }
} }
} }