43 lines
1.1 KiB
Plaintext
43 lines
1.1 KiB
Plaintext
import { on } from '@ember/modifier';
|
|
import { fn } from '@ember/helper';
|
|
import { htmlSafe } from '@ember/template';
|
|
import Icon from '#components/icon';
|
|
import iconRounded from '../../icons/icon-rounded.svg?raw';
|
|
|
|
<template>
|
|
<div class="sidebar-header">
|
|
<h2>
|
|
<span class="app-logo-icon">
|
|
{{htmlSafe iconRounded}}
|
|
</span>
|
|
Marco
|
|
</h2>
|
|
<button type="button" class="close-btn" {{on "click" @onClose}}>
|
|
<Icon @name="x" @size={{20}} @color="#333" />
|
|
</button>
|
|
</div>
|
|
|
|
<div class="sidebar-content">
|
|
<ul class="app-menu">
|
|
<li>
|
|
<button type="button" {{on "click" @onSavedPlaces}}>
|
|
<Icon @name="bookmark" @size={{20}} />
|
|
<span>Collections</span>
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button type="button" {{on "click" (fn @onNavigate "settings")}}>
|
|
<Icon @name="settings" @size={{20}} />
|
|
<span>Settings</span>
|
|
</button>
|
|
</li>
|
|
<li>
|
|
<button type="button" {{on "click" (fn @onNavigate "about")}}>
|
|
<Icon @name="info" @size={{20}} />
|
|
<span>About</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|