fixed linting

This commit is contained in:
Markus 2023-07-11 11:41:52 +02:00
parent 8551cbd896
commit c99bbe3708
2 changed files with 33 additions and 30 deletions

View File

@ -34,7 +34,7 @@
v-if="selectedRoom && selectedRoom.avatar && selectedRoom.avatar !== 'default-avatar'"
class="vac-avatar"
:style="{ 'background-image': `url('${selectedRoom.avatar}')` }"
/>
/>
<div v-else-if="selectedRoom" class="vac-avatar">
<span class="initials">{{ getInitialsName(selectedRoom.roomName) }}</span>
</div>
@ -79,8 +79,8 @@ export default {
{
name: 'dummyItem',
title: 'Just a dummy item',
}
/*{
},
/* {
name: 'inviteUser',
title: 'Invite User',
},
@ -197,7 +197,7 @@ export default {
this.$toast.error(error.message)
}
this.messagesLoaded = true
this.selectedRoom = room
})
},
@ -221,10 +221,10 @@ export default {
this.refetchMessage(message.roomId)
},
getInitialsName(fullname){
if(!fullname) return
getInitialsName(fullname) {
if (!fullname) return
return fullname.match(/\b\w/g).join('').substring(0, 3).toUpperCase()
}
},
},
apollo: {
Rooms: {
@ -266,24 +266,24 @@ body {
font-family: 'Quicksand', sans-serif;
}
.vac-avatar {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: $color-primary-dark;
color: $text-color-primary-inverse;
height: 42px;
width: 42px;
min-height: 42px;
min-width: 42px;
margin-right: 15px;
border-radius: 50%;
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: $color-primary-dark;
color: $text-color-primary-inverse;
height: 42px;
width: 42px;
min-height: 42px;
min-width: 42px;
margin-right: 15px;
border-radius: 50%;
position: relative;
> .initials{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
> .initials {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
</style>

View File

@ -14,7 +14,10 @@
<modal />
</client-only>
<div v-if="$store.getters['chat/showChat'].showChat" class="chat-modul">
<chat-module v-on:close-single-room="closeSingleRoom" :singleRoomId="$store.getters['chat/showChat'].roomID" />
<chat-module
v-on:close-single-room="closeSingleRoom"
:singleRoomId="$store.getters['chat/showChat'].roomID"
/>
</div>
</div>
</template>
@ -35,10 +38,10 @@ export default {
},
mixins: [seo, mobile()],
methods: {
closeSingleRoom(){
this.$store.commit('chat/SET_OPEN_CHAT', { showChat: false, roomID: 'u0' });
}
}
closeSingleRoom() {
this.$store.commit('chat/SET_OPEN_CHAT', { showChat: false, roomID: 'u0' })
},
},
}
</script>