diff options
| author | Arne Schauf <git@asw.io> | 2018-03-04 03:12:03 +0100 |
|---|---|---|
| committer | Arne Schauf <git@asw.io> | 2018-03-04 03:12:03 +0100 |
| commit | df5a54c7b1f862c3425d7aa30e0a8b964e7b9716 (patch) | |
| tree | e9f76da1477696c957a5a4c981790f9f5df12047 /src/components/UploadVoter.vue | |
| parent | 0b40910284d40409c8d70eafea717382ba8461f3 (diff) | |
| download | parry-ui-df5a54c7b1f862c3425d7aa30e0a8b964e7b9716.tar.gz parry-ui-df5a54c7b1f862c3425d7aa30e0a8b964e7b9716.zip | |
lots of cool features!
Diffstat (limited to 'src/components/UploadVoter.vue')
| -rw-r--r-- | src/components/UploadVoter.vue | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/components/UploadVoter.vue b/src/components/UploadVoter.vue index 65a5453..563bc79 100644 --- a/src/components/UploadVoter.vue +++ b/src/components/UploadVoter.vue @@ -7,10 +7,11 @@ </i> {{ upload.voting.sum }} </h5> - <span v-if="upload.author.username !== $store.state.user.decodedToken.username"> + <span v-if="upload.author.username !== $store.state.user.decodedToken.username && !myVote"> <q-btn color="negative" round small icon="fa-thumbs-down" @click="vote(-1)"></q-btn> <q-btn color="positive" round small icon="fa-thumbs-up" @click="vote(1)"></q-btn> </span> + <span v-if="myVote">You voted <i :class="`fas fa-thumbs-${myVote.impact === 1 ? 'up text-positive' : 'down text-negative'}`"></i></span> </div> <div class="group" v-else> <i class="fa" @@ -37,6 +38,14 @@ data () { return {} }, + computed: { + myVote () { + if (!this.upload || !this.upload.voting || !Array.isArray(this.upload.voting.votes) || this.upload.voting.votes.length === 0) { + return undefined + } + return this.upload.voting.votes[0] + }, + }, methods: { vote (impact) { let that = this |