mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-21 09:52:06 +03:00
265a19f550
refs https://github.com/TryGhost/Team/issues/1130 - added new route for viewing themes so back/forward buttons can be used - takes theme name as a parameter - opens a fullscreen modal with an iframe containing the theme demo - changed installable themes list to link to new route - swapped `previewUrl` in theme data to point at the real demo rather than the ghost.org demo page
52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
import Controller from '@ember/controller';
|
|
import {action} from '@ember/object';
|
|
import {inject as service} from '@ember/service';
|
|
import {tracked} from '@glimmer/tracking';
|
|
|
|
export default class ChangeThemeController extends Controller {
|
|
@service store;
|
|
@service themeManagement;
|
|
|
|
@tracked showAdvanced = false;
|
|
@tracked themes = this.store.peekAll('theme');
|
|
|
|
marketplaceThemes = [{
|
|
name: 'Edition',
|
|
category: 'Newsletter',
|
|
url: 'https://github.com/TryGhost/Edition',
|
|
previewUrl: 'https://edition.ghost.io/',
|
|
ref: 'TryGhost/Edition',
|
|
image: 'assets/img/themes/Edition.jpg',
|
|
shortImage: 'assets/img/themes/Edition-cut.jpg'
|
|
}, {
|
|
name: 'Alto',
|
|
category: 'Blog',
|
|
url: 'https://github.com/TryGhost/Alto',
|
|
previewUrl: 'https://alto.ghost.io',
|
|
ref: 'TryGhost/Alto',
|
|
image: 'assets/img/themes/Alto.jpg',
|
|
shortImage: 'assets/img/themes/Alto-cut.jpg'
|
|
}, {
|
|
name: 'London',
|
|
category: 'Photography',
|
|
url: 'https://github.com/TryGhost/London',
|
|
previewUrl: 'https://london.ghost.io',
|
|
ref: 'TryGhost/London',
|
|
image: 'assets/img/themes/London.jpg',
|
|
shortImage: 'assets/img/themes/London-cut.jpg'
|
|
}, {
|
|
name: 'Ease',
|
|
category: 'Documentation',
|
|
url: 'https://github.com/TryGhost/Ease',
|
|
previewUrl: 'https://ease.ghost.io',
|
|
ref: 'TryGhost/Ease',
|
|
image: 'assets/img/themes/Ease.jpg',
|
|
shortImage: 'assets/img/themes/Ease-cut.jpg'
|
|
}]
|
|
|
|
@action
|
|
toggleAdvanced() {
|
|
this.showAdvanced = !this.showAdvanced;
|
|
}
|
|
}
|