39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
|
<div fxFlex fxLayout="row">
|
||
|
<div fxLayout="row" fxLayoutAlign="start center" class="input">
|
||
|
<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>
|
||
|
{{ curIndex }} / {{ totalCount }}
|
||
|
</form>
|
||
|
</div>
|
||
|
<div class="btn">
|
||
|
<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>
|