aboutsummaryrefslogtreecommitdiffstats
path: root/apps/files/src/components/SidebarTab.vue
diff options
context:
space:
mode:
Diffstat (limited to 'apps/files/src/components/SidebarTab.vue')
-rw-r--r--apps/files/src/components/SidebarTab.vue43
1 files changed, 14 insertions, 29 deletions
diff --git a/apps/files/src/components/SidebarTab.vue b/apps/files/src/components/SidebarTab.vue
index ad80f91d431..d86e5da9d20 100644
--- a/apps/files/src/components/SidebarTab.vue
+++ b/apps/files/src/components/SidebarTab.vue
@@ -1,50 +1,35 @@
-
<!--
- - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
- -
- - @author John Molakvoæ <skjnldsv@protonmail.com>
- -
- - @license GNU AGPL version 3 or any later version
- -
- - This program is free software: you can redistribute it and/or modify
- - it under the terms of the GNU Affero General Public License as
- - published by the Free Software Foundation, either version 3 of the
- - License, or (at your option) any later version.
- -
- - This program is distributed in the hope that it will be useful,
- - but WITHOUT ANY WARRANTY; without even the implied warranty of
- - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- - GNU Affero General Public License for more details.
- -
- - You should have received a copy of the GNU Affero General Public License
- - along with this program. If not, see <http://www.gnu.org/licenses/>.
- -
- -->
+ - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
<template>
- <AppSidebarTab :id="id"
+ <NcAppSidebarTab :id="id"
ref="tab"
:name="name"
:icon="icon"
@bottomReached="onScrollBottomReached">
+ <template #icon>
+ <slot name="icon" />
+ </template>
<!-- Fallback loading -->
- <EmptyContent v-if="loading" icon="icon-loading" />
+ <NcEmptyContent v-if="loading" icon="icon-loading" />
<!-- Using a dummy div as Vue mount replace the element directly
It does NOT append to the content -->
<div ref="mount" />
- </AppSidebarTab>
+ </NcAppSidebarTab>
</template>
<script>
-import AppSidebarTab from '@nextcloud/vue/dist/Components/AppSidebarTab'
-import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
+import NcAppSidebarTab from '@nextcloud/vue/components/NcAppSidebarTab'
+import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
export default {
name: 'SidebarTab',
components: {
- AppSidebarTab,
- EmptyContent,
+ NcAppSidebarTab,
+ NcEmptyContent,
},
props: {
@@ -63,7 +48,7 @@ export default {
},
icon: {
type: String,
- required: true,
+ default: '',
},
/**