mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-23 02:41:50 +03:00
924da56c94
refs https://github.com/TryGhost/Team/issues/1130 - match latest design where the theme table is under an "advanced" toggle on the change-theme screen rather than a completely separate screen
37 lines
1.9 KiB
Handlebars
37 lines
1.9 KiB
Handlebars
<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> |