MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-11-10 05:59:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web-src] Update to Vue CLI 4 and fix linter issues

Browse Source
This commit is contained in:
chme
2020-04-11 19:43:53 +02:00
parent 72f93eb97f
commit 52d37b883c
55 changed files with 4457 additions and 2055 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/src/pages/PageAlbum.vue
View File

@@ -53,7 +53,7 @@ const albumData = {
export default {
name: 'PageAlbum',
mixins: [ LoadDataBeforeEnterMixin(albumData) ],
mixins: [LoadDataBeforeEnterMixin(albumData)],
components: { ContentWithHeading, ListItemTrack, ModalDialogTrack, ModalDialogAlbum },
data () {

11
web-src/src/pages/PageAlbums.vue
View File

@@ -19,11 +19,10 @@
</a>
</template>
<template slot="content">
<list-item-album v-for="album in albums.items"
<list-item-album v-for="album in albums_filtered"
:key="album.id"
:album="album"
@click="open_album(album)"
v-if="!hide_singles || album.track_count > 2">
@click="open_album(album)">
<template slot="actions">
<a @click="open_dialog(album)">
<span class="icon has-text-dark"><i class="mdi mdi-dots-vertical mdi-18px"></i></span>
@@ -61,7 +60,7 @@ const albumsData = {
export default {
name: 'PageAlbums',
mixins: [ LoadDataBeforeEnterMixin(albumsData) ],
mixins: [LoadDataBeforeEnterMixin(albumsData)],
components: { ContentWithHeading, TabsMusic, IndexButtonList, ListItemAlbum, ModalDialogAlbum },
data () {
@@ -77,6 +76,10 @@ export default {
computed: {
hide_singles () {
return this.$store.state.hide_singles
},
albums_filtered () {
return this.albums.items.filter(album => !this.hide_singles || album.track_count > 2)
}
},

2
web-src/src/pages/PageArtist.vue
View File

@@ -52,7 +52,7 @@ const artistData = {
export default {
name: 'PageArtist',
mixins: [ LoadDataBeforeEnterMixin(artistData) ],
mixins: [LoadDataBeforeEnterMixin(artistData)],
components: { ContentWithHeading, ListItemAlbum, ModalDialogAlbum, ModalDialogArtist },
data () {

2
web-src/src/pages/PageArtistTracks.vue
View File

@@ -58,7 +58,7 @@ const tracksData = {
export default {
name: 'PageArtistTracks',
mixins: [ LoadDataBeforeEnterMixin(tracksData) ],
mixins: [LoadDataBeforeEnterMixin(tracksData)],
components: { ContentWithHeading, ListItemTrack, IndexButtonList, ModalDialogTrack, ModalDialogArtist },
data () {

11
web-src/src/pages/PageArtists.vue
View File

@@ -19,11 +19,10 @@
</a>
</template>
<template slot="content">
<list-item-artist v-for="artist in artists.items"
<list-item-artist v-for="artist in artists_filtered"
:key="artist.id"
:artist="artist"
@click="open_artist(artist)"
v-if="!hide_singles || artist.track_count > (artist.album_count * 2)">
@click="open_artist(artist)">
<template slot="actions">
<a @click="open_dialog(artist)">
<span class="icon has-text-dark"><i class="mdi mdi-dots-vertical mdi-18px"></i></span>
@@ -58,7 +57,7 @@ const artistsData = {
export default {
name: 'PageArtists',
mixins: [ LoadDataBeforeEnterMixin(artistsData) ],
mixins: [LoadDataBeforeEnterMixin(artistsData)],
components: { ContentWithHeading, TabsMusic, IndexButtonList, ListItemArtist, ModalDialogArtist },
data () {
@@ -79,6 +78,10 @@ export default {
return [...new Set(this.artists.items
.filter(artist => !this.$store.state.hide_singles || artist.track_count > (artist.album_count * 2))
.map(artist => artist.name_sort.charAt(0).toUpperCase()))]
},
artists_filtered () {
return this.artists.items.filter(artist => !this.hide_singles || artist.track_count > (artist.album_count * 2))
}
},

2
web-src/src/pages/PageAudiobook.vue
View File

@@ -56,7 +56,7 @@ const albumData = {
export default {
name: 'PageAudiobook',
mixins: [ LoadDataBeforeEnterMixin(albumData) ],
mixins: [LoadDataBeforeEnterMixin(albumData)],
components: { ContentWithHeading, ListItemTrack, ModalDialogTrack, ModalDialogAlbum },
data () {

2
web-src/src/pages/PageAudiobooks.vue
View File

@@ -38,7 +38,7 @@ const albumsData = {
export default {
name: 'PageAudiobooks',
mixins: [ LoadDataBeforeEnterMixin(albumsData) ],
mixins: [LoadDataBeforeEnterMixin(albumsData)],
components: { ContentWithHeading, ListItemAlbum, ModalDialogAlbum },
data () {

2
web-src/src/pages/PageBrowse.vue
View File

@@ -80,7 +80,7 @@ const browseData = {
export default {
name: 'PageBrowse',
mixins: [ LoadDataBeforeEnterMixin(browseData) ],
mixins: [LoadDataBeforeEnterMixin(browseData)],
components: { ContentWithHeading, TabsMusic, ListItemAlbum, ListItemTrack, ModalDialogTrack, ModalDialogAlbum },
data () {

2
web-src/src/pages/PageBrowseRecentlyAdded.vue
View File

@@ -45,7 +45,7 @@ const browseData = {
export default {
name: 'PageBrowseType',
mixins: [ LoadDataBeforeEnterMixin(browseData) ],
mixins: [LoadDataBeforeEnterMixin(browseData)],
components: { ContentWithHeading, TabsMusic, ListItemAlbum, ModalDialogAlbum },
data () {

2
web-src/src/pages/PageBrowseRecentlyPlayed.vue
View File

@@ -45,7 +45,7 @@ const browseData = {
export default {
name: 'PageBrowseType',
mixins: [ LoadDataBeforeEnterMixin(browseData) ],
mixins: [LoadDataBeforeEnterMixin(browseData)],
components: { ContentWithHeading, TabsMusic, ListItemTrack, ModalDialogTrack },
data () {

2
web-src/src/pages/PageFiles.vue
View File

@@ -106,7 +106,7 @@ const filesData = {
export default {
name: 'PageFiles',
mixins: [ LoadDataBeforeEnterMixin(filesData) ],
mixins: [LoadDataBeforeEnterMixin(filesData)],
components: { ContentWithHeading, ListItemDirectory, ListItemPlaylist, ListItemTrack, ModalDialogDirectory, ModalDialogPlaylist, ModalDialogTrack },
data () {

5
web-src/src/pages/PageGenre.vue
View File

@@ -36,7 +36,6 @@
<script>
import { LoadDataBeforeEnterMixin } from './mixin'
import ContentWithHeading from '@/templates/ContentWithHeading'
import TabsMusic from '@/components/TabsMusic'
import IndexButtonList from '@/components/IndexButtonList'
import ListItemAlbums from '@/components/ListItemAlbum'
import ModalDialogAlbum from '@/components/ModalDialogAlbum'
@@ -56,8 +55,8 @@ const genreData = {
export default {
name: 'PageGenre',
mixins: [ LoadDataBeforeEnterMixin(genreData) ],
components: { ContentWithHeading, TabsMusic, IndexButtonList, ListItemAlbums, ModalDialogAlbum, ModalDialogGenre },
mixins: [LoadDataBeforeEnterMixin(genreData)],
components: { ContentWithHeading, IndexButtonList, ListItemAlbums, ModalDialogAlbum, ModalDialogGenre },
data () {
return {

2
web-src/src/pages/PageGenreTracks.vue
View File

@@ -55,7 +55,7 @@ const tracksData = {
export default {
name: 'PageGenreTracks',
mixins: [ LoadDataBeforeEnterMixin(tracksData) ],
mixins: [LoadDataBeforeEnterMixin(tracksData)],
components: { ContentWithHeading, ListItemTrack, IndexButtonList, ModalDialogTrack, ModalDialogGenre },
data () {

2
web-src/src/pages/PageGenres.vue
View File

@@ -45,7 +45,7 @@ const genresData = {
export default {
name: 'PageGenres',
mixins: [ LoadDataBeforeEnterMixin(genresData) ],
mixins: [LoadDataBeforeEnterMixin(genresData)],
components: { ContentWithHeading, TabsMusic, IndexButtonList, ListItemGenre, ModalDialogGenre },
data () {

2
web-src/src/pages/PagePlaylist.vue
View File

@@ -52,7 +52,7 @@ const playlistData = {
export default {
name: 'PagePlaylist',
mixins: [ LoadDataBeforeEnterMixin(playlistData) ],
mixins: [LoadDataBeforeEnterMixin(playlistData)],
components: { ContentWithHeading, ListItemTrack, ModalDialogTrack, ModalDialogPlaylist },
data () {

5
web-src/src/pages/PagePlaylists.vue
View File

@@ -25,7 +25,6 @@
<script>
import { LoadDataBeforeEnterMixin } from './mixin'
import ContentWithHeading from '@/templates/ContentWithHeading'
import TabsMusic from '@/components/TabsMusic'
import ListItemPlaylist from '@/components/ListItemPlaylist'
import ModalDialogPlaylist from '@/components/ModalDialogPlaylist'
import webapi from '@/webapi'
@@ -46,8 +45,8 @@ const playlistsData = {
export default {
name: 'PagePlaylists',
mixins: [ LoadDataBeforeEnterMixin(playlistsData) ],
components: { ContentWithHeading, TabsMusic, ListItemPlaylist, ModalDialogPlaylist },
mixins: [LoadDataBeforeEnterMixin(playlistsData)],
components: { ContentWithHeading, ListItemPlaylist, ModalDialogPlaylist },
data () {
return {

4
web-src/src/pages/PagePodcast.vue
View File

@@ -80,7 +80,7 @@ const albumData = {
export default {
name: 'PagePodcast',
mixins: [ LoadDataBeforeEnterMixin(albumData) ],
mixins: [LoadDataBeforeEnterMixin(albumData)],
components: { ContentWithHeading, ListItemTrack, ModalDialogTrack, RangeSlider, ModalDialogAlbum },
data () {
@@ -106,7 +106,7 @@ export default {
},
mark_all_played: function () {
webapi.library_album_track_update(this.album.id, { 'play_count': 'played' }).then(({ data }) => (
webapi.library_album_track_update(this.album.id, { play_count: 'played' }).then(({ data }) => (
this.tracks.forEach(track => {
if (track.play_count === 0) {
track.play_count = 1

4
web-src/src/pages/PagePodcasts.vue
View File

@@ -93,7 +93,7 @@ const albumsData = {
export default {
name: 'PagePodcasts',
mixins: [ LoadDataBeforeEnterMixin(albumsData) ],
mixins: [LoadDataBeforeEnterMixin(albumsData)],
components: { ContentWithHeading, ListItemTrack, ListItemAlbum, ModalDialogTrack, ModalDialogAlbum, ModalDialogAddRss, RangeSlider },
data () {
@@ -132,7 +132,7 @@ export default {
mark_all_played: function () {
this.new_episodes.items.forEach(ep => {
webapi.library_track_update(ep.id, { 'play_count': 'increment' })
webapi.library_track_update(ep.id, { play_count: 'increment' })
})
this.new_episodes.items = { }
},

23
web-src/src/pages/PageSearch.vue
View File

@@ -217,10 +217,10 @@ export default {
}
var searchParams = {
'type': route.query.type,
'query': this.smart_query ? undefined : route.query.query,
'expression': this.smart_query ? route.query.query : undefined,
'media_kind': 'music'
type: route.query.type,
query: this.smart_query ? undefined : route.query.query,
expression: this.smart_query ? route.query.query : undefined,
media_kind: 'music'
}
if (route.query.limit) {
@@ -243,7 +243,8 @@ export default {
return
}
this.$router.push({ path: '/search/library',
this.$router.push({
path: '/search/library',
query: {
type: 'track,artist,album,playlist',
query: this.search_query,
@@ -255,7 +256,8 @@ export default {
},
open_search_tracks: function () {
this.$router.push({ path: '/search/library',
this.$router.push({
path: '/search/library',
query: {
type: 'track',
query: this.$route.query.query
@@ -264,7 +266,8 @@ export default {
},
open_search_artists: function () {
this.$router.push({ path: '/search/library',
this.$router.push({
path: '/search/library',
query: {
type: 'artist',
query: this.$route.query.query
@@ -273,7 +276,8 @@ export default {
},
open_search_albums: function () {
this.$router.push({ path: '/search/library',
this.$router.push({
path: '/search/library',
query: {
type: 'album',
query: this.$route.query.query
@@ -282,7 +286,8 @@ export default {
},
open_search_playlists: function () {
this.$router.push({ path: '/search/library',
this.$router.push({
path: '/search/library',
query: {
type: 'playlist',
query: this.$route.query.query

2
web-src/src/pages/SpotifyPageAlbum.vue
View File

@@ -53,7 +53,7 @@ const albumData = {
export default {
name: 'PageAlbum',
mixins: [ LoadDataBeforeEnterMixin(albumData) ],
mixins: [LoadDataBeforeEnterMixin(albumData)],
components: { ContentWithHeading, SpotifyListItemTrack, SpotifyModalDialogTrack, SpotifyModalDialogAlbum },
data () {

2
web-src/src/pages/SpotifyPageArtist.vue
View File

@@ -62,7 +62,7 @@ const artistData = {
export default {
name: 'SpotifyPageArtist',
mixins: [ LoadDataBeforeEnterMixin(artistData) ],
mixins: [LoadDataBeforeEnterMixin(artistData)],
components: { ContentWithHeading, SpotifyListItemAlbum, SpotifyModalDialogAlbum, SpotifyModalDialogArtist, InfiniteLoading },
data () {

2
web-src/src/pages/SpotifyPageBrowse.vue
View File

@@ -92,7 +92,7 @@ const browseData = {
export default {
name: 'SpotifyPageBrowse',
mixins: [ LoadDataBeforeEnterMixin(browseData) ],
mixins: [LoadDataBeforeEnterMixin(browseData)],
components: { ContentWithHeading, TabsMusic, SpotifyListItemAlbum, SpotifyListItemPlaylist, SpotifyModalDialogAlbum, SpotifyModalDialogPlaylist },
data () {

2
web-src/src/pages/SpotifyPageBrowseFeaturedPlaylists.vue
View File

@@ -50,7 +50,7 @@ const browseData = {
export default {
name: 'SpotifyPageBrowseFeaturedPlaylists',
mixins: [ LoadDataBeforeEnterMixin(browseData) ],
mixins: [LoadDataBeforeEnterMixin(browseData)],
components: { ContentWithHeading, TabsMusic, SpotifyListItemPlaylist, SpotifyModalDialogPlaylist },
data () {

2
web-src/src/pages/SpotifyPageBrowseNewReleases.vue
View File

@@ -50,7 +50,7 @@ const browseData = {
export default {
name: 'SpotifyPageBrowseNewReleases',
mixins: [ LoadDataBeforeEnterMixin(browseData) ],
mixins: [LoadDataBeforeEnterMixin(browseData)],
components: { ContentWithHeading, TabsMusic, SpotifyListItemAlbum, SpotifyModalDialogAlbum },
data () {

2
web-src/src/pages/SpotifyPagePlaylist.vue
View File

@@ -61,7 +61,7 @@ const playlistData = {
export default {
name: 'SpotifyPagePlaylist',
mixins: [ LoadDataBeforeEnterMixin(playlistData) ],
mixins: [LoadDataBeforeEnterMixin(playlistData)],
components: { ContentWithHeading, SpotifyListItemTrack, SpotifyModalDialogTrack, SpotifyModalDialogPlaylist, InfiniteLoading },
data () {

15
web-src/src/pages/SpotifyPageSearch.vue
View File

@@ -315,7 +315,8 @@ export default {
return
}
this.$router.push({ path: '/search/spotify',
this.$router.push({
path: '/search/spotify',
query: {
type: 'track,artist,album,playlist',
query: this.search_query,
@@ -327,7 +328,8 @@ export default {
},
open_search_tracks: function () {
this.$router.push({ path: '/search/spotify',
this.$router.push({
path: '/search/spotify',
query: {
type: 'track',
query: this.$route.query.query
@@ -336,7 +338,8 @@ export default {
},
open_search_artists: function () {
this.$router.push({ path: '/search/spotify',
this.$router.push({
path: '/search/spotify',
query: {
type: 'artist',
query: this.$route.query.query
@@ -345,7 +348,8 @@ export default {
},
open_search_albums: function () {
this.$router.push({ path: '/search/spotify',
this.$router.push({
path: '/search/spotify',
query: {
type: 'album',
query: this.$route.query.query
@@ -354,7 +358,8 @@ export default {
},
open_search_playlists: function () {
this.$router.push({ path: '/search/spotify',
this.$router.push({
path: '/search/spotify',
query: {
type: 'playlist',
query: this.$route.query.query