aboutsummaryrefslogtreecommitdiffstats
path: root/apps/files/src
diff options
context:
space:
mode:
Diffstat (limited to 'apps/files/src')
-rw-r--r--apps/files/src/FilesApp.vue25
-rw-r--r--apps/files/src/main.ts22
-rw-r--r--apps/files/src/views/Navigation.cy.ts36
-rw-r--r--apps/files/src/views/Navigation.vue21
4 files changed, 49 insertions, 55 deletions
diff --git a/apps/files/src/FilesApp.vue b/apps/files/src/FilesApp.vue
new file mode 100644
index 00000000000..a2a7f495c09
--- /dev/null
+++ b/apps/files/src/FilesApp.vue
@@ -0,0 +1,25 @@
+<template>
+ <NcContent app-name="files">
+ <Navigation />
+ <FilesList />
+ </NcContent>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+import NcContent from '@nextcloud/vue/dist/Components/NcContent.js'
+
+import Navigation from './views/Navigation.vue'
+import FilesList from './views/FilesList.vue'
+
+export default defineComponent({
+ name: 'FilesApp',
+
+ components: {
+ NcContent,
+ FilesList,
+ Navigation,
+ },
+})
+</script>
diff --git a/apps/files/src/main.ts b/apps/files/src/main.ts
index 1206b9cc711..08fb3f562ab 100644
--- a/apps/files/src/main.ts
+++ b/apps/files/src/main.ts
@@ -9,6 +9,7 @@ import router from './router/router'
import RouterService from './services/RouterService'
import SettingsModel from './models/Setting.js'
import SettingsService from './services/Settings.js'
+import FilesApp from './FilesApp.vue'
// @ts-expect-error __webpack_nonce__ is injected by webpack
__webpack_nonce__ = btoa(getRequestToken())
@@ -42,23 +43,8 @@ const Settings = new SettingsService()
Object.assign(window.OCA.Files, { Settings })
Object.assign(window.OCA.Files.Settings, { Setting: SettingsModel })
-// Init Navigation View
-const View = Vue.extend(NavigationView)
-const FilesNavigationRoot = new View({
- name: 'FilesNavigationRoot',
- propsData: {
- Navigation,
- },
+const FilesAppVue = Vue.extend(FilesApp)
+new FilesAppVue({
router,
pinia,
-})
-FilesNavigationRoot.$mount('#app-navigation-files')
-
-// Init content list view
-const ListView = Vue.extend(FilesListView)
-const FilesList = new ListView({
- name: 'FilesListRoot',
- router,
- pinia,
-})
-FilesList.$mount('#app-content-vue')
+}).$mount('#content')
diff --git a/apps/files/src/views/Navigation.cy.ts b/apps/files/src/views/Navigation.cy.ts
index cf3512bce0e..07d9eee80cb 100644
--- a/apps/files/src/views/Navigation.cy.ts
+++ b/apps/files/src/views/Navigation.cy.ts
@@ -7,11 +7,15 @@ import router from '../router/router'
import { useViewConfigStore } from '../store/viewConfig'
import { Folder, View, getNavigation } from '@nextcloud/files'
+import Vue from 'vue'
+
describe('Navigation renders', () => {
delete window._nc_navigation
const Navigation = getNavigation()
before(() => {
+ Vue.prototype.$navigation = Navigation
+
cy.mockInitialState('files', 'storageStats', {
used: 1000 * 1000 * 1000,
quota: -1,
@@ -22,9 +26,6 @@ describe('Navigation renders', () => {
it('renders', () => {
cy.mount(NavigationView, {
- propsData: {
- Navigation,
- },
global: {
plugins: [createTestingPinia({
createSpy: cy.spy,
@@ -42,6 +43,10 @@ describe('Navigation API', () => {
delete window._nc_navigation
const Navigation = getNavigation()
+ before(() => {
+ Vue.prototype.$navigation = Navigation
+ })
+
it('Check API entries rendering', () => {
Navigation.register(new View({
id: 'files',
@@ -52,9 +57,6 @@ describe('Navigation API', () => {
}))
cy.mount(NavigationView, {
- propsData: {
- Navigation,
- },
global: {
plugins: [createTestingPinia({
createSpy: cy.spy,
@@ -79,9 +81,6 @@ describe('Navigation API', () => {
}))
cy.mount(NavigationView, {
- propsData: {
- Navigation,
- },
global: {
plugins: [createTestingPinia({
createSpy: cy.spy,
@@ -107,9 +106,6 @@ describe('Navigation API', () => {
}))
cy.mount(NavigationView, {
- propsData: {
- Navigation,
- },
global: {
plugins: [createTestingPinia({
createSpy: cy.spy,
@@ -159,13 +155,14 @@ describe('Quota rendering', () => {
delete window._nc_navigation
const Navigation = getNavigation()
+ before(() => {
+ Vue.prototype.$navigation = Navigation
+ })
+
afterEach(() => cy.unmockInitialState())
it('Unknown quota', () => {
cy.mount(NavigationView, {
- propsData: {
- Navigation,
- },
global: {
plugins: [createTestingPinia({
createSpy: cy.spy,
@@ -183,9 +180,6 @@ describe('Quota rendering', () => {
})
cy.mount(NavigationView, {
- propsData: {
- Navigation,
- },
global: {
plugins: [createTestingPinia({
createSpy: cy.spy,
@@ -206,9 +200,6 @@ describe('Quota rendering', () => {
})
cy.mount(NavigationView, {
- propsData: {
- Navigation,
- },
global: {
plugins: [createTestingPinia({
createSpy: cy.spy,
@@ -230,9 +221,6 @@ describe('Quota rendering', () => {
})
cy.mount(NavigationView, {
- propsData: {
- Navigation,
- },
global: {
plugins: [createTestingPinia({
createSpy: cy.spy,
diff --git a/apps/files/src/views/Navigation.vue b/apps/files/src/views/Navigation.vue
index 9e7a630128e..0895bd060ab 100644
--- a/apps/files/src/views/Navigation.vue
+++ b/apps/files/src/views/Navigation.vue
@@ -75,7 +75,7 @@
</template>
<script lang="ts">
-import { emit, subscribe } from '@nextcloud/event-bus'
+import { emit } from '@nextcloud/event-bus'
import { translate } from '@nextcloud/l10n'
import Cog from 'vue-material-design-icons/Cog.vue'
import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation.js'
@@ -85,7 +85,7 @@ import NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js
import { setPageHeading } from '../../../../core/src/OCP/accessibility.js'
import { useViewConfigStore } from '../store/viewConfig.ts'
import logger from '../logger.js'
-import type { Navigation, View } from '@nextcloud/files'
+import type { View } from '@nextcloud/files'
import NavigationQuota from '../components/NavigationQuota.vue'
import SettingsModal from './Settings.vue'
@@ -101,14 +101,6 @@ export default {
SettingsModal,
},
- props: {
- // eslint-disable-next-line vue/prop-name-casing
- Navigation: {
- type: Object as Navigation,
- required: true,
- },
- },
-
setup() {
const viewConfigStore = useViewConfigStore()
return {
@@ -132,7 +124,7 @@ export default {
},
views(): View[] {
- return this.Navigation.views
+ return this.$navigation.views
},
parentViews(): View[] {
@@ -164,7 +156,7 @@ export default {
watch: {
currentView(view, oldView) {
if (view.id !== oldView?.id) {
- this.Navigation.setActive(view)
+ this.$navigation.setActive(view)
logger.debug('Navigation changed', { id: view.id, view })
this.showView(view)
@@ -183,7 +175,7 @@ export default {
showView(view: View) {
// Closing any opened sidebar
window?.OCA?.Files?.Sidebar?.close?.()
- this.Navigation.setActive(view)
+ this.$navigation.setActive(view)
setPageHeading(view.name)
emit('files:navigation:changed', view)
},
@@ -191,6 +183,7 @@ export default {
/**
* Expand/collapse a a view with children and permanently
* save this setting in the server.
+ * @param view
*/
onToggleExpand(view: View) {
// Invert state
@@ -203,6 +196,7 @@ export default {
/**
* Check if a view is expanded by user config
* or fallback to the default value.
+ * @param view
*/
isExpanded(view: View): boolean {
return typeof this.viewConfigStore.getConfig(view.id)?.expanded === 'boolean'
@@ -212,6 +206,7 @@ export default {
/**
* Generate the route to a view
+ * @param view
*/
generateToNavigation(view: View) {
if (view.params) {
generated by cgit v1.2.3 (git 2.39.1) at 2025-05-15 01:43:21 +0000