# Conflicts: # src/app/app.module.ts # src/app/home/home.component.html # src/app/home/home.component.ts
35 lines
1.0 KiB
HTML
35 lines
1.0 KiB
HTML
<div [ngClass]="{'background-color': backgroundColor}">
|
|
<div class="canvas nuvola">
|
|
<canvas #myCanvas width="100vw" class="canvas"></canvas>
|
|
</div>
|
|
<div class="bg-image">
|
|
<div class="search">
|
|
<input #myInput type="text" [(ngModel)]="luogoSelezionato" (keyup)="cercaLuogo(myInput.value)"
|
|
(keydown)="selezionaSuggerimento($event)" placeholder="Type here"
|
|
class="input input-bordered input-primary w-full max-w-xs">
|
|
|
|
<ng-container *ngIf="luoghiPopup | async as luoghi;">
|
|
<ul *ngIf="luoghi.length > 0" class="menu bg-base-200 !w-fit p-2 rounded-box" id="list">
|
|
|
|
<li class="menu-title">
|
|
<span>Places</span>
|
|
</li>
|
|
|
|
<li *ngFor="let luogo of luoghi">
|
|
{{luogo.nome}}
|
|
</li>
|
|
|
|
<li class="menu-title">
|
|
<span>Near</span>
|
|
</li>
|
|
|
|
<li *ngFor="let luogo of luoghiNear()">
|
|
{{luogo.nome}}
|
|
</li>
|
|
|
|
</ul>
|
|
</ng-container>
|
|
</div>
|
|
</div>
|
|
</div>
|