mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-12 23:35:58 +00:00
59 lines
1.4 KiB
Vue
59 lines
1.4 KiB
Vue
<template>
|
|
<div class="add-chat-room-by-user-search">
|
|
<!-- Wolle -->
|
|
<h2 class="title">{{ $t('group.addUser') }}</h2>
|
|
<ds-space margin-bottom="small" />
|
|
<ds-space>
|
|
<select-user-search :id="id" ref="selectUserSearch" @select-user="selectUser" />
|
|
</ds-space>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import SelectUserSearch from '~/components/generic/SelectUserSearch/SelectUserSearch'
|
|
import UserTeaser from '~/components/UserTeaser/UserTeaser.vue'
|
|
|
|
export default {
|
|
name: 'AddChatRoomByUserSearch',
|
|
components: {
|
|
UserTeaser,
|
|
SelectUserSearch,
|
|
},
|
|
props: {
|
|
// chatRooms: {
|
|
// type: Array,
|
|
// default: [],
|
|
// },
|
|
},
|
|
data() {
|
|
return {
|
|
id: 'search-user-to-add-to-group',
|
|
user: {},
|
|
}
|
|
},
|
|
methods: {
|
|
selectUser(user) {
|
|
this.user = user
|
|
// if (this.groupMembers.find((member) => member.id === this.user.id)) {
|
|
// this.$toast.error(this.$t('group.errors.userAlreadyMember', { name: this.user.name }))
|
|
// this.$refs.selectUserSearch.clear()
|
|
// return
|
|
// }
|
|
this.$refs.selectUserSearch.clear()
|
|
this.$emit('close-user-search')
|
|
this.addChatRoom(this.user?.id)
|
|
},
|
|
async addChatRoom(userId) {
|
|
this.$emit('add-chat-room', userId)
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.add-chat-room-by-user-search {
|
|
background-color: white;
|
|
padding: $space-base;
|
|
}
|
|
</style>
|