yvachot/chatless
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
wilfried 2021-05-27 10:53:34 +02:00
parent 6984c550fb
commit 595d0e3013
47 changed files with 13471 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

57
frontend/src/app/private/private.component.html Normal file
View file

@ -0,0 +1,57 @@
<div class="container-fluid" *ngIf="showScreen">
<div class="row">
<div class="col-md-4">
<div class="user-list-card">
<div class="user-card"
[ngClass]="{'active' : user?.phone === selectedUser?.phone}"
*ngFor="let user of userList"
(click)="selectUserHandler(user.phone)"
>
<!---->
<img src="./assets/image/user.png" height="25" width="25"/>
<p class="username">{{user?.name}}</p>
</div>
</div>
</div>
<div class="col-md-8">
<div class="chat-container">
<ng-container *ngIf="selectedUser">
<div class="chat-header">
<p class="username">{{selectedUser?.name}}</p>
</div>
<div class="chat-body">
<div *ngFor="let item of messageArray"
[ngClass]="{'same-user' : item?.user === currentUser?.name}"
>
<!---->
<p class="message-container">{{item?.message}}</p>
</div>
</div>
<div class="chat-footer">
<div class="row">
<div class="col-md-10">
<div class="form-group mb-0">
<input type="text" placeholder="Type a message" class="form-control"
[(ngModel)]="messageText" (keyup)="$event.keyCode === 13 && sendMessage()"/>
</div>
</div>
<div class="col-md-2 text-center align-self-center">
<button class="btn btn-primary btn-bm px-3 " (click)="sendMessage()">Send</button>
</div>
</div>
</div>
</ng-container>
</div>
</div>
</div>
</div>