Ghost/ghost/admin/app/templates/settings/design/change-theme.hbs

37 lines
1.9 KiB
Handlebars
Raw Normal View History

<section class="gh-canvas">
<GhCanvasHeader class="gh-canvas-header">
<h2 class="gh-canvas-title" data-test-screen-title>All themes</h2>
<section class="view-actions">
<button type="button" class="mr4 gh-btn" {{on "click" this.toggleAdvanced}}><span>Advanced</span></button>
<button type="button" class="gh-btn gh-btn-black" {{on "click" this.themeManagement.upload}}><span>Upload theme</span></button>
</section>
</GhCanvasHeader>
<section class="view-container">
{{#if this.showAdvanced}}
<div class="gh-themes-container">
<GhThemeTableLabs @themes={{this.themes}} />
</div>
{{/if}}
<div class="gh-theme-directory-container">
<div class="theme-directory">
{{#each this.marketplaceThemes as |theme|}}
<a class="td-item" href={{theme.url}} target="_blank" rel="noopener noreferrer">
<div class="td-item-screenshot relative">
<img style="object-fit:contain;" src={{theme.image}} alt="{{theme.name}} Theme" />
<div class="td-item-overlay">
<LinkTo class="td-item-action gh-btn gh-btn-black mb4" @route="settings.theme.install" @query={{hash source="github" ref=theme.ref}}><span>Install</span></LinkTo>
<a href={{theme.previewUrl}} class="td-item-action gh-btn" target="_blank" rel="noopener"><span>Preview</span></a>
</div>
</div>
<div class="td-item-desc">
<div>{{theme.name}}</div>
<span>• {{theme.category}}</span>
</div>
</a>
{{/each}}
</div>
</div>
</section>
</section>