42 lines
1.1 KiB
Plaintext
42 lines
1.1 KiB
Plaintext
import Component from '@glimmer/component';
|
|
import PlacesSidebar from '#components/places-sidebar';
|
|
import { service } from '@ember/service';
|
|
import { action } from '@ember/object';
|
|
|
|
export default class SearchTemplate extends Component {
|
|
@service router;
|
|
@service mapUi;
|
|
|
|
@action
|
|
selectPlace(place) {
|
|
if (place) {
|
|
const sidebarContent = document.querySelector('.sidebar-content');
|
|
if (sidebarContent) {
|
|
this.mapUi.saveScrollPosition('search', sidebarContent.scrollTop);
|
|
}
|
|
this.mapUi.returnToSearch = true;
|
|
this.mapUi.showSidebar();
|
|
this.mapUi.preventNextZoom = true;
|
|
// We don't need to manually set currentSearch here because
|
|
// it was already set in the route's setupController
|
|
this.router.transitionTo('place', place);
|
|
}
|
|
}
|
|
|
|
@action
|
|
close() {
|
|
this.mapUi.hideSidebar();
|
|
}
|
|
|
|
<template>
|
|
{{#if this.mapUi.isSidebarVisible}}
|
|
<PlacesSidebar
|
|
@places={{this.mapUi.searchResults}}
|
|
@scrollTop={{this.mapUi.getScrollPosition "search"}}
|
|
@onSelect={{this.selectPlace}}
|
|
@onClose={{this.close}}
|
|
/>
|
|
{{/if}}
|
|
</template>
|
|
}
|