2021-01-28 18:25:21 +03:00
<div class="gh-nav-bottom">
2021-02-03 22:08:01 +03:00
<div class="flex items-center justify-between">
2022-02-01 20:59:20 +03:00
<div class="pe-all">
2021-01-28 18:25:21 +03:00
<GhBasicDropdown @horizontalPosition="left" @verticalPosition="above" @calculatePosition= {{ this .userDropdownPosition }} as |dropdown|>
2021-02-03 22:08:01 +03:00
<dropdown.Trigger class="outline-0 pointer">
2021-01-28 18:25:21 +03:00
<div class="flex-auto flex items-center">
<div class="gh-user-avatar relative" style= {{ background-image-style this .session .user .profileImageUrl }} >
2021-03-10 15:20:55 +03:00
{{ # if this .whatsNew .hasNew }} <span class="absolute dib ba b--white br-100 gh-whats-new-badge-account"></span> {{ / if }}
2021-01-28 18:25:21 +03:00
</div>
{{ svg-jar "arrow-down" class = "w3 mr1 fill-darkgrey" }}
</div>
</dropdown.Trigger>
2022-02-01 20:59:20 +03:00
<dropdown.Content class="gh-nav-menu-dropdown {{ if this .session .user .isContributor "gh-nav-menu-dropdown-contributor" }} ">
2021-03-01 16:58:15 +03:00
<ul class="dropdown-menu dropdown-triangle-top" role="menu">
2022-03-07 20:54:40 +03:00
<li>
2021-02-10 23:05:54 +03:00
<div class="gh-account-menu-header">
<div class="gh-user-avatar relative" style= {{ background-image-style this .session .user .profileImageUrl }} ></div>
2021-02-12 19:36:23 +03:00
<div class="gh-user-info">
<h4 class="gh-user-name"> {{ this .session .user .name }} </h4>
<span class="gh-user-email"> {{ this .session .user .email }} </span>
</div>
2021-02-10 23:05:54 +03:00
</div>
</li>
<li class="divider" role="separator"></li>
2022-02-01 20:59:20 +03:00
{{ # if this .session .user .isContributor }}
2022-03-07 20:54:40 +03:00
<li>
2022-02-02 19:09:43 +03:00
<LinkTo @route="posts" @query= {{ hash entry = null }} class="dropdown-item" @role="menuitem" tabindex="-1" data-test-nav="posts">
2022-02-01 20:59:20 +03:00
Posts
</LinkTo>
</li>
2022-03-07 20:54:40 +03:00
<li>
2022-02-02 19:09:43 +03:00
<a href=" {{ this .config .blogUrl }} /" class="dropdown-item" role="menuitem" tabindex="-1" title="Open site in new tab" target="_blank" rel="noopener noreferrer">View site</a>
2022-02-01 20:59:20 +03:00
</li>
<li class="divider" role="separator"></li>
{{ else }}
2022-03-07 20:54:40 +03:00
<li>
2022-02-02 19:09:43 +03:00
<LinkTo @route="whatsnew" @query= {{ hash entry = null }} class="dropdown-item" @role="menuitem" tabindex="-1" data-test-nav="whatsnew">
2022-02-01 20:59:20 +03:00
What's new?
{{ # if this .whatsNew .hasNew }}
<div class="flex-grow-1 flex justify-end"><span class="dib w2 h2 top-0 right-0 bg-green br-100"></span></div>
{{ / if }}
</LinkTo>
</li>
{{ / if }}
2022-03-07 20:54:40 +03:00
<li>
2022-02-02 19:09:43 +03:00
<LinkTo @route="settings.staff.user" @model= {{ this .session .user .slug }} class="dropdown-item" @role="menuitem" tabindex="-1" data-test-nav="user-profile">
2021-02-12 19:36:23 +03:00
Your profile
2021-01-28 18:25:21 +03:00
</LinkTo>
</li>
2022-02-01 20:59:20 +03:00
{{ # unless this .session .user .isContributor }}
<li class="divider" role="separator"></li>
2022-03-07 20:54:40 +03:00
<li>
2022-03-04 20:07:36 +03:00
<a class="dropdown-item" role="menuitem" tabindex="-1" href="https://ghost.org/help?utm_source=admin&utm_campaign=help" target="_blank" rel="noopener noreferrer">
Help center
2022-02-01 20:59:20 +03:00
</a>
</li>
2022-03-07 20:54:40 +03:00
<li>
2022-03-04 20:07:36 +03:00
<a class="dropdown-item" role="menuitem" tabindex="-1" href="https://ghost.org/resources?utm_source=admin&utm_campaign=resources" target="_blank" rel="noopener noreferrer">
Resources & guides
2022-02-01 20:59:20 +03:00
</a>
</li>
2021-01-28 18:25:21 +03:00
2022-02-01 20:59:20 +03:00
{{ # if this .showDropdownExtension }}
{{ # each this .config .clientExtensions .dropdown .items as | menuItem | }}
{{ # if menuItem .divider }}
<li class="divider" role="separator"></li>
{{ else }}
2022-03-07 20:54:40 +03:00
<li>
2022-02-02 19:09:43 +03:00
<a href=" {{ menuItem .href }} " target="_blank" class="dropdown-item {{ menuItem .classes }} " role="menuitem" tabindex="-1" rel="noopener noreferrer">
2022-02-01 20:59:20 +03:00
{{ menuItem .text }}
</a>
</li>
{{ / if }}
{{ / each }}
{{ / if }}
2021-02-12 19:36:23 +03:00
<li class="divider" role="separator"></li>
2022-02-01 20:59:20 +03:00
{{ / unless }}
2022-03-07 20:54:40 +03:00
<li>
2022-02-02 19:09:43 +03:00
<LinkTo @route="signout" class="dropdown-item user-menu-signout" @role="menuitem" tabindex="-1">
2021-02-12 19:36:23 +03:00
Sign out
2021-01-28 18:25:21 +03:00
</LinkTo>
2021-02-12 19:36:23 +03:00
</li>
2021-01-28 18:25:21 +03:00
</ul>
</dropdown.Content>
</GhBasicDropdown>
</div>
2022-02-01 20:59:20 +03:00
<div class="flex items-center pe-all">
2021-02-24 17:33:00 +03:00
{{ # if ( gh-user-can-admin this .session .user ) }}
<LinkTo class="gh-nav-bottom-tabicon" @route="settings" @current-when= {{ this .isSettingsRoute }} data-test-nav="settings"> {{ svg-jar "settings" }} </LinkTo>
{{ / if }}
2021-01-28 18:25:21 +03:00
<div class="nightshift-toggle-container">
<div class="nightshift-toggle {{ if this .feature .nightShift "on" }} " {{ action ( toggle "nightShift" this .feature ) }} >
<div class="sun"> {{ svg-jar "sun" }} </div>
<div class="moon"> {{ svg-jar "moon" }} </div>
<div class="thumb"></div>
</div>
</div>
</div>
</div>
</div>