|
|
|
@ -1,4 +1,4 @@
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="container" style="display: flex; flex-direction: column; height: 100%;">
|
|
|
|
|
<ion-header class="search-header">
|
|
|
|
|
<ion-input
|
|
|
|
|
placeholder="Start typing to search..."
|
|
|
|
@ -8,7 +8,7 @@
|
|
|
|
|
(ionChange)="onSearchChange($event)"
|
|
|
|
|
></ion-input>
|
|
|
|
|
</ion-header>
|
|
|
|
|
<div class="search-results">
|
|
|
|
|
<div class="search-results" style="height: 100%; overflow-y: scroll;">
|
|
|
|
|
<ion-list>
|
|
|
|
|
<ion-item
|
|
|
|
|
*ngFor="let result of (results | async)"
|
|
|
|
@ -24,11 +24,11 @@
|
|
|
|
|
class="search-assoc"
|
|
|
|
|
[ngClass]="result.associated.type"
|
|
|
|
|
*ngIf="result.associated"
|
|
|
|
|
[title]="'Open associated '+result.associated.type"
|
|
|
|
|
[title]="result.associated.title"
|
|
|
|
|
(click)="openRelated($event, result)"
|
|
|
|
|
>
|
|
|
|
|
<i class="assoc-icon" [ngClass]="typeIcons[result.associated.type]"></i>
|
|
|
|
|
<div class="assoc-title">{{ result.associated.title }}</div>
|
|
|
|
|
<div class="assoc-title">{{ result.associated.title.slice(0, 30) + (result.associated.title.length > 30 ? '...' : '') }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-item>
|
|
|
|
|
</ion-list>
|
|
|
|
|