Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Update Ember to 1.13.2

Browse source 
- Refactor to handle deprecations including removal of
  all Views, ArrayControllers, and ItemControllers.
This commit is contained in:
Jason Williams 2015-06-13 09:34:09 -05:00
parent 308a5a4fce
commit 42166c8d9f
117 changed files with 1807 additions and 1409 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
core/client/app/app.js
View file

@ -1,7 +1,7 @@
import Ember from 'ember';
import Resolver from 'ember/resolver';
import loadInitializers from 'ember/load-initializers';
import 'ghost/utils/link-view';
import 'ghost/utils/link-component';
import 'ghost/utils/text-field';
import config from './config/environment';

13
core/client/app/components/gh-app.js Normal file
View file

@ -0,0 +1,13 @@
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['gh-app'],
showSettingsMenu: false,
toggleSettingsMenuBodyClass: Ember.observer('showSettingsMenu', function () {
var showSettingsMenu = this.get('showSettingsMenu');
Ember.$('body').toggleClass('settings-menu-expanded', showSettingsMenu);
})
});

23
core/client/app/views/content-preview-content-view.js → core/client/app/components/gh-content-preview-content.js
View file

@ -1,29 +1,34 @@
import Ember from 'ember';
import setScrollClassName from 'ghost/utils/set-scroll-classname';
var PostContentView = Ember.View.extend({
export default Ember.Component.extend({
classNames: ['content-preview-content'],
didInsertElement: function () {
content: null,
didRender: function () {
var el = this.$();
el.on('scroll', Ember.run.bind(el, setScrollClassName, {
target: el.closest('.content-preview'),
offset: 10
}));
},
contentObserver: Ember.observer('controller.content', function () {
var el = this.$();
didReceiveAttrs: function (options) {
// adjust when didReceiveAttrs gets both newAttrs and oldAttrs
if (options.newAttrs.content && this.get('content') !== options.newAttrs.content.value) {
let el = this.$();
if (el) {
el.closest('.content-preview').scrollTop(0);
if (el) {
el.closest('.content-preview').scrollTop(0);
}
}
}),
},
willDestroyElement: function () {
var el = this.$();
el.off('scroll');
}
});
export default PostContentView;

6
core/client/app/components/gh-ed-editor.js
View file

@ -3,9 +3,7 @@ import EditorAPI from 'ghost/mixins/ed-editor-api';
import EditorShortcuts from 'ghost/mixins/ed-editor-shortcuts';
import EditorScroll from 'ghost/mixins/ed-editor-scroll';
var Editor;
Editor = Ember.TextArea.extend(EditorAPI, EditorShortcuts, EditorScroll, {
export default Ember.TextArea.extend(EditorAPI, EditorShortcuts, EditorScroll, {
focus: false,
/**
@ -59,5 +57,3 @@ Editor = Ember.TextArea.extend(EditorAPI, EditorShortcuts, EditorScroll, {
textarea.removeAttribute('readonly');
}
});
export default Editor;

6
core/client/app/components/gh-ed-preview.js
View file

@ -13,7 +13,9 @@ var Preview = Ember.Component.extend({
var scrollWrapper = this.get('scrollWrapper'),
scrollPosition = this.get('scrollPosition');
scrollWrapper.scrollTop(scrollPosition);
if (scrollWrapper) {
scrollWrapper.scrollTop(scrollPosition);
}
}),
dropzoneHandler: function () {
@ -30,7 +32,7 @@ var Preview = Ember.Component.extend({
dropzones.on('uploadsuccess', Ember.run.bind(this, 'sendAction', 'uploadSuccess'));
// Set the current height so we can listen
this.set('height', this.$().height());
this.sendAction('updateHeight', this.$().height());
},
// fire off 'enable' API function from uploadManager

47
core/client/app/components/gh-editor-save-button.js Normal file
View file

@ -0,0 +1,47 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'section',
classNames: ['splitbtn', 'js-publish-splitbutton'],
classNameBindings: ['isNew:unsaved'],
isNew: null,
isPublished: null,
willPublish: null,
postOrPage: null,
// Tracks whether we're going to change the state of the post on save
isDangerous: Ember.computed('isPublished', 'willPublish', function () {
return this.get('isPublished') !== this.get('willPublish');
}),
publishText: Ember.computed('isPublished', 'postOrPage', function () {
return this.get('isPublished') ? 'Update ' + this.get('postOrPage') : 'Publish Now';
}),
draftText: Ember.computed('isPublished', function () {
return this.get('isPublished') ? 'Unpublish' : 'Save Draft';
}),
deleteText: Ember.computed('postOrPage', function () {
return 'Delete ' + this.get('postOrPage');
}),
saveText: Ember.computed('willPublish', 'publishText', 'draftText', function () {
return this.get('willPublish') ? this.get('publishText') : this.get('draftText');
}),
actions: {
save: function () {
this.sendAction('save');
},
setSaveType: function (saveType) {
this.sendAction('setSaveType', saveType);
},
delete: function () {
this.sendAction('delete');
}
}
});

13
core/client/app/views/editor/edit.js → core/client/app/components/gh-editor.js
View file

@ -1,16 +1,10 @@
import Ember from 'ember';
import setScrollClassName from 'ghost/utils/set-scroll-classname';
var EditorViewMixin = Ember.View.extend({
export default Ember.Component.extend({
tagName: 'section',
classNames: ['gh-view'],
// create a hook for jQuery logic that will run after
// a view and all child views have been rendered,
// since didInsertElement runs only when the view's el
// has rendered, and not necessarily all child views.
//
// http://mavilein.github.io/javascript/2013/08/01/Ember-JS-After-Render-Event/
// http://emberjs.com/api/classes/Ember.run.html#method_next
scheduleAfterRender: function () {
Ember.run.scheduleOnce('afterRender', this, this.afterRenderEvent);
},
@ -19,7 +13,6 @@ var EditorViewMixin = Ember.View.extend({
this.scheduleAfterRender();
},
// all child views will have rendered when this fires
afterRenderEvent: function () {
var $previewViewPort = this.$('.js-entry-preview-content');
@ -63,5 +56,3 @@ var EditorViewMixin = Ember.View.extend({
return previewPosition;
})
});
export default EditorViewMixin;

19
core/client/app/components/gh-file-upload.js
View file

@ -1,29 +1,36 @@
import Ember from 'ember';
var FileUpload = Ember.Component.extend({
export default Ember.Component.extend({
_file: null,
uploadButtonText: 'Text',
uploadButtonDisabled: true,
onUpload: null,
onAdd: null,
shouldResetForm: true,
change: function (event) {
this.set('uploadButtonDisabled', false);
this.sendAction('onAdd');
this._file = event.target.files[0];
},
onUpload: 'onUpload',
actions: {
upload: function () {
if (!this.uploadButtonDisabled && this._file) {
if (!this.get('uploadButtonDisabled') && this._file) {
this.sendAction('onUpload', this._file);
}
// Prevent double post by disabling the button.
this.set('uploadButtonDisabled', true);
// Reset form
if (this.get('shouldResetForm')) {
this.$().closest('form').get(0).reset();
}
}
}
});
export default FileUpload;

16
core/client/app/components/gh-form.js
View file

@ -1,16 +0,0 @@
import Ember from 'ember';
var Form = Ember.View.extend({
tagName: 'form',
attributeBindings: ['enctype'],
reset: function () {
this.$().get(0).reset();
},
didInsertElement: function () {
this.get('controller').on('reset', this, this.reset);
},
willClearRender: function () {
this.get('controller').off('reset', this, this.reset);
}
});
export default Form;

22
core/client/app/components/gh-infinite-scroll-box.js Normal file
View file

@ -0,0 +1,22 @@
import Ember from 'ember';
import InfiniteScrollMixin from 'ghost/mixins/infinite-scroll';
import setScrollClassName from 'ghost/utils/set-scroll-classname';
export default Ember.Component.extend(InfiniteScrollMixin, {
didRender: function () {
this._super();
var el = this.$();
el.on('scroll', Ember.run.bind(el, setScrollClassName, {
target: el.closest('.content-list'),
offset: 10
}));
},
willDestroyElement: function () {
this._super();
this.$().off('scroll');
}
});

4
core/client/app/components/gh-infinite-scroll.js Normal file
View file

@ -0,0 +1,4 @@
import Ember from 'ember';
import InfiniteScrollMixin from 'ghost/mixins/infinite-scroll';
export default Ember.Component.extend(InfiniteScrollMixin);

4
core/client/app/components/gh-menu-toggle.js
View file

@ -26,7 +26,7 @@ export default Ember.Component.extend({
}
}),
didInsertElement () {
didInsertElement: function () {
this.set('isMobile', mobileQuery.matches);
this.set('mqListener', Ember.run.bind(this, function (mql) {
this.set('isMobile', mql.matches);
@ -34,7 +34,7 @@ export default Ember.Component.extend({
mobileQuery.addListener(this.get('mqListener'));
},
willDestroyElement () {
willDestroyElement: function () {
mobileQuery.removeListener(this.get('mqListener'));
},

10
core/client/app/components/gh-nav-menu.js
View file

@ -9,20 +9,20 @@ export default Ember.Component.extend({
open: false,
mouseEnter () {
mouseEnter: function () {
this.sendAction('onMouseEnter');
},
actions: {
toggleAutoNav () {
this.sendAction('toggleAutoNav');
toggleAutoNav: function () {
this.sendAction('toggleMaximise');
},
openModal (modal) {
openModal: function (modal) {
this.sendAction('openModal', modal);
},
closeMobileMenu () {
closeMobileMenu: function () {
this.sendAction('closeMobileMenu');
}
}

15
core/client/app/views/settings/navigation.js → core/client/app/components/gh-navigation.js
View file

@ -1,10 +1,11 @@
import Ember from 'ember';
import BaseView from 'ghost/views/settings/content-base';
var SettingsNavigationView = BaseView.extend({
export default Ember.Component.extend({
tagName: 'section',
classNames: 'gh-view',
didInsertElement: function () {
var navContainer = Ember.$('.js-gh-blognav'),
var navContainer = this.$('.js-gh-blognav'),
navElements = '.gh-blognav-item:not(.gh-blognav-item:last-child)',
self = this;
@ -20,17 +21,13 @@ var SettingsNavigationView = BaseView.extend({
update: function (event, ui) {
Ember.run(function () {
self.get('controller').send('moveItem', ui.item.data('start-index'), ui.item.index());
ui.item.remove();
self.sendAction('moveItem', ui.item.data('start-index'), ui.item.index());
});
}
});
},
willDestroyElement: function () {
Ember.$('.js-gh-blognav').sortable('destroy');
this.$('.js-gh-blognav').sortable('destroy');
}
});
export default SettingsNavigationView;

31
core/client/app/components/gh-navitem-url-input.js
View file

@ -1,4 +1,5 @@
import Ember from 'ember';
function joinUrlParts(url, path) {
if (path[0] !== '/' && url.slice(-1) !== '/') {
path = '/' + path;
@ -9,9 +10,22 @@ function joinUrlParts(url, path) {
return url + path;
}
var NavItemUrlInputComponent = Ember.TextField.extend({
export default Ember.TextField.extend({
classNameBindings: ['fakePlaceholder'],
didReceiveAttrs: function () {
var url = this.get('url'),
baseUrl = this.get('baseUrl');
// if we have a relative url, create the absolute url to be displayed in the input
// if (this.get('isRelative')) {
if (!validator.isURL(url) && this.get('value').indexOf('mailto:') !== 0) {
url = joinUrlParts(baseUrl, url);
}
this.set('value', url);
},
isBaseUrl: Ember.computed('baseUrl', 'value', function () {
return this.get('baseUrl') === this.get('value');
}),
@ -24,19 +38,6 @@ var NavItemUrlInputComponent = Ember.TextField.extend({
return !validator.isURL(this.get('value')) && this.get('value').indexOf('mailto:') !== 0;
}),
didInsertElement: function () {
var url = this.get('url'),
baseUrl = this.get('baseUrl');
this.set('value', url);
// if we have a relative url, create the absolute url to be displayed in the input
if (this.get('isRelative')) {
url = joinUrlParts(baseUrl, url);
this.set('value', url);
}
},
focusIn: function (event) {
this.set('hasFocus', true);
@ -89,5 +90,3 @@ var NavItemUrlInputComponent = Ember.TextField.extend({
this.sendAction('change', url);
}
});
export default NavItemUrlInputComponent;

7
core/client/app/components/gh-navitem.js
View file

@ -1,5 +1,6 @@
import Ember from 'ember';
var NavItemComponent = Ember.Component.extend({
export default Ember.Component.extend({
classNames: 'gh-blognav-item',
attributeBindings: ['order:data-order'],
@ -9,7 +10,7 @@ var NavItemComponent = Ember.Component.extend({
// enter key
if (event.keyCode === 13) {
event.preventDefault();
this.get('controller').send('addItem');
this.send('addItem');
}
},
@ -27,5 +28,3 @@ var NavItemComponent = Ember.Component.extend({
}
}
});
export default NavItemComponent;

149
core/client/app/components/gh-post-tags-input.js Normal file
View file

@ -0,0 +1,149 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'section',
elementId: 'entry-tags',
classNames: 'publish-bar-inner',
classNameBindings: ['hasFocus:focused'],
hasFocus: false,
keys: {
BACKSPACE: 8,
TAB: 9,
ENTER: 13,
ESCAPE: 27,
UP: 38,
DOWN: 40,
NUMPAD_ENTER: 108
},
didInsertElement: function () {
// this.get('controller').send('loadAllTags');
},
willDestroyElement: function () {
// this.get('controller').send('reset');
},
overlayStyles: Ember.computed('hasFocus', 'controller.suggestions.length', function () {
var styles = [],
leftPos;
if (this.get('hasFocus') && this.get('controller.suggestions.length')) {
leftPos = this.$().find('#tags').position().left;
styles.push('display: block');
styles.push('left: ' + leftPos + 'px');
} else {
styles.push('display: none');
styles.push('left', 0);
}
return styles.join(';').htmlSafe();
}),
// replace these views with components, or whatever works
// during the reimplementation of this component.
// tagInputView: Ember.TextField.extend({
// focusIn: function () {
// this.get('parentView').set('hasFocus', true);
// },
// focusOut: function () {
// this.get('parentView').set('hasFocus', false);
// },
// keyPress: function (event) {
// // listen to keypress event to handle comma key on international keyboard
// var controller = this.get('parentView.controller'),
// isComma = ','.localeCompare(String.fromCharCode(event.keyCode || event.charCode)) === 0;
// // use localeCompare in case of international keyboard layout
// if (isComma) {
// event.preventDefault();
// if (controller.get('selectedSuggestion')) {
// controller.send('addSelectedSuggestion');
// } else {
// controller.send('addNewTag');
// }
// }
// },
// keyDown: function (event) {
// var controller = this.get('parentView.controller'),
// keys = this.get('parentView.keys'),
// hasValue;
// switch (event.keyCode) {
// case keys.UP:
// event.preventDefault();
// controller.send('selectPreviousSuggestion');
// break;
// case keys.DOWN:
// event.preventDefault();
// controller.send('selectNextSuggestion');
// break;
// case keys.TAB:
// case keys.ENTER:
// case keys.NUMPAD_ENTER:
// if (controller.get('selectedSuggestion')) {
// event.preventDefault();
// controller.send('addSelectedSuggestion');
// } else {
// // allow user to tab out of field if input is empty
// hasValue = !Ember.isEmpty(this.get('value'));
// if (hasValue || event.keyCode !== keys.TAB) {
// event.preventDefault();
// controller.send('addNewTag');
// }
// }
// break;
// case keys.BACKSPACE:
// if (Ember.isEmpty(this.get('value'))) {
// event.preventDefault();
// controller.send('deleteLastTag');
// }
// break;
// case keys.ESCAPE:
// event.preventDefault();
// controller.send('reset');
// break;
// }
// }
// }),
// suggestionView: Ember.View.extend({
// tagName: 'li',
// classNameBindings: 'suggestion.selected',
// suggestion: null,
// // we can't use the 'click' event here as the focusOut event on the
// // input will fire first
// mouseDown: function (event) {
// event.preventDefault();
// },
// mouseUp: function (event) {
// event.preventDefault();
// this.get('parentView.controller').send('addTag',
// this.get('suggestion.tag'));
// }
// }),
actions: {
deleteTag: function (tag) {
// The view wants to keep focus on the input after a click on a tag
Ember.$('.js-tag-input').focus();
// Make the controller do the actual work
this.sendAction('deleteTag', tag);
}
}
});

55
core/client/app/views/post-item-view.js → core/client/app/components/gh-posts-list-item.js
View file

@ -1,24 +1,53 @@
import Ember from 'ember';
var PostItemView = Ember.View.extend({
export default Ember.Component.extend({
tagName: 'li',
classNameBindings: ['active', 'isFeatured:featured', 'isPage:page'],
active: null,
post: null,
active: false,
isFeatured: Ember.computed.alias('controller.model.featured'),
ghostPaths: Ember.inject.service('ghost-paths'),
isPage: Ember.computed.alias('controller.model.page'),
isFeatured: Ember.computed.alias('post.featured'),
doubleClick: function () {
this.get('controller').send('openEditor');
},
isPage: Ember.computed.alias('post.page'),
isPublished: Ember.computed.equal('post.status', 'published'),
authorName: Ember.computed('post.author.name', 'post.author.email', function () {
return this.get('post.author.name') || this.get('post.author.email');
}),
authorAvatar: Ember.computed('post.author.image', function () {
return this.get('post.author.image') || this.get('ghostPaths.url').asset('/shared/img/user-image.png');
}),
authorAvatarBackground: Ember.computed('authorAvatar', function () {
return `background-image: url(${this.get('authorAvatar')})`.htmlSafe();
}),
click: function () {
this.get('controller').send('showPostContent');
this.sendAction('onClick', this.get('post'));
},
doubleClick: function () {
this.sendAction('onDoubleClick', this.get('post'));
},
didInsertElement: function () {
this.addObserver('active', this, this.scrollIntoView);
},
willDestroyElement: function () {
this.removeObserver('active', this, this.scrollIntoView);
},
scrollIntoView: function () {
if (!this.get('active')) {
return;
}
var element = this.$(),
offset = element.offset().top,
elementHeight = element.height(),
@ -41,15 +70,5 @@ var PostItemView = Ember.View.extend({
scrollTop: currentScroll + offset - 40 - containerHeight / 2
});
}
},
willDestroyElement: function () {
// removes the scrollIntoView observer
this.removeObserver('active', this, this.scrollIntoView);
},
didInsertElement: function () {
// adds the scrollIntoView observer
this.addObserver('active', this, this.scrollIntoView);
}
});
export default PostItemView;

34
core/client/app/components/gh-select-native.js Normal file
View file

@ -0,0 +1,34 @@
import Ember from 'ember';
export default Ember.Component.extend({
content: null,
prompt: null,
optionValuePath: 'id',
optionLabelPath: 'title',
selection: null,
action: Ember.K, // action to fire on change
// shadow the passed-in `selection` to avoid
// leaking changes to it via a 2-way binding
_selection: Ember.computed.reads('selection'),
actions: {
change: function () {
var selectEl = this.$('select')[0],
selectedIndex = selectEl.selectedIndex,
content = this.get('content'),
// decrement index by 1 if we have a prompt
hasPrompt = !!this.get('prompt'),
contentIndex = hasPrompt ? selectedIndex - 1 : selectedIndex,
selection = content.objectAt(contentIndex);
// set the local, shadowed selection to avoid leaking
// changes to `selection` out via 2-way binding
this.set('_selection', selection);
this.sendAction('action', selection);
}
}
});

2
core/client/app/components/gh-tab-pane.js
View file

@ -16,7 +16,7 @@ var TabPane = Ember.Component.extend({
active: Ember.computed.alias('tab.active'),
didInsertElement: function () {
willRender: function () {
// Register with the tabs manager
this.get('tabsManager').registerTabPane(this);
},

2
core/client/app/components/gh-tab.js
View file

@ -18,7 +18,7 @@ var Tab = Ember.Component.extend({
this.get('tabsManager').select(this);
},
didInsertElement: function () {
willRender: function () {
// register the tabs with the tab manager
this.get('tabsManager').registerTab(this);
},

43
core/client/app/components/gh-uploader.js
View file

@ -1,7 +1,7 @@
import Ember from 'ember';
import uploader from 'ghost/assets/lib/uploader';
var PostImageUploader = Ember.Component.extend({
export default Ember.Component.extend({
classNames: ['image-uploader', 'js-post-image-upload'],
config: Ember.inject.service(),
@ -17,10 +17,10 @@ var PostImageUploader = Ember.Component.extend({
var $this = this.$(),
self = this;
this.set('uploaderReference', uploader.call($this, {
editor: true,
fileStorage: this.get('config.fileStorage')
}));
// this.set('uploaderReference', uploader.call($this, {
// editor: true,
// fileStorage: this.get('config.fileStorage')
// }));
$this.on('uploadsuccess', function (event, result) {
if (result && result !== '' && result !== 'http://') {
@ -41,13 +41,40 @@ var PostImageUploader = Ember.Component.extend({
$this.find('.js-cancel').off();
},
// didInsertElement: function () {
// Ember.run.scheduleOnce('afterRender', this, this.setup());
// },
didInsertElement: function () {
this.setup();
this.send('initUploader');
},
willDestroyElement: function () {
this.removeListeners();
},
actions: {
initUploader: function () {
var ref,
el,
self = this;
el = this.$();
ref = uploader.call(el, {
editor: true,
fileStorage: this.get('config.fileStorage')
});
el.on('uploadsuccess', function (event, result) {
if (result && result !== '' && result !== 'http://') {
self.sendAction('uploaded', result);
}
});
el.on('imagecleared', function () {
self.sendAction('canceled');
});
this.sendAction('initUploader', this.get('uploaderReference'));
}
}
});
export default PostImageUploader;

25
core/client/app/components/gh-user-active.js Normal file
View file

@ -0,0 +1,25 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: '',
user: null,
ghostPaths: Ember.inject.service('ghost-paths'),
userDefault: Ember.computed('ghostPaths', function () {
return this.get('ghostPaths.url').asset('/shared/img/user-image.png');
}),
userImageBackground: Ember.computed('user.image', 'userDefault', function () {
var url = this.get('user.image') || this.get('userDefault');
return `background-image: url(${url})`.htmlSafe();
}),
lastLogin: Ember.computed('user.last_login', function () {
var lastLogin = this.get('user.last_login');
return lastLogin ? lastLogin.fromNow() : '(Never)';
})
});

61
core/client/app/components/gh-user-invited.js Normal file
View file

@ -0,0 +1,61 @@
import Ember from 'ember';
export default Ember.Component.extend({
tagName: '',
user: null,
notifications: Ember.inject.service(),
createdAt: Ember.computed('user.created_at', function () {
var createdAt = this.get('user.created_at');
return createdAt ? createdAt.fromNow() : '';
}),
actions: {
resend: function () {
var user = this.get('user'),
notifications = this.get('notifications');
user.resendInvite().then(function (result) {
var notificationText = 'Invitation resent! (' + user.get('email') + ')';
// If sending the invitation email fails, the API will still return a status of 201
// but the user's status in the response object will be 'invited-pending'.
if (result.users[0].status === 'invited-pending') {
notifications.showWarn('Invitation email was not sent. Please try resending.');
} else {
user.set('status', result.users[0].status);
notifications.showSuccess(notificationText);
}
}).catch(function (error) {
notifications.showAPIError(error);
});
},
revoke: function () {
var user = this.get('user'),
email = user.get('email'),
notifications = this.get('notifications'),
self = this;
// reload the user to get the most up-to-date information
user.reload().then(function () {
if (user.get('invited')) {
user.destroyRecord().then(function () {
var notificationText = 'Invitation revoked. (' + email + ')';
notifications.showSuccess(notificationText, false);
}).catch(function (error) {
notifications.showAPIError(error);
});
} else {
// if the user is no longer marked as "invited", then show a warning and reload the route
self.sendAction('reload');
notifications.showError('This user has already accepted the invitation.', {delayed: 500});
}
});
}
}
});

2
core/client/app/components/gh-view-title.js
View file

@ -4,7 +4,7 @@ export default Ember.Component.extend({
tagName: 'h2',
classNames: ['view-title'],
actions: {
openMobileMenu () {
openMobileMenu: function () {
this.sendAction('openMobileMenu');
}
}

14
core/client/app/controllers/application.js
View file

@ -13,10 +13,10 @@ export default Ember.Controller.extend({
autoNav: false,
autoNavOpen: Ember.computed('autoNav', {
get () {
get: function () {
return false;
},
set (key, value) {
set: function (key, value) {
if (this.get('autoNav')) {
return value;
}
@ -25,23 +25,23 @@ export default Ember.Controller.extend({
}),
actions: {
topNotificationChange (count) {
topNotificationChange: function (count) {
this.set('topNotificationCount', count);
},
toggleAutoNav () {
toggleAutoNav: function () {
this.toggleProperty('autoNav');
},
openAutoNav () {
openAutoNav: function () {
this.set('autoNavOpen', true);
},
closeAutoNav () {
closeAutoNav: function () {
this.set('autoNavOpen', false);
},
closeMobileMenu () {
closeMobileMenu: function () {
this.set('showMobileMenu', false);
}
}

10
core/client/app/controllers/editor/edit.js
View file

@ -1,6 +1,10 @@
import Ember from 'ember';
import EditorControllerMixin from 'ghost/mixins/editor-base-controller';
var EditorEditController = Ember.Controller.extend(EditorControllerMixin);
export default EditorEditController;
export default Ember.Controller.extend(EditorControllerMixin, {
actions: {
openDeleteModal: function () {
this.send('openModal', 'delete-post', this.get('model'));
}
}
});

51
core/client/app/controllers/post-settings-menu.js
View file

@ -1,5 +1,3 @@
/* global moment */
import Ember from 'ember';
import {parseDateString, formatDate} from 'ghost/utils/date-formatting';
import SettingsMenuMixin from 'ghost/mixins/settings-menu-controller';
@ -27,31 +25,6 @@ export default Ember.Controller.extend(SettingsMenuMixin, {
});
}),
changeAuthor: Ember.observer('selectedAuthor', function () {
var author = this.get('model.author'),
selectedAuthor = this.get('selectedAuthor'),
model = this.get('model'),
self = this;
// return if nothing changed
if (selectedAuthor.get('id') === author.get('id')) {
return;
}
model.set('author', selectedAuthor);
// if this is a new post (never been saved before), don't try to save it
if (this.get('model.isNew')) {
return;
}
model.save().catch(function (errors) {
self.showErrors(errors);
self.set('selectedAuthor', author);
model.rollback();
});
}),
authors: Ember.computed(function () {
// Loaded asynchronously, so must use promise proxies.
var deferred = {};
@ -467,6 +440,30 @@ export default Ember.Controller.extend(SettingsMenuMixin, {
closeNavMenu: function () {
this.get('application').send('closeNavMenu');
},
changeAuthor: function (newAuthor) {
var author = this.get('model.author'),
model = this.get('model'),
self = this;
// return if nothing changed
if (newAuthor.get('id') === author.get('id')) {
return;
}
model.set('author', newAuthor);
// if this is a new post (never been saved before), don't try to save it
if (this.get('model.isNew')) {
return;
}
model.save().catch(function (errors) {
self.showErrors(errors);
self.set('selectedAuthor', author);
model.rollback();
});
}
}
});

7
core/client/app/controllers/post-tags-input.js
View file

@ -1,5 +1,8 @@
import Ember from 'ember';
var PostTagsInputController = Ember.Controller.extend({
// should be integrated into tag input component during reimplementation
export default Ember.Controller.extend({
tagEnteredOrder: Ember.A(),
tags: Ember.computed('parentController.model.tags', function () {
@ -243,5 +246,3 @@ var PostTagsInputController = Ember.Controller.extend({
return suggestion;
}
});
export default PostTagsInputController;

112
core/client/app/controllers/posts.js
View file

@ -1,6 +1,50 @@
import Ember from 'ember';
import PaginationControllerMixin from 'ghost/mixins/pagination-controller';
// a custom sort function is needed in order to sort the posts list the same way the server would:
// status: ASC
// published_at: DESC
// updated_at: DESC
// id: DESC
function comparator(item1, item2) {
var updated1 = item1.get('updated_at'),
updated2 = item2.get('updated_at'),
idResult,
statusResult,
updatedAtResult,
publishedAtResult;
// when `updated_at` is undefined, the model is still
// being written to with the results from the server
if (item1.get('isNew') || !updated1) {
return -1;
}
if (item2.get('isNew') || !updated2) {
return 1;
}
idResult = Ember.compare(parseInt(item1.get('id')), parseInt(item2.get('id')));
statusResult = Ember.compare(item1.get('status'), item2.get('status'));
updatedAtResult = Ember.compare(updated1.valueOf(), updated2.valueOf());
publishedAtResult = publishedAtCompare(item1, item2);
if (statusResult === 0) {
if (publishedAtResult === 0) {
if (updatedAtResult === 0) {
// This should be DESC
return idResult * -1;
}
// This should be DESC
return updatedAtResult * -1;
}
// This should be DESC
return publishedAtResult * -1;
}
return statusResult;
}
function publishedAtCompare(item1, item2) {
var published1 = item1.get('published_at'),
published2 = item2.get('published_at');
@ -20,68 +64,30 @@ function publishedAtCompare(item1, item2) {
return Ember.compare(published1.valueOf(), published2.valueOf());
}
var PostsController = Ember.ArrayController.extend(PaginationControllerMixin, {
export default Ember.Controller.extend(PaginationControllerMixin, {
// See PostsRoute's shortcuts
postListFocused: Ember.computed.equal('keyboardFocus', 'postList'),
postContentFocused: Ember.computed.equal('keyboardFocus', 'postContent'),
// this will cause the list to re-sort when any of these properties change on any of the models
sortProperties: ['status', 'published_at', 'updated_at'],
// override Ember.SortableMixin
//
// this function will keep the posts list sorted when loading individual/bulk
// models from the server, even if records in between haven't been loaded.
// this can happen when reloading the page on the Editor or PostsPost routes.
//
// a custom sort function is needed in order to sort the posts list the same way the server would:
// status: ASC
// published_at: DESC
// updated_at: DESC
// id: DESC
orderBy: function (item1, item2) {
var updated1 = item1.get('updated_at'),
updated2 = item2.get('updated_at'),
idResult,
statusResult,
updatedAtResult,
publishedAtResult;
sortedPosts: Ember.computed('model.@each.status', 'model.@each.published_at', 'model.@each.isNew', 'model.@each.updated_at', function () {
var postsArray = this.get('model').toArray();
// when `updated_at` is undefined, the model is still
// being written to with the results from the server
if (item1.get('isNew') || !updated1) {
return -1;
}
if (item2.get('isNew') || !updated2) {
return 1;
}
idResult = Ember.compare(parseInt(item1.get('id')), parseInt(item2.get('id')));
statusResult = Ember.compare(item1.get('status'), item2.get('status'));
updatedAtResult = Ember.compare(updated1.valueOf(), updated2.valueOf());
publishedAtResult = publishedAtCompare(item1, item2);
if (statusResult === 0) {
if (publishedAtResult === 0) {
if (updatedAtResult === 0) {
// This should be DESC
return idResult * -1;
}
// This should be DESC
return updatedAtResult * -1;
}
// This should be DESC
return publishedAtResult * -1;
}
return statusResult;
},
return postsArray.sort(comparator);
}),
init: function () {
// let the PaginationControllerMixin know what type of model we will be paginating
// this is necessary because we do not have access to the model inside the Controller::init method
this._super({modelType: 'post'});
},
actions: {
showPostContent: function (post) {
if (!post) {
return;
}
this.transitionToRoute('posts.post', post);
}
}
});
export default PostsController;

37
core/client/app/controllers/posts/post.js
View file

@ -1,37 +0,0 @@
import Ember from 'ember';
export default Ember.Controller.extend({
classNameBindings: ['model.featured'],
ghostPaths: Ember.inject.service('ghost-paths'),
notifications: Ember.inject.service(),
isPublished: Ember.computed.equal('model.status', 'published'),
authorName: Ember.computed('model.author.name', 'model.author.email', function () {
return this.get('model.author.name') || this.get('model.author.email');
}),
authorAvatar: Ember.computed('model.author.image', function () {
return this.get('model.author.image') || this.get('ghostPaths.url').asset('/shared/img/user-image.png');
}),
authorAvatarBackground: Ember.computed('authorAvatar', function () {
return `background-image: url(${this.get('authorAvatar')})`.htmlSafe();
}),
actions: {
toggleFeatured: function () {
var notifications = this.get('notifications');
this.toggleProperty('model.featured');
this.get('model').save().catch(function (errors) {
notifications.showErrors(errors);
});
},
showPostContent: function () {
this.transitionToRoute('posts.post', this.get('model'));
}
}
});

64
core/client/app/controllers/settings/app.js
View file

@ -1,64 +0,0 @@
import Ember from 'ember';
/*global alert */
var appStates,
SettingsAppController;
appStates = {
active: 'active',
working: 'working',
inactive: 'inactive'
};
SettingsAppController = Ember.Controller.extend({
appState: appStates.active,
buttonText: '',
setAppState: Ember.on('init', function () {
this.set('appState', this.get('active') ? appStates.active : appStates.inactive);
}),
buttonTextSetter: Ember.observer('appState', function () {
switch (this.get('appState')) {
case appStates.active:
this.set('buttonText', 'Deactivate');
break;
case appStates.inactive:
this.set('buttonText', 'Activate');
break;
case appStates.working:
this.set('buttonText', 'Working');
break;
}
}),
activeClass: Ember.computed('appState', function () {
return this.appState === appStates.active ? true : false;
}),
inactiveClass: Ember.computed('appState', function () {
return this.appState === appStates.inactive ? true : false;
}),
actions: {
toggleApp: function (app) {
var self = this;
this.set('appState', appStates.working);
app.set('active', !app.get('active'));
app.save().then(function () {
self.setAppState();
})
.then(function () {
alert('@TODO: Success');
})
.catch(function () {
alert('@TODO: Failure');
});
}
}
});
export default SettingsAppController;

2
core/client/app/controllers/settings/code-injection.js
View file

@ -1,6 +1,8 @@
import Ember from 'ember';
export default Ember.Controller.extend({
notifications: Ember.inject.service(),
actions: {
save: function () {
var notifications = this.get('notifications');

18
core/client/app/controllers/settings/general.js
View file

@ -4,7 +4,19 @@ import randomPassword from 'ghost/utils/random-password';
export default Ember.Controller.extend({
notifications: Ember.inject.service(),
selectedTheme: null,
selectedTheme: Ember.computed('model.activeTheme', 'themes', function () {
var activeTheme = this.get('model.activeTheme'),
themes = this.get('themes'),
selectedTheme;
themes.forEach(function (theme) {
if (theme.name === activeTheme) {
selectedTheme = theme;
}
});
return selectedTheme;
}),
logoImageSource: Ember.computed('model.logo', function () {
return this.get('model.logo') || '';
@ -68,6 +80,10 @@ export default Ember.Controller.extend({
if (postsPerPage < 1 || postsPerPage > 1000 || isNaN(postsPerPage)) {
this.set('model.postsPerPage', 5);
}
},
setTheme: function (theme) {
this.set('model.activeTheme', theme.name);
}
}
});

3
core/client/app/controllers/settings/labs.js
View file

@ -1,7 +1,7 @@
import Ember from 'ember';
import {request as ajax} from 'ic-ajax';
export default Ember.Controller.extend(Ember.Evented, {
export default Ember.Controller.extend({
uploadButtonText: 'Import',
importErrors: '',
@ -63,7 +63,6 @@ export default Ember.Controller.extend(Ember.Evented, {
notifications.showError('Import Failed');
}).finally(function () {
self.set('uploadButtonText', 'Import');
self.trigger('reset');
});
},

23
core/client/app/controllers/settings/tags.js
View file

@ -3,7 +3,7 @@ import PaginationMixin from 'ghost/mixins/pagination-controller';
import SettingsMenuMixin from 'ghost/mixins/settings-menu-controller';
import boundOneWay from 'ghost/utils/bound-one-way';
export default Ember.ArrayController.extend(PaginationMixin, SettingsMenuMixin, {
export default Ember.Controller.extend(PaginationMixin, SettingsMenuMixin, {
tags: Ember.computed.alias('model'),
activeTag: null,
@ -23,6 +23,23 @@ export default Ember.ArrayController.extend(PaginationMixin, SettingsMenuMixin,
config: Ember.inject.service(),
notifications: Ember.inject.service(),
uploaderReference: null,
// This observer loads and resets the uploader whenever the active tag changes,
// ensuring that we can reuse the whole settings menu.
updateUploader: Ember.observer('activeTag.image', 'uploaderReference', function () {
var uploader = this.get('uploaderReference'),
image = this.get('activeTag.image');
if (uploader && uploader[0]) {
if (image) {
uploader[0].uploaderUi.initWithImage();
} else {
uploader[0].uploaderUi.reset();
}
}
}),
showErrors: function (errors) {
errors = Ember.isArray(errors) ? errors : [errors];
this.get('notifications').showErrors(errors);
@ -136,6 +153,10 @@ export default Ember.ArrayController.extend(PaginationMixin, SettingsMenuMixin,
closeNavMenu: function () {
this.get('application').send('closeNavMenu');
},
setUploaderReference: function (ref) {
this.set('uploaderReference', ref);
}
}
});

4
core/client/app/controllers/team/index.js
View file

@ -1,7 +1,7 @@
import Ember from 'ember';
import PaginationControllerMixin from 'ghost/mixins/pagination-controller';
var TeamIndexController = Ember.ArrayController.extend(PaginationControllerMixin, {
export default Ember.Controller.extend(PaginationControllerMixin, {
init: function () {
// let the PaginationControllerMixin know what type of model we will be paginating
// this is necessary because we do not have access to the model inside the Controller::init method
@ -20,5 +20,3 @@ var TeamIndexController = Ember.ArrayController.extend(PaginationControllerMixin
return status === 'invited' || status === 'invited-pending';
})
});
export default TeamIndexController;

101
core/client/app/controllers/team/user.js
View file

@ -7,6 +7,30 @@ export default Ember.Controller.extend({
ghostPaths: Ember.inject.service('ghost-paths'),
notifications: Ember.inject.service(),
currentUser: Ember.computed.alias('session.user'),
isNotOwnProfile: Ember.computed('user.id', 'currentUser.id', function () {
return this.get('user.id') !== this.get('currentUser.id');
}),
isNotOwnersProfile: Ember.computed.not('user.isOwner'),
canAssignRoles: Ember.computed.or('currentUser.isAdmin', 'currentUser.isOwner'),
canMakeOwner: Ember.computed.and('currentUser.isOwner', 'isNotOwnProfile', 'user.isAdmin'),
rolesDropdownIsVisible: Ember.computed.and('isNotOwnProfile', 'canAssignRoles', 'isNotOwnersProfile'),
deleteUserActionIsVisible: Ember.computed('currentUser', 'canAssignRoles', 'user', function () {
if ((this.get('canAssignRoles') && this.get('isNotOwnProfile') && !this.get('user.isOwner')) ||
(this.get('currentUser.isEditor') && (this.get('isNotOwnProfile') ||
this.get('user.isAuthor')))) {
return true;
}
}),
userActionsAreVisible: Ember.computed.or('deleteUserActionIsVisible', 'canMakeOwner'),
user: Ember.computed.alias('model'),
email: Ember.computed.readOnly('model.email'),
@ -15,6 +39,20 @@ export default Ember.Controller.extend({
lastPromise: null,
// duplicated in gh-user-active -- find a better home and consolidate?
userDefault: Ember.computed('ghostPaths', function () {
return this.get('ghostPaths.url').asset('/shared/img/user-image.png');
}),
userImageBackground: Ember.computed('user.image', 'userDefault', function () {
var url = this.get('user.image') || this.get('userDefault');
return `background-image: url(${url})`.htmlSafe();
}),
// end duplicated
coverDefault: Ember.computed('ghostPaths', function () {
return this.get('ghostPaths.url').asset('/shared/img/user-cover.png');
}),
@ -29,28 +67,6 @@ export default Ember.Controller.extend({
return this.get('user.name') + '\'s Cover Image';
}),
userDefault: Ember.computed('ghostPaths', function () {
return this.get('ghostPaths.url').asset('/shared/img/user-image.png');
}),
userImageBackground: Ember.computed('user.image', 'userDefault', function () {
var url = this.get('user.image') || this.get('userDefault');
return `background-image: url(${url})`.htmlSafe();
}),
last_login: Ember.computed('user.last_login', function () {
var lastLogin = this.get('user.last_login');
return lastLogin ? lastLogin.fromNow() : '(Never)';
}),
created_at: Ember.computed('user.created_at', function () {
var createdAt = this.get('user.created_at');
return createdAt ? createdAt.fromNow() : '';
}),
// Lazy load the slug generator for slugPlaceholder
slugGenerator: Ember.computed(function () {
return SlugGenerator.create({
@ -64,47 +80,6 @@ export default Ember.Controller.extend({
this.set('model.role', newRole);
},
revoke: function () {
var self = this,
model = this.get('model'),
email = this.get('email');
// reload the model to get the most up-to-date user information
model.reload().then(function () {
if (model.get('invited')) {
model.destroyRecord().then(function () {
var notificationText = 'Invitation revoked. (' + email + ')';
self.get('notifications').showSuccess(notificationText, false);
}).catch(function (error) {
self.get('notifications').showAPIError(error);
});
} else {
// if the user is no longer marked as "invited", then show a warning and reload the route
self.get('target').send('reload');
self.get('notifications').showError('This user has already accepted the invitation.', {delayed: 500});
}
});
},
resend: function () {
var self = this;
this.get('model').resendInvite().then(function (result) {
var notificationText = 'Invitation resent! (' + self.get('email') + ')';
// If sending the invitation email fails, the API will still return a status of 201
// but the user's status in the response object will be 'invited-pending'.
if (result.users[0].status === 'invited-pending') {
self.get('notifications').showWarn('Invitation email was not sent. Please try resending.');
} else {
self.get('model').set('status', result.users[0].status);
self.get('notifications').showSuccess(notificationText);
}
}).catch(function (error) {
self.get('notifications').showAPIError(error);
});
},
save: function () {
var user = this.get('user'),
slugValue = this.get('slugValue'),

19
core/client/app/helpers/gh-path.js
View file

@ -1,22 +1,23 @@
import Ember from 'ember';
import ghostPaths from 'ghost/utils/ghost-paths';
// Handlebars Helper {{gh-path}}
// Usage: Assume 'http://www.myghostblog.org/myblog/'
// {{gh-path}} or {{gh-path 'blog'}} for Ghost's root (/myblog/)
// {{gh-path 'admin'}} for Ghost's admin root (/myblog/ghost/)
// {{gh-path 'api'}} for Ghost's api root (/myblog/ghost/api/v0.1/)
// {{gh-path 'admin' '/assets/hi.png'}} for resolved url (/myblog/ghost/assets/hi.png)
import ghostPaths from 'ghost/utils/ghost-paths';
function ghostPathsHelper(path, url) {
function ghostPathsHelper(params/*, hash */) {
var base,
argsLength = arguments.length,
paths = ghostPaths();
paths = ghostPaths(),
[path, url] = params;
// function is always invoked with at least one parameter, so if
// arguments.length is 1 there were 0 arguments passed in explicitly
if (argsLength === 1) {
if (!path) {
path = 'blog';
} else if (argsLength === 2 && !/^(blog|admin|api)$/.test(path)) {
}
if (!/^(blog|admin|api)$/.test(path)) {
url = path;
path = 'blog';
}
@ -51,4 +52,4 @@ function ghostPathsHelper(path, url) {
return Ember.String.htmlSafe(base);
}
export default ghostPathsHelper;
export default Ember.HTMLBars.makeBoundHelper(ghostPathsHelper);

9
core/client/app/helpers/is-equal.js Normal file
View file

@ -0,0 +1,9 @@
import Ember from 'ember';
export function isEqual(params/*, hash*/) {
var [lhs, rhs] = params;
return lhs === rhs;
}
export default Ember.HTMLBars.makeBoundHelper(isEqual);

7
core/client/app/helpers/is-not.js Normal file
View file

@ -0,0 +1,7 @@
import Ember from 'ember';
export function isNot(params/*, hash*/) {
return !params;
}
export default Ember.HTMLBars.makeBoundHelper(isNot);

9
core/client/app/helpers/read-path.js Normal file
View file

@ -0,0 +1,9 @@
import Ember from 'ember';
export function readPath(params/*, hash*/) {
var [obj, path] = params;
return Ember.get(obj, path);
}
export default Ember.HTMLBars.makeBoundHelper(readPath);

2
core/client/app/mixins/ed-editor-scroll.js
View file

@ -62,7 +62,7 @@ var EditorScroll = Ember.Mixin.create({
*/
scrollHandler: function () {
this.set('scrollThrottle', Ember.run.throttle(this, function () {
this.set('scrollInfo', this.getScrollInfo());
this.sendAction('updateScrollInfo', this.getScrollInfo());
}, 10));
},

16
core/client/app/mixins/editor-base-controller.js
View file

@ -1,5 +1,3 @@
/* global console */
import Ember from 'ember';
import PostModel from 'ghost/models/post';
import boundOneWay from 'ghost/utils/bound-one-way';
@ -14,7 +12,6 @@ PostModel.eachAttribute(function (name) {
});
export default Ember.Mixin.create({
postTagsInputController: Ember.inject.controller('post-tags-input'),
postSettingsMenuController: Ember.inject.controller('post-settings-menu'),
autoSaveId: null,
@ -267,9 +264,6 @@ export default Ember.Mixin.create({
notifications.closePassive();
// ensure an incomplete tag is finalised before save
this.get('postTagsInputController').send('addNewTag');
// Set the properties that are indirected
// set markdown equal to what's in the editor, minus the image markers.
this.set('model.markdown', this.get('editor').getValue());
@ -320,8 +314,6 @@ export default Ember.Mixin.create({
this.set('willPublish', true);
} else if (newType === 'draft') {
this.set('willPublish', false);
} else {
console.warn('Received invalid save type; ignoring.');
}
},
@ -362,6 +354,14 @@ export default Ember.Mixin.create({
if (this.get('model.isNew')) {
this.send('save', {silent: true, backgroundSave: true});
}
},
updateEditorScrollInfo: function (scrollInfo) {
this.set('editorScrollInfo', scrollInfo);
},
updateHeight: function (height) {
this.set('height', height);
}
}
});

38
core/client/app/mixins/infinite-scroll.js Normal file
View file

@ -0,0 +1,38 @@
import Ember from 'ember';
export default Ember.Mixin.create({
isLoading: false,
triggerPoint: 100,
/**
* Determines if we are past a scroll point where we need to fetch the next page
* @param {object} event The scroll event
*/
checkScroll: function (event) {
var element = event.target,
triggerPoint = this.get('triggerPoint'),
isLoading = this.get('isLoading');
// If we haven't passed our threshold or we are already fetching content, exit
if (isLoading || (element.scrollTop + element.clientHeight + triggerPoint <= element.scrollHeight)) {
return;
}
this.sendAction('fetch');
},
didInsertElement: function () {
var el = this.get('element');
el.onscroll = Ember.run.bind(this, this.checkScroll);
if (el.scrollHeight <= el.clientHeight) {
this.sendAction('fetch');
}
},
willDestroyElement: function () {
// turn off the scroll handler
this.get('element').onscroll = null;
}
});

50
core/client/app/mixins/pagination-view-infinite-scroll.js
View file

@ -1,50 +0,0 @@
import Ember from 'ember';
var PaginationViewInfiniteScrollMixin = Ember.Mixin.create({
/**
* Determines if we are past a scroll point where we need to fetch the next page
* @param {object} event The scroll event
*/
checkScroll: function (event) {
var element = event.target,
triggerPoint = 100,
controller = this.get('controller'),
isLoading = controller.get('isLoading');
// If we haven't passed our threshold or we are already fetching content, exit
if (isLoading || (element.scrollTop + element.clientHeight + triggerPoint <= element.scrollHeight)) {
return;
}
controller.send('loadNextPage');
},
/**
* Bind to the scroll event once the element is in the DOM
*/
attachCheckScroll: function () {
var el = this.$(),
controller = this.get('controller');
el.on('scroll', Ember.run.bind(this, this.checkScroll));
if (this.element.scrollHeight <= this.element.clientHeight) {
controller.send('loadNextPage');
}
},
didInsertElement: function () {
this._super();
this.attachCheckScroll();
},
willDestroyElement: function () {
this._super();
// unbind from the scroll event when the element is no longer in the DOM
this.$().off('scroll');
}
});
export default PaginationViewInfiniteScrollMixin;

4
core/client/app/routes/application.js
View file

@ -30,7 +30,7 @@ export default Ember.Route.extend(ApplicationRouteMixin, ShortcutsRoute, {
},
actions: {
openMobileMenu () {
openMobileMenu: function () {
this.controller.set('showMobileMenu', true);
},
@ -38,7 +38,7 @@ export default Ember.Route.extend(ApplicationRouteMixin, ShortcutsRoute, {
this.controller.set('showSettingsMenu', true);
},
closeMenus () {
closeMenus: function () {
this.get('dropdown').closeDropdowns();
this.get('notifications').closeAll();
this.send('closeModal');

17
core/client/app/routes/editor/new.js
View file

@ -1,7 +1,7 @@
import AuthenticatedRoute from 'ghost/routes/authenticated';
import base from 'ghost/mixins/editor-base-route';
var EditorNewRoute = AuthenticatedRoute.extend(base, {
export default AuthenticatedRoute.extend(base, {
titleToken: 'Editor',
model: function () {
@ -13,6 +13,19 @@ var EditorNewRoute = AuthenticatedRoute.extend(base, {
});
},
renderTemplate: function (controller, model) {
this.render('editor/edit', {
controller: controller,
model: model
});
this.render('post-settings-menu', {
into: 'application',
outlet: 'settings-menu',
model: model
});
},
setupController: function (controller, model) {
var psm = this.controllerFor('post-settings-menu');
@ -27,5 +40,3 @@ var EditorNewRoute = AuthenticatedRoute.extend(base, {
this._super(controller, model);
}
});
export default EditorNewRoute;

14
core/client/app/routes/posts.js
View file

@ -1,23 +1,17 @@
import Ember from 'ember';
import AuthenticatedRoute from 'ghost/routes/authenticated';
import styleBody from 'ghost/mixins/style-body';
import ShortcutsRoute from 'ghost/mixins/shortcuts-route';
import PaginationRouteMixin from 'ghost/mixins/pagination-route';
var paginationSettings,
PostsRoute;
paginationSettings = {
var paginationSettings = {
status: 'all',
staticPages: 'all',
page: 1
};
PostsRoute = AuthenticatedRoute.extend(ShortcutsRoute, styleBody, PaginationRouteMixin, {
export default AuthenticatedRoute.extend(ShortcutsRoute, PaginationRouteMixin, {
titleToken: 'Content',
classNames: ['manage'],
model: function () {
var self = this;
@ -45,7 +39,7 @@ PostsRoute = AuthenticatedRoute.extend(ShortcutsRoute, styleBody, PaginationRout
stepThroughPosts: function (step) {
var currentPost = this.get('controller.currentPost'),
posts = this.get('controller.arrangedContent'),
posts = this.get('controller.sortedPosts'),
length = posts.get('length'),
newPosition;
@ -106,5 +100,3 @@ PostsRoute = AuthenticatedRoute.extend(ShortcutsRoute, styleBody, PaginationRout
}
}
});
export default PostsRoute;

8
core/client/app/routes/posts/post.js
View file

@ -60,8 +60,12 @@ var PostsPostRoute = AuthenticatedRoute.extend(ShortcutsRoute, {
},
actions: {
openEditor: function () {
this.transitionTo('editor.edit', this.get('controller.model.id'));
openEditor: function (post) {
if (!post) {
return;
}
this.transitionTo('editor.edit', post.get('id'));
},
deletePost: function () {

28
core/client/app/routes/settings/apps.js
View file

@ -1,28 +0,0 @@
import Ember from 'ember';
import AuthenticatedRoute from 'ghost/routes/authenticated';
import CurrentUserSettings from 'ghost/mixins/current-user-settings';
import styleBody from 'ghost/mixins/style-body';
export default AuthenticatedRoute.extend(styleBody, CurrentUserSettings, {
titleToken: 'Apps',
classNames: ['settings-view-apps'],
config: Ember.inject.service(),
beforeModel: function (transition) {
this._super(transition);
if (!this.get('config.apps')) {
return this.transitionTo('settings.general');
}
return this.get('session.user')
.then(this.transitionAuthor())
.then(this.transitionEditor());
},
model: function () {
return this.store.find('app');
}
});

3
core/client/app/routes/settings/tags.js
View file

@ -37,8 +37,7 @@ TagsRoute = AuthenticatedRoute.extend(CurrentUserSettings, PaginationRouteMixin,
this._super(controller, model);
this.render('settings/tags/settings-menu', {
into: 'application',
outlet: 'settings-menu',
view: 'settings/tags/settings-menu'
outlet: 'settings-menu'
});
},

12
core/client/app/templates/-publish-bar.hbs
View file

@ -1,12 +0,0 @@
<footer id="publish-bar">
<div class="publish-bar-inner">
{{render 'post-tags-input'}}
<div class="publish-bar-actions">
<button type="button" class="post-settings" {{action "openSettingsMenu"}}>
<i class="icon-settings"></i>
</button>
{{view "editor-save-button" id="entry-actions" classNameBindings="model.isNew:unsaved"}}
</div>
</div>
</footer>

6
core/client/app/templates/-user-actions-menu.hbs
View file

@ -1,6 +0,0 @@
{{#if view.canMakeOwner}}
<li><button {{action "openModal" "transfer-owner" this}}>Make Owner</button></li>
{{/if}}
{{#if view.deleteUserActionIsVisible}}
<li><button {{action "openModal" "delete-user" this}} class="delete">Delete User</button></li>
{{/if}}

32
core/client/app/templates/application.hbs
View file

@ -1,23 +1,23 @@
<a class="sr-only sr-only-focusable" href="#gh-main">Skip to main content</a>
{{#gh-app showSettingsMenu=showSettingsMenu}}
<a class="sr-only sr-only-focusable" href="#gh-main">Skip to main content</a>
{{gh-alerts notify="topNotificationChange"}}
{{gh-alerts notify="topNotificationChange"}}
<div class="gh-viewport {{if autoNav 'gh-autonav'}} {{if showSettingsMenu 'settings-menu-expanded'}} {{if showMobileMenu 'mobile-menu-expanded'}}">
<div class="gh-viewport {{if autoNav 'gh-autonav'}} {{if showSettingsMenu 'settings-menu-expanded'}} {{if showMobileMenu 'mobile-menu-expanded'}}">
{{#unless signedOut}}
{{gh-nav-menu open=autoNavOpen onMouseEnter="openAutoNav" toggleMaximise="toggleAutoNav" openModal="openModal"}}
{{/unless}}
{{#unless signedOut}}
{{gh-nav-menu open=autoNavOpen onMouseEnter="openAutoNav" toggleAutoNav="toggleAutoNav" closeMobileMenu="closeMobileMenu" openModal="openModal"}}
{{/unless}}
{{#gh-main onMouseEnter="closeAutoNav" data-notification-count=topNotificationCount}}
{{outlet}}
{{/gh-main}}
{{#gh-main onMouseEnter="closeAutoNav" data-notification-count=topNotificationCount}}
{{outlet}}
{{/gh-main}}
{{gh-notifications}}
{{gh-notifications}}
{{gh-content-cover onClick="closeMenus" onMouseEnter="closeAutoNav"}}
{{gh-content-cover onClick="closeMenus" onMouseEnter="closeAutoNav"}}
{{outlet "modal"}}
{{outlet "settings-menu"}}
</div>{{!gh-viewport}}
{{outlet "modal"}}
{{outlet "settings-menu"}}
</div>{{!gh-viewport}}
{{/gh-app}}

1
core/client/app/templates/components/gh-app.hbs Normal file
View file

@ -0,0 +1 @@
{{yield}}

1
core/client/app/templates/components/gh-content-preview-content.hbs Normal file
View file

@ -0,0 +1 @@
{{yield}}

21
core/client/app/templates/editor-save-button.hbs → core/client/app/templates/components/gh-editor-save-button.hbs
View file

@ -1,19 +1,24 @@
<button type="button" {{action "save"}} class="btn btn-sm js-publish-button {{if view.isDangerous 'btn-red' 'btn-blue'}}">{{view.saveText}}</button>
{{#gh-dropdown-button dropdownName="post-save-menu" classNameBindings=":btn :btn-sm view.isDangerous:btn-red:btn-blue btnopen:active :dropdown-toggle :up"}}
<button type="button" {{action "save"}} class="btn btn-sm js-publish-button {{if isDangerous 'btn-red' 'btn-blue'}}">
{{saveText}}
</button>
{{#gh-dropdown-button dropdownName="post-save-menu" classNameBindings=":btn :btn-sm isDangerous:btn-red:btn-blue btnopen:active :dropdown-toggle :up"}}
<i class="options icon-arrow2"></i>
<span class="sr-only">Toggle Settings Menu</span>
{{/gh-dropdown-button}}
{{#gh-dropdown name="post-save-menu" closeOnClick="true" tagName="div" classNames="dropdown editor-options"}}
<ul class="dropdown-menu dropdown-triangle-bottom-right">
<li class="post-save-publish {{if willPublish 'active'}}">
<a {{action "setSaveType" "publish"}} href="#">{{view.publishText}}</a>
<a {{action "setSaveType" "publish"}} href="#">{{publishText}}</a>
</li>
<li class="post-save-draft {{unless willPublish 'active'}}">
<a {{action "setSaveType" "draft"}} href="#">{{view.draftText}}</a>
</li>
<li class="divider delete"></li>
<li class="delete">
<a {{action "openModal" "delete-post" this}} href="#">{{view.deleteText}}</a>
<a {{action "setSaveType" "draft"}} href="#">{{draftText}}</a>
</li>
{{#unless isNew}}
<li class="divider delete"></li>
<li class="delete">
<a {{action "delete"}} href="#">{{deleteText}}</a>
</li>
{{/unless}}
</ul>
{{/gh-dropdown}}

1
core/client/app/templates/components/gh-editor.hbs Normal file
View file

@ -0,0 +1 @@
{{yield this}}

1
core/client/app/templates/components/gh-infinite-scroll-box.hbs Normal file
View file

@ -0,0 +1 @@
{{yield}}

1
core/client/app/templates/components/gh-infinite-scroll.hbs Normal file
View file

@ -0,0 +1 @@
{{yield}}

1
core/client/app/templates/components/gh-navigation.hbs Normal file
View file

@ -0,0 +1 @@
{{yield}}

6
core/client/app/templates/components/gh-navitem.hbs
View file

@ -1,7 +1,7 @@
{{#unless navItem.last}}
<span class="gh-blognav-grab icon-grab">
<span class="sr-only">Reorder</span>
</span>
<span class="gh-blognav-grab icon-grab">
<span class="sr-only">Reorder</span>
</span>
{{/unless}}
<div class="gh-blognav-line">

6
core/client/app/templates/post-tags-input.hbs → core/client/app/templates/components/gh-post-tags-input.hbs
View file

@ -5,19 +5,19 @@
</div>
<div class="publish-bar-tags">
<div class="tags-wrapper tags">
{{#each controller.tags as |tag|}}
{{#each tags as |tag|}}
<span class="tag" {{action "deleteTag" tag target=view}}>{{tag.name}} <i class="icon-x"></i></span>
{{/each}}
</div>
</div>
<div class="publish-bar-tags-input">
<input type="hidden" class="tags-holder" id="tags-holder">
{{view view.tagInputView class="tag-input js-tag-input" id="tags" value=newTagText}}
{{!-- {{view view.tagInputView class="tag-input js-tag-input" id="tags" value=newTagText}}
<ul class="suggestions dropdown-menu dropdown-triangle-bottom" style={{view.overlayStyles}}>
{{#each suggestions as |suggestion|}}
{{#view view.suggestionView suggestion=suggestion}}
<a href="javascript:void(0);">{{view.suggestion.highlightedName}}</a>
{{/view}}
{{/each}}
</ul>
</ul> --}}
</div>

1
core/client/app/templates/components/gh-posts-list-item.hbs Normal file
View file

@ -0,0 +1 @@
{{yield this}}

14
core/client/app/templates/components/gh-select-native.hbs Normal file
View file

@ -0,0 +1,14 @@
<select {{action "change" on="change"}}>
{{#if prompt}}
<option disabled selected={{is-not selection}}>
{{prompt}}
</option>
{{/if}}
{{#each content as |item|}}
<option value="{{read-path item optionValuePath}}"
selected={{is-equal item selection}}>
{{read-path item optionLabelPath}}
</option>
{{/each}}
</select>

1
core/client/app/templates/components/gh-user-active.hbs Normal file
View file

@ -0,0 +1 @@
{{yield this}}

1
core/client/app/templates/components/gh-user-invited.hbs Normal file
View file

@ -0,0 +1 @@
{{yield this}}

77
core/client/app/templates/editor/edit.hbs
View file

@ -1,39 +1,46 @@
<header class="view-header">
{{#gh-view-title classNames="gh-editor-title" openMobileMenu="openMobileMenu"}}
{{gh-trim-focus-input type="text" id="entry-title" class="gh-input" placeholder="Your Post Title" value=model.titleScratch
tabindex="1" focus=shouldFocusTitle}}
{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="post-settings" {{action "openSettingsMenu"}}>
<i class="icon-settings"></i>
</button>
{{view "editor-save-button" id="entry-actions" classNameBindings="model.isNew:unsaved"}}
</section>
</header>
{{#gh-editor editorScrollInfo=editorScrollInfo as |ghEditor|}}
<header class="view-header">
{{#gh-view-title classNames="gh-editor-title" openMobileMenu="openMobileMenu"}}
{{gh-trim-focus-input type="text" id="entry-title" class="gh-input" placeholder="Your Post Title" value=model.titleScratch
tabindex="1" focus=shouldFocusTitle}}
{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="post-settings" {{action "openSettingsMenu"}}>
<i class="icon-settings"></i>
</button>
{{gh-editor-save-button
isPublished=model.isPublished
willPublish=willPublish
postOrPage=postOrPage
isNew=model.isNew
save="save"
setSaveType="setSaveType"
delete="openDeleteModal"
}}
</section>
</header>
<section class="view-container view-editor">
<section class="view-container view-editor">
<section class="entry-markdown js-entry-markdown">
<header class="floatingheader">
<span>Markdown</span>
<a class="markdown-help" href="" {{action "openModal" "markdown"}}><i class="icon-markdown"></i></a>
</header>
<section id="entry-markdown-content" class="entry-markdown-content">
{{gh-ed-editor classNames="markdown-editor js-markdown-editor" tabindex="1" spellcheck="true" value=model.scratch setEditor="setEditor" updateScrollInfo="updateEditorScrollInfo" openModal="openModal" onFocusIn="autoSaveNew" height=height}}
</section>
</section>
<section class="entry-markdown js-entry-markdown">
<header class="floatingheader">
<span>Markdown</span>
<a class="markdown-help" href="" {{action "openModal" "markdown"}}><i class="icon-markdown"></i></a>
</header>
<section id="entry-markdown-content" class="entry-markdown-content">
{{gh-ed-editor classNames="markdown-editor js-markdown-editor" tabindex="1" spellcheck="true" value=model.scratch
scrollInfo=view.editorScrollInfo setEditor="setEditor" openModal="openModal" onFocusIn="autoSaveNew"}}
<section class="entry-preview js-entry-preview">
<header class="floatingheader">
<span>Preview</span>
<span class="entry-word-count js-entry-word-count">{{gh-count-words model.scratch}}</span>
</header>
<section class="entry-preview-content js-entry-preview-content">
{{gh-ed-preview classNames="rendered-markdown js-rendered-markdown"
markdown=model.scratch scrollPosition=ghEditor.scrollPosition updateHeight="updateHeight"
uploadStarted="disableEditor" uploadFinished="enableEditor" uploadSuccess="handleImgUpload"}}
</section>
</section>
</section>
<section class="entry-preview js-entry-preview">
<header class="floatingheader">
<span>Preview</span>
<span class="entry-word-count js-entry-word-count">{{gh-count-words model.scratch}}</span>
</header>
<section class="entry-preview-content js-entry-preview-content">
{{gh-ed-preview classNames="rendered-markdown js-rendered-markdown"
markdown=model.scratch scrollPosition=view.scrollPosition height=view.height
uploadStarted="disableEditor" uploadFinished="enableEditor" uploadSuccess="handleImgUpload"}}
</section>
</section>
</section>
{{/gh-editor}}

2
core/client/app/templates/modals/invite-new-user.hbs
View file

@ -4,7 +4,7 @@
<fieldset>
<div class="form-group">
<label for="new-user-email">Email Address</label>
{{input action="confirmAccept" class="gh-input email" id="new-user-email" type="email" placeholder="Email Address" name="email" autofocus="autofocus"
{{input enter="confirmAccept" class="gh-input email" id="new-user-email" type="email" placeholder="Email Address" name="email" autofocus="autofocus"
autocapitalize="off" autocorrect="off" value=email}}
</div>

10
core/client/app/templates/post-settings-menu.hbs
View file

@ -38,13 +38,15 @@
<label for="author-list">Author</label>
<span class="input-icon icon-user">
<span class="gh-select" tabindex="0">
{{view "select"
{{gh-select-native
name="post-setting-author"
id="author-list"
content=authors
optionValuePath="content.id"
optionLabelPath="content.name"
selection=selectedAuthor}}
optionValuePath="id"
optionLabelPath="name"
selection=selectedAuthor
action="changeAuthor"
}}
</span>
</span>
</div>

58
core/client/app/templates/posts.hbs
View file

@ -8,34 +8,36 @@
<div class="view-container">
<section class="content-list js-content-list {{if postListFocused 'keyboard-focused'}}">
{{#view "paginated-scroll-box" tagName="section" classNames="content-list-content js-content-scrollbox"}}
<ol class="posts-list">
{{#each controller itemController="posts/post" itemView="post-item-view" itemTagName="li" as |post|}}
{{#link-to "posts.post" post.model.id class="permalink" alternateActive=view.active title="Edit this post"}}
<h3 class="entry-title">{{post.model.title}}</h3>
<section class="entry-meta">
<span class="avatar" style={{post.authorAvatarBackground}}>
<img src="{{post.authorAvatar}}" title="{{post.authorName}}">
</span>
<span class="author">{{post.authorName}}</span>
<span class="status">
{{#if post.isPublished}}
{{#if post.model.page}}
<span class="page">Page</span>
{{else}}
<time datetime="{{post.model.published_at}}" class="date published">
Published {{gh-format-timeago post.model.published_at}}
</time>
{{/if}}
{{else}}
<span class="draft">Draft</span>
{{/if}}
</span>
</section>
{{/link-to}}
{{/each}}
</ol>
{{/view}}
{{#gh-infinite-scroll-box tagName="section" classNames="content-list-content js-content-scrollbox" fetch="loadNextPage"}}
<ol class="posts-list">
{{#each sortedPosts key="id" as |post|}}
{{#gh-posts-list-item post=post active=(is-equal post currentPost) click="showPostContent" onDoubleClick="openEditor" as |component|}}
{{#link-to "posts.post" post.id class="permalink" title="Edit this post"}}
<h3 class="entry-title">{{post.title}}</h3>
<section class="entry-meta">
<span class="avatar" style={{component.authorAvatarBackground}}>
<img src="{{component.authorAvatar}}" title="{{component.authorName}}">
</span>
<span class="author">{{component.authorName}}</span>
<span class="status">
{{#if component.isPublished}}
{{#if post.page}}
<span class="page">Page</span>
{{else}}
<time datetime="{{post.published_at}}" class="date published">
Published {{gh-format-timeago post.published_at}}
</time>
{{/if}}
{{else}}
<span class="draft">Draft</span>
{{/if}}
</span>
</section>
{{/link-to}}
{{/gh-posts-list-item}}
{{/each}}
</ol>
{{/gh-infinite-scroll-box}}
</section>
<section class="content-preview js-content-preview {{if postContentFocused 'keyboard-focused'}}">
{{outlet}}

12
core/client/app/templates/posts/index.hbs
View file

@ -1,6 +1,8 @@
{{#if noPosts}}
<div class="no-posts">
<h3>You Haven't Written Any Posts Yet!</h3>
{{#link-to "editor.new"}}<button type="button" class="btn btn-green btn-lg" title="New Post">Write a new Post</button>{{/link-to}}
<div class="no-posts-box">
{{#if noPosts}}
<div class="no-posts">
<h3>You Haven't Written Any Posts Yet!</h3>
{{#link-to "editor.new"}}<button type="button" class="btn btn-green btn-lg" title="New Post">Write a new Post</button>{{/link-to}}
</div>
{{/if}}
</div>
{{/if}}

10
core/client/app/templates/posts/post.hbs
View file

@ -2,9 +2,13 @@
{{#link-to "editor.edit" model.id class="btn btn-minor post-edit"}}<i class="icon-edit"></i>{{/link-to}}
</section>
{{#view "content-preview-content-view" tagName="section"}}
{{#gh-content-preview-content tagName="section" content=model}}
<div class="wrapper">
<h1 class="content-preview-title">{{#link-to "editor.edit" model.id}}{{model.title}}{{/link-to}}</h1>
<h1 class="content-preview-title">
{{#link-to "editor.edit" model.id}}
{{model.title}}
{{/link-to}}
</h1>
{{gh-format-html model.html}}
</div>
{{/view}}
{{/gh-content-preview-content}}

26
core/client/app/templates/settings/apps.hbs
View file

@ -1,26 +0,0 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Apps{{/gh-view-title}}
</header>
<section class="view-content settings-apps">
<table class="js-apps">
<thead>
<th>App name</th>
<th>Status</th>
</thead>
<tbody>
{{#each model itemController="settings/app" as |appController|}}
<tr>
<td>
{{#if appController.model.package}}{{appController.model.package.name}} - {{appController.model.package.version}}{{else}}{{appController.model.name}} - package.json missing :({{/if}}
</td>
<td>
<button type="button" {{action toggleApp appController}} class="btn js-button-active {{if activeClass 'btn-red js-button-deactivate'}} {{if inactiveClass 'btn-green'}}">
{{appController.buttonText}}
</button>
</td>
</tr>
{{/each}}
</tbody>
</table>
</section>

54
core/client/app/templates/settings/code-injection.hbs
View file

@ -1,28 +1,30 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Code Injection{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="btn btn-blue" {{action "save"}}>Save</button>
<section class="gh-view">
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Code Injection{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="btn btn-blue" {{action "save"}}>Save</button>
</section>
</header>
<section class="view-content">
<form id="settings-code" novalidate="novalidate">
<fieldset>
<p>
Ghost allows you to inject code into the top and bottom of your theme files without editing them. This allows for quick modifications to insert useful things like tracking codes and meta tags.
</p>
<div class="form-group settings-code">
<label for="ghost-head">Blog Header</label>
<p>Code here will be injected into the <code>\{{ghost_head}}</code> tag on every page of your blog</p>
{{gh-cm-editor id="ghost-head" class="gh-input settings-code-editor" name="codeInjection[ghost_head]" type="text" value=model.ghost_head}}
</div>
<div class="form-group settings-code">
<label for="ghost-foot">Blog Footer</label>
<p>Code here will be injected into the <code>\{{ghost_foot}}</code> tag on every page of your blog</p>
{{gh-cm-editor id="ghost-foot" class="gh-input settings-code-editor" name="codeInjection[ghost_foot]" type="text" value=model.ghost_foot}}
</div>
</fieldset>
</form>
</section>
</header>
<section class="view-content">
<form id="settings-code" novalidate="novalidate">
<fieldset>
<p>
Ghost allows you to inject code into the top and bottom of your theme files without editing them. This allows for quick modifications to insert useful things like tracking codes and meta tags.
</p>
<div class="form-group settings-code">
<label for="ghost-head">Blog Header</label>
<p>Code here will be injected into the <code>\{{ghost_head}}</code> tag on every page of your blog</p>
{{gh-cm-editor id="ghost-head" class="gh-input settings-code-editor" name="codeInjection[ghost_head]" type="text" value=model.ghost_head}}
</div>
<div class="form-group settings-code">
<label for="ghost-foot">Blog Footer</label>
<p>Code here will be injected into the <code>\{{ghost_foot}}</code> tag on every page of your blog</p>
{{gh-cm-editor id="ghost-foot" class="gh-input settings-code-editor" name="codeInjection[ghost_foot]" type="text" value=model.ghost_foot}}
</div>
</fieldset>
</form>
</section>

199
core/client/app/templates/settings/general.hbs
View file

@ -1,100 +1,103 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}General{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="btn btn-blue" {{action "save"}}>Save</button>
<section class="gh-view">
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}General{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="btn btn-blue" {{action "save"}}>Save</button>
</section>
</header>
<section class="view-content">
<form id="settings-general" novalidate="novalidate">
<fieldset>
<div class="form-group">
<label for="blog-title">Blog Title</label>
{{input id="blog-title" class="gh-input" name="general[title]" type="text" value=model.title}}
<p>The name of your blog</p>
</div>
<div class="form-group description-container">
<label for="blog-description">Blog Description</label>
{{textarea id="blog-description" class="gh-input" name="general[description]" value=model.description}}
<p>
Describe what your blog is about
{{gh-count-characters model.description}}
</p>
</div>
</fieldset>
<div class="form-group">
<label>Blog Logo</label>
{{#if model.logo}}
<img class="blog-logo" src="{{model.logo}}" alt="logo" role="button" {{action "openModal" "upload" this "logo"}}>
{{else}}
<button type="button" class="btn btn-green js-modal-logo" {{action "openModal" "upload" this "logo"}}>Upload Image</button>
{{/if}}
<p>Display a sexy logo for your publication</p>
</div>
<div class="form-group">
<label>Blog Cover</label>
{{#if model.cover}}
<img class="blog-cover" src="{{model.cover}}" alt="cover photo" role="button" {{action "openModal" "upload" this "cover"}}>
{{else}}
<button type="button" class="btn btn-green js-modal-cover" {{action "openModal" "upload" this "cover"}}>Upload Image</button>
{{/if}}
<p>Display a cover image on your site</p>
</div>
<fieldset>
<div class="form-group">
<label for="postsPerPage">Posts per page</label>
{{! `pattern` brings up numeric keypad allowing any number of digits}}
{{input id="postsPerPage" class="gh-input" name="general[postsPerPage]" focus-out="checkPostsPerPage" value=model.postsPerPage min="1" max="1000" type="number" pattern="[0-9]*"}}
<p>How many posts should be displayed on each page</p>
</div>
<div class="form-group for-checkbox">
<label for="permalinks">Dated Permalinks</label>
<label class="checkbox" for="permalinks">
{{input id="permalinks" class="gh-input" name="general[permalinks]" type="checkbox" checked=isDatedPermalinks}}
<span class="input-toggle-component"></span>
<p>Include the date in your post URLs</p>
</label>
</div>
<div class="form-group for-select">
<label for="activeTheme">Theme</label>
<span class="gh-select" data-select-text="{{selectedTheme.label}}" tabindex="0">
{{gh-select-native
id="activeTheme"
name="general[activeTheme]"
content=themes
optionValuePath="name"
optionLabelPath="label"
selection=selectedTheme
action="setTheme"
}}
</span>
<p>Select a theme for your blog</p>
</div>
<div class="form-group for-checkbox">
<label for="isPrivate">Make this blog private</label>
<label class="checkbox" for="isPrivate">
{{input id="isPrivate" name="general[isPrivate]" type="checkbox"
checked=model.isPrivate}}
<span class="input-toggle-component"></span>
<p>Enable password protection</p>
</label>
</div>
{{#if model.isPrivate}}
<div class="form-group">
{{input name="general[password]" type="text" value=model.password}}
<p>This password will be needed to access your blog. All search engine optimization and social features are now disabled. This password is stored in plaintext.</p>
</div>
{{/if}}
</fieldset>
</form>
</section>
</header>
<section class="view-content">
<form id="settings-general" novalidate="novalidate">
<fieldset>
<div class="form-group">
<label for="blog-title">Blog Title</label>
{{input id="blog-title" class="gh-input" name="general[title]" type="text" value=model.title}}
<p>The name of your blog</p>
</div>
<div class="form-group description-container">
<label for="blog-description">Blog Description</label>
{{textarea id="blog-description" class="gh-input" name="general[description]" value=model.description}}
<p>
Describe what your blog is about
{{gh-count-characters model.description}}
</p>
</div>
</fieldset>
<div class="form-group">
<label>Blog Logo</label>
{{#if model.logo}}
<img class="blog-logo" src="{{model.logo}}" alt="logo" role="button" {{action "openModal" "upload" this "logo"}}>
{{else}}
<button type="button" class="btn btn-green js-modal-logo" {{action "openModal" "upload" this "logo"}}>Upload Image</button>
{{/if}}
<p>Display a sexy logo for your publication</p>
</div>
<div class="form-group">
<label>Blog Cover</label>
{{#if model.cover}}
<img class="blog-cover" src="{{model.cover}}" alt="cover photo" role="button" {{action "openModal" "upload" this "cover"}}>
{{else}}
<button type="button" class="btn btn-green js-modal-cover" {{action "openModal" "upload" this "cover"}}>Upload Image</button>
{{/if}}
<p>Display a cover image on your site</p>
</div>
<fieldset>
<div class="form-group">
<label for="postsPerPage">Posts per page</label>
{{! `pattern` brings up numeric keypad allowing any number of digits}}
{{input id="postsPerPage" class="gh-input" name="general[postsPerPage]" focus-out="checkPostsPerPage" value=model.postsPerPage min="1" max="1000" type="number" pattern="[0-9]*"}}
<p>How many posts should be displayed on each page</p>
</div>
<div class="form-group for-checkbox">
<label for="permalinks">Dated Permalinks</label>
<label class="checkbox" for="permalinks">
{{input id="permalinks" class="gh-input" name="general[permalinks]" type="checkbox" checked=isDatedPermalinks}}
<span class="input-toggle-component"></span>
<p>Include the date in your post URLs</p>
</label>
</div>
<div class="form-group for-select">
<label for="activeTheme">Theme</label>
<span class="gh-select" data-select-text="{{selectedTheme.label}}" tabindex="0">
{{view "select"
id="activeTheme"
name="general[activeTheme]"
content=themes
optionValuePath="content.name"
optionLabelPath="content.label"
value=model.activeTheme
selection=selectedTheme}}
</span>
<p>Select a theme for your blog</p>
</div>
<div class="form-group for-checkbox">
<label for="isPrivate">Make this blog private</label>
<label class="checkbox" for="isPrivate">
{{input id="isPrivate" name="general[isPrivate]" type="checkbox"
checked=model.isPrivate}}
<span class="input-toggle-component"></span>
<p>Enable password protection</p>
</label>
</div>
{{#if model.isPrivate}}
<div class="form-group">
{{input name="general[password]" type="text" value=model.password}}
<p>This password will be needed to access your blog. All search engine optimization and social features are now disabled. This password is stored in plaintext.</p>
</div>
{{/if}}
</fieldset>
</form>
</section>

88
core/client/app/templates/settings/labs.hbs
View file

@ -1,46 +1,46 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Labs{{/gh-view-title}}
</header>
<section class="view-content 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>
<div class="form-group">
<label>Export</label>
<button type="button" class="btn btn-blue" {{action "exportData"}}>Export</button>
<p>Export the blog settings and data.</p>
</div>
</fieldset>
</form>
{{#gh-form id="settings-import" enctype="multipart/form-data"}}
<fieldset>
<div class="form-group">
<label>Import</label>
{{partial "import-errors"}}
{{gh-file-upload id="importfile" class="flex" uploadButtonText=uploadButtonText}}
<p>Import from another Ghost installation. If you import a user, this will replace the current user &amp; log you out.</p>
</div>
</fieldset>
{{/gh-form}}
<form id="settings-resetdb">
<fieldset>
<div class="form-group">
<label>Delete all Content</label>
<button type="button" class="btn btn-red js-delete" {{action "openModal" "deleteAll"}}>Delete</button>
<p>Delete all posts and tags from the database.</p>
</div>
</fieldset>
</form>
<form id="settings-testmail">
<fieldset>
<div class="form-group">
<label>Send a test email</label>
<button type="button" id="sendtestmail" class="btn btn-blue" {{action "sendTestEmail"}}>Send</button>
<p>Sends a test email to your address.</p>
</div>
</fieldset>
</form>
<section class="gh-view">
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Labs{{/gh-view-title}}
</header>
<section class="view-content 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>
<div class="form-group">
<label>Export</label>
<button type="button" class="btn btn-blue" {{action "exportData"}}>Export</button>
<p>Export the blog settings and data.</p>
</div>
</fieldset>
</form>
<form id="settings-import" enctype="multipart/form-data">
<fieldset>
<div class="form-group">
<label>Import</label>
{{partial "import-errors"}}
{{gh-file-upload id="importfile" classNames="flex" uploadButtonText=uploadButtonText onUpload="onUpload"}}
<p>Import from another Ghost installation. If you import a user, this will replace the current user & log you out.</p>
</div>
</fieldset>
</form>
<form id="settings-resetdb">
<fieldset>
<div class="form-group">
<label>Delete all Content</label>
<button type="button" class="btn btn-red js-delete" {{action "openModal" "deleteAll"}}>Delete</button>
<p>Delete all posts and tags from the database.</p>
</div>
</fieldset>
</form>
<form id="settings-testmail">
<fieldset>
<div class="form-group">
<label>Send a test email</label>
<button type="button" id="sendtestmail" class="btn btn-blue" {{action "sendTestEmail"}}>Send</button>
<p>Sends a test email to your address.</p>
</div>
</fieldset>
</form>
</section>
</section>

28
core/client/app/templates/settings/navigation.hbs
View file

@ -1,14 +1,16 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Navigation{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="btn btn-blue" {{action "save"}}>Save</button>
</section>
</header>
{{#gh-navigation moveItem="moveItem"}}
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Navigation{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="btn btn-blue" {{action "save"}}>Save</button>
</section>
</header>
<section class="view-container">
<form id="settings-navigation" class="gh-blognav js-gh-blognav" novalidate="novalidate">
{{#each navigationItems as |navItem|}}
{{gh-navitem navItem=navItem baseUrl=blogUrl addItem="addItem" deleteItem="deleteItem" updateUrl="updateUrl"}}
{{/each}}
</form>
</section>
<section class="view-container">
<form id="settings-navigation" class="gh-blognav js-gh-blognav" novalidate="novalidate">
{{#each navigationItems as |navItem|}}
{{gh-navitem navItem=navItem baseUrl=blogUrl addItem="addItem" deleteItem="deleteItem" updateUrl="updateUrl"}}
{{/each}}
</form>
</section>
{{/gh-navigation}}

41
core/client/app/templates/settings/tags.hbs
View file

@ -1,19 +1,26 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Tags{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="btn btn-green" {{action "newTag"}}>New Tag</button>
</section>
</header>
<section class="gh-view">
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Tags{{/gh-view-title}}
<section class="view-actions">
<button type="button" class="btn btn-green" {{action "newTag"}}>New Tag</button>
</section>
</header>
<section class="view-container settings-tags">
{{#each tags as |tag|}}
<div class="settings-tag">
<button class="tag-edit-button" {{action "editTag" tag}}>
<span class="tag-title">{{tag.name}}</span>
<span class="label label-default">/{{tag.slug}}</span>
<p class="tag-description">{{tag.description}}</p>
<span class="tags-count">{{tag.post_count}}</span>
</button>
</div>
{{/each}}
{{#gh-infinite-scroll
fetch="loadNextPage"
isLoading=isLoading
tagName="section"
classNames="view-container settings-tags"
}}
{{#each tags as |tag|}}
<div class="settings-tag">
<button class="tag-edit-button" {{action "editTag" tag}}>
<span class="tag-title">{{tag.name}}</span>
<span class="label label-default">/{{tag.slug}}</span>
<p class="tag-description">{{tag.description}}</p>
<span class="tags-count">{{tag.post_count}}</span>
</button>
</div>
{{/each}}
{{/gh-infinite-scroll}}
</section>

148
core/client/app/templates/settings/tags/settings-menu.hbs
View file

@ -1,78 +1,80 @@
{{#gh-tabs-manager selected="showSubview" class="settings-menu-container"}}
<div class="{{if isViewingSubview 'settings-menu-pane-out-left' 'settings-menu-pane-in'}} settings-menu settings-menu-pane">
<div class="settings-menu-header">
<h4>Tag Settings</h4>
<button class="close icon-x settings-menu-header-action" {{action "closeMenus"}}>
<span class="hidden">Close</span>
</button>
</div>
<div class="settings-menu-content">
{{gh-uploader uploaded="setCoverImage" canceled="clearCoverImage" description="Add tag image" image=activeTag.image uploaderReference=uploaderReference tagName="section"}}
<form>
<div class="form-group">
<label>Name</label>
{{gh-input class="gh-input" type="text" value=activeTagNameScratch focus-out="saveActiveTagName"}}
</div>
<div class="form-group">
<label>URL</label>
{{gh-input class="gh-input" type="text" value=activeTagSlugScratch focus-out="saveActiveTagSlug"}}
{{gh-url-preview prefix="tag" slug=activeTagSlugScratch tagName="p" classNames="description"}}
</div>
<div class="form-group">
<label>Description</label>
{{gh-textarea class="gh-input" value=activeTagDescriptionScratch focus-out="saveActiveTagDescription"}}
</div>
<ul class="nav-list nav-list-block">
{{#gh-tab tagName="li" classNames="nav-list-item"}}
<button type="button">
<b>Meta Data</b>
<span>Extra content for SEO and social media.</span>
</button>
{{/gh-tab}}
</ul>
{{#unless activeTag.isNew}}
<button type="button" class="btn btn-link btn-sm tag-delete-button" {{action "openModal" "delete-tag" activeTag}}><i class="icon-trash"></i> Delete Tag</button>
{{/unless}}
</form>
</div>
</div>{{! .settings-menu-pane }}
<div class="{{if isViewingSubview 'settings-menu-pane-in' 'settings-menu-pane-out-right'}} settings-menu settings-menu-pane">
{{#gh-tab-pane}}
<div class="settings-menu-header subview">
<button {{action "closeSubview"}} class="back icon-arrow-left settings-menu-header-action"><span class="hidden">Back</span></button>
<h4>Meta Data</h4>
<div style="width:23px;">{{!flexbox space-between}}</div>
<div>
{{#gh-tabs-manager selected="showSubview" class="settings-menu-container"}}
<div class="{{if isViewingSubview 'settings-menu-pane-out-left' 'settings-menu-pane-in'}} settings-menu settings-menu-pane">
<div class="settings-menu-header">
<h4>Tag Settings</h4>
<button class="close icon-x settings-menu-header-action" {{action "closeMenus"}}>
<span class="hidden">Close</span>
</button>
</div>
<div class="settings-menu-content">
{{gh-uploader uploaded="setCoverImage" canceled="clearCoverImage" description="Add tag image" image=activeTag.image initUploader="setUploaderReference" tagName="section"}}
<form>
<div class="form-group">
<label for="meta-title">Meta Title</label>
{{gh-input class="gh-input" type="text" value=activeTagMetaTitleScratch focus-out="saveActiveTagMetaTitle"}}
<p>Recommended: <b>70</b> characters. You’ve used {{gh-count-down-characters activeTagMetaTitleScratch 70}}</p>
</div>
<div class="form-group">
<label for="meta-description">Meta Description</label>
{{gh-textarea class="gh-input" value=activeTagMetaDescriptionScratch focus-out="saveActiveTagMetaDescription"}}
<p>Recommended: <b>156</b> characters. You’ve used {{gh-count-down-characters activeTagMetaDescriptionScratch 156}}</p>
</div>
<div class="form-group">
<label>Search Engine Result Preview</label>
<div class="seo-preview">
<div class="seo-preview-title">{{seoTitle}}</div>
<div class="seo-preview-link">{{seoURL}}</div>
<div class="seo-preview-description">{{seoDescription}}</div>
<div class="form-group">
<label>Name</label>
{{gh-input class="gh-input" type="text" value=activeTagNameScratch focus-out="saveActiveTagName"}}
</div>
</div>
<div class="form-group">
<label>URL</label>
{{gh-input class="gh-input" type="text" value=activeTagSlugScratch focus-out="saveActiveTagSlug"}}
{{gh-url-preview prefix="tag" slug=activeTagSlugScratch tagName="p" classNames="description"}}
</div>
<div class="form-group">
<label>Description</label>
{{gh-textarea class="gh-input" value=activeTagDescriptionScratch focus-out="saveActiveTagDescription"}}
</div>
<ul class="nav-list nav-list-block">
{{#gh-tab tagName="li" classNames="nav-list-item"}}
<button type="button">
<b>Meta Data</b>
<span>Extra content for SEO and social media.</span>
</button>
{{/gh-tab}}
</ul>
{{#unless activeTag.isNew}}
<button type="button" class="btn btn-link btn-sm tag-delete-button" {{action "openModal" "delete-tag" activeTag}}><i class="icon-trash"></i> Delete Tag</button>
{{/unless}}
</form>
</div>{{! .settings-menu-content }}
{{/gh-tab-pane}}
</div>{{! .settings-menu-pane }}
{{/gh-tabs-manager}}
</div>
</div>{{! .settings-menu-pane }}
<div class="{{if isViewingSubview 'settings-menu-pane-in' 'settings-menu-pane-out-right'}} settings-menu settings-menu-pane">
{{#gh-tab-pane}}
<div class="settings-menu-header subview">
<button {{action "closeSubview"}} class="back icon-arrow-left settings-menu-header-action"><span class="hidden">Back</span></button>
<h4>Meta Data</h4>
<div style="width:23px;">{{!flexbox space-between}}</div>
</div>
<div class="settings-menu-content">
<form>
<div class="form-group">
<label for="meta-title">Meta Title</label>
{{gh-input class="gh-input" type="text" value=activeTagMetaTitleScratch focus-out="saveActiveTagMetaTitle"}}
<p>Recommended: <b>70</b> characters. You’ve used {{gh-count-down-characters activeTagMetaTitleScratch 70}}</p>
</div>
<div class="form-group">
<label for="meta-description">Meta Description</label>
{{gh-textarea class="gh-input" value=activeTagMetaDescriptionScratch focus-out="saveActiveTagMetaDescription"}}
<p>Recommended: <b>156</b> characters. You’ve used {{gh-count-down-characters activeTagMetaDescriptionScratch 156}}</p>
</div>
<div class="form-group">
<label>Search Engine Result Preview</label>
<div class="seo-preview">
<div class="seo-preview-title">{{seoTitle}}</div>
<div class="seo-preview-link">{{seoURL}}</div>
<div class="seo-preview-description">{{seoDescription}}</div>
</div>
</div>
</form>
</div>{{! .settings-menu-content }}
{{/gh-tab-pane}}
</div>{{! .settings-menu-pane }}
{{/gh-tabs-manager}}
</div>

98
core/client/app/templates/team/index.hbs
View file

@ -1,3 +1,4 @@
<section class="gh-view">
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}Team{{/gh-view-title}}
<section class="view-actions">
@ -5,60 +6,69 @@
</section>
</header>
{{#view "users-list"}}
{{#gh-infinite-scroll
fetch="loadNextPage"
isLoading=isLoading
tagName="section"
classNames="view-content settings-users"
}}
{{#if invitedUsers}}
<section class="user-list invited-users">
<h4 class="user-list-title">Invited users</h4>
{{#each invitedUsers itemController="team/user" as |user|}}
<div class="user-list-item">
<span class="user-list-item-icon icon-mail">ic</span>
<div class="user-list-item-body">
<span class="name">{{user.email}}</span><br>
{{#if user.model.pending}}
<span class="red">Invitation not sent - please try again</span>
{{else}}
<span class="description">Invitation sent: {{user.model.created_at}}</span>
{{/if}}
{{#each invitedUsers as |user|}}
{{#gh-user-invited user=user reload="reload" as |component|}}
<div class="user-list-item">
<span class="user-list-item-icon icon-mail">ic</span>
<div class="user-list-item-body">
<span class="name">{{user.email}}</span><br>
{{#if user.model.pending}}
<span class="red">Invitation not sent - please try again</span>
{{else}}
<span class="description">
Invitation sent: {{component.createdAt}}
</span>
{{/if}}
</div>
<aside class="user-list-item-aside">
<a class="user-list-action" href="#" {{action "revoke" target=component}}>
Revoke
</a>
<a class="user-list-action" href="#" {{action "resend" target=component}}>
Resend
</a>
</aside>
</div>
<aside class="user-list-item-aside">
<a class="user-list-action" href="#" {{action "revoke"}}>Revoke</a>
<a class="user-list-action" href="#" {{action "resend"}}>Resend</a>
</aside>
</div>
{{/gh-user-invited}}
{{/each}}
</section>
{{/if}}
<section class="user-list active-users">
<h4 class="user-list-title">Active users</h4>
{{#each activeUsers itemController="team/user" as |user|}}
{{#link-to 'team.user' user.model class="user-list-item" }}
<span class="user-list-item-figure" style={{user.userImageBackground}}>
<span class="hidden">Photo of {{user.model.name}}</span>
</span>
<div class="user-list-item-body">
<span class="name">
{{user.model.name}}
{{#each activeUsers key="id" as |user|}}
{{#gh-user-active user=user as |component|}}
{{#link-to 'team.user' user class="user-list-item" }}
<span class="user-list-item-figure" style={{component.userImageBackground}}>
<span class="hidden">Photo of {{user.name}}</span>
</span>
<br>
<span class="description">Last seen: {{user.last_login}}</span>
</div>
<aside class="user-list-item-aside">
{{#unless user.model.isAuthor}}
{{#each user.model.roles as |role|}}
<span class="role-label {{role.lowerCaseName}}">{{role.name}}</span>
{{/each}}
{{/unless}}
</aside>
{{/link-to}}
{{/each}}
<div class="user-list-item-body">
<span class="name">
{{user.name}}
</span>
<br>
<span class="description">Last seen: {{component.lastLogin}}</span>
</div>
<aside class="user-list-item-aside">
{{#unless user.isAuthor}}
{{#each user.roles key="id" as |role|}}
<span class="role-label {{role.lowerCaseName}}">{{role.name}}</span>
{{/each}}
{{/unless}}
</aside>
{{/link-to}}
{{/gh-user-active}}
{{/each}}
</section>
{{/view}}
{{/gh-infinite-scroll}}
</section>

238
core/client/app/templates/team/user.hbs
View file

@ -1,122 +1,138 @@
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}
{{#link-to "team"}}Team{{/link-to}} <i class="icon-arrow-right"></i> {{user.name}}
{{/gh-view-title}}
<section class="view-actions">
{{#if view.userActionsAreVisible}}
<span class="dropdown">
{{#gh-dropdown-button dropdownName="user-actions-menu" classNames="btn btn-default only-has-icon user-actions-cog" title="User Actions"}}
<i class="icon-settings"></i>
<span class="hidden">User Settings</span>
{{/gh-dropdown-button}}
{{#gh-dropdown name="user-actions-menu" tagName="ul" classNames="user-actions-menu dropdown-menu dropdown-triangle-top-right"}}
{{partial "user-actions-menu"}}
{{/gh-dropdown}}
</span>
{{/if}}
<button class="btn btn-blue" {{action "save"}}>Save</button>
</section>
</header>
<div class="view-container settings-user">
<figure class="user-cover" style={{coverImageBackground}}>
<button class="btn btn-default user-cover-edit js-modal-cover" {{action "openModal" "upload" user "cover"}}>Change Cover</button>
</figure>
<form class="user-profile" novalidate="novalidate" autocomplete="off">
{{!-- Horrible hack to prevent Chrome from incorrectly auto-filling inputs --}}
<input style="display:none;" type="text" name="fakeusernameremembered"/>
<input style="display:none;" type="password" name="fakepasswordremembered"/>
<fieldset class="user-details-top">
<figure class="user-image">
<div id="user-image" class="img" style={{userImageBackground}}><span class="hidden">{{user.name}}"s Picture</span></div>
<button type="button" {{action "openModal" "upload" user "image"}} class="edit-user-image js-modal-image">Edit Picture</button>
</figure>
<div class="form-group first-form-group">
<label for="user-name">Full Name</label>
{{input value=user.name id="user-name" class="gh-input user-name" placeholder="Full Name" autocorrect="off"}}
<p>Use your real name so people can recognise you</p>
</div>
</fieldset>
<fieldset class="user-details-bottom">
<div class="form-group">
<label for="user-slug">Slug</label>
{{gh-input class="gh-input user-name" id="user-slug" value=slugValue name="user" focus-out="updateSlug" placeholder="Slug" selectOnClick="true" autocorrect="off"}}
<p>{{gh-blog-url}}/author/{{slugValue}}</p>
</div>
<div class="form-group">
<label for="user-email">Email</label>
{{input type="email" value=user.email id="user-email" class="gh-input" placeholder="Email Address" autocapitalize="off" autocorrect="off" autocomplete="off"}}
<p>Used for notifications</p>
</div>
{{#if view.rolesDropdownIsVisible}}
<div class="form-group">
<label for="user-role">Role</label>
{{gh-role-selector
initialValue=user.role
onChange="changeRole"
selectId="user-role"}}
<p>What permissions should this user have?</p>
</div>
<section class="gh-view">
<header class="view-header">
{{#gh-view-title openMobileMenu="openMobileMenu"}}
{{link-to "team" "team"}}
<i class="icon-arrow-right"></i> {{user.name}}
{{/gh-view-title}}
<section class="view-actions">
{{#if userActionsAreVisible}}
<span class="dropdown">
{{#gh-dropdown-button dropdownName="user-actions-menu" classNames="btn btn-default only-has-icon user-actions-cog" title="User Actions"}}
<i class="icon-settings"></i>
<span class="hidden">User Settings</span>
{{/gh-dropdown-button}}
{{#gh-dropdown name="user-actions-menu" tagName="ul" classNames="user-actions-menu dropdown-menu dropdown-triangle-top-right"}}
{{#if canMakeOwner}}
<li>
<button {{action "openModal" "transfer-owner" this}}>
Make Owner
</button>
</li>
{{/if}}
{{#if deleteUserActionIsVisible}}
<li>
<button {{action "openModal" "delete-user" this}} class="delete">
Delete User
</button>
</li>
{{/if}}
{{/gh-dropdown}}
</span>
{{/if}}
<div class="form-group">
<label for="user-location">Location</label>
{{input type="text" value=user.location id="user-location" class="gh-input"}}
<p>Where in the world do you live?</p>
</div>
<div class="form-group">
<label for="user-website">Website</label>
{{input type="url" value=user.website id="user-website" class="gh-input" autocapitalize="off" autocorrect="off" autocomplete="off"}}
<p>Have a website or blog other than this one? Link it!</p>
</div>
<button class="btn btn-blue" {{action "save"}}>Save</button>
</section>
</header>
<div class="form-group bio-container">
<label for="user-bio">Bio</label>
{{textarea id="user-bio" class="gh-input" value=user.bio}}
<p>
Write about you, in 200 characters or less.
{{gh-count-characters user.bio}}
</p>
</div>
<div class="view-container settings-user">
<hr />
<figure class="user-cover" style="{{coverImageBackground}}">
<button class="btn btn-default user-cover-edit js-modal-cover" {{action "openModal" "upload" user "cover"}}>Change Cover</button>
</figure>
</fieldset>
<form class="user-profile" novalidate="novalidate" autocomplete="off">
<fieldset>
{{#unless view.isNotOwnProfile}}
<div class="form-group">
<label for="user-password-old">Old Password</label>
{{input value=user.password type="password" id="user-password-old" class="gh-input"}}
</div>
{{/unless}}
{{!-- Horrible hack to prevent Chrome from incorrectly auto-filling inputs --}}
<input style="display:none;" type="text" name="fakeusernameremembered"/>
<input style="display:none;" type="password" name="fakepasswordremembered"/>
<div class="form-group">
<label for="user-password-new">New Password</label>
{{input value=user.newPassword type="password" id="user-password-new" class="gh-input"}}
</div>
<fieldset class="user-details-top">
<div class="form-group">
<label for="user-new-password-verification">Verify Password</label>
{{input value=user.ne2Password type="password" id="user-new-password-verification" class="gh-input"}}
</div>
<div class="form-group">
<button type="button" class="btn btn-red button-change-password" {{action "password"}}>Change Password</button>
</div>
<figure class="user-image">
<div id="user-image" class="img" style="{{userImageBackground}}"><span class="hidden">{{user.name}}"s Picture</span></div>
<button type="button" {{action "openModal" "upload" user "image"}} class="edit-user-image js-modal-image">Edit Picture</button>
</figure>
</fieldset>
<div class="form-group first-form-group">
<label for="user-name">Full Name</label>
{{input value=user.name id="user-name" class="gh-input user-name" placeholder="Full Name" autocorrect="off"}}
<p>Use your real name so people can recognise you</p>
</div>
</form>
</fieldset>
</div>
<fieldset class="user-details-bottom">
<div class="form-group">
<label for="user-slug">Slug</label>
{{gh-input class="gh-input user-name" id="user-slug" value=slugValue name="user" focus-out="updateSlug" placeholder="Slug" selectOnClick="true" autocorrect="off"}}
<p>{{gh-blog-url}}/author/{{slugValue}}</p>
</div>
<div class="form-group">
<label for="user-email">Email</label>
{{input type="email" value=user.email id="user-email" class="gh-input" placeholder="Email Address" autocapitalize="off" autocorrect="off" autocomplete="off"}}
<p>Used for notifications</p>
</div>
{{#if rolesDropdownIsVisible}}
<div class="form-group">
<label for="user-role">Role</label>
{{gh-role-selector
initialValue=user.role
onChange="changeRole"
selectId="user-role"}}
<p>What permissions should this user have?</p>
</div>
{{/if}}
<div class="form-group">
<label for="user-location">Location</label>
{{input type="text" value=user.location id="user-location" class="gh-input"}}
<p>Where in the world do you live?</p>
</div>
<div class="form-group">
<label for="user-website">Website</label>
{{input type="url" value=user.website id="user-website" class="gh-input" autocapitalize="off" autocorrect="off" autocomplete="off"}}
<p>Have a website or blog other than this one? Link it!</p>
</div>
<div class="form-group bio-container">
<label for="user-bio">Bio</label>
{{textarea id="user-bio" class="gh-input" value=user.bio}}
<p>
Write about you, in 200 characters or less.
{{gh-count-characters user.bio}}
</p>
</div>
<hr />
</fieldset>
<fieldset>
{{#unless isNotOwnProfile}}
<div class="form-group">
<label for="user-password-old">Old Password</label>
{{input value=user.password type="password" id="user-password-old" class="gh-input"}}
</div>
{{/unless}}
<div class="form-group">
<label for="user-password-new">New Password</label>
{{input value=user.newPassword type="password" id="user-password-new" class="gh-input"}}
</div>
<div class="form-group">
<label for="user-new-password-verification">Verify Password</label>
{{input value=user.ne2Password type="password" id="user-new-password-verification" class="gh-input"}}
</div>
<div class="form-group">
<button type="button" class="btn btn-red button-change-password" {{action "password"}}>Change Password</button>
</div>
</fieldset>
</form>
</div>
</section>

5
core/client/app/utils/link-view.js → core/client/app/utils/link-component.js
View file

@ -1,6 +1,7 @@
import Ember from 'ember';
Ember.LinkView.reopen({
active: Ember.computed('loadedParams', 'resolvedParams', 'routeArgs', function () {
Ember.LinkComponent.reopen({
active: Ember.computed('attrs.params', '_routing.currentState', function () {
var isActive = this._super();
Ember.set(this, 'alternateActive', isActive);

9
core/client/app/views/application.js
View file

@ -1,9 +0,0 @@
import Ember from 'ember';
export default Ember.View.extend({
classNames: 'gh-app',
toggleSettingsMenuBodyClass: Ember.observer('controller.showSettingsMenu', function () {
$('body').toggleClass('settings-menu-expanded', this.get('controller.showSettingsMenu'));
})
});

29
core/client/app/views/editor-save-button.js
View file

@ -1,29 +0,0 @@
import Ember from 'ember';
var EditorSaveButtonView = Ember.View.extend({
templateName: 'editor-save-button',
tagName: 'section',
classNames: ['splitbtn', 'js-publish-splitbutton'],
// Tracks whether we're going to change the state of the post on save
isDangerous: Ember.computed('controller.model.isPublished', 'controller.willPublish', function () {
return this.get('controller.model.isPublished') !== this.get('controller.willPublish');
}),
publishText: Ember.computed('controller.model.isPublished', 'controller.postOrPage', function () {
return this.get('controller.model.isPublished') ? 'Update ' + this.get('controller.postOrPage') : 'Publish Now';
}),
draftText: Ember.computed('controller.model.isPublished', function () {
return this.get('controller.model.isPublished') ? 'Unpublish' : 'Save Draft';
}),
deleteText: Ember.computed('controller.postOrPage', function () {
return 'Delete ' + this.get('controller.postOrPage');
}),
saveText: Ember.computed('controller.willPublish', 'publishText', 'draftText', function () {
return this.get('controller.willPublish') ? this.get('publishText') : this.get('draftText');
})
});
export default EditorSaveButtonView;

7
core/client/app/views/editor/new.js
View file

@ -1,7 +0,0 @@
import EditorView from 'ghost/views/editor/edit';
var EditorNewView = EditorView.extend({
templateName: 'editor/edit'
});
export default EditorNewView;

31
core/client/app/views/paginated-scroll-box.js
View file

@ -1,31 +0,0 @@
import Ember from 'ember';
import setScrollClassName from 'ghost/utils/set-scroll-classname';
import PaginationViewMixin from 'ghost/mixins/pagination-view-infinite-scroll';
var PaginatedScrollBox = Ember.View.extend(PaginationViewMixin, {
/**
* attach the scroll class handler event
*/
attachScrollClassHandler: function () {
var el = this.$();
el.on('scroll', Ember.run.bind(el, setScrollClassName, {
target: el.closest('.content-list'),
offset: 10
}));
},
didInsertElement: function () {
this._super();
this.attachScrollClassHandler();
},
willDestroyElement: function () {
this._super();
// removes scroll class handler event
this.$().off('scroll');
}
});
export default PaginatedScrollBox;

147
core/client/app/views/post-tags-input.js
View file

@ -1,147 +0,0 @@
import Ember from 'ember';
var PostTagsInputView = Ember.View.extend({
tagName: 'section',
elementId: 'entry-tags',
classNames: 'publish-bar-inner',
classNameBindings: ['hasFocus:focused'],
hasFocus: false,
keys: {
BACKSPACE: 8,
TAB: 9,
ENTER: 13,
ESCAPE: 27,
UP: 38,
DOWN: 40,
NUMPAD_ENTER: 108
},
didInsertElement: function () {
this.get('controller').send('loadAllTags');
},
willDestroyElement: function () {
this.get('controller').send('reset');
},
overlayStyles: Ember.computed('hasFocus', 'controller.suggestions.length', function () {
var styles = [],
leftPos;
if (this.get('hasFocus') && this.get('controller.suggestions.length')) {
leftPos = this.$().find('#tags').position().left;
styles.push('display: block');
styles.push('left: ' + leftPos + 'px');
} else {
styles.push('display: none');
styles.push('left', 0);
}
return styles.join(';').htmlSafe();
}),
tagInputView: Ember.TextField.extend({
focusIn: function () {
this.get('parentView').set('hasFocus', true);
},
focusOut: function () {
this.get('parentView').set('hasFocus', false);
},
keyPress: function (event) {
// listen to keypress event to handle comma key on international keyboard
var controller = this.get('parentView.controller'),
isComma = ','.localeCompare(String.fromCharCode(event.keyCode || event.charCode)) === 0;
// use localeCompare in case of international keyboard layout
if (isComma) {
event.preventDefault();
if (controller.get('selectedSuggestion')) {
controller.send('addSelectedSuggestion');
} else {
controller.send('addNewTag');
}
}
},
keyDown: function (event) {
var controller = this.get('parentView.controller'),
keys = this.get('parentView.keys'),
hasValue;
switch (event.keyCode) {
case keys.UP:
event.preventDefault();
controller.send('selectPreviousSuggestion');
break;
case keys.DOWN:
event.preventDefault();
controller.send('selectNextSuggestion');
break;
case keys.TAB:
case keys.ENTER:
case keys.NUMPAD_ENTER:
if (controller.get('selectedSuggestion')) {
event.preventDefault();
controller.send('addSelectedSuggestion');
} else {
// allow user to tab out of field if input is empty
hasValue = !Ember.isEmpty(this.get('value'));
if (hasValue || event.keyCode !== keys.TAB) {
event.preventDefault();
controller.send('addNewTag');
}
}
break;
case keys.BACKSPACE:
if (Ember.isEmpty(this.get('value'))) {
event.preventDefault();
controller.send('deleteLastTag');
}
break;
case keys.ESCAPE:
event.preventDefault();
controller.send('reset');
break;
}
}
}),
suggestionView: Ember.View.extend({
tagName: 'li',
classNameBindings: 'suggestion.selected',
suggestion: null,
// we can't use the 'click' event here as the focusOut event on the
// input will fire first
mouseDown: function (event) {
event.preventDefault();
},
mouseUp: function (event) {
event.preventDefault();
this.get('parentView.controller').send('addTag',
this.get('suggestion.tag'));
}
}),
actions: {
deleteTag: function (tag) {
// The view wants to keep focus on the input after a click on a tag
Ember.$('.js-tag-input').focus();
// Make the controller do the actual work
this.get('controller').send('deleteTag', tag);
}
}
});
export default PostTagsInputView;

7
core/client/app/views/posts/index.js
View file

@ -1,7 +0,0 @@
import Ember from 'ember';
var PostsIndexView = Ember.View.extend({
classNames: ['no-posts-box']
});
export default PostsIndexView;

5
core/client/app/views/settings/apps.js
View file

@ -1,5 +0,0 @@
import BaseView from 'ghost/views/settings/content-base';
var SettingsAppsView = BaseView.extend();
export default SettingsAppsView;

5
core/client/app/views/settings/code-injection.js
View file

@ -1,5 +0,0 @@
import BaseView from 'ghost/views/settings/content-base';
var SettingsGeneralView = BaseView.extend();
export default SettingsGeneralView;

8
core/client/app/views/settings/content-base.js
View file

@ -1,8 +0,0 @@
import Ember from 'ember';
var SettingsView = Ember.View.extend({
tagName: 'section',
classNames: ['gh-view']
});
export default SettingsView;

5
core/client/app/views/settings/general.js
View file

@ -1,5 +0,0 @@
import BaseView from 'ghost/views/settings/content-base';
var SettingsGeneralView = BaseView.extend();
export default SettingsGeneralView;

5
core/client/app/views/settings/labs.js
View file

@ -1,5 +0,0 @@
import BaseView from 'ghost/views/settings/content-base';
var SettingsLabsView = BaseView.extend();
export default SettingsLabsView;

6
core/client/app/views/settings/tags.js
View file

@ -1,6 +0,0 @@
import BaseView from 'ghost/views/settings/content-base';
import PaginationScrollMixin from 'ghost/mixins/pagination-view-infinite-scroll';
var SettingsTagsView = BaseView.extend(PaginationScrollMixin);
export default SettingsTagsView;

25
core/client/app/views/settings/tags/settings-menu.js
View file

@ -1,25 +0,0 @@
import Ember from 'ember';
var TagsSettingsMenuView = Ember.View.extend({
saveText: Ember.computed('controller.model.isNew', function () {
return this.get('controller.model.isNew') ?
'Add Tag' :
'Save Tag';
}),
// This observer loads and resets the uploader whenever the active tag changes,
// ensuring that we can reuse the whole settings menu.
updateUploader: Ember.observer('controller.activeTag.image', 'controller.uploaderReference', function () {
var uploader = this.get('controller.uploaderReference'),
image = this.get('controller.activeTag.image');
if (uploader && uploader[0]) {
if (image) {
uploader[0].uploaderUi.initWithImage();
} else {
uploader[0].uploaderUi.reset();
}
}
})
});
export default TagsSettingsMenuView;

7
core/client/app/views/team/index.js
View file

@ -1,7 +0,0 @@
import Ember from 'ember';
var TeamUserIndexView = Ember.View.extend({
tagName: 'section',
classNames: ['gh-view']
});
export default TeamUserIndexView;

32
core/client/app/views/team/user.js
View file

@ -1,32 +0,0 @@
import Ember from 'ember';
var TeamUserView = Ember.View.extend({
tagName: 'section',
classNames: ['gh-view'],
currentUser: Ember.computed.alias('controller.session.user'),
isNotOwnProfile: Ember.computed('controller.user.id', 'currentUser.id', function () {
return this.get('controller.user.id') !== this.get('currentUser.id');
}),
isNotOwnersProfile: Ember.computed.not('controller.user.isOwner'),
canAssignRoles: Ember.computed.or('currentUser.isAdmin', 'currentUser.isOwner'),
canMakeOwner: Ember.computed.and('currentUser.isOwner', 'isNotOwnProfile', 'controller.user.isAdmin'),
rolesDropdownIsVisible: Ember.computed.and('isNotOwnProfile', 'canAssignRoles', 'isNotOwnersProfile'),
deleteUserActionIsVisible: Ember.computed('currentUser', 'canAssignRoles', 'controller.user', function () {
if ((this.get('canAssignRoles') && this.get('isNotOwnProfile') && !this.get('controller.user.isOwner')) ||
(this.get('currentUser.isEditor') && (this.get('isNotOwnProfile') ||
this.get('controller.user.isAuthor')))) {
return true;
}
}),
userActionsAreVisible: Ember.computed.or('deleteUserActionIsVisible', 'canMakeOwner')
});
export default TeamUserView;

7
core/client/app/views/users-list.js
View file

@ -1,7 +0,0 @@
import Ember from 'ember';
import PaginationViewMixin from 'ghost/mixins/pagination-view-infinite-scroll';
export default Ember.View.extend(PaginationViewMixin, {
tagName: 'section',
classNames: ['js-users-list-view', 'view-content', 'settings-users']
});

Some files were not shown because too many files have changed in this diff Show more