Ghost/ghost/admin/app/router.js
Arjuna Kristophe Sankar 096dffb817
🐛 Fixed missing active theme breaks design screen (#15602)
closes: https://github.com/TryGhost/Ghost/issues/15505

When starting Ghost with a missing active theme, the design settings screen and change theme screen both end up in a broken state with the user unable to select a new theme as the active one.

The design screen has no default (or blank) slate, and so shows a preview of an empty theme.
- First added a new default screen to serve as a placeholder for when the state contains no active theme.
- Added a check for when there was no active theme, then redirects the user to the default screen .

The change theme screen wants to set an active property on the theme that should be active in the theme list.
- Added a check to see whether there is an active theme set.
- If there isn't one, don't bother trying to add the active property.
2022-10-30 14:14:11 +00:00

125 lines
4.6 KiB
JavaScript

import EmberRouter from '@ember/routing/router';
import config from 'ghost-admin/config/environment';
import ghostPaths from 'ghost-admin/utils/ghost-paths';
const Router = EmberRouter.extend({
location: config.locationType, // use HTML5 History API instead of hash-tag based URLs
rootURL: ghostPaths().adminRoot // admin interface lives under sub-directory /ghost
});
// eslint-disable-next-line array-callback-return
Router.map(function () {
this.route('home', {path: '/'});
this.route('setup');
this.route('setup.done', {path: '/setup/done'});
this.route('signin');
this.route('signout');
this.route('signup', {path: '/signup/:token'});
this.route('reset', {path: '/reset/:token'});
this.route('whatsnew');
this.route('site');
this.route('dashboard');
this.route('launch');
this.route('pro', function () {
this.route('pro-sub', {path: '/*sub'});
});
this.route('posts');
this.route('posts.analytics', {path: '/posts/analytics/:post_id'});
this.route('pages');
this.route('editor', function () {
this.route('new', {path: ':type'});
this.route('edit', {path: ':type/:post_id'});
});
this.route('lexical-editor', function () {
this.route('new', {path: ':type'});
this.route('edit', {path: ':type/:post_id'});
});
this.route('lexicalsandbox');
this.route('tags');
this.route('tag.new', {path: '/tags/new'});
this.route('tag', {path: '/tags/:tag_slug'});
this.route('settings');
this.route('settings.general', {path: '/settings/general'});
this.route('settings.membership', {path: '/settings/members'});
this.route('settings.code-injection', {path: '/settings/code-injection'});
this.route('settings.history', {path: '/settings/history'});
this.route('settings.analytics', {path: '/settings/analytics'});
// redirect from old /settings/members-email to /settings/newsletters
this.route('settings.members-email', {path: '/settings/members-email'});
this.route('settings.newsletters', {path: '/settings/newsletters'}, function () {
this.route('new-newsletter', {path: 'new'});
this.route('edit-newsletter', {path: ':newsletter_id'});
});
this.route('settings.design', {path: '/settings/design'}, function () {
this.route('change-theme', function () {
this.route('view', {path: ':theme_name'});
this.route('install');
});
this.route('no-theme');
});
// redirect for old install route used by ghost.org/marketplace
this.route('settings.theme-install', {path: '/settings/theme/install'});
this.route('settings.staff', {path: '/settings/staff'}, function () {
this.route('user', {path: ':user_slug'});
});
this.route('explore', function () {
// actual Ember route, not rendered in iframe
this.route('connect');
// iframe sub pages, used for categories
this.route('explore-sub', {path: '/*sub'}, function () {
// needed to allow search to work, as it uses URL
// params for search queries. They don't need to
// be visible, but may not be cut off.
this.route('explore-query', {path: '/*query'});
});
});
this.route('settings.integrations', {path: '/settings/integrations'}, function () {
this.route('new');
});
this.route('settings.integration', {path: '/settings/integrations/:integration_id'}, function () {
this.route('webhooks.new', {path: 'webhooks/new'});
this.route('webhooks.edit', {path: 'webhooks/:webhook_id'});
});
this.route('settings.integrations.slack', {path: '/settings/integrations/slack'});
this.route('settings.integrations.amp', {path: '/settings/integrations/amp'});
this.route('settings.integrations.firstpromoter', {path: '/settings/integrations/firstpromoter'});
this.route('settings.integrations.unsplash', {path: '/settings/integrations/unsplash'});
this.route('settings.integrations.zapier', {path: '/settings/integrations/zapier'});
this.route('settings.navigation', {path: '/settings/navigation'});
this.route('settings.labs', {path: '/settings/labs'});
this.route('members', function () {
this.route('import');
});
this.route('member.new', {path: '/members/new'});
this.route('member', {path: '/members/:member_id'});
this.route('members-activity');
this.route('offers');
this.route('offer.new', {path: '/offers/new'});
this.route('offer', {path: '/offers/:offer_id'});
this.route('error404', {path: '/*path'});
this.route('designsandbox');
});
export default Router;