stash
This commit is contained in:
parent
b4ea1d8df2
commit
c14762e20b
2 changed files with 75 additions and 8 deletions
|
@ -203,6 +203,16 @@ export default createStore({
|
|||
})
|
||||
console.log('ext_reply', ext_reply)
|
||||
return true;
|
||||
},
|
||||
async acceptFriend({state, dispatch}, args) {
|
||||
console.log('accepting friend ' + args)
|
||||
},
|
||||
async declineFriend({state, dispatch}, args) {
|
||||
console.log('declining friend ' + args)
|
||||
},
|
||||
async fetchFriendRequests({state, dispatch}) {
|
||||
const requests = await dispatch('apiLocalGet', {target: '/api/friendrequests/'})
|
||||
return requests
|
||||
}
|
||||
},
|
||||
getters: {
|
||||
|
|
|
@ -13,10 +13,10 @@
|
|||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width:40%;">Name</th>
|
||||
<th>Name</th>
|
||||
<th class="d-none d-md-table-cell" style="width:25%">Server</th>
|
||||
<th>
|
||||
<a @click="fetchFriends" class="align-middle">
|
||||
<th style="width: 16em">
|
||||
<a @click="fetchContent" class="align-middle">
|
||||
<b-icon-arrow-clockwise></b-icon-arrow-clockwise>
|
||||
Refresh
|
||||
</a>
|
||||
|
@ -55,6 +55,45 @@
|
|||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-xl-6">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Requests</h5>
|
||||
<h6 class="card-subtitle text-muted">Bar <code>baz</code>.</h6>
|
||||
</div>
|
||||
<table class="table table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th class="d-none d-md-table-cell" style="width:25%">Key</th>
|
||||
<th style="width: 16em">
|
||||
<a @click="fetchContent" class="align-middle">
|
||||
<b-icon-arrow-clockwise></b-icon-arrow-clockwise>
|
||||
Refresh
|
||||
</a>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="request in requests" :key="request.befriender">
|
||||
<td>{{ request.befriender }}</td>
|
||||
<td class="d-none d-md-table-cell">
|
||||
{{ request.befriender_public_key.slice(0,32) }}...</td>
|
||||
<td class="table-action">
|
||||
<button class="btn btn-sm btn-success" @click="tryAcceptFriend(request.befriender)">
|
||||
<b-icon-check></b-icon-check>
|
||||
Accept
|
||||
</button>
|
||||
<button class="btn btn-sm btn-danger" @click="tryRejectFriend(request.befriender)">
|
||||
<b-icon-x></b-icon-x>
|
||||
Decline
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
@ -76,7 +115,8 @@ export default {
|
|||
return {
|
||||
friends: {},
|
||||
show_newfriend: false,
|
||||
newfriend: ""
|
||||
newfriend: "",
|
||||
requests: []
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
@ -93,8 +133,8 @@ export default {
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
...mapActions(['getFriends', "getFriendServer", "requestFriend"]),
|
||||
fetchFriends() {
|
||||
...mapActions(['getFriends', "getFriendServer", "requestFriend", "acceptFriend", "fetchFriendRequests", "declineFriend"]),
|
||||
fetchContent() {
|
||||
this.getFriends().then((friends) => {
|
||||
friends.map((friend) => {
|
||||
this.getFriendServer({username: friend}).then((server) => {
|
||||
|
@ -102,6 +142,9 @@ export default {
|
|||
})
|
||||
})
|
||||
})
|
||||
this.fetchFriendRequests().then((requests) => {
|
||||
this.requests = requests
|
||||
})
|
||||
},
|
||||
showNewFriend() {
|
||||
this.show_newfriend = true
|
||||
|
@ -111,13 +154,27 @@ export default {
|
|||
if (ok) {
|
||||
this.show_newfriend = false
|
||||
this.newfriend = ""
|
||||
this.fetchFriends()
|
||||
this.fetchContent()
|
||||
}
|
||||
}).catch(() => {})
|
||||
},
|
||||
tryAcceptFriend(friend) {
|
||||
this.acceptFriend({username: friend}).then((ok) => {
|
||||
if (ok) {
|
||||
this.fetchContent()
|
||||
}
|
||||
}).catch(() => {})
|
||||
},
|
||||
tryRejectFriend(friend) {
|
||||
this.declineFriend({username: friend}).then((ok) => {
|
||||
if (ok) {
|
||||
this.fetchContent()
|
||||
}
|
||||
}).catch(() => {})
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.fetchFriends()
|
||||
this.fetchContent()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Reference in a new issue