2019-09-23 05:23:24 +00:00
|
|
|
<div
|
2019-09-26 05:38:21 +00:00
|
|
|
class="container"
|
2019-09-23 05:23:24 +00:00
|
|
|
fxFlex="0 0 auto"
|
|
|
|
|
fxLayout="row"
|
|
|
|
|
fxLayoutAlign="center center"
|
|
|
|
|
>
|
|
|
|
|
<form
|
|
|
|
|
#replyForm="ngForm"
|
2019-10-08 05:34:37 +00:00
|
|
|
(ngSubmit)="onSend($event)"
|
|
|
|
|
(keydown.enter)="onSend($event)"
|
2019-09-23 05:23:24 +00:00
|
|
|
fxFlex
|
|
|
|
|
fxLayout="row"
|
|
|
|
|
fxLayoutAlign="start center"
|
|
|
|
|
>
|
|
|
|
|
<mat-form-field
|
|
|
|
|
class="message-text"
|
|
|
|
|
fxFlex
|
|
|
|
|
floatLabel="never"
|
|
|
|
|
appearance="standard"
|
|
|
|
|
>
|
|
|
|
|
<textarea
|
|
|
|
|
matInput
|
|
|
|
|
#replyInput
|
|
|
|
|
placeholder="Type your message"
|
|
|
|
|
ngModel
|
|
|
|
|
name="message"
|
|
|
|
|
[rows]="1"
|
|
|
|
|
[matTextareaAutosize]="true"
|
|
|
|
|
></textarea>
|
|
|
|
|
</mat-form-field>
|
|
|
|
|
|
|
|
|
|
<button
|
|
|
|
|
class="send-message-button"
|
|
|
|
|
mat-icon-button
|
|
|
|
|
type="submit"
|
|
|
|
|
aria-label="Send message"
|
2019-10-08 05:34:37 +00:00
|
|
|
>
|
|
|
|
|
Send
|
|
|
|
|
</button>
|
2019-09-23 05:23:24 +00:00
|
|
|
</form>
|
|
|
|
|
</div>
|
