Chneemann/dabubble
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update design of the member list

Browse source
This commit is contained in:
Chneemann 2024-09-19 21:33:59 +02:00
parent f3b89f606d
commit 21be798e30
2 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html
View file

@ -76,7 +76,8 @@
<div class="filteredElementWindow"> <div class="filteredElementWindow">
@if (toggleBoolean.selectUserInMsgBox) { @if (toggleBoolean.selectUserInMsgBox) {
<div class="positionOfAllUsersInBox"> <div class="positionOfAllUsersInBox">
@for(user of userService.getFiltertUsers; track user){ @for(user of userService.getFiltertUsers; track user) { @if (user.id
!== userService.getCurrentUserId()) {
<div class="user" (click)="chooseUser(user)"> <div class="user" (click)="chooseUser(user)">
<div class="positionImg"> <div class="positionImg">
<img src="{{ user.avatar }}" class="avatarImg" /> <img src="{{ user.avatar }}" class="avatarImg" />
@ -87,9 +88,9 @@
class="onlineIcon" class="onlineIcon"
/> />
</div> </div>
<h1>{{ user.firstName }} {{ user.lastName }}</h1> <p>{{ user.firstName }} {{ user.lastName }}</p>
</div> </div>
} } }
</div> </div>
} }
</div> </div>
@ -110,20 +111,21 @@
@if (showChannels) { @for (i of checkIfUserHasAccessToChannel(); track @if (showChannels) { @for (i of checkIfUserHasAccessToChannel(); track
$index) { $index) {
<h3 class="user2" (click)="chooseElement(i)">{{ i.name }}</h3> <h3 class="user2" (click)="chooseElement(i)">{{ i.name }}</h3>
} }@else if (showUsers) { @for (i of userService.allUsers; track $index) { } }@else if (showUsers) { @for (user of userService.allUsers; track
<div class="user2" (click)="chooseElement(i)"> $index) { @if (user.id !== userService.getCurrentUserId()) {
<div class="user2" (click)="chooseElement(user)">
<div class="positionImg2"> <div class="positionImg2">
<img src="{{ i.avatar }}" class="avatarImg2" /> <img src="{{ user.avatar }}" class="avatarImg2" />
<img <img
src="./assets/img/{{ src="./assets/img/{{
i.status ? 'onlineRing.svg' : 'offlineRing.svg' user.status ? 'onlineRing.svg' : 'offlineRing.svg'
}}" }}"
class="onlineIconFilterWindow" class="onlineIconFilterWindow"
/> />
</div> </div>
<h3>{{ i.firstName }} {{ i.lastName }}</h3> <p>{{ user.firstName }} {{ user.lastName }}</p>
</div> </div>
} } } } }
</div> </div>
} }
</div> </div>

8
src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
View file

@ -138,6 +138,10 @@ app-emoji-picker {
background-color: #edeefe; background-color: #edeefe;
border-radius: 25px; border-radius: 25px;
} }
p {
font-size: 19px;
font-weight: 500;
}
.positionImg { .positionImg {
@include displayFlex($a: flex-end); @include displayFlex($a: flex-end);
.avatarImg { .avatarImg {
@ -191,6 +195,10 @@ app-emoji-picker {
background-color: #edeefe; background-color: #edeefe;
border-radius: 25px; border-radius: 25px;
} }
p {
font-size: 19px;
font-weight: 500;
}
.positionImg2 { .positionImg2 {
@include displayFlex($a: flex-end); @include displayFlex($a: flex-end);
.avatarImg2 { .avatarImg2 {