FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Add profile menu items for hiding/showing replies

Browse source
This commit is contained in:
silverpill 2022-03-09 20:34:48 +00:00
parent 606c9412ce
commit 37819231d6
2 changed files with 31 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/api/relationships.ts
View file

@ -10,17 +10,22 @@ export interface Relationship {
subscription_to: boolean,
subscription_from: boolean,
showing_reblogs: boolean,
showing_replies: boolean,
}
export async function follow(
authToken: string,
profileId: string,
showReposts: boolean,
showReplies: boolean,
): Promise<Relationship> {
const url = `${BACKEND_URL}/api/v1/accounts/${profileId}/follow`
const response = await http(url, {
method: "POST",
json: { reblogs: showReposts },
json: {
reblogs: showReposts,
replies: showReplies,
},
authToken,
})
const data = await response.json()

29
src/views/Profile.vue
View file

@ -15,7 +15,7 @@
</div>
</div>
<div
v-if="!isLocalUser() || canConnectWallet() || canConfigureSubscription() || canSubscribe() || canHideReposts() || canShowReposts()"
v-if="!isLocalUser() || canConnectWallet() || canConfigureSubscription() || canSubscribe() || canHideReposts() || canShowReposts() || canHideReplies() || canShowReplies()"
class="dropdown-menu-wrapper"
v-click-away="hideProfileMenu"
>
@ -59,10 +59,16 @@
</a>
</li>
<li v-if="canHideReposts()">
<a @click="follow(false)">Hide reposts</a>
<a @click="follow(false, undefined)">Hide reposts</a>
</li>
<li v-if="canShowReposts()">
<a @click="follow(true)">Show reposts</a>
<a @click="follow(true, undefined)">Show reposts</a>
</li>
<li v-if="canHideReplies()">
<a @click="follow(undefined, false)">Hide replies</a>
</li>
<li v-if="canShowReplies()">
<a @click="follow(undefined, true)">Show replies</a>
</li>
</ul>
</div>
@ -286,7 +292,21 @@ export default class ProfileView extends Vue {
return (this.relationship.following || this.relationship.requested) && !this.relationship.showing_reblogs
}
async follow(showReposts?: boolean) {
canHideReplies(): boolean {
if (!this.relationship) {
return false
}
return (this.relationship.following || this.relationship.requested) && this.relationship.showing_replies
}
canShowReplies(): boolean {
if (!this.relationship) {
return false
}
return (this.relationship.following || this.relationship.requested) && !this.relationship.showing_replies
}
async follow(showReposts?: boolean, showReplies?: boolean) {
if (!this.store.currentUser || !this.profile || !this.relationship) {
return
}
@ -294,6 +314,7 @@ export default class ProfileView extends Vue {
this.store.ensureAuthToken(),
this.profile.id,
showReposts ?? this.relationship.showing_reblogs,
showReplies ?? this.relationship.showing_replies,
)
}