mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-12 06:25:51 +03:00
4378895a30
issue #2418 - create ghost-popover component and template - use it for the navigation popover - still needs to handle global click event on the document to close the popover
32 lines
1.6 KiB
Handlebars
32 lines
1.6 KiB
Handlebars
<header id="global-header" class="navbar">
|
|
<a class="ghost-logo" href="/" data-off-canvas="left" title="/">
|
|
<span class="hidden">Ghost </span>
|
|
</a>
|
|
<nav id="global-nav" role="navigation">
|
|
<ul id="main-menu" >
|
|
{{activating-list-item route="posts" title="Content" classNames="content"}}
|
|
{{activating-list-item route="new" title="New post" classNames="content"}}
|
|
{{activating-list-item route="settings" title="Settings" classNames="content"}}
|
|
|
|
<li id="usermenu" class="usermenu subnav">
|
|
<a href="" {{action 'toggleMenu'}} class="dropdown">
|
|
{{!-- @TODO: show avatar of logged in user --}}
|
|
<img class="avatar" src="/shared/img/user-image.png" alt="Avatar" />
|
|
{{!-- @TODO: show logged in user name or email --}}
|
|
<span class="name">Fake Ghost</span>
|
|
</a>
|
|
{{!-- @TODO: add functionality to allow for dropdown to work --}}
|
|
{{#ghost-popover open=showMenu}}
|
|
<ul class="overlay">
|
|
<li class="usermenu-profile"><a href="#">Your Profile</a></li>
|
|
<li class="divider"></li>
|
|
<li class="usermenu-help"><a href="http://ghost.org/forum/">Help / Support</a></li>
|
|
<li class="divider"></li>
|
|
<li class="usermenu-signout"><a href="#">Sign Out</a></li>
|
|
</ul>
|
|
{{/ghost-popover}}
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|