jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Only disable filter elements in appstore view until ready

Browse Source
This commit is contained in:
Johannes Zellner
2025-07-14 17:40:42 +02:00
parent 11e9f0eaf2
commit 87a5829f9e
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/views/AppstoreView.vue
+7 -8
View File
@@ -186,18 +186,18 @@ onUnmounted(() => {
<InputDialog ref="inputDialog"/>
<AppInstallDialog ref="appInstallDialog" @close="onAppInstallDialogClose"/>
<div v-if="!ready" style="height: 100%; display: flex; flex-direction: column; justify-content: center;">
<div class="filter-bar">
<SingleSelect @select="onCategory" v-model="category" :options="categories" option-key="id" option-label="label" :disabled="!ready"/>
<TextInput ref="searchInput" @keydown.esc="search = ''" v-model="search" :disabled="!ready" :placeholder="$t('appstore.searchPlaceholder')" style="flex-grow: 1;"/>
</div>
<div v-if="!ready">
<ProgressBar mode="indeterminate" :show-label="false" :slim="true"/>
</div>
<div v-else-if="appstoreTokenError">
Cloudron not registered. Reset registration <a href="#/cloudron-account">here</a>.
</div>
<div v-else>
<div class="filter-bar">
<SingleSelect @select="onCategory" v-model="category" :options="categories" option-key="id" option-label="label"/>
<TextInput ref="searchInput" @keydown.esc="search = ''" v-model="search" :placeholder="$t('appstore.searchPlaceholder')" style="flex-grow: 1;"/>
</div>
<div v-if="!search">
<h4 v-show="filteredPopularApps.length">{{ $t('appstore.category.popular') }}</h4>
<div class="grid">
@@ -241,8 +241,7 @@ onUnmounted(() => {
display: flex;
gap: 6px;
justify-content: space-between;
margin-bottom: 30px;
}
}
.grid {
position: relative;