MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-07-16 04:11:55 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Simplify image control

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-05-19 19:48:08 +02:00
parent 708370aab9
commit af632f4304
8 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/assets/index.js
View File

File diff suppressed because one or more lines are too long

2
web-src/src/components/ControlImage.vue
View File

@ -1,5 +1,5 @@
<template>
<figure class="figure has-shadow">
<figure class="figure has-shadow is-clickable">
<img v-lazy="source" @click="$emit('click')" />
</figure>
</template>

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

@ -7,7 +7,7 @@
<control-image
:url="album.artwork_url"
:caption="album.name"
class="is-clickable is-medium"
class="is-medium"
@click="openDetails"
/>
</template>

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

@ -7,7 +7,7 @@
<control-image
:url="album.images?.[0]?.url ?? ''"
:caption="album.name"
class="is-clickable is-medium"
class="is-medium"
@click="openDetails"
/>
</template>

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

@ -7,7 +7,7 @@
<control-image
:url="album.artwork_url"
:caption="album.name"
class="is-clickable is-medium"
class="is-medium"
@click="openDetails"
/>
</template>

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

@ -7,7 +7,7 @@
<control-image
:url="track.artwork_url"
:caption="track.album"
class="is-clickable is-big"
class="is-big"
:class="{ 'is-masked': playerStore.showLyrics }"
@click="openDetails(track)"
/>

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

@ -7,7 +7,7 @@
<control-image
:url="album.artwork_url"
:caption="album.name"
class="is-clickable is-medium"
class="is-medium"
@click="openDetails"
/>
</template>

8
web-src/src/pages/PageSearchSpotify.vue
View File

@ -118,17 +118,13 @@ export default {
this.$router.push({ name: 'search-library' })
},
searchNext({ loaded }) {
const [type] = this.types,
items = this.results.get(type)
const items = this.results.get(this.types[0])
this.parameters.limit = PAGE_SIZE_EXPANDED
this.searchItems().then((data) => {
const [next] = Object.values(data)
items.items.push(...next.items)
items.total = next.total
if (!this.parameters.offset) {
this.parameters.offset = 0
}
this.parameters.offset += next.limit
this.parameters.offset = (this.parameters.offset || 0) + next.limit
loaded(next.items.length, PAGE_SIZE_EXPANDED)
})
}