okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

removed v-observe on mediaitem-artwork

Browse source
This commit is contained in:
booploops 2022-01-28 02:30:58 -08:00
parent 6934f4cdaf
commit 5f44776689
2 changed files with 5 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/views/components/mediaitem-artwork.ejs
View file

@ -1,11 +1,10 @@
<script type="text/x-template" id="mediaitem-artwork"> <script type="text/x-template" id="mediaitem-artwork">
<div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]" :key="url" <div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]" :key="url">
v-observe-visibility="{callback: visibilityChanged}">
<img :src="app.getMediaItemArtwork(url, size, width)" <img :src="app.getMediaItemArtwork(url, size, width)"
decoding="async" loading="lazy" decoding="async"
:style="{background: bgcolor}" :style="{background: bgcolor}"
class="mediaitem-artwork--img"> class="mediaitem-artwork--img">
<div v-if="video && isVisible && getVideoPriority()" class="animatedartwork-view-box"> <div v-if="video && getVideoPriority()" class="animatedartwork-view-box">
<animatedartwork-view :priority="getVideoPriority()" :video="video"></animatedartwork-view> <animatedartwork-view :priority="getVideoPriority()" :video="video"></animatedartwork-view>
</div> </div>
</div> </div>
@ -93,9 +92,6 @@
width: this.size + 'px', width: this.size + 'px',
height: this.size + 'px' height: this.size + 'px'
}; };
},
visibilityChanged: function (isVisible, entry) {
this.isVisible = isVisible
} }
} }
}); });

4
src/renderer/views/pages/cider-playlist.ejs
View file

@ -98,11 +98,11 @@
</div> </div>
<div class="col-auto flex-center"> <div class="col-auto flex-center">
<div> <div>
<button class="md-btnmd-btn-primary md-btn-icon" style="min-width: 100px;" <button class="md-btn md-btn-primary md-btn-icon" style="min-width: 100px;"
@click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play"> @click="app.mk.shuffleMode = 0; play()"> <img class="md-ico-play">
{{app.getLz('term.play')}} {{app.getLz('term.play')}}
</button> </button>
<button class="md-btnmd-btn-primary md-btn-icon" style="min-width: 100px;" <button class="md-btn md-btn-primary md-btn-icon" style="min-width: 100px;"
@click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle"> @click="app.mk.shuffleMode = 1;play()"> <img class="md-ico-shuffle">
{{app.getLz('term.shuffle')}} {{app.getLz('term.shuffle')}}
</button> </button>