Mirrors/koel
2
0
Fork 0
mirror of https://github.com/koel/koel synced 2024-11-10 06:34:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: make app buildable

Browse source
This commit is contained in:
Phan An 2022-04-29 20:26:07 +02:00
parent 16ba83f12a
commit 2fd5ba1d17
No known key found for this signature in database
GPG key ID: A81E4477F0BB6FDC
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/js/components/album/AlbumTrackList.vue
View file

@ -5,7 +5,7 @@
<ul class="tracks"> <ul class="tracks">
<li <li
is="vue:TrackListItem" is="vue:TrackListItem"
v-for="(track, index) in album.info.tracks" v-for="(track, index) in album.info?.tracks"
:key="index" :key="index"
:album="album" :album="album"
:track="track" :track="track"

2
resources/assets/js/components/playlist/smart-playlist/SmartPlaylistRule.vue
View file

@ -15,7 +15,7 @@
v-for="input in availableInputs" v-for="input in availableInputs"
:key="input.id" :key="input.id"
v-model="input.value" v-model="input.value"
:type="selectedOperator.type || selectedModel?.type" :type="selectedOperator?.type || selectedModel?.type"
:value="input.value" :value="input.value"
@update:modelValue="onInput" @update:modelValue="onInput"
/> />

14
resources/assets/js/components/screens/PlaylistScreen.vue
View file

@ -1,8 +1,8 @@
<template> <template>
<section id="playlistWrapper" v-if="playlist"> <section id="playlistWrapper" v-if="playlist">
<ScreenHeader> <ScreenHeader>
{{ playlist.name }} {{ playlist?.name }}
<ControlsToggler v-if="playlist.populated" :showing-controls="showingControls" @toggleControls="toggleControls"/> <ControlsToggler v-if="playlist?.populated" :showing-controls="showingControls" @toggleControls="toggleControls"/>
<template v-slot:meta> <template v-slot:meta>
<span class="meta" v-if="songs.length"> <span class="meta" v-if="songs.length">
@ -18,18 +18,18 @@
<template v-slot:controls> <template v-slot:controls>
<SongListControls <SongListControls
v-if="playlist.populated && (!isPhone || showingControls)" v-if="playlist?.populated && (!isPhone || showingControls)"
@playAll="playAll" @playAll="playAll"
@playSelected="playSelected" @playSelected="playSelected"
@deletePlaylist="destroy" @deletePlaylist="destroy"
:songs="playlist.songs" :songs="playlist?.songs"
:config="songListControlConfig" :config="songListControlConfig"
:selectedSongs="selectedSongs" :selectedSongs="selectedSongs"
/> />
</template> </template>
</ScreenHeader> </ScreenHeader>
<template v-if="playlist.populated"> <template v-if="playlist?.populated">
<SongList <SongList
v-if="songs.length" v-if="songs.length"
ref="songList" ref="songList"
@ -44,7 +44,7 @@
<i class="fa fa-file-o"></i> <i class="fa fa-file-o"></i>
</template> </template>
<template v-if="playlist.is_smart"> <template v-if="playlist?.is_smart">
No songs match the playlist's No songs match the playlist's
<a @click.prevent="editSmartPlaylist">criteria</a>. <a @click.prevent="editSmartPlaylist">criteria</a>.
</template> </template>
@ -61,12 +61,12 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { difference } from 'lodash'
import { defineAsyncComponent, nextTick, ref, toRef } from 'vue' import { defineAsyncComponent, nextTick, ref, toRef } from 'vue'
import { alerts, eventBus, pluralize } from '@/utils' import { alerts, eventBus, pluralize } from '@/utils'
import { playlistStore, commonStore } from '@/stores' import { playlistStore, commonStore } from '@/stores'
import { downloadService } from '@/services' import { downloadService } from '@/services'
import { useSongList } from '@/composables' import { useSongList } from '@/composables'
import { difference } from 'lodash'
const ScreenHeader = defineAsyncComponent(() => import('@/components/ui/ScreenHeader.vue')) const ScreenHeader = defineAsyncComponent(() => import('@/components/ui/ScreenHeader.vue'))
const ScreenEmptyState = defineAsyncComponent(() => import('@/components/ui/ScreenEmptyState.vue')) const ScreenEmptyState = defineAsyncComponent(() => import('@/components/ui/ScreenEmptyState.vue'))