2018-08-23 21:30:00 -04:00
|
|
|
<div class="themes-list-header">
|
2022-10-07 19:06:20 -04:00
|
|
|
<DButton
|
|
|
|
@action={{action "changeView"}}
|
|
|
|
@actionParam={{this.THEMES}}
|
|
|
|
@class={{concat "themes-tab " "tab " (if this.themesTabActive "active" "")}}
|
|
|
|
@label="admin.customize.theme.title"
|
|
|
|
/>
|
|
|
|
<DButton
|
|
|
|
@action={{action "changeView"}}
|
|
|
|
@actionParam={{this.COMPONENTS}}
|
|
|
|
@class={{concat
|
|
|
|
"components-tab "
|
|
|
|
"tab "
|
|
|
|
(if this.componentsTabActive "active" "")
|
|
|
|
}}
|
|
|
|
@label="admin.customize.theme.components"
|
|
|
|
@icon="puzzle-piece"
|
|
|
|
/>
|
2018-08-23 21:30:00 -04:00
|
|
|
</div>
|
|
|
|
|
2018-09-09 14:48:08 -04:00
|
|
|
<div class="themes-list-container">
|
2022-07-05 13:41:31 -04:00
|
|
|
{{#if this.showFilter}}
|
2021-07-18 21:33:58 -04:00
|
|
|
<div class="themes-list-filter themes-list-item">
|
2022-07-06 04:37:54 -04:00
|
|
|
<Input
|
|
|
|
class="filter-input"
|
|
|
|
placeholder={{i18n "admin.customize.theme.filter_placeholder"}}
|
|
|
|
autocomplete="off"
|
|
|
|
@type="search"
|
|
|
|
@value={{mut this.filterTerm}}
|
|
|
|
/>
|
2021-07-18 21:33:58 -04:00
|
|
|
{{d-icon "search"}}
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
2022-07-05 13:41:31 -04:00
|
|
|
{{#if this.hasThemes}}
|
|
|
|
{{#if this.hasActiveThemes}}
|
|
|
|
{{#each this.activeThemes as |theme|}}
|
2022-06-30 06:30:50 -04:00
|
|
|
<ThemesListItem
|
|
|
|
@theme={{theme}}
|
|
|
|
@navigateToTheme={{action "navigateToTheme" theme}}
|
|
|
|
/>
|
2018-08-30 15:23:15 -04:00
|
|
|
{{/each}}
|
|
|
|
|
2022-07-05 13:41:31 -04:00
|
|
|
{{#if this.hasInactiveThemes}}
|
2019-01-23 04:20:13 -05:00
|
|
|
<div class="themes-list-item inactive-indicator">
|
|
|
|
<span class="empty">
|
2022-07-05 13:41:31 -04:00
|
|
|
{{#if this.themesTabActive}}
|
2020-03-11 04:23:10 -04:00
|
|
|
{{i18n "admin.customize.theme.inactive_themes"}}
|
2019-01-23 04:20:13 -05:00
|
|
|
{{else}}
|
2020-03-11 04:23:10 -04:00
|
|
|
{{i18n "admin.customize.theme.inactive_components"}}
|
2019-01-23 04:20:13 -05:00
|
|
|
{{/if}}
|
|
|
|
</span>
|
|
|
|
</div>
|
2018-08-30 15:23:15 -04:00
|
|
|
{{/if}}
|
|
|
|
{{/if}}
|
2019-01-23 04:20:13 -05:00
|
|
|
|
2022-07-05 13:41:31 -04:00
|
|
|
{{#if this.hasInactiveThemes}}
|
|
|
|
{{#each this.inactiveThemes as |theme|}}
|
2022-06-30 06:30:50 -04:00
|
|
|
<ThemesListItem
|
|
|
|
@theme={{theme}}
|
|
|
|
@navigateToTheme={{action "navigateToTheme" theme}}
|
|
|
|
/>
|
2019-01-23 04:20:13 -05:00
|
|
|
{{/each}}
|
|
|
|
{{/if}}
|
2018-08-23 21:30:00 -04:00
|
|
|
{{else}}
|
|
|
|
<div class="themes-list-item">
|
2020-03-11 04:23:10 -04:00
|
|
|
<span class="empty">{{i18n "admin.customize.theme.empty"}}</span>
|
2018-08-23 21:30:00 -04:00
|
|
|
</div>
|
|
|
|
{{/if}}
|
2019-02-07 22:27:35 -05:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="create-actions">
|
2022-07-05 13:41:31 -04:00
|
|
|
<DButton
|
|
|
|
@action={{this.installModal}}
|
|
|
|
@icon="upload"
|
|
|
|
@label="admin.customize.install"
|
|
|
|
@class="btn-primary"
|
|
|
|
/>
|
2019-02-07 22:27:35 -05:00
|
|
|
</div>
|