diff --git a/front/package.json b/front/package.json index f9173fe7d..9c48923e7 100644 --- a/front/package.json +++ b/front/package.json @@ -24,10 +24,10 @@ "@types/jsmediatags": "3.9.6", "@vue/runtime-core": "3.3.11", "@vueuse/components": "10.6.1", - "@vueuse/core": "10.3.0", - "@vueuse/integrations": "10.3.0", - "@vueuse/math": "10.3.0", - "@vueuse/router": "10.3.0", + "@vueuse/core": "10.6.1", + "@vueuse/integrations": "10.6.1", + "@vueuse/math": "10.6.1", + "@vueuse/router": "10.6.1", "axios": "1.7.2", "axios-auth-refresh": "3.3.6", "butterchurn": "3.0.0-beta.4", @@ -107,6 +107,7 @@ "sinon": "15.0.2", "standardized-audio-context-mock": "9.6.32", "typescript": "5.3.3", + "unocss": "0.58.0", "unplugin-vue-macros": "2.4.6", "utility-types": "3.10.0", "vite": "5.2.12", diff --git a/front/src/App.vue b/front/src/App.vue index b58617f22..3beccfd3f 100644 --- a/front/src/App.vue +++ b/front/src/App.vue @@ -1,24 +1,19 @@ + diff --git a/front/src/ui/components/Sidebar.vue b/front/src/ui/components/Sidebar.vue new file mode 100644 index 000000000..7371700a5 --- /dev/null +++ b/front/src/ui/components/Sidebar.vue @@ -0,0 +1,230 @@ + + + + + diff --git a/front/src/ui/pages/upload.vue b/front/src/ui/pages/upload.vue index 8d0dd632e..38cb90210 100644 --- a/front/src/ui/pages/upload.vue +++ b/front/src/ui/pages/upload.vue @@ -45,7 +45,6 @@ const currentTab = ref(tabs[0].label) // Modals const libraryOpen = ref(false) -const libraryModalAlertOpen = ref(true) // Server import const serverPath = ref('/srv/funkwhale/data/music') @@ -68,6 +67,20 @@ const cancel = () => { libraryOpen.value = false uploads.cancelAll() } + +// Sorting +const sortItems = reactive([ + { label: 'Upload time', value: 'upload-time' }, + { label: 'Upload time 2', value: 'upload-time-2' }, + { label: 'Upload time 3', value: 'upload-time-3' } +]) +const currentSort = ref(sortItems[0]) + +// Filtering +const filterItems = reactive([ + { label: 'All', value: 'all' } +]) +const currentFilter = ref(filterItems[0])