francescoalbano/tripweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Trip: map days panel

Browse Source
This commit is contained in:
itskovacs 2025-08-19 19:49:38 +02:00
parent 63c9b751eb
commit e1d95a7f39
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/src/app/components/trip/trip.component.html
View File

@ -491,6 +491,24 @@
<p-button (click)="toggleTripDaysHighlight()" text icon="pi pi-directions" <p-button (click)="toggleTripDaysHighlight()" text icon="pi pi-directions"
[severity]="tripMapAntLayerDayID == -1 ? 'help' : 'secondary'" /> [severity]="tripMapAntLayerDayID == -1 ? 'help' : 'secondary'" />
</div> </div>
<div
class="fixed bottom-4 left-2 bg-white shadow rounded dark:bg-surface-900 min-w-32 max-w-48 max-h-96 overflow-y-auto">
<div class="pr-4 py-4 grid gap-4">
<h2 class="pl-4 font-semibold text-md">Days</h2>
@for (day of trip?.days; track day.id) {
<div (click)="toggleTripDayHighlight(day.id)" class="flex gap-4 items-center cursor-pointer min-w-0 border-l-4 pl-2"
[ngClass]="{'border-transparent': tripMapAntLayerDayID != day.id, 'border-blue-400': tripMapAntLayerDayID == day.id}">
<span
class="w-10 text-center bg-blue-100 text-blue-800 text-sm px-2.5 py-0.5 rounded-md group-hover:hidden dark:bg-blue-100/85">{{
day.items.length }}</span>
<div class="truncate">
{{ day.label }}
</div>
</div>
}
</div>
</div>
} }
<p-dialog header="Share" [draggable]="false" [dismissableMask]="true" [modal]="true" [(visible)]="shareDialogVisible" <p-dialog header="Share" [draggable]="false" [dismissableMask]="true" [modal]="true" [(visible)]="shareDialogVisible"