Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Implement new global-nav markup

Browse source
This commit is contained in:
John O'Nolan 2014-08-05 12:17:20 +03:00
parent 8edbaa9ae0
commit b73d60bc2e
1 changed files with 50 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

83
ghost/admin/templates/-navbar.hbs
View file

@ -1,37 +1,54 @@
<header id="global-header" class="navbar"> <nav class="global-nav" role="navigation">
<a class="ghost-logo nav-item" {{bind-attr href=ghostPaths.blogRoot title=ghostPaths.blogRoot}}>
<div class="nav-label"><i class="icon-ghost"></i> <span>Visit blog</span> </div>
</a>
<button {{action "toggleSidebar" target="view"}} class="ghost-logo ghost-logo-button"> {{#link-to "posts" classNames="nav-item"}}
<span class="hidden">Ghost</span> <div class="nav-label"><i class="icon-content"></i> Content</div>
</button> {{/link-to}}
<a class="ghost-logo ghost-logo-link" {{bind-attr href=view.blogRoot}}>
<span class="hidden">Ghost</span> {{#link-to "editor.new" classNames="nav-item"}}
<div class="nav-label"><i class="icon-add"></i> New Post</div>
{{/link-to}}
{{#unless session.user.isAuthor}}
{{#link-to "settings" classNames="nav-item"}}
<div class="nav-label"><i class="icon-settings2"></i> Settings</div>
{{/link-to}}
{{/unless}}
{{! TODO: Mobile-only menu items
<a class="nav-item thing" href="#">
<div class="nav-label">Thing</div>
</a>
<a class="nav-item thing2" href="#">
<div class="nav-label">Thing2</div>
</a> </a>
<nav id="global-nav" role="navigation"> }}
<ul id="main-menu" >
{{gh-activating-list-item route="posts" title="Content" classNames="content js-close-sidebar"}}
{{gh-activating-list-item route="editor.new" title="New Post" classNames="editor js-close-sidebar"}}
{{#unless session.user.isAuthor}}
{{gh-activating-list-item route="settings" title="Settings" classNames="settings js-close-sidebar"}}
{{/unless}}
<li id="usermenu" class="usermenu subnav"> <div class="nav-item user-menu" data-href="#">
{{#gh-popover-button popoverName="user-menu" classNames="dropdown"}} {{#gh-popover-button popoverName="user-menu" tagName="div" classNames="nav-label"}}
{{#if session.user.image}} {{#if session.user.image}}
<img class="avatar" {{bind-attr src="session.user.image"}} alt="Avatar" /> <div class="image"><img {{bind-attr src="session.user.image"}} alt="{{session.user.name}}'s profile picture" /></div>
{{else}} {{else}}
<img class="avatar" src="/shared/img/user-image.png" alt="Avatar" /> <div class="image"><img src="/shared/img/user-image.png" alt="Profile picture" /></div>
{{/if}} {{/if}}
<span class="name">{{session.user.name}}</span> <div class="name">
{{/gh-popover-button}} {{session.user.name}} <i class="icon-chevron-down"></i>
{{#gh-popover tagName="ul" classNames="overlay" name="user-menu" closeOnClick="true"}} <small>Profile &amp; Settings</small>
<li class="usermenu-profile">{{#link-to "settings.users.user" session.user.slug}}Your Profile{{/link-to}}</li> </div>
<li class="divider"></li> {{/gh-popover-button}}
<li class="usermenu-help"><a href="http://support.ghost.org/" target="_blank">Help / Support</a></li> {{#gh-popover tagName="div" classNames="dropdown" name="user-menu" closeOnClick="true"}}
<li class="divider"></li> <ul class="dropdown-menu triangle-top-right" role="menu">
<li class="usermenu-signout">{{#link-to "signout"}}Sign Out{{/link-to}}</li> <li role="presentation">{{#link-to "settings.users.user" session.user.slug classNames="dropdown-item" role="menuitem" tabindex="-1"}}Your Profile{{/link-to}}</li>
{{/gh-popover}} <li role="presentation"><a class="dropdown-item" role="menuitem" tabindex="-1" href="http://support.ghost.org/">Help / Support</a></li>
</li> <li class="divider"></li>
</ul> <li role="presentation">{{#link-to "signout" classNames="dropdown-item" role="menuitem" tabindex="-1"}}Sign Out{{/link-to}}</li>
</nav> </ul>
</header> {{/gh-popover}}
</div>{{! .user-menu }}
</nav>{{! .global-nav }}