2019-12-26 11:39:02 +09:00
|
|
|
<div fxFlex fxLayout="row" class="chatroom-search">
|
|
|
|
<div fxLayout="row" fxLayoutAlign="start center" class="input search-form">
|
2019-12-23 15:23:27 +09:00
|
|
|
<form [formGroup]="fgSearch" class="w-100-p">
|
|
|
|
<mat-form-field floatLabel="never">
|
|
|
|
<input
|
|
|
|
matInput
|
|
|
|
#inputSearch
|
|
|
|
type="text"
|
|
|
|
placeholder="대화방 내용 검색"
|
|
|
|
value=""
|
|
|
|
formControlName="searchInput"
|
|
|
|
(keydown.enter)="onKeyDownEnter($event, inputSearch.value)"
|
|
|
|
/>
|
|
|
|
<button
|
|
|
|
mat-button
|
|
|
|
matSuffix
|
|
|
|
mat-icon-button
|
|
|
|
aria-label="Clear"
|
|
|
|
(click)="inputSearch.value = ''; onClickSearchCancel()"
|
|
|
|
>
|
|
|
|
<mat-icon>close</mat-icon>
|
|
|
|
</button>
|
|
|
|
</mat-form-field>
|
2019-12-26 11:39:02 +09:00
|
|
|
<span class="text-amount">{{ curIndex }} / {{ totalCount }}</span>
|
2019-12-23 15:23:27 +09:00
|
|
|
</form>
|
|
|
|
</div>
|
2019-12-26 11:39:02 +09:00
|
|
|
<div class="btns">
|
2019-12-23 15:23:27 +09:00
|
|
|
<button mat-stroked-button (click)="onClickSearchAndPrev()">
|
|
|
|
<span class="mdi mdi-arrow-up-bold-box-outline mid-18px"></span>
|
|
|
|
</button>
|
|
|
|
<button mat-stroked-button (click)="onClickPrevSearch()">
|
|
|
|
<span class="mdi mdi-arrow-up-bold mid-18px"></span>
|
|
|
|
</button>
|
|
|
|
<button mat-stroked-button (click)="onClickNextSearch()">
|
|
|
|
<span class="mdi mdi-arrow-down-bold mid-18px"></span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|