Ghost/ghost/admin/app/controllers/settings/navigation.js

161 lines
4.9 KiB
JavaScript
Raw Normal View History

2015-02-13 07:22:32 +03:00
import Ember from 'ember';
var NavItem = Ember.Object.extend({
label: '',
url: '',
last: false,
isComplete: Ember.computed('label', 'url', function () {
return !(Ember.isBlank(this.get('label').trim()) || Ember.isBlank(this.get('url')));
})
});
export default Ember.Controller.extend({
config: Ember.inject.service(),
notifications: Ember.inject.service(),
blogUrl: Ember.computed('config.blogUrl', function () {
var url = this.get('config.blogUrl');
return url.slice(-1) !== '/' ? url + '/' : url;
}),
2015-02-25 20:20:42 +03:00
navigationItems: Ember.computed('model.navigation', function () {
var navItems,
2015-02-23 21:48:25 +03:00
lastItem;
2015-02-25 20:20:42 +03:00
try {
navItems = JSON.parse(this.get('model.navigation') || [{}]);
} catch (e) {
navItems = [{}];
}
navItems = navItems.map(function (item) {
return NavItem.create(item);
});
lastItem = navItems.get('lastObject');
if (!lastItem || lastItem.get('isComplete')) {
2015-02-25 20:20:42 +03:00
navItems.addObject(NavItem.create({last: true}));
}
return navItems;
}),
2015-02-23 21:48:25 +03:00
updateLastNavItem: Ember.observer('navigationItems.[]', function () {
var navItems = this.get('navigationItems');
navItems.forEach(function (item, index, items) {
if (index === (items.length - 1)) {
item.set('last', true);
} else {
item.set('last', false);
}
});
}),
actions: {
addItem: function () {
var navItems = this.get('navigationItems'),
lastItem = navItems.get('lastObject');
if (lastItem && lastItem.get('isComplete')) {
2015-02-25 20:20:42 +03:00
navItems.addObject(NavItem.create({last: true})); // Adds new blank navItem
}
},
deleteItem: function (item) {
if (!item) {
return;
}
2015-02-25 20:20:42 +03:00
var navItems = this.get('navigationItems');
2015-02-25 20:20:42 +03:00
navItems.removeObject(item);
},
moveItem: function (index, newIndex) {
var navItems = this.get('navigationItems'),
item = navItems.objectAt(index);
2015-02-23 21:48:25 +03:00
2015-02-25 20:20:42 +03:00
navItems.removeAt(index);
navItems.insertAt(newIndex, item);
},
updateUrl: function (url, navItem) {
if (!navItem) {
return;
}
if (Ember.isBlank(url)) {
navItem.set('url', this.get('blogUrl'));
return;
}
navItem.set('url', url);
},
save: function () {
var navSetting,
blogUrl = this.get('config').blogUrl,
blogUrlRegex = new RegExp('^' + blogUrl + '(.*)', 'i'),
navItems = this.get('navigationItems'),
message = 'One of your navigation items has an empty label. ' +
'<br /> Please enter a new label or delete the item before saving.',
match,
notifications = this.get('notifications');
2015-02-25 20:20:42 +03:00
// Don't save if there's a blank label.
if (navItems.find(function (item) {return !item.get('isComplete') && !item.get('last');})) {
notifications.showErrors([message.htmlSafe()]);
return;
}
2015-02-25 20:20:42 +03:00
navSetting = navItems.map(function (item) {
var label,
2015-02-25 20:20:42 +03:00
url;
if (!item || !item.get('isComplete')) {
return;
}
label = item.get('label').trim();
url = item.get('url').trim();
// is this an internal URL?
match = url.match(blogUrlRegex);
if (match) {
url = match[1];
// if the last char is not a slash, then add one,
// as long as there is no # or . in the URL (anchor or file extension)
// this also handles the empty case for the homepage
if (url[url.length - 1] !== '/' && url.indexOf('#') === -1 && url.indexOf('.') === -1) {
url += '/';
}
} else if (!validator.isURL(url) && url !== '' && url[0] !== '/' && url.indexOf('mailto:') !== 0) {
url = '/' + url;
}
2015-02-25 20:20:42 +03:00
return {label: label, url: url};
}).compact();
this.set('model.navigation', JSON.stringify(navSetting));
// trigger change event because even if the final JSON is unchanged
// we need to have navigationItems recomputed.
this.get('model').notifyPropertyChange('navigation');
notifications.closePassive();
this.get('model').save().then(function () {
notifications.showSuccess('Navigation items saved.');
}).catch(function (err) {
notifications.showErrors(err);
});
}
}
});