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

Remove appstore animations

Browse Source
This commit is contained in:
Johannes Zellner
2025-04-19 15:57:10 +02:00
parent 822460e5ee
commit 63354b00eb
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/views/AppstoreView.vue
+9 -8
View File
@@ -1,7 +1,7 @@
<script setup>
import { ref, computed, useTemplateRef, onMounted } from 'vue';
import { Button, TextInput } from 'pankow';
import { Button, TextInput, Spinner } from 'pankow';
import AppstoreModel from '../models/AppstoreModel.js';
import AppInstallDialog from '../components/AppInstallDialog.vue';
import ApplinkDialog from '../components/ApplinkDialog.vue';
@@ -101,7 +101,8 @@ onMounted(async () => {
<div class="filter-bar">
<div></div>
<TextInput ref="searchInput" @keydown.esc="search = ''" v-model="search" :placeholder="$t('appstore.searchPlaceholder')" style="max-width: 100%; width: 500px;"/>
<Spinner v-if="!ready" class="pankow-spinner-large"/>
<TextInput v-show="ready" ref="searchInput" @keydown.esc="search = ''" v-model="search" :placeholder="$t('appstore.searchPlaceholder')" style="max-width: 100%; width: 500px;"/>
<div>
<Button secondary plain icon="fas fa-exchange-alt" @click="onInstall(proxyApp)">{{ $t('apps.addAppproxyAction') }}</Button>
<Button secondary plain icon="fas fa-link" @click="onApplinkDialogOpen()">{{ $t('apps.addApplinkAction') }}</Button>
@@ -112,19 +113,19 @@ onMounted(async () => {
<div v-if="!search && ready">
<h4 v-show="filteredPopularApps.length">{{ $t('appstore.category.popular') }}</h4>
<TransitionGroup name="grid-animation" tag="div" class="grid" v-show="ready">
<div class="grid">
<AppStoreItem v-for="app in filteredPopularApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
</TransitionGroup>
</div>
<h4 v-show="filteredAllApps.length">{{ $t('appstore.category.all') }}</h4>
<TransitionGroup name="grid-animation" tag="div" class="grid" v-show="ready">
<div class="grid">
<AppStoreItem v-for="app in filteredAllApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
</TransitionGroup>
</div>
</div>
<div v-else-if="ready">
<TransitionGroup name="grid-animation" tag="div" class="grid" v-show="ready">
<div class="grid">
<AppStoreItem v-for="app in filteredApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
</TransitionGroup>
</div>
</div>
</div>