fix(NcVue): 🦺 use new NcAppNavigationList

This commit is contained in:
Michel Roux 2024-03-01 09:52:49 +01:00
parent 9ccd237f80
commit 5a510016a7
2 changed files with 8 additions and 6 deletions

View File

@ -1,21 +1,22 @@
<template> <template>
<ul> <NcAppNavigationList>
<NcAppNavigationNewItem :name="t('repod', 'Add a RSS link')" @new-item="addSubscription"> <NcAppNavigationNewItem :name="t('repod', 'Add a RSS link')" @new-item="addSubscription">
<template #icon> <template #icon>
<Plus :size="20" /> <Plus :size="20" />
</template> </template>
</NcAppNavigationNewItem> </NcAppNavigationNewItem>
</ul> </NcAppNavigationList>
</template> </template>
<script> <script>
import { NcAppNavigationNewItem } from '@nextcloud/vue' import { NcAppNavigationList, NcAppNavigationNewItem } from '@nextcloud/vue'
import Plus from 'vue-material-design-icons/Plus.vue' import Plus from 'vue-material-design-icons/Plus.vue'
import { encodeUrl } from '../../utils/url.js' import { encodeUrl } from '../../utils/url.js'
export default { export default {
name: 'AddRss', name: 'AddRss',
components: { components: {
NcAppNavigationList,
NcAppNavigationNewItem, NcAppNavigationNewItem,
Plus, Plus,
}, },

View File

@ -10,11 +10,11 @@
</NcAppNavigationNew> </NcAppNavigationNew>
</router-link> </router-link>
<Loading v-if="loading" /> <Loading v-if="loading" />
<ul v-if="!loading"> <NcAppNavigationList v-if="!loading">
<Item v-for="subscriptionUrl of subscriptions" <Item v-for="subscriptionUrl of subscriptions"
:key="subscriptionUrl" :key="subscriptionUrl"
:url="subscriptionUrl" /> :url="subscriptionUrl" />
</ul> </NcAppNavigationList>
</NcAppContentList> </NcAppContentList>
</template> </template>
<template #footer> <template #footer>
@ -29,7 +29,7 @@
</template> </template>
<script> <script>
import { NcAppContentList, NcAppNavigationNew, NcAppNavigationSettings } from '@nextcloud/vue' import { NcAppContentList, NcAppNavigationList, NcAppNavigationNew, NcAppNavigationSettings } from '@nextcloud/vue'
import AppNavigation from '../Atoms/AppNavigation.vue' import AppNavigation from '../Atoms/AppNavigation.vue'
import Export from '../Settings/Export.vue' import Export from '../Settings/Export.vue'
import Filters from '../Settings/Filters.vue' import Filters from '../Settings/Filters.vue'
@ -50,6 +50,7 @@ export default {
Item, Item,
Loading, Loading,
NcAppContentList, NcAppContentList,
NcAppNavigationList,
NcAppNavigationNew, NcAppNavigationNew,
NcAppNavigationSettings, NcAppNavigationSettings,
Plus, Plus,