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

popularity star

Browse source
This commit is contained in:
vapormusic 2022-03-28 22:47:33 +07:00
parent 947129cd00
commit b37057db0d
4 changed files with 27 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/renderer/assets/star.svg Normal file
View file

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300">
<title>dark blue star</title>
<g display="inline">
<title>Layer 1</title>
<g id="layer1">
<path fill="#edf2f7" stroke="#ebeff4" stroke-width="0" stroke-linejoin="round" stroke-miterlimit="4" id="path4968" d="m239.381653,284.769073l-88.929474,-65.136902l-88.903381,65.236145l34.561218,-104.601654l-89.610046,-64.294891l110.283875,0.496246l33.537506,-104.96814l33.60675,104.913116l110.317139,-0.588898l-89.513672,64.339386l34.650085,104.605591z"/>
<path fill="#edf2f7" stroke="#ebeff4" stroke-width="0" stroke-linejoin="round" stroke-miterlimit="4" id="path4960" d="m150.317963,11.500015l-33.534088,104.967941l-110.283875,-0.489197l89.606323,64.291809l-34.555267,104.604431l88.8927,-65.241547l0.671539,0.489166l0,-206.135345l-0.797333,-2.487259l0,0z"/>
</g>
</g>
<g>
<title>spear</title>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 883 B

11
src/renderer/less/elements.less
View file

@ -357,6 +357,17 @@
justify-content: center-between; justify-content: center-between;
align-items: center; align-items: center;
border-radius: var(--mediaItemRadius); border-radius: var(--mediaItemRadius);
position: relative;
.popular {
background-image: url(assets/star.svg);
background-repeat: no-repeat;
background-size: 10px;
width: 10px;
height: 10px;
position: absolute;
left: 3px;
}
.artwork { .artwork {
height: 42px; height: 42px;

1
src/renderer/main/vueapp.js
View file

@ -1561,6 +1561,7 @@ const app = new Vue({
params["include[albums]"] = "artists" params["include[albums]"] = "artists"
params["fields[artists]"] = "name,url" params["fields[artists]"] = "name,url"
params["omit[resource]"] = "autos" params["omit[resource]"] = "autos"
params["meta[albums:tracks]"] = 'popularity'
params["fields[albums]"] = "artistName,artistUrl,artwork,contentRating,editorialArtwork,editorialNotes,editorialVideo,name,playParams,releaseDate,url,copyright" params["fields[albums]"] = "artistName,artistUrl,artwork,contentRating,editorialArtwork,editorialNotes,editorialVideo,name,playParams,releaseDate,url,copyright"
} }

1
src/renderer/views/components/mediaitem-list-item.ejs
View file

@ -17,6 +17,7 @@
tabindex="0" tabindex="0"
:class="[{'mediaitem-selected': app.select_hasMediaItem(guid)}, addClasses]"> :class="[{'mediaitem-selected': app.select_hasMediaItem(guid)}, addClasses]">
<template v-if="isVisible"> <template v-if="isVisible">
<div class="popular" v-if="!showInLibrary && item?.meta?.popularity != null && item?.meta?.popularity > 0.7"></div>
<div class="isLibrary" v-if="showLibraryStatus == true"> <div class="isLibrary" v-if="showLibraryStatus == true">
<div v-if="showInLibrary" :style="{display: (showInLibrary ? 'block' : 'none'), 'margin-left':'11px'}"> <div v-if="showInLibrary" :style="{display: (showInLibrary ? 'block' : 'none'), 'margin-left':'11px'}">
<button @click="addToLibrary()" v-if="!addedToLibrary && (showIndex == false ||(showIndex == true && showIndexPlaylist != false))"> <button @click="addToLibrary()" v-if="!addedToLibrary && (showIndex == false ||(showIndex == true && showIndexPlaylist != false))">