Add basic empty app list placeholder text

This commit is contained in:
Johannes Zellner
2024-12-29 19:25:35 +01:00
parent 3eacdff1d6
commit df3a80e17e

View File

@@ -12,6 +12,21 @@
<a class="config" :href="`#/app/${app.id}/info`"><Icon icon="fa-solid fa-cog" /></a>
</a>
</TransitionGroup>
<!-- TODO check user permissions -->
<div class="empty-placeholder" v-if="filteredApps.length === 0">
<!-- for admins -->
<div v-if="false">
<h4><i class="fa fa-cloud-download fa-fw"></i> {{ $t('apps.noApps.title') }}</h4>
<h5 v-html="$t('apps.noApps.description', { appStoreLink: '#/appstore' })"></h5>
</div>
<!-- for non-admins -->
<div v-if="true">
<h4>{{ $t('apps.noAccess.title') }}</h4>
<h5>{{ $t('apps.noAccess.description') }}</h5>
</div>
</div>
</div>
</template>
@@ -148,4 +163,8 @@ export default {
opacity: 1;
}
.empty-placeholder {
margin-top: 20px;
}
</style>