56 lines
1.4 KiB
Plaintext
56 lines
1.4 KiB
Plaintext
import Component from '@glimmer/component';
|
|
import { action } from '@ember/object';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import { fn } from '@ember/helper';
|
|
import { service } from '@ember/service';
|
|
import eq from 'ember-truth-helpers/helpers/eq';
|
|
|
|
import AppMenuHome from './home';
|
|
import AppMenuSettings from './settings';
|
|
import AppMenuAbout from './about';
|
|
|
|
export default class AppMenu extends Component {
|
|
@service router;
|
|
@tracked currentView = 'menu'; // 'menu', 'settings', 'about'
|
|
|
|
@action
|
|
setView(view) {
|
|
this.currentView = view;
|
|
}
|
|
|
|
@action
|
|
goToSavedPlaces() {
|
|
this.router.transitionTo('lists.index');
|
|
}
|
|
|
|
@action
|
|
goToContributions() {
|
|
this.router.transitionTo('contributions');
|
|
}
|
|
|
|
<template>
|
|
<div class="sidebar app-menu-pane">
|
|
{{#if (eq this.currentView "menu")}}
|
|
<AppMenuHome
|
|
@onNavigate={{this.setView}}
|
|
@onClose={{@onClose}}
|
|
@onSavedPlaces={{this.goToSavedPlaces}}
|
|
@onContributions={{this.goToContributions}}
|
|
/>
|
|
|
|
{{else if (eq this.currentView "settings")}}
|
|
<AppMenuSettings
|
|
@onBack={{fn this.setView "menu"}}
|
|
@onClose={{@onClose}}
|
|
/>
|
|
|
|
{{else if (eq this.currentView "about")}}
|
|
<AppMenuAbout
|
|
@onBack={{fn this.setView "menu"}}
|
|
@onClose={{@onClose}}
|
|
/>
|
|
{{/if}}
|
|
</div>
|
|
</template>
|
|
}
|