put player into seperate store module
This commit is contained in:
Jonas Heinrich
parent
9f0c480248
commit
855b5b2efe
@ -8,6 +8,8 @@
|
|||||||
[235](https://git.project-insanity.org/onny/nextcloud-app-radio/-/issues/235) @onny
|
[235](https://git.project-insanity.org/onny/nextcloud-app-radio/-/issues/235) @onny
|
||||||
- Update license year to 2021
|
- Update license year to 2021
|
||||||
[234](https://git.project-insanity.org/onny/nextcloud-app-radio/-/issues/234) @onny
|
[234](https://git.project-insanity.org/onny/nextcloud-app-radio/-/issues/234) @onny
|
||||||
|
- Move menuState and volumeState into localStorage
|
||||||
|
[236](https://git.project-insanity.org/onny/nextcloud-app-radio/-/issues/236) @onny
|
||||||
|
|
||||||
## 1.0.1 - 2020-12
|
## 1.0.1 - 2020-12
|
||||||
### Added
|
### Added
|
||||||
|
|||||||
@ -1,483 +0,0 @@
|
|||||||
<!--
|
|
||||||
- @copyright Copyright (c) 2021 Jonas Heinrich
|
|
||||||
-
|
|
||||||
- @author Jonas Heinrich <onny@project-insanity.org>
|
|
||||||
-
|
|
||||||
- @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/>.
|
|
||||||
-
|
|
||||||
-->
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<Content app-name="radio">
|
|
||||||
<Navigation
|
|
||||||
:station-data="tableData" />
|
|
||||||
<AppContent>
|
|
||||||
<Table
|
|
||||||
v-show="!pageLoading && tableData.length > 0"
|
|
||||||
v-resize="onResize"
|
|
||||||
:station-data="tableData"
|
|
||||||
:favorites="favorites"
|
|
||||||
@doPlay="doPlay"
|
|
||||||
@doFavor="doFavor"
|
|
||||||
@toggleSidebar="toggleSidebar" />
|
|
||||||
<EmptyContent
|
|
||||||
v-if="pageLoading"
|
|
||||||
icon="icon-loading" />
|
|
||||||
<EmptyContent
|
|
||||||
v-if="tableData.length === 0 && !pageLoading"
|
|
||||||
:icon="emptyContentIcon">
|
|
||||||
{{ emptyContentMessage }}
|
|
||||||
<template #desc>
|
|
||||||
{{ emptyContentDesc }}
|
|
||||||
</template>
|
|
||||||
</EmptyContent>
|
|
||||||
</AppContent>
|
|
||||||
<Sidebar
|
|
||||||
:show-sidebar="showSidebar"
|
|
||||||
:sidebar-station="sidebarStation"
|
|
||||||
@toggleSidebar="toggleSidebar" />
|
|
||||||
</Content>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import Content from '@nextcloud/vue/dist/Components/Content'
|
|
||||||
import AppContent from '@nextcloud/vue/dist/Components/AppContent'
|
|
||||||
import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
|
|
||||||
import Navigation from './Navigation'
|
|
||||||
import Table from './Table'
|
|
||||||
import Sidebar from './Sidebar'
|
|
||||||
import { Howl, Howler } from 'howler'
|
|
||||||
|
|
||||||
import { generateUrl } from '@nextcloud/router'
|
|
||||||
import { showError } from '@nextcloud/dialogs'
|
|
||||||
import axios from '@nextcloud/axios'
|
|
||||||
|
|
||||||
let audioPlayer = null
|
|
||||||
const requesttoken = axios.defaults.headers.requesttoken
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'Main',
|
|
||||||
components: {
|
|
||||||
Navigation,
|
|
||||||
Content,
|
|
||||||
AppContent,
|
|
||||||
Table,
|
|
||||||
EmptyContent,
|
|
||||||
Sidebar,
|
|
||||||
},
|
|
||||||
data: () => ({
|
|
||||||
tableData: [],
|
|
||||||
pageLoading: false,
|
|
||||||
blurHashes: require('../assets/blurHashes.json'),
|
|
||||||
favorites: [],
|
|
||||||
showSidebar: false,
|
|
||||||
sidebarStation: {},
|
|
||||||
queryParams: {},
|
|
||||||
}),
|
|
||||||
computed: {
|
|
||||||
player() {
|
|
||||||
return this.$store.state.player
|
|
||||||
},
|
|
||||||
emptyContentMessage() {
|
|
||||||
if (this.$route.name === 'FAVORITES') {
|
|
||||||
return t('radio', 'No favorites yet')
|
|
||||||
} else if (this.$route.name === 'RECENT') {
|
|
||||||
return t('radio', 'No recent stations yet')
|
|
||||||
} else if (this.$route.name === 'SEARCH') {
|
|
||||||
return t('radio', 'No search results')
|
|
||||||
}
|
|
||||||
return 'No stations here'
|
|
||||||
},
|
|
||||||
emptyContentIcon() {
|
|
||||||
if (this.$route.name === 'FAVORITES') {
|
|
||||||
return 'icon-star'
|
|
||||||
} else if (this.$route.name === 'RECENT') {
|
|
||||||
return 'icon-recent'
|
|
||||||
} else if (this.$route.name === 'SEARCH') {
|
|
||||||
return 'icon-search'
|
|
||||||
}
|
|
||||||
return 'icon-radio'
|
|
||||||
},
|
|
||||||
emptyContentDesc() {
|
|
||||||
if (this.$route.name === 'FAVORITES') {
|
|
||||||
return t('radio', 'Stations you mark as favorite will show up here')
|
|
||||||
} else if (this.$route.name === 'RECENT') {
|
|
||||||
return t('radio', 'Stations you recently played will show up here')
|
|
||||||
} else if (this.$route.name === 'SEARCH') {
|
|
||||||
return t('radio', 'No stations were found matching your search term')
|
|
||||||
}
|
|
||||||
return t('radio', 'No stations here')
|
|
||||||
},
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
$route: 'onRoute',
|
|
||||||
'player.volume'(newVolume, oldVolume) {
|
|
||||||
if (audioPlayer !== null) {
|
|
||||||
audioPlayer.volume(newVolume)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'player.isPaused'(newState, oldState) {
|
|
||||||
if (newState === true && audioPlayer !== null) {
|
|
||||||
audioPlayer.pause()
|
|
||||||
} else if (newState === false && audioPlayer !== null) {
|
|
||||||
audioPlayer.play()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.loadSettings()
|
|
||||||
this.loadFavorites()
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.onRoute()
|
|
||||||
this.scroll()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
|
|
||||||
onResize({ width, height }) {
|
|
||||||
const contentHeight = document.getElementById('app-content-vue').scrollHeight
|
|
||||||
const tableHeight = height
|
|
||||||
if (tableHeight < contentHeight) {
|
|
||||||
this.preFill()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
preFill() {
|
|
||||||
const route = this.$route
|
|
||||||
this.loadStations(route.name)
|
|
||||||
},
|
|
||||||
|
|
||||||
async onRoute() {
|
|
||||||
this.tableData = []
|
|
||||||
this.pageLoading = true
|
|
||||||
const route = this.$route
|
|
||||||
this.loadStations(route.name)
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Favor a new station by sending the information to the server
|
|
||||||
* @param {Object} station Station object
|
|
||||||
*/
|
|
||||||
async doFavor(station) {
|
|
||||||
if (this.favorites.flat().includes(station.stationuuid)) {
|
|
||||||
let stationid = null
|
|
||||||
try {
|
|
||||||
for (let i = 0, len = this.favorites.length; i < len; i++) {
|
|
||||||
if (station.stationuuid === this.favorites[i][1]) {
|
|
||||||
stationid = this.favorites[i][0]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
axios.defaults.headers.requesttoken = requesttoken
|
|
||||||
await axios
|
|
||||||
.delete(generateUrl(`/apps/radio/api/favorites/${stationid}`))
|
|
||||||
.then(response => {
|
|
||||||
this.favorites = this.favorites.filter(item => item[1] !== station.stationuuid)
|
|
||||||
})
|
|
||||||
} catch (error) {
|
|
||||||
showError(t('radio', 'Could not remove station from favorites'))
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
try {
|
|
||||||
let stationSrc = ''
|
|
||||||
if (!station.url_resolved) {
|
|
||||||
stationSrc = station.urlresolved
|
|
||||||
} else {
|
|
||||||
stationSrc = station.url_resolved
|
|
||||||
}
|
|
||||||
const stationMap = {
|
|
||||||
id: -1,
|
|
||||||
name: station.name.toString(),
|
|
||||||
urlresolved: stationSrc.toString(),
|
|
||||||
favicon: station.favicon.toString(),
|
|
||||||
stationuuid: station.stationuuid.toString(),
|
|
||||||
bitrate: station.bitrate.toString(),
|
|
||||||
country: station.country.toString(),
|
|
||||||
language: station.language.toString(),
|
|
||||||
homepage: station.homepage.toString(),
|
|
||||||
codec: station.codec.toString(),
|
|
||||||
tags: station.tags.toString(),
|
|
||||||
}
|
|
||||||
axios.defaults.headers.requesttoken = requesttoken
|
|
||||||
await axios
|
|
||||||
.post(generateUrl('/apps/radio/api/favorites'), stationMap)
|
|
||||||
.then(response => {
|
|
||||||
this.favorites.push([response.data.id, station.stationuuid])
|
|
||||||
})
|
|
||||||
} catch (error) {
|
|
||||||
showError(t('radio', 'Could not favor station'))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Start playing a radio station and counting the playback
|
|
||||||
* @param {Object} station Station object
|
|
||||||
*/
|
|
||||||
async doPlay(station) {
|
|
||||||
const vm = this
|
|
||||||
|
|
||||||
vm.$store.dispatch('isBuffering', true)
|
|
||||||
|
|
||||||
if (audioPlayer !== null) {
|
|
||||||
audioPlayer.fade(vm.player.volume, 0, 500)
|
|
||||||
}
|
|
||||||
vm.$store.dispatch('setTitle', station.name)
|
|
||||||
|
|
||||||
let stationSrc = ''
|
|
||||||
if (!station.url_resolved) {
|
|
||||||
stationSrc = station.urlresolved
|
|
||||||
} else {
|
|
||||||
stationSrc = station.url_resolved
|
|
||||||
}
|
|
||||||
Howler.unload()
|
|
||||||
audioPlayer = new Howl({
|
|
||||||
src: stationSrc,
|
|
||||||
html5: true,
|
|
||||||
volume: vm.player.volume,
|
|
||||||
onplay() {
|
|
||||||
vm.$store.dispatch('isPlaying', true)
|
|
||||||
vm.$store.dispatch('isBuffering', false)
|
|
||||||
},
|
|
||||||
onpause() {
|
|
||||||
vm.$store.dispatch('isPlaying', false)
|
|
||||||
vm.$store.dispatch('isBuffering', false)
|
|
||||||
},
|
|
||||||
onend() {
|
|
||||||
showError(t('radio', 'Lost connection to radio station, retrying ...'))
|
|
||||||
vm.$store.dispatch('isPlaying', false)
|
|
||||||
vm.$store.dispatch('isBuffering', true)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
audioPlayer.unload()
|
|
||||||
audioPlayer.play()
|
|
||||||
audioPlayer.fade(0, vm.player.volume, 500)
|
|
||||||
|
|
||||||
/* Count click */
|
|
||||||
try {
|
|
||||||
delete axios.defaults.headers.requesttoken
|
|
||||||
axios.get(this.$apiUrl + '/json/url/' + station.stationuuid)
|
|
||||||
} catch (error) {
|
|
||||||
showError(t('radio', 'Unable to count play on remote API'))
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Put into recent stations */
|
|
||||||
try {
|
|
||||||
let stationSrc = ''
|
|
||||||
if (!station.url_resolved) {
|
|
||||||
stationSrc = station.urlresolved
|
|
||||||
} else {
|
|
||||||
stationSrc = station.url_resolved
|
|
||||||
}
|
|
||||||
const stationMap = {
|
|
||||||
id: -1,
|
|
||||||
name: station.name.toString(),
|
|
||||||
urlresolved: stationSrc.toString(),
|
|
||||||
favicon: station.favicon.toString(),
|
|
||||||
stationuuid: station.stationuuid.toString(),
|
|
||||||
bitrate: station.bitrate.toString(),
|
|
||||||
country: station.country.toString(),
|
|
||||||
language: station.language.toString(),
|
|
||||||
homepage: station.homepage.toString(),
|
|
||||||
codec: station.codec.toString(),
|
|
||||||
tags: station.tags.toString(),
|
|
||||||
}
|
|
||||||
axios.defaults.headers.requesttoken = requesttoken
|
|
||||||
await axios
|
|
||||||
.post(generateUrl('/apps/radio/api/recent'), stationMap)
|
|
||||||
} catch (error) {
|
|
||||||
showError(t('radio', 'Could not add station to recent list'))
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
async loadStations(menuState = 'TOP') {
|
|
||||||
|
|
||||||
const vm = this
|
|
||||||
const queryBase = this.$apiUrl + '/json/stations'
|
|
||||||
let queryURI = queryBase
|
|
||||||
let sortBy = 'clickcount'
|
|
||||||
|
|
||||||
if (vm.$route.name === 'CATEGORIES') {
|
|
||||||
if (vm.$route.path === '/categories') {
|
|
||||||
vm.tableData = [
|
|
||||||
{
|
|
||||||
name: t('radio', 'Countries'),
|
|
||||||
type: 'folder',
|
|
||||||
path: '/categories/countries',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: t('radio', 'States'),
|
|
||||||
type: 'folder',
|
|
||||||
path: '/categories/states',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: t('radio', 'Languages'),
|
|
||||||
type: 'folder',
|
|
||||||
path: '/categories/languages',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: t('radio', 'Tags'),
|
|
||||||
type: 'folder',
|
|
||||||
path: '/categories/tags',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
vm.pageLoading = false
|
|
||||||
return true
|
|
||||||
} else if (vm.$route.params.category === 'tags') {
|
|
||||||
if (vm.$route.params.query) {
|
|
||||||
queryURI = this.$apiUrl + '/json/stations/search?tag=' + vm.$route.params.query + '&tagExact=true'
|
|
||||||
} else {
|
|
||||||
queryURI = this.$apiUrl + '/json/tags'
|
|
||||||
}
|
|
||||||
} else if (vm.$route.params.category === 'countries') {
|
|
||||||
if (vm.$route.params.query) {
|
|
||||||
queryURI = this.$apiUrl + '/json/stations/search?country=' + vm.$route.params.query + '&countryExact=true'
|
|
||||||
} else {
|
|
||||||
queryURI = this.$apiUrl + '/json/countries'
|
|
||||||
}
|
|
||||||
} else if (vm.$route.params.category === 'states') {
|
|
||||||
if (vm.$route.params.query) {
|
|
||||||
queryURI = this.$apiUrl + '/json/stations/search?state=' + vm.$route.params.query + '&stateExact=true'
|
|
||||||
} else {
|
|
||||||
queryURI = this.$apiUrl + '/json/states'
|
|
||||||
}
|
|
||||||
} else if (vm.$route.params.category === 'languages') {
|
|
||||||
if (vm.$route.params.query) {
|
|
||||||
queryURI = this.$apiUrl + '/json/stations/search?language=' + vm.$route.params.query + '&languageExact=true'
|
|
||||||
} else {
|
|
||||||
queryURI = this.$apiUrl + '/json/languages'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Skip loading more stations on certain sites
|
|
||||||
if (vm.tableData.length > 0
|
|
||||||
&& (vm.$route.name === 'FAVORITES'
|
|
||||||
|| vm.$route.name === 'RECENT'
|
|
||||||
|| vm.$route.name === 'CATEGORIES')) {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
|
|
||||||
if (menuState === 'TOP') {
|
|
||||||
sortBy = 'clickcount'
|
|
||||||
} else if (menuState === 'NEW') {
|
|
||||||
sortBy = 'lastchangetime'
|
|
||||||
} else if (menuState === 'SEARCH') {
|
|
||||||
const searchQuery = vm.$route.params.query
|
|
||||||
queryURI = queryBase + '/byname/' + searchQuery
|
|
||||||
} else if (menuState === 'FAVORITES') {
|
|
||||||
queryURI = generateUrl('/apps/radio/api/favorites')
|
|
||||||
} else if (menuState === 'RECENT') {
|
|
||||||
queryURI = generateUrl('/apps/radio/api/recent')
|
|
||||||
}
|
|
||||||
|
|
||||||
if (menuState !== 'CATEGORIES') {
|
|
||||||
vm.queryParams = {
|
|
||||||
limit: 20,
|
|
||||||
order: sortBy,
|
|
||||||
reverse: true,
|
|
||||||
offset: vm.tableData.length,
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
vm.queryParams = {}
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
if (menuState === 'FAVORITES' || menuState === 'RECENT') {
|
|
||||||
axios.defaults.headers.requesttoken = requesttoken
|
|
||||||
} else {
|
|
||||||
delete axios.defaults.headers.requesttoken
|
|
||||||
}
|
|
||||||
await axios.get(queryURI, {
|
|
||||||
params: vm.queryParams,
|
|
||||||
})
|
|
||||||
.then(function(response) {
|
|
||||||
for (let i = 0; i < response.data.length; i++) {
|
|
||||||
const obj = response.data[i]
|
|
||||||
if (obj.stationuuid) {
|
|
||||||
let blurHash = vm.blurHashes[obj.stationuuid]
|
|
||||||
if (!blurHash) {
|
|
||||||
blurHash = 'L1TSUA?bj[?b~qfQfQj[ayfQfQfQ'
|
|
||||||
}
|
|
||||||
response.data[i].blurHash = blurHash
|
|
||||||
} else {
|
|
||||||
response.data[i].type = 'folder'
|
|
||||||
response.data[i].path = vm.$route.path + '/' + obj.name
|
|
||||||
}
|
|
||||||
}
|
|
||||||
vm.tableData = vm.tableData.concat(response.data)
|
|
||||||
vm.pageLoading = false
|
|
||||||
})
|
|
||||||
} catch (error) {
|
|
||||||
showError(t('radio', 'Could not fetch stations from remote API'))
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* On scroll event, load more stations if bottom reached
|
|
||||||
*/
|
|
||||||
scroll() {
|
|
||||||
window.onscroll = () => {
|
|
||||||
if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight) {
|
|
||||||
const route = this.$route
|
|
||||||
this.loadStations(route.name)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
loadSettings() {
|
|
||||||
axios.defaults.headers.common = {
|
|
||||||
'User-Agent': 'Nextcloud Radio App/' + this.$version,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
async loadFavorites() {
|
|
||||||
const vm = this
|
|
||||||
try {
|
|
||||||
axios.defaults.headers.requesttoken = requesttoken
|
|
||||||
await axios.get(generateUrl('/apps/radio/api/favorites'))
|
|
||||||
.then(function(response) {
|
|
||||||
const favorites = []
|
|
||||||
for (let i = 0, len = response.data.length; i < len; i++) {
|
|
||||||
favorites.push([response.data[i].id, response.data[i].stationuuid])
|
|
||||||
}
|
|
||||||
vm.favorites = favorites
|
|
||||||
})
|
|
||||||
} catch (error) {
|
|
||||||
showError(t('radio', 'Unable to load favorites'))
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
toggleSidebar(station = null) {
|
|
||||||
if (station) {
|
|
||||||
this.showSidebar = true
|
|
||||||
this.sidebarStation = station
|
|
||||||
} else {
|
|
||||||
this.showSidebar = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
|
|
||||||
@media only screen and (min-width: 1024px) {
|
|
||||||
.app-navigation-toggle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
@ -24,7 +24,7 @@ import Vue from 'vue'
|
|||||||
import Router from 'vue-router'
|
import Router from 'vue-router'
|
||||||
import { generateUrl } from '@nextcloud/router'
|
import { generateUrl } from '@nextcloud/router'
|
||||||
|
|
||||||
import Main from './components/Main'
|
import Main from './views/Main'
|
||||||
import store from './store/main.js'
|
import store from './store/main.js'
|
||||||
|
|
||||||
Vue.use(Router)
|
Vue.use(Router)
|
||||||
|
|||||||
21
src/store/favorites.js
Normal file
21
src/store/favorites.js
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
/*
|
||||||
|
* @copyright Copyright (c) 2021 Jonas Heinrich <onny@project-insanity.org>
|
||||||
|
*
|
||||||
|
* @author Jonas Heinrich <onny@project-insanity.org>
|
||||||
|
*
|
||||||
|
* @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/>.
|
||||||
|
*
|
||||||
|
*/
|
||||||
49
src/store/main.js
Normal file
49
src/store/main.js
Normal file
@ -0,0 +1,49 @@
|
|||||||
|
/*
|
||||||
|
* @copyright Copyright (c) 2021 Jonas Heinrich <onny@project-insanity.org>
|
||||||
|
*
|
||||||
|
* @author Jonas Heinrich <onny@project-insanity.org>
|
||||||
|
*
|
||||||
|
* @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/>.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
import Vue from 'vue'
|
||||||
|
import Vuex from 'vuex'
|
||||||
|
import player from './player'
|
||||||
|
import favorites from './favorites'
|
||||||
|
|
||||||
|
Vue.use(Vuex)
|
||||||
|
|
||||||
|
export default new Vuex.Store({
|
||||||
|
modules: {
|
||||||
|
player,
|
||||||
|
favorites,
|
||||||
|
},
|
||||||
|
state: {
|
||||||
|
menu: localStorage.getItem('radio.menu') || 'top',
|
||||||
|
},
|
||||||
|
mutations: {
|
||||||
|
setMenuState(state, menuState) {
|
||||||
|
localStorage.setItem('radio.menu', menuState)
|
||||||
|
state.menu = menuState
|
||||||
|
},
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
setMenuState(context, menuState) {
|
||||||
|
context.commit('setMenuState', menuState)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
87
src/store/player.js
Normal file
87
src/store/player.js
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
/*
|
||||||
|
* @copyright Copyright (c) 2021 Jonas Heinrich <onny@project-insanity.org>
|
||||||
|
*
|
||||||
|
* @author Jonas Heinrich <onny@project-insanity.org>
|
||||||
|
*
|
||||||
|
* @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/>.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
export default ({
|
||||||
|
state: {
|
||||||
|
isPlaying: false,
|
||||||
|
isBuffering: false,
|
||||||
|
isMute: false,
|
||||||
|
isPaused: false,
|
||||||
|
volume: localStorage.getItem('radio.volume') || 0.5,
|
||||||
|
oldVolume: localStorage.getItem('radio.volume') || 0.5,
|
||||||
|
title: '',
|
||||||
|
},
|
||||||
|
mutations: {
|
||||||
|
setPlaying(state, playerState) {
|
||||||
|
state.isPlaying = playerState
|
||||||
|
},
|
||||||
|
setBuffering(state, bufferingState) {
|
||||||
|
state.isBuffering = bufferingState
|
||||||
|
},
|
||||||
|
setVolume(state, volume) {
|
||||||
|
state.volume = volume
|
||||||
|
localStorage.setItem('radio.volume', volume)
|
||||||
|
},
|
||||||
|
toggleMute(state) {
|
||||||
|
if (state.isMute) {
|
||||||
|
state.volume = state.player.oldVolume
|
||||||
|
state.isMute = false
|
||||||
|
} else {
|
||||||
|
state.oldVolume = state.player.volume
|
||||||
|
state.volume = 0
|
||||||
|
state.isMute = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
togglePlay(state) {
|
||||||
|
if (state.isPlaying) {
|
||||||
|
state.isPlaying = false
|
||||||
|
state.isPaused = true
|
||||||
|
} else {
|
||||||
|
state.isPlaying = true
|
||||||
|
state.isPaused = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setTitle(state, title) {
|
||||||
|
state.title = title
|
||||||
|
},
|
||||||
|
},
|
||||||
|
actions: {
|
||||||
|
setPlaying(context, playerState) {
|
||||||
|
context.commit('setPlaying', playerState)
|
||||||
|
},
|
||||||
|
setBuffering(context, bufferingState) {
|
||||||
|
context.commit('setBuffering', bufferingState)
|
||||||
|
},
|
||||||
|
setVolume(context, volume) {
|
||||||
|
context.commit('setVolume', volume)
|
||||||
|
},
|
||||||
|
toggleMute(context) {
|
||||||
|
context.commit('toggleMute')
|
||||||
|
},
|
||||||
|
togglePlay(context) {
|
||||||
|
context.commit('togglePlay')
|
||||||
|
},
|
||||||
|
setTitle(context, title) {
|
||||||
|
context.commit('setTitle', title)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
||||||
Loading…
Reference in New Issue
Block a user