diff --git a/client/components/admin/admin-theme.vue b/client/components/admin/admin-theme.vue index 85b2163d..0d183ecd 100644 --- a/client/components/admin/admin-theme.vue +++ b/client/components/admin/admin-theme.vue @@ -69,7 +69,10 @@ :hint='$t(`admin:theme.cssOverrideHint`)' auto-grow ) - v-textarea.mt-2( + i18next.caption.pl-2.ml-1(path='admin:theme.cssOverrideWarning', tag='div') + strong.red--text(place='caution') {{$t('admin:theme.cssOverrideWarningCaution')}} + code(place='cssClass') .contents + v-textarea.mt-3( v-model='config.injectHead' :label='$t(`admin:theme.headHtmlInjection`)' outline @@ -96,7 +99,26 @@ .subheading {{$t('admin:theme.downloadThemes')}} v-spacer v-chip(label, color='white', small).teal--text coming soon - v-card-text.caption -- Coming soon -- + v-data-table( + :headers='headers', + :items='themes', + hide-actions, + item-key='value', + :rows-per-page-items='[-1]' + ) + template(v-slot:items='thm') + td + strong {{thm.item.text}} + td + span {{ thm.item.author }} + td.text-xs-center + v-progress-circular(v-if='thm.item.isDownloading', indeterminate, color='blue', size='20', :width='2') + v-btn(v-else-if='thm.item.isInstalled && thm.item.installDate < thm.item.updatedAt', icon) + v-icon.blue--text cached + v-btn(v-else-if='thm.item.isInstalled', icon) + v-icon.green--text check + v-btn(v-else, icon) + v-icon.grey--text cloud_download