Revize 10cf0fff
Přidáno uživatelem castic96 před více než 4 roky(ů)
fe/fulltextsearch/src/app/components/shared-components/search-box/search-box.component.html | ||
---|---|---|
1 |
<div class="container"> |
|
2 |
|
|
3 |
<div class="row justify-content-center align-items-center" style="height: 500px"> |
|
4 |
|
|
5 |
<div class="col-sm-10 col-md-8 col-lg-6"> |
|
6 |
<div class="input-group mb-3"> |
|
7 |
<div class="input-group-prepend"> |
|
1 |
<div> |
|
2 |
<div class="input-group mb-3"> |
|
3 |
<div class="input-group-prepend"> |
|
4 |
<span class="input-group-text"> |
|
5 |
<mat-icon>search</mat-icon> |
|
6 |
</span> |
|
7 |
</div> |
|
8 |
<input type="text" class="form-control" [(ngModel)]="expression" placeholder="Enter text to search..." aria-label="Search" aria-describedby="basic-addon2"> |
|
9 |
<div class="input-group-append"> |
|
8 | 10 |
<span class="input-group-text"> |
9 |
<mat-icon>search</mat-icon>
|
|
11 |
<mat-icon *ngIf="expression" matSuffix aria-label="Clear" (click)="expression=''">clear</mat-icon>
|
|
10 | 12 |
</span> |
11 |
</div> |
|
12 |
<input type="text" class="form-control" [(ngModel)]="expression" placeholder="Enter text to search..." aria-label="Search" aria-describedby="basic-addon2"> |
|
13 |
<div class="input-group-append"> |
|
14 |
<button class="btn btn-outline-secondary" type="button" (click)="onSubmit()">Search</button> |
|
15 |
</div> |
|
16 |
</div> |
|
13 |
<button class="btn btn-outline-secondary" type="button" (click)="onSubmit()">Search</button> |
|
17 | 14 |
</div> |
18 |
|
|
19 | 15 |
</div> |
20 |
|
|
21 | 16 |
</div> |
Také k dispozici: Unified diff
#7724: Implementace architektury FE
- vylepšení stylů