MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: continue replacing artist card and widget

This commit is contained in:
ArneBo 2024-11-06 13:50:09 +01:00 committed by upsiflu
parent 36965695d9
commit b281d9a85d
9 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
front/src/components/album/Widget.vue
View File

@ -83,8 +83,7 @@ watch(
v-model="query" v-model="query"
@search="performSearch" @search="performSearch"
/> />
<div class="ui hidden divider" /> <div style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;">
<div class="ui app-cards cards">
<div <div
v-if="isLoading" v-if="isLoading"
class="ui inverted active dimmer" class="ui inverted active dimmer"

4
front/src/components/audio/artist/Widget.vue → front/src/components/artist/Widget.vue
View File

@ -6,7 +6,7 @@ import { useStore } from '~/store'
import axios from 'axios' import axios from 'axios'
import ArtistCard from '~/components/audio/artist/Card.vue' import ArtistCard from '~/components/artist/Card.vue'
import useErrorHandler from '~/composables/useErrorHandler' import useErrorHandler from '~/composables/useErrorHandler'
@ -79,7 +79,7 @@ watch(
@search="performSearch" @search="performSearch"
/> />
<div class="ui hidden divider" /> <div class="ui hidden divider" />
<div class="ui five app-cards cards"> <div style="display:flex; flex-wrap:wrap; gap: 32px; margin-top:32px;">
<div <div
v-if="isLoading" v-if="isLoading"
class="ui inverted active dimmer" class="ui inverted active dimmer"

2
front/src/components/audio/ChannelSeries.vue
View File

@ -6,7 +6,7 @@ import { ref, reactive } from 'vue'
import axios from 'axios' import axios from 'axios'
import ChannelSerieCard from '~/components/audio/ChannelSerieCard.vue' import ChannelSerieCard from '~/components/audio/ChannelSerieCard.vue'
import AlbumCard from '~/components/album/Card.vue' import AlbumCard from '~/components/audio/album/Card.vue'
interface Props { interface Props {
filters: object filters: object

2
front/src/components/audio/Search.vue
View File

@ -7,7 +7,7 @@ import { refDebounced } from '@vueuse/core'
import axios from 'axios' import axios from 'axios'
import AlbumCard from '~/components/album/Card.vue' import AlbumCard from '~/components/album/Card.vue'
import ArtistCard from '~/components/audio/artist/Card.vue' import ArtistCard from '~/components/artist/Card.vue'
import useErrorHandler from '~/composables/useErrorHandler' import useErrorHandler from '~/composables/useErrorHandler'
import useLogger from '~/composables/useLogger' import useLogger from '~/composables/useLogger'

1
front/src/components/library/Home.vue
View File

@ -86,6 +86,7 @@ fetchData()
</track-widget> </track-widget>
</div> </div>
<div class="column"> <div class="column">
PLAYLIST WIDGET
<playlist-widget <playlist-widget
:url="'playlists/'" :url="'playlists/'"
:filters="{scope: scope, playable: true, ordering: '-modification_date'}" :filters="{scope: scope, playable: true, ordering: '-modification_date'}"

2
front/src/components/library/Podcasts.vue
View File

@ -17,7 +17,7 @@ import $ from 'jquery'
import TagsSelector from '~/components/library/TagsSelector.vue' import TagsSelector from '~/components/library/TagsSelector.vue'
import RemoteSearchForm from '~/components/RemoteSearchForm.vue' import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
import SemanticModal from '~/components/semantic/Modal.vue' import SemanticModal from '~/components/semantic/Modal.vue'
import ArtistCard from '~/components/audio/artist/Card.vue' import ArtistCard from '~/components/artist/Card.vue'
import Pagination from '~/components/vui/Pagination.vue' import Pagination from '~/components/vui/Pagination.vue'
import useSharedLabels from '~/composables/locale/useSharedLabels' import useSharedLabels from '~/composables/locale/useSharedLabels'

2
front/src/components/library/TagDetail.vue
View File

@ -4,7 +4,7 @@ import { computed } from 'vue'
import ChannelsWidget from '~/components/audio/ChannelsWidget.vue' import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
import TrackWidget from '~/components/audio/track/Widget.vue' import TrackWidget from '~/components/audio/track/Widget.vue'
import AlbumWidget from '~/components/album/Widget.vue' import AlbumWidget from '~/components/album/Widget.vue'
import ArtistWidget from '~/components/audio/artist/Widget.vue' import ArtistWidget from '~/components/artist/Widget.vue'
import RadioButton from '~/components/radios/Button.vue' import RadioButton from '~/components/radios/Button.vue'
interface Props { interface Props {

2
front/src/views/Search.vue
View File

@ -10,7 +10,7 @@ import axios from 'axios'
import PlaylistCardList from '~/components/playlists/CardList.vue' import PlaylistCardList from '~/components/playlists/CardList.vue'
import RemoteSearchForm from '~/components/RemoteSearchForm.vue' import RemoteSearchForm from '~/components/RemoteSearchForm.vue'
import ArtistCard from '~/components/audio/artist/Card.vue' import ArtistCard from '~/components/artist/Card.vue'
import TrackTable from '~/components/audio/track/Table.vue' import TrackTable from '~/components/audio/track/Table.vue'
import AlbumCard from '~/components/album/Card.vue' import AlbumCard from '~/components/album/Card.vue'
import Pagination from '~/components/vui/Pagination.vue' import Pagination from '~/components/vui/Pagination.vue'

2
front/src/views/library/DetailOverview.vue
View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type { Library } from '~/types' import type { Library } from '~/types'
import ArtistWidget from '~/components/audio/artist/Widget.vue' import ArtistWidget from '~/components/artist/Widget.vue'
interface Props { interface Props {
object: Library object: Library