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

Settings nav overhaul

Browse source
This commit is contained in:
John O'Nolan 2014-08-16 19:40:35 +03:00
parent 5f0bca1166
commit 137c0129db
5 changed files with 52 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
core/client/templates/settings.hbs
View file

@ -1,31 +1,26 @@
<header class="page-header"> <header class="page-header">
<a class="menu-button" href="#"><span class="sr-only">Menu</span></a> <a class="menu-button" href="#"><span class="sr-only">Menu</span></a>
<h2>Settings</h2> <h2 class="page-title">Settings</h2>
</header> </header>
<div class="page-content"> <div class="page-content">
<aside class="settings-sidebar" role="complementary"> <nav class="settings-menu">
<header> <ul>
<h1 class="title">Settings</h1> {{#unless session.user.isAuthor}}
</header> {{#unless session.user.isEditor}}
<nav class="settings-menu"> {{gh-activating-list-item route="settings.general" title="General" classNames="general"}}
<ul>
{{#unless session.user.isAuthor}}
{{#unless session.user.isEditor}}
{{gh-activating-list-item route="settings.general" title="General" classNames="general"}}
{{/unless}}
{{gh-activating-list-item route="settings.users" title="Users" classNames="users"}}
{{#if showApps}}
{{#unless session.user.isEditor}}
{{gh-activating-list-item route="settings.apps" title="Apps" classNames="apps"}}
{{/unless}}
{{/if}}
{{/unless}} {{/unless}}
</ul>
</nav> {{gh-activating-list-item route="settings.users" title="Users" classNames="users"}}
</aside>
{{#if showApps}}
{{#unless session.user.isEditor}}
{{gh-activating-list-item route="settings.apps" title="Apps" classNames="apps"}}
{{/unless}}
{{/if}}
{{/unless}}
</ul>
</nav>
{{outlet}} {{outlet}}
</div> </div>

16
core/client/templates/settings/general.hbs
View file

@ -1,13 +1,9 @@
<header class="settings-content-header"> <header class="settings-view-header">
<h2 class="title">General</h2> {{#link-to "settings" class="btn btn-default btn-back"}}Back{{/link-to}}
<h2 class="page-title">General</h2>
<div class="settings-header-inner"> <section class="page-actions">
{{#link-to 'settings' class='btn btn-default'}}Back{{/link-to}} <button type="button" class="btn btn-blue" {{action "save"}}>Save</button>
</section>
<section class="page-actions">
<button type="button" class="btn btn-blue" {{action "save"}}>Save</button>
</section>
</div>
</header> </header>
<section class="content settings-general"> <section class="content settings-general">

12
core/client/templates/settings/users/index.hbs
View file

@ -1,6 +1,12 @@
<header> <script>
{{#link-to 'settings' class='btn btn-default'}}Back{{/link-to}} $(document).ready(function() {
<h2 class="title">Users</h2> $('body').addClass('settings-view');
});
</script>
<header class="settings-view-header">
{{#link-to "settings" class="btn btn-default btn-back"}}Back{{/link-to}}
<h2 class="page-title">Users</h2>
<section class="page-actions"> <section class="page-actions">
<button class="btn btn-green" {{action "openModal" "invite-new-user"}} >New&nbsp;User</button> <button class="btn btn-green" {{action "openModal" "invite-new-user"}} >New&nbsp;User</button>
</section> </section>

50
core/client/templates/settings/users/user.hbs
View file

@ -1,36 +1,26 @@
<header class="settings-content-header user-settings-header"> <header class="settings-subview-header">
{{#unless session.user.isAuthor}}
<h2 class="hidden">Your Profile</h2> {{#link-to "settings.users" class="button has-icon users-back" tagName="button"}}<i class="icon-chevron-left"></i>Users{{/link-to}}
{{/unless}}
<div class="settings-header-inner"> <h2 class="page-title">{{user.name}}</h2>
{{#link-to 'settings' class='btn btn-default'}}Back{{/link-to}} <section class="page-actions">
<section class="page-actions page-actions-alt"> {{#if view.userActionsAreVisible}}
{{#unless session.user.isAuthor}} <span class="dropdown">
{{#link-to "settings.users" class="button has-icon users-back" tagName="button"}}<i class="icon-chevron-left"></i>Users{{/link-to}} {{#gh-popover-button popoverName="user-actions-menu" classNames="button only-has-icon user-actions-cog" title="User Actions"}}
{{/unless}} <i class="icon-settings"></i>
</section> <span class="hidden">User Settings</span>
{{/gh-popover-button}}
<section class="page-actions"> {{#gh-popover name="user-actions-menu" tagName="ul" classNames="user-actions-menu dropdown-menu dropdown-triangle-top-right"}}
{{render "user-actions-menu" model}}
{{#if view.userActionsAreVisible}} {{/gh-popover}}
<span class="dropdown"> </span>
{{#gh-popover-button popoverName="user-actions-menu" classNames="button only-has-icon user-actions-cog" title="User Actions"}} {{/if}}
<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>
</section>
</div>
<button class="btn btn-blue" {{action "save"}}>Save</button>
</section>
</header> </header>
<section class="content settings-user no-padding"> <section class="content settings-user">
<header class="user-profile-header"> <header class="user-profile-header">
<img id="user-cover" class="cover-image" {{bind-attr src=cover title=coverTitle}} /> <img id="user-cover" class="cover-image" {{bind-attr src=cover title=coverTitle}} />

1
core/client/views/settings.js
View file

@ -1,7 +1,6 @@
import {mobileQuery} from 'ghost/utils/mobile'; import {mobileQuery} from 'ghost/utils/mobile';
var SettingsView = Ember.View.extend({ var SettingsView = Ember.View.extend({
classNames: ['wrapper'],
// used by SettingsContentBaseView and on resize to mobile from desktop // used by SettingsContentBaseView and on resize to mobile from desktop
showSettingsContent: function () { showSettingsContent: function () {
if (mobileQuery.matches) { if (mobileQuery.matches) {