Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

starting to implement search page

Browse Source
This commit is contained in:
Jonas Heinrich 2020-11-05 09:51:48 +01:00
parent a6fc70ac1b
commit d016d6fb16
4 changed files with 83 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
appinfo/routes.php
View File

@ -27,21 +27,80 @@ return [
'station_api' => ['url' => '/api/0.1/stations'] 'station_api' => ['url' => '/api/0.1/stations']
], ],
'routes' => [ 'routes' => [
// Web page templates
['name' => 'page#index', 'url' => '/', 'verb' => 'GET'], // Web page templates
['name' => 'page#index', 'url' => '/top', 'verb' => 'GET', 'postfix' => 'top'], [
['name' => 'page#index', 'url' => '/recent', 'verb' => 'GET', 'postfix' => 'recent'], 'name' => 'page#index',
['name' => 'page#index', 'url' => '/new', 'verb' => 'GET', 'postfix' => 'new'], 'url' => '/',
['name' => 'page#index', 'url' => '/favorites', 'verb' => 'GET', 'postfix' => 'favorites'], 'verb' => 'GET'
['name' => 'page#index', 'url' => '/categories', 'verb' => 'GET', 'postfix' => 'categories'], ],
['name' => 'page#index', 'url' => '/search', 'verb' => 'GET', 'postfix' => 'search'], [
// Settings 'name' => 'page#index',
['name' => 'settings#set_menu_state', 'url' => '/settings/menuState', 'verb' => 'POST'], 'url' => '/top',
['name' => 'settings#get_menu_state', 'url' => '/settings/menuState', 'verb' => 'GET'], 'verb' => 'GET',
['name' => 'settings#set_volume_state', 'url' => '/settings/volumeState', 'verb' => 'POST'], 'postfix' => 'top'
['name' => 'settings#get_volume_state', 'url' => '/settings/volumeState', 'verb' => 'GET'], ],
// Api [
['name' => 'station_api#preflighted_cors', 'url' => '/api/0.1/{path}', 'name' => 'page#index',
'verb' => 'OPTIONS', 'requirements' => ['path' => '.+']] 'url' => '/recent',
'verb' => 'GET',
'postfix' => 'recent'
],
[
'name' => 'page#index',
'url' => '/new',
'verb' => 'GET',
'postfix' => 'new'
],
[
'name' => 'page#index',
'url' => '/favorites',
'verb' => 'GET',
'postfix' => 'favorites'
],
[
'name' => 'page#index',
'url' => '/categories',
'verb' => 'GET',
'postfix' => 'categories'
],
[
'name' => 'page#index',
'url' => '/search/{query}',
'verb' => 'GET',
'postfix' => 'search',
'requirements' => ['query' => '.+'],
],
// Settings
[
'name' => 'settings#set_menu_state',
'url' => '/settings/menuState',
'verb' => 'POST'
],
[
'name' => 'settings#get_menu_state',
'url' => '/settings/menuState',
'verb' => 'GET'
],
[
'name' => 'settings#set_volume_state',
'url' => '/settings/volumeState',
'verb' => 'POST'
],
[
'name' => 'settings#get_volume_state',
'url' => '/settings/volumeState',
'verb' => 'GET'
],
// Api
[
'name' => 'station_api#preflighted_cors',
'url' => '/api/0.1/{path}',
'verb' => 'OPTIONS',
'requirements' => ['path' => '.+']
]
] ]
]; ];

1
src/components/Main.vue
View File

@ -75,6 +75,7 @@ export default {
}, },
created() { created() {
this.loadSettings() this.loadSettings()
console.log('my route ', this.$route.name)
}, },
mounted() { mounted() {
this.loadStations() this.loadStations()

6
src/components/Navigation.vue
View File

@ -22,6 +22,7 @@
icon="icon-files-dark" icon="icon-files-dark"
:title="t('radio', 'Categories')" /> :title="t('radio', 'Categories')" />
<AppNavigationItem <AppNavigationItem
v-if="isSearch"
:to="{ name: 'SEARCH' }" :to="{ name: 'SEARCH' }"
icon="icon-search" icon="icon-search"
:title="t('radio', 'Search')" /> :title="t('radio', 'Search')" />
@ -45,5 +46,10 @@ export default {
AppNavigationItem, AppNavigationItem,
Player, Player,
}, },
computed: {
isSearch() {
return this.$route.name === 'SEARCH'
},
},
} }
</script> </script>

2
src/router.js
View File

@ -39,7 +39,7 @@ const router = new Router({
name: 'CATEGORIES', name: 'CATEGORIES',
}, },
{ {
path: '/search', path: '/search/:query',
component: Main, component: Main,
name: 'SEARCH', name: 'SEARCH',
}, },