79 lines
1.7 KiB
HTML
Raw Normal View History

<div
2019-09-26 14:38:21 +09:00
class="container"
fxFlex="0 0 auto"
fxLayout="row"
fxLayoutAlign="center center"
>
2019-10-21 13:20:14 +09:00
<div class="add-option">
2019-10-29 18:17:48 +09:00
<button mat-icon-button class="material-icons" (click)="onClickFileInput()">
2019-10-24 16:28:19 +09:00
<mat-icon>attach_file</mat-icon>
</button>
2019-10-29 18:17:48 +09:00
<input
type="file"
#fileInput
style="display: none"
multiple
(change)="onChangeFileInput()"
/>
2019-10-24 16:28:19 +09:00
2019-11-20 18:04:24 +09:00
<button
mat-icon-button
class="material-icons"
(click)="onClickStickerSelector()"
>
2019-10-24 16:28:19 +09:00
<mat-icon>sentiment_satisfied_alt</mat-icon>
</button>
2019-11-20 18:04:24 +09:00
<!-- <button mat-icon-button class="material-icons">
2019-10-24 16:28:19 +09:00
<mat-icon>g_translate</mat-icon>
2019-11-20 18:04:24 +09:00
</button> -->
2019-10-21 13:20:14 +09:00
</div>
<form
#replyForm="ngForm"
2019-10-08 14:34:37 +09:00
(ngSubmit)="onSend($event)"
(keydown.enter)="onSend($event)"
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"
[matTextareaAutosize]="true"
2019-11-20 11:02:14 +09:00
[matAutosizeMaxRows]="20"
></textarea>
</mat-form-field>
<button
2019-11-25 09:05:35 +09:00
class="send-message-button bg-primary-darkest"
mat-icon-button
type="submit"
aria-label="Send message"
2019-10-08 14:34:37 +09:00
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="butt"
stroke-linejoin="round"
>
<path d="M12 19V6M5 12l7-7 7 7" />
</svg>
2019-10-08 14:34:37 +09:00
</button>
</form>
</div>