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

Working new dropdowns

- Implement new GUI 2.0 dropdowns into templates
This commit is contained in:
Paul Adam Davis 2014-08-13 14:27:31 +01:00 committed by John O'Nolan
parent d323b495a7
commit 0a93fbc96a
5 changed files with 25 additions and 19 deletions

View file

@ -42,7 +42,7 @@
</div>
{{/gh-popover-button}}
{{#gh-popover tagName="div" classNames="dropdown" name="user-menu" closeOnClick="true"}}
<ul class="dropdown-menu triangle-top-right" role="menu">
<ul class="dropdown-menu dropdown-triangle-top-right" role="menu">
<li role="presentation">{{#link-to "settings.users.user" session.user.slug classNames="dropdown-item" role="menuitem" tabindex="-1"}}Your Profile{{/link-to}}</li>
<li role="presentation"><a class="dropdown-item" role="menuitem" tabindex="-1" href="http://support.ghost.org/">Help / Support</a></li>
<li class="divider"></li>

View file

@ -7,8 +7,10 @@
{{#gh-popover-button popoverName="post-settings-menu" classNames="post-settings" title="Post Settings"}}
<span class="hidden">Post Settings</span>
{{/gh-popover-button}}
{{#gh-popover name="post-settings-menu" classNames="post-settings-menu menu-right"}}
{{render "post-settings-menu" model}}
{{#gh-popover name="post-settings-menu" classNames="dropdown post-settings-menu"}}
<div class="dropdown-menu dropdown-triangle-bottom-right">
{{render "post-settings-menu" model}}
</div>
{{/gh-popover}}
</section>

View file

@ -3,11 +3,13 @@
<i class="options"></i>
<span class="sr-only">Toggle Settings Menu</span>
{{/gh-popover-button}}
{{#gh-popover name="post-save-menu" closeOnClick="true" tagName="ul" classNames="editor-options overlay" publishTextBinding="view.publish-text" draftTextBinding="view.draft-text"}}
<li {{bind-attr class="controller.willPublish:active" }}>
<a {{action "setSaveType" "publish"}} href="#">{{view.publishText}}</a>
</li>
<li {{bind-attr class="controller.willPublish::active" }}>
<a {{action "setSaveType" "draft"}} href="#">{{view.draftText}}</a>
</li>
{{#gh-popover name="post-save-menu" closeOnClick="true" tagName="div" classNames="dropdown editor-options" publishTextBinding="view.publish-text" draftTextBinding="view.draft-text"}}
<ul class="dropdown-menu dropdown-triangle-bottom-right">
<li {{bind-attr class="controller.willPublish:active" }}>
<a {{action "setSaveType" "publish"}} href="#">{{view.publishText}}</a>
</li>
<li {{bind-attr class="controller.willPublish::active" }}>
<a {{action "setSaveType" "draft"}} href="#">{{view.draftText}}</a>
</li>
</ul>
{{/gh-popover}}

View file

@ -13,13 +13,15 @@
<section class="page-actions">
{{#if view.userActionsAreVisible}}
{{#gh-popover-button popoverName="user-actions-menu" classNames="button only-has-icon user-actions-cog" title="User Actions"}}
<i class="icon-settings"></i>
<span class="hidden">User Settings</span>
{{/gh-popover-button}}
{{#gh-popover name="user-actions-menu" classNames="user-actions-menu menu-drop-right"}}
{{render "user-actions-menu" model}}
{{/gh-popover}}
<span class="dropdown">
{{#gh-popover-button popoverName="user-actions-menu" classNames="button only-has-icon user-actions-cog" title="User Actions"}}
<i class="icon-settings"></i>
<span class="hidden">User Settings</span>
{{/gh-popover-button}}
{{#gh-popover name="user-actions-menu" tagName="ul" classNames="user-actions-menu dropdown-menu dropdown-triangle-top-right"}}
{{render "user-actions-menu" model}}
{{/gh-popover}}
</span>
{{/if}}
<button class="btn btn-blue" {{action "save"}}>Save</button>

View file

@ -1,6 +1,6 @@
{{#if view.parentView.canMakeOwner}}
<a href="javascript:void(0);" {{action "openModal" "transfer-owner" this}}>Make Owner</a>
<li><button {{action "openModal" "transfer-owner" this}}>Make Owner</button></li>
{{/if}}
{{#if view.parentView.deleteUserActionIsVisible}}
<a href="javascript:void(0);" {{action "openModal" "delete-user" this}} class="delete">Delete User</a>
<li><button {{action "openModal" "delete-user" this}} class="delete">Delete User</button></li>
{{/if}}