Hydrogen/SolarAgent
Hydrogen/SolarAgent
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

✨ Friend invitation auto complete

Browse Source
This commit is contained in:
LittleSheep 2024-04-06 15:10:06 +08:00
parent 79cd1129fd
commit 8eb28f0115
2 changed files with 34 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/chat/channels/ChannelInvitation.vue
View File

@ -2,11 +2,13 @@
<v-card prepend-icon="mdi-account-plus" title="Invite someone">
<v-form @submit.prevent="inviteMember">
<v-card-text>
<v-text-field
<v-autocomplete
label="Username"
variant="outlined"
density="comfortable"
hint="Require username not the nickname"
autocomplete="off"
hide-selected
:items="friends.available.map(x => getOtherside(x).name)"
v-model="targetName"
/>
</v-card-text>
@ -23,11 +25,15 @@
<script setup lang="ts">
import { ref } from "vue"
import { request } from "@/scripts/request"
import { getAtk } from "@/stores/userinfo"
import { getAtk, useUserinfo } from "@/stores/userinfo"
import { useFriends } from "@/stores/friends"
const props = defineProps<{ item: any }>()
const emits = defineEmits(["close", "error", "relist"])
const id = useUserinfo()
const friends = useFriends()
const loading = ref(false)
const targetName = ref("")
@ -51,4 +57,12 @@ async function inviteMember(evt: SubmitEvent) {
}
loading.value = false
}
function getOtherside(item: any) {
if (item.account_id === id.userinfo.data?.id) {
return item.related
} else {
return item.account
}
}
</script>

20
src/components/realms/RealmInvitation.vue
View File

@ -2,11 +2,13 @@
<v-card prepend-icon="mdi-account-plus" title="Invite someone">
<v-form @submit.prevent="inviteMember">
<v-card-text>
<v-text-field
<v-autocomplete
label="Username"
variant="outlined"
density="comfortable"
hint="Require username not the nickname"
autocomplete="off"
hide-selected
:items="friends.available.map(x => getOtherside(x).name)"
v-model="targetName"
/>
</v-card-text>
@ -23,11 +25,15 @@
<script setup lang="ts">
import { ref } from "vue"
import { request } from "@/scripts/request"
import { getAtk } from "@/stores/userinfo"
import { getAtk, useUserinfo } from "@/stores/userinfo"
import { useFriends } from "@/stores/friends"
const props = defineProps<{ item: any }>()
const emits = defineEmits(["close", "error", "relist"])
const id = useUserinfo()
const friends = useFriends()
const loading = ref(false)
const targetName = ref("")
@ -51,4 +57,12 @@ async function inviteMember(evt: SubmitEvent) {
}
loading.value = false
}
function getOtherside(item: any) {
if (item.account_id === id.userinfo.data?.id) {
return item.related
} else {
return item.account
}
}
</script>