39 lines
1.3 KiB
HTML
Raw Normal View History

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>