2017-02-27 15:34:46 +03:00
|
|
|
<div class="apps-grid" data-test-themes-list>
|
2022-01-03 17:09:16 +03:00
|
|
|
{{#each this.sortedThemes as |theme index|}}
|
|
|
|
<div class="apps-grid-cell" data-test-theme-id="{{theme.name}}" data-test-theme-active="{{theme.active}}">
|
|
|
|
<div class="apps-card-app {{if theme.active "theme-list-item--active"}}">
|
|
|
|
<div class="apps-card-meta flex-grow-1">
|
|
|
|
<h3 class="apps-card-app-title" data-test-theme-title>
|
|
|
|
{{theme.label}}
|
|
|
|
{{#if theme.active}}<span class="gh-badge gh-badge-green">Active</span>{{/if}}
|
|
|
|
</h3>
|
2017-02-27 15:34:46 +03:00
|
|
|
<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>
|
2022-01-03 17:09:16 +03:00
|
|
|
{{#unless theme.active}}
|
2022-02-02 20:09:02 +03:00
|
|
|
<button type="button" {{on "click" (fn this.activateTheme theme.model this.dd)}} class="apps-configured-action darkgrey apps-configured-action-activate green-hover green-bg-hover" data-test-button="activate">Activate</button>
|
2022-01-03 17:09:16 +03:00
|
|
|
{{/unless}}
|
|
|
|
<GhBasicDropdown @verticalPosition="below" @horizontalPosition="right" @buttonPosition="right" as |dd|>
|
2022-09-02 18:56:02 +03:00
|
|
|
<dd.Trigger class="gh-btn gh-btn-icon fill" data-test-button="actions"><span>{{svg-jar "dotdotdot"}}</span></dd.Trigger>
|
2022-01-03 17:09:16 +03:00
|
|
|
|
|
|
|
<dd.Content class="relative-dropdown-menu">
|
|
|
|
<ul class="dropdown-menu" data-test-actions-for={{theme.name}}>
|
2017-02-27 09:31:01 +03:00
|
|
|
|
2022-01-03 17:09:16 +03:00
|
|
|
<li><button type="button" {{on "click" (fn this.downloadTheme theme.name dd)}} class="darkgrey darkgrey-hover lightgrey-bg-hover" data-test-button="download">Download</button></li>
|
|
|
|
|
|
|
|
{{#if theme.isDeletable}}
|
|
|
|
<li><button type="button" {{on "click" (fn this.deleteTheme theme.model dd)}} disabled={{theme.active}} class="gh-list-delete" data-test-button="delete">Delete</button></li>
|
|
|
|
{{/if}}
|
|
|
|
</ul>
|
|
|
|
</dd.Content>
|
|
|
|
</GhBasicDropdown>
|
2017-02-27 09:31:01 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
2022-01-03 17:09:16 +03:00
|
|
|
{{/each}}
|
2017-02-27 09:31:01 +03:00
|
|
|
</div>
|