mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-26 04:13:30 +03:00
Style updates to new app frame for all other screens
This commit is contained in:
John O'Nolan
Kevin Ansfield
parent
87e48b2f45
commit
38315ffab1
@ -10,8 +10,8 @@ export default Component.extend({
|
||||
|
||||
open: false,
|
||||
|
||||
navMenuIcon: computed('ghostPaths.subdir', function () {
|
||||
let url = `${this.get('ghostPaths.assetRoot')}/img/ghosticon.jpg`;
|
||||
navMenuIcon: computed('config.blogUrl', function () {
|
||||
let url = `${this.get('config.blogUrl')}/favicon.png`;
|
||||
|
||||
return htmlSafe(`background-image: url(${url})`);
|
||||
}),
|
||||
|
||||
@ -48,7 +48,7 @@ export default Controller.extend(PaginationMixin, {
|
||||
let direction = this.get('direction');
|
||||
|
||||
return [{
|
||||
label: 'Subscriber',
|
||||
label: 'Email address',
|
||||
valuePath: 'email',
|
||||
sorted: order === 'email',
|
||||
ascending: direction === 'asc',
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
<li><a id="ember799" class="ember-view gh-nav-settings-general" href="/ghost/settings/general/"><i class="icon-settings"></i>General</a></li>
|
||||
<li><a id="ember800" class="ember-view gh-nav-settings-navigation" href="/ghost/settings/navigation/"><i class="icon-compass"></i>Navigation</a></li>
|
||||
<li><a id="ember801" class="ember-view gh-nav-settings-tags" href="/ghost/settings/tags/"><i class="icon-tag"></i>Tags</a></li>
|
||||
<li><a id="ember802" class="ember-view gh-nav-settings-code-injection" href="/ghost/settings/code-injection/"><i class="icon-code"></i>Code Injection</a></li>
|
||||
<li><a id="ember802" class="ember-view gh-nav-settings-code-injection" href="/ghost/settings/code-injection/"><i class="icon-code"></i>Code injection</a></li>
|
||||
<li><a id="ember803" class="ember-view gh-nav-settings-labs" href="/ghost/settings/labs/"><i class="icon-labs"></i>Labs</a></li>
|
||||
<li><a id="ember804" class="ember-view gh-nav-settings-apps active" href="/ghost/settings/apps/"><i class="icon-apps"></i>Apps</a></li>
|
||||
</ul>
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
<li><a id="ember799" class="ember-view gh-nav-settings-general" href="/ghost/settings/general/"><i class="icon-settings"></i>General</a></li>
|
||||
<li><a id="ember800" class="ember-view gh-nav-settings-navigation" href="/ghost/settings/navigation/"><i class="icon-compass"></i>Navigation</a></li>
|
||||
<li><a id="ember801" class="ember-view gh-nav-settings-tags" href="/ghost/settings/tags/"><i class="icon-tag"></i>Tags</a></li>
|
||||
<li><a id="ember802" class="ember-view gh-nav-settings-code-injection" href="/ghost/settings/code-injection/"><i class="icon-code"></i>Code Injection</a></li>
|
||||
<li><a id="ember802" class="ember-view gh-nav-settings-code-injection" href="/ghost/settings/code-injection/"><i class="icon-code"></i>Code injection</a></li>
|
||||
<li><a id="ember803" class="ember-view gh-nav-settings-labs" href="/ghost/settings/labs/"><i class="icon-labs"></i>Labs</a></li>
|
||||
<li><a id="ember804" class="ember-view gh-nav-settings-apps active" href="/ghost/settings/apps/"><i class="icon-design"></i>Themes</a></li>
|
||||
</ul>
|
||||
|
||||
@ -3,7 +3,7 @@ import CurrentUserSettings from 'ghost-admin/mixins/current-user-settings';
|
||||
import styleBody from 'ghost-admin/mixins/style-body';
|
||||
|
||||
export default AuthenticatedRoute.extend(styleBody, CurrentUserSettings, {
|
||||
titleToken: 'Settings - Code Injection',
|
||||
titleToken: 'Settings - Code injection',
|
||||
classNames: ['settings-view-code'],
|
||||
|
||||
beforeModel() {
|
||||
|
||||
@ -42,6 +42,10 @@
|
||||
background: color(#dfe1e3 lightness(+5%));
|
||||
}
|
||||
|
||||
.dropdown-menu li {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu > li > a,
|
||||
.dropdown-menu > li > button {
|
||||
display: flex;
|
||||
|
||||
@ -35,6 +35,7 @@ body > .ember-view:not(.liquid-target-container) {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
background: #fff;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* Flexbox fix. https://github.com/TryGhost/Ghost/issues/5804#issuecomment-141416812 */
|
||||
@ -210,35 +211,6 @@ body > .ember-view:not(.liquid-target-container) {
|
||||
color: var(--darkgrey);
|
||||
}
|
||||
|
||||
.gh-nav-footer {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
padding-bottom: 5px;
|
||||
color: var(--midgrey);
|
||||
}
|
||||
|
||||
.gh-nav-footer-sitelink {
|
||||
flex-grow: 1;
|
||||
padding: 12px;
|
||||
color: color(var(--midgrey) lightness(-10%));
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.gh-nav-footer-sitelink i {
|
||||
margin-left: 5px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.gh-nav-footer-sitelink:hover {
|
||||
color: var(--blue);
|
||||
}
|
||||
|
||||
|
||||
/* Mobile Nav
|
||||
/* ---------------------------------------------------------- */
|
||||
@ -324,14 +296,14 @@ body > .ember-view:not(.liquid-target-container) {
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.gh-menu-toggle {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 5px 10px;
|
||||
width: 45px;
|
||||
height: 27px;
|
||||
border-right: #dfe1e3 1px solid;
|
||||
line-height: 1;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: -8px;
|
||||
height: 34px;
|
||||
width: 25px;
|
||||
border: color(var(--lightgrey) l(+4%)) 5px solid;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -370,7 +342,7 @@ body > .ember-view:not(.liquid-target-container) {
|
||||
|
||||
.gh-nav.open .gh-autonav-toggle {
|
||||
transition: transform 0.15s;
|
||||
transform: translate3d(-205px,0,0);
|
||||
transform: translate3d(-240px,0,0);
|
||||
}
|
||||
|
||||
@media (min-width: 801px) {
|
||||
@ -384,7 +356,7 @@ body > .ember-view:not(.liquid-target-container) {
|
||||
height: 100%;
|
||||
transition: transform 0.20s;
|
||||
/* translate3d for GPU accelerated animation - http://bit.ly/1EY1Xhx */
|
||||
transform: translate3d(-235px,0,0);
|
||||
transform: translate3d(-240px,0,0);
|
||||
}
|
||||
|
||||
/* THE FUTURE: Super sexy background blur for Webkit - http://cl.ly/b1rG */
|
||||
@ -461,7 +433,6 @@ body > .ember-view:not(.liquid-target-container) {
|
||||
flex-grow: 1;
|
||||
padding: 2.9vw 4vw 3vw 4vw;
|
||||
margin: 0 auto;
|
||||
overflow-y: auto;
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
@ -470,6 +441,7 @@ body > .ember-view:not(.liquid-target-container) {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0 0 2vw 0;
|
||||
}
|
||||
|
||||
.gh-canvas-title {
|
||||
|
||||
@ -13,7 +13,6 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.gh-blognav-item--error {
|
||||
@ -80,8 +79,7 @@
|
||||
}
|
||||
|
||||
.gh-blognav-item:not(.gh-blognav-item--sortable) {
|
||||
padding-left: calc(16px + 20px);
|
||||
/* icon-grab + nav-item padding) */
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
/* Remove space between inputs on smaller screens */
|
||||
@ -104,7 +102,7 @@
|
||||
}
|
||||
|
||||
|
||||
/* Code Injection
|
||||
/* Code injection
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.settings-code {
|
||||
|
||||
@ -13,7 +13,6 @@
|
||||
.subscribers-table {
|
||||
flex-grow: 1;
|
||||
overflow-y: auto;
|
||||
padding: 0 12px; /* ember-light-table has 8px padding on cells */
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
@ -21,6 +20,15 @@
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.subscribers-table th {
|
||||
padding: 8px 0;
|
||||
}
|
||||
|
||||
.subscribers-table td {
|
||||
padding: 0;
|
||||
border-top: var(--lightgrey) 1px solid;
|
||||
}
|
||||
|
||||
.subscribers-table table .gh-btn {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@ -63,10 +63,10 @@ fieldset[disabled] .gh-btn {
|
||||
/* The background of the span is the main visual element */
|
||||
.gh-btn-blue span {
|
||||
background: linear-gradient(
|
||||
color(var(--blue) whiteness(+7%)),
|
||||
color(var(--blue) l(-7%) saturation(-10%)) 60%,
|
||||
color(var(--blue) l(-7%) saturation(-10%)) 90%,
|
||||
color(var(--blue) l(-4%) saturation(-10%))
|
||||
color(var(--blue) whiteness(+5%)),
|
||||
color(var(--blue) l(-5%) saturation(-8%)) 60%,
|
||||
color(var(--blue) l(-5%) saturation(-8%)) 90%,
|
||||
color(var(--blue) l(-3%) saturation(-8%))
|
||||
);
|
||||
box-shadow: 0 1px 0 inset rgba(255,255,255,0.1);
|
||||
}
|
||||
@ -376,6 +376,10 @@ Usage: CTA buttons grouped together horizontally.
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.gh-btn-link {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* Spin Buttons!
|
||||
/* ---------------------------------------------------------- */
|
||||
.spinner {
|
||||
|
||||
@ -1 +0,0 @@
|
||||
<i class="{{iconClass}}" role="button"></i>
|
||||
@ -1,3 +1,4 @@
|
||||
{{gh-menu-toggle desktopAction="toggleAutoNav" mobileAction="closeMobileMenu"}}
|
||||
{{#gh-dropdown-button tagName="header" class="gh-nav-menu" dropdownName="user-menu"}}
|
||||
<div class="gh-nav-menu-icon" style={{navMenuIcon}}></div>
|
||||
<div class="gh-nav-menu-details">
|
||||
@ -8,9 +9,16 @@
|
||||
{{/gh-dropdown-button}}
|
||||
{{#gh-dropdown tagName="div" name="user-menu" closeOnClick="true"}}
|
||||
<ul class="dropdown-menu dropdown-triangle-top js-user-menu-dropdown-menu" role="menu" style="right:-20px;left:auto;">
|
||||
<li role="presentation"><a href="{{config.blogUrl}}/" target="_blank">View site</a></li>
|
||||
<li role="presentation">{{#link-to "about" classNames="gh-nav-menu-about dropdown-item js-nav-item" role="menuitem" tabindex="-1"}}<i class="icon-shop"></i> About Ghost{{/link-to}}</li>
|
||||
<li class="divider"></li>
|
||||
<li role="presentation">{{#link-to "team.user" session.user.slug classNames="dropdown-item user-menu-profile js-nav-item" role="menuitem" tabindex="-1"}}<i class="icon-user"></i> Your Profile{{/link-to}}</li>
|
||||
<li role="presentation"><a class="dropdown-item help-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/" target="_blank"><i class="icon-ambulance"></i> Support Center</a></li>
|
||||
<li role="presentation"><a class="dropdown-item help-menu-tweet" role="menuitem" tabindex="-1" href="https://twitter.com/intent/tweet?text=%40TryGhost+Hi%21+Can+you+help+me+with+&related=TryGhost" target="_blank" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"><i class="icon-twitter"></i> Tweet @TryGhost!</a></li>
|
||||
<li class="divider"></li>
|
||||
<li role="presentation"><a class="dropdown-item help-menu-how-to" role="menuitem" tabindex="-1" href="http://support.ghost.org/how-to-use-ghost/" target="_blank"><i class="icon-book"></i> How to Use Ghost</a></li>
|
||||
<li role="presentation"><a class="dropdown-item help-menu-wishlist" role="menuitem" tabindex="-1" href="http://ideas.ghost.org/" target="_blank"><i class="icon-idea"></i> Wishlist</a></li>
|
||||
<li class="divider"></li>
|
||||
<li role="presentation">{{#link-to "signout" classNames="dropdown-item user-menu-signout" role="menuitem" tabindex="-1"}}<i class="icon-signout"></i> Sign Out{{/link-to}}</li>
|
||||
</ul>
|
||||
{{/gh-dropdown}}
|
||||
@ -20,12 +28,12 @@
|
||||
</section>
|
||||
<ul class="gh-nav-list gh-nav-main">
|
||||
{{!<li><i class="icon-dash"></i>Dashboard</li>}}
|
||||
<li>{{#link-to "editor.new" classNames="gh-nav-main-editor"}}<i class="icon-pen"></i>New Post{{/link-to}}</li>
|
||||
<li>{{#link-to "editor.new" classNames="gh-nav-main-editor"}}<i class="icon-pen"></i>New story{{/link-to}}</li>
|
||||
{{!<li><a href="#"><i class="icon-user"></i>My Posts</a></li>}}
|
||||
<li>
|
||||
{{!-- clicking the Content link whilst on the content screen should reset the filter --}}
|
||||
{{#if (eq routing.currentRouteName "posts.index")}}
|
||||
{{#link-to "posts" (query-params type=null) classNames="gh-nav-main-content active"}}<i class="icon-content"></i>Content{{/link-to}}
|
||||
{{#link-to "posts" (query-params type=null) classNames="gh-nav-main-content active"}}<i class="icon-content"></i>Stories{{/link-to}}
|
||||
{{else}}
|
||||
{{#link-to "posts" classNames="gh-nav-main-content"}}<i class="icon-content"></i>Content{{/link-to}}
|
||||
{{/if}}
|
||||
@ -45,32 +53,10 @@
|
||||
{{!<li><i class="icon-design"></i>Themes</li>}}
|
||||
<li>{{#link-to "settings.navigation" classNames="gh-nav-settings-navigation"}}<i class="icon-compass"></i>Navigation{{/link-to}}</li>
|
||||
<li>{{#link-to "settings.tags" classNames="gh-nav-settings-tags"}}<i class="icon-tag"></i>Tags{{/link-to}}</li>
|
||||
<li>{{#link-to "settings.code-injection" classNames="gh-nav-settings-code-injection"}}<i class="icon-code"></i>Code Injection{{/link-to}}</li>
|
||||
<li>{{#link-to "settings.code-injection" classNames="gh-nav-settings-code-injection"}}<i class="icon-code"></i>Code injection{{/link-to}}</li>
|
||||
<li>{{#link-to "settings.apps" classNames="gh-nav-settings-apps"}}<i class="icon-box"></i>Apps{{/link-to}}</li>
|
||||
<li>{{#link-to "settings.labs" classNames="gh-nav-settings-labs"}}<i class="icon-labs"></i>Labs{{/link-to}}</li>
|
||||
</ul>
|
||||
{{/if}}
|
||||
</section>
|
||||
<footer class="gh-nav-footer">
|
||||
{{gh-menu-toggle desktopAction="toggleAutoNav" mobileAction="closeMobileMenu"}}
|
||||
<a class="gh-nav-footer-sitelink" href="{{config.blogUrl}}/" target="_blank">View blog</a>
|
||||
<div class="gh-help-menu">
|
||||
{{#gh-dropdown-button dropdownName="help-menu" tagName="div"}}
|
||||
<div class="gh-help-button">
|
||||
<i class="icon-question"><span class="hidden">Help</span></i>
|
||||
</div>
|
||||
{{/gh-dropdown-button}}
|
||||
{{#gh-dropdown tagName="div" name="help-menu" closeOnClick="true"}}
|
||||
<ul class="dropdown-menu dropdown-triangle-bottom" role="menu">
|
||||
<li role="presentation"><a class="dropdown-item help-menu-support" role="menuitem" tabindex="-1" href="http://support.ghost.org/" target="_blank"><i class="icon-ambulance"></i> Support Center</a></li>
|
||||
<li role="presentation"><a class="dropdown-item help-menu-tweet" role="menuitem" tabindex="-1" href="https://twitter.com/intent/tweet?text=%40TryGhost+Hi%21+Can+you+help+me+with+&related=TryGhost" target="_blank" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;"><i class="icon-twitter"></i> Tweet @TryGhost!</a></li>
|
||||
<li class="divider"></li>
|
||||
<li role="presentation"><a class="dropdown-item help-menu-how-to" role="menuitem" tabindex="-1" href="http://support.ghost.org/how-to-use-ghost/" target="_blank"><i class="icon-book"></i> How to Use Ghost</a></li>
|
||||
<li role="presentation"><a class="dropdown-item help-menu-markdown" role="menuitem" tabindex="-1" href="" {{action "showMarkdownHelp"}}><i class="icon-markdown"></i> Markdown Help</a></li>
|
||||
<li class="divider"></li>
|
||||
<li role="presentation"><a class="dropdown-item help-menu-wishlist" role="menuitem" tabindex="-1" href="http://ideas.ghost.org/" target="_blank"><i class="icon-idea"></i> Wishlist</a></li>
|
||||
</ul>
|
||||
{{/gh-dropdown}}
|
||||
</div>{{! .help-menu }}
|
||||
</footer>
|
||||
<div class="gh-autonav-toggle" {{action "openAutoNav" on="mouseEnter"}}></div>
|
||||
|
||||
@ -1 +1 @@
|
||||
<button class="gh-btn gh-btn-sm" {{action tableActions.delete row.content}}><span><i class="icon-trash"></i></span></button>
|
||||
<button class="gh-btn gh-btn-link gh-btn-sm" {{action tableActions.delete row.content}}><span><i class="icon-trash"></i></span></button>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<section class="gh-view">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>Code Injection</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Code injection</h2>
|
||||
<section class="view-actions">
|
||||
{{#gh-spin-button class="gh-btn gh-btn-blue" action="save" submitting=submitting}}<span>Save</span>{{/gh-spin-button}}
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<section class="view-content">
|
||||
<section class="view-container">
|
||||
{{gh-loading-spinner}}
|
||||
</section>
|
||||
</section>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<section class="gh-view">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>Code Injection</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Code injection</h2>
|
||||
<section class="view-actions">
|
||||
{{#gh-spin-button class="gh-btn gh-btn-blue" action="save" submitting=submitting}}<span>Save</span>{{/gh-spin-button}}
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<section class="view-content">
|
||||
<section class="view-continer">
|
||||
<form id="settings-code" novalidate="novalidate">
|
||||
<fieldset>
|
||||
<p>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<section class="gh-view">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>General</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">General</h2>
|
||||
<section class="view-actions">
|
||||
{{#gh-spin-button class="gh-btn gh-btn-blue" action="save" submitting=submitting}}<span>Save</span>{{/gh-spin-button}}
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<section class="view-content">
|
||||
<section class="view-container">
|
||||
{{gh-loading-spinner}}
|
||||
</section>
|
||||
</section>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<section class="gh-view">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>General</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">General</h2>
|
||||
<section class="view-actions">
|
||||
{{#gh-spin-button class="gh-btn gh-btn-blue" action="save" submitting=submitting}}<span>Save</span>{{/gh-spin-button}}
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<section class="view-content">
|
||||
<section class="view-container">
|
||||
<form id="settings-general" novalidate="novalidate">
|
||||
<fieldset>
|
||||
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<section class="gh-view">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>Labs</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Labs</h2>
|
||||
</header>
|
||||
|
||||
<div class="view-content">
|
||||
<div class="view-container">
|
||||
{{gh-loading-spinner}}
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<section class="gh-view">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>Labs</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Labs</h2>
|
||||
</header>
|
||||
|
||||
<section class="view-content settings-debug">
|
||||
<section class="view-container settings-debug">
|
||||
<p><strong>Important note:</strong> Labs is a testing ground for experimental features which aren't quite ready for primetime. They may change, break or inexplicably disappear at any time.</p>
|
||||
<form id="settings-export">
|
||||
<fieldset>
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<section class="gh-view">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>Navigation</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Navigation</h2>
|
||||
<section class="view-actions">
|
||||
{{#gh-spin-button class="gh-btn gh-btn-blue" action="save" submitting=submitting}}<span>Save</span>{{/gh-spin-button}}
|
||||
</section>
|
||||
</header>
|
||||
|
||||
<section class="view-content">
|
||||
<section class="view-container">
|
||||
{{gh-loading-spinner}}
|
||||
</section>
|
||||
</section>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<section class="gh-view">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>Navigation</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Navigation</h2>
|
||||
<section class="view-actions">
|
||||
{{#gh-spin-button class="gh-btn gh-btn-blue" action="save" submitting=submitting}}<span>Save</span>{{/gh-spin-button}}
|
||||
</section>
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
<section class="gh-view view-subscribers">
|
||||
<header class="view-header">
|
||||
{{#gh-view-title openMobileMenu="openMobileMenu"}}<span>Subscribers</span>{{/gh-view-title}}
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Subscribers <span style="font-weight:200;margin-left:10px;display:inline-block;"> ({{total}})</span></h2>
|
||||
<div class="view-actions">
|
||||
{{#link-to "subscribers.import" class="gh-btn gh-btn-hover-green"}}<span>Import CSV</span>{{/link-to}}
|
||||
<a {{action 'exportData'}} class="gh-btn"><span>Export CSV</span></a>
|
||||
{{#link-to "subscribers.new" class="gh-btn gh-btn-green"}}<span>Add Subscriber</span>{{/link-to}}
|
||||
</div>
|
||||
</header>
|
||||
@ -13,28 +15,6 @@
|
||||
loadNextPage=(action 'loadNextPage')
|
||||
sortByColumn=(action 'sortByColumn')
|
||||
delete=(action 'deleteSubscriber')}}
|
||||
|
||||
<div class="subscribers-sidebar">
|
||||
<div class="settings-menu-header">
|
||||
<h4>Import Subscribers</h4>
|
||||
</div>
|
||||
<div class="settings-menu-content subscribers-import-buttons">
|
||||
{{#link-to "subscribers.import" class="gh-btn gh-btn-hover-green"}}<span>Import CSV</span>{{/link-to}}
|
||||
<a {{action 'exportData'}} class="gh-btn"><span>Export CSV</span></a>
|
||||
</div>
|
||||
|
||||
<div class="settings-menu-header">
|
||||
<h4>Quick Stats</h4>
|
||||
</div>
|
||||
<div class="settings-menu-content">
|
||||
<ul>
|
||||
<li>
|
||||
Total Subscribers:
|
||||
<span id="total-subscribers">{{total}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
{{gh-fullscreen-modal "new-subscriber"
|
||||
model=model
|
||||
confirm=(route-action "save")
|
||||
close=(route-action "cancel")}}
|
||||
close=(route-action "cancel")
|
||||
modifier="action wide"}}
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<section class="gh-view">
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Team Members</h2>
|
||||
<h2 class="gh-canvas-title">Team members</h2>
|
||||
{{!-- Do not show Invite user button to authors --}}
|
||||
{{#unless session.user.isAuthor}}
|
||||
<section class="view-actions">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<section class="gh-canvas">
|
||||
<header class="gh-canvas-header">
|
||||
<h2 class="gh-canvas-title">Team Members</h2>
|
||||
<h2 class="gh-canvas-title">Team members</h2>
|
||||
{{!-- Do not show Invite user button to authors --}}
|
||||
{{#unless session.user.isAuthor}}
|
||||
<section class="view-actions">
|
||||
|
||||
@ -71,7 +71,7 @@ describe('Acceptance: Settings - Code-Injection', function() {
|
||||
expect(currentURL(), 'currentURL').to.equal('/settings/code-injection');
|
||||
|
||||
// has correct page title
|
||||
expect(document.title, 'page title').to.equal('Settings - Code Injection - Test Blog');
|
||||
expect(document.title, 'page title').to.equal('Settings - Code injection - Test Blog');
|
||||
|
||||
// highlights nav menu
|
||||
expect($('.gh-nav-settings-code-injection').hasClass('active'), 'highlights nav menu item')
|
||||
|
||||
Loading…
Reference in New Issue
Block a user