mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Restructure main view layout 

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2018-05-29 22:39:54 +02:00
parent 30cd8ed837
commit 5f8b935c8e
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
2 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
settings/css/settings.scss
View File

@ -955,7 +955,7 @@ span.version {
margin-bottom: 1em;
}
#apps-list {
#apps-list, #apps-list-search {
&.installed {
display: table;
width: 100%;

36
settings/src/components/appList.vue
View File

@ -22,34 +22,36 @@
<template>
<div id="app-content" class="app-settings-content" :class="{ 'with-app-sidebar': app, 'icon-loading': loading }">
<div id="apps-list" class="installed" v-if="useListView">
<app-item v-for="app in apps" :key="app.id" :app="app" :category="category" />
</div>
<div id="apps-list" class="installed" v-if="useBundleView">
<template v-for="bundle in bundles">
<div id="apps-list" :class="{installed: (useBundleView || useListView), store: useAppStoreView}">
<template v-if="useListView">
<app-item v-for="app in apps" :key="app.id" :app="app" :category="category" />
</template>
<template v-for="bundle in bundles" v-if="useBundleView && bundleApps(bundle.id).length > 0">
<div class="apps-header">
<div class="app-image"></div>
<h2>{{ bundle.name }} <input class="enable" type="button" value="Alle aktivieren"></h2>
<h2>{{ bundle.name }} <input type="button" :value="bundleToggleText(bundle.id)" v-on:click="toggleBundle(bundle.id)"></h2>
<div class="app-version"></div>
<div class="app-level"></div>
<div class="app-groups"></div>
<div class="actions">&nbsp;</div>
</div>
<app-item v-for="app in bundleApps(bundle.id)" :key="app.id" :app="app" :category="category"/>
<app-item v-for="app in bundleApps(bundle.id)" :key="bundle.id + app.id" :app="app" :category="category"/>
</template>
<template v-if="useAppStoreView">
<app-item v-for="app in apps" :key="app.id" :app="app" :category="category" :list-view="false" />
</template>
</div>
<div id="apps-list" class="store" v-if="useAppStoreView">
<app-item v-for="app in apps" :key="app.id" :app="app" :category="category" :list-view="false" />
</div>
<div id="apps-list" class="installed" v-if="search !== '' && searchApps.length > 0">
<div class="section">
<div></div>
<h2>{{ t('settings', 'Results from other categories') }}</h2>
</div>
<app-item v-for="app in searchApps" :key="app.id" :app="app" :category="category" :list-view="true" />
<div id="apps-list-search" class="installed">
<template v-if="search !== '' && searchApps.length > 0">
<div class="section">
<div></div>
<h2>{{ t('settings', 'Results from other categories') }}</h2>
</div>
<app-item v-for="app in searchApps" :key="app.id" :app="app" :category="category" :list-view="true" />
</template>
</div>
<div id="apps-list-empty" class="emptycontent emptycontent-search" v-if="!loading && searchApps.length === 0 && apps.length === 0">