Theme Manager.Component

@if (accountService.hasAdminRole()) { {{t('add')}} }

{{t('description')}}

{{t('downloaded')}} @for (theme of downloadedThemes; track theme.name) { } - {{t('downloadable')}} @for (theme of downloadableThemes; track theme.name) { }

@if (selectedTheme === undefined) {

@if (accountService.hasAdminRole()) { {{t('preview-default-admin')}} } @else { {{t('preview-default')}} }

@if (files && files.length > 0) { } @else if (accountService.hasAdminRole()) { } } @else {

{{selectedTheme.name | sentenceCase}} @if (selectedTheme.isSiteTheme) { @if (selectedTheme.name !== 'Dark' && canUseThemes()) { {{t('delete')}} } @if (accountService.hasAdminRole()) { {{t('set-default')}} } {{t('apply')}} } @else if (canUseThemes()) { {{t('download')}} }

@if(!selectedTheme.isSiteTheme) {

{{selectedTheme.downloadable!.description | defaultValue}}

} @else {

{{selectedTheme.site!.description | defaultValue}}

} }

@if (item !== undefined) { -

{{item.name | sentenceCase}} @if (item.provider !== ThemeProvider.System && item.compatibleVersion) { v{{item.compatibleVersion}} } @else if (item.hasOwnProperty('lastCompatibleVersion')) { v{{item.lastCompatibleVersion}} } @if (currentTheme && item.name === currentTheme.name) { {{t('active-theme')}} } @if (item.hasOwnProperty('isDefault') && item.isDefault) { {{t('default-theme')}} } }