2017-02-27 15:34:46 +03:00
|
|
|
<div class="apps-grid" data-test-themes-list>
|
2019-12-13 17:20:29 +03:00
|
|
|
{{#if this.sortedThemes}}
|
2017-02-27 09:31:01 +03:00
|
|
|
|
2019-12-13 17:20:29 +03:00
|
|
|
{{#each this.sortedThemes as |theme|}}
|
2017-02-27 15:34:46 +03:00
|
|
|
<div class="apps-grid-cell" data-test-theme-id="{{theme.name}}" data-test-theme-active="{{theme.active}}">
|
2017-02-27 09:31:01 +03:00
|
|
|
<div class="apps-card-app {{if theme.active "theme-list-item--active"}}">
|
|
|
|
<div class="apps-card-left">
|
|
|
|
<div class="apps-card-meta">
|
2017-02-27 15:34:46 +03:00
|
|
|
<h3 class="apps-card-app-title" data-test-theme-title>{{theme.label}}</h3>
|
|
|
|
<p class="apps-card-app-desc" data-test-theme-description><span class="description">Version {{theme.version}}</span></p>
|
2016-08-17 18:01:46 +03:00
|
|
|
</div>
|
2017-02-27 09:31:01 +03:00
|
|
|
</div>
|
|
|
|
<div class="apps-card-right">
|
|
|
|
<div class="apps-configured">
|
|
|
|
{{!--Delete--}}
|
2016-08-17 18:01:46 +03:00
|
|
|
{{#if theme.isDeletable}}
|
2021-02-12 12:19:25 +03:00
|
|
|
<a href="#" {{action this.deleteTheme theme}} disabled={{theme.active}} class="apps-configured-action darkgrey red-hover red-bg-hover" data-test-theme-delete-button>Delete</a>
|
2016-08-17 18:01:46 +03:00
|
|
|
{{/if}}
|
2017-02-27 09:31:01 +03:00
|
|
|
{{!--Download--}}
|
2021-02-12 12:19:25 +03:00
|
|
|
<a href="#" {{action this.downloadTheme theme}} class="apps-configured-action darkgrey darkgrey-hover lightgrey-bg-hover" data-test-theme-download-button>Download</a>
|
2017-02-27 09:31:01 +03:00
|
|
|
{{!--Active Label / Activate Button--}}
|
2016-08-17 18:01:46 +03:00
|
|
|
{{#if theme.active}}
|
2017-02-27 15:34:46 +03:00
|
|
|
<span class="gh-badge gh-badge-black apps-configured-action" data-test-theme-badge>Active</span>
|
2016-08-17 18:01:46 +03:00
|
|
|
{{else}}
|
2021-02-12 12:19:25 +03:00
|
|
|
<a href="#" {{action this.activateTheme theme.model}} class="apps-configured-action darkgrey apps-configured-action-activate green-hover green-bg-hover" data-test-theme-activate-button>
|
2016-08-17 18:01:46 +03:00
|
|
|
Activate
|
|
|
|
</a>
|
|
|
|
{{/if}}
|
|
|
|
</div>
|
|
|
|
</div>
|
2017-02-27 09:31:01 +03:00
|
|
|
</div>
|
2016-08-17 18:01:46 +03:00
|
|
|
</div>
|
2017-02-27 09:31:01 +03:00
|
|
|
{{/each}}
|
|
|
|
|
2016-08-17 18:01:46 +03:00
|
|
|
{{else}}
|
2017-02-27 09:31:01 +03:00
|
|
|
<div class="apps-card-app">
|
|
|
|
<div class="apps-card-left">
|
|
|
|
<div class="apps-card-meta">
|
|
|
|
<h3 class="apps-card-app-title">No themes found</h3>
|
|
|
|
<p class="apps-card-app-desc"><span class="description">Please upload a theme to continue</span></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2016-08-17 18:01:46 +03:00
|
|
|
{{/if}}
|
2017-02-27 09:31:01 +03:00
|
|
|
</div>
|