Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix display favorite star

Browse Source
This commit is contained in:
Jonas Heinrich 2020-11-08 09:06:21 +01:00
parent c0041d3dce
commit 347ca25c1d
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Table.vue
View File

@ -20,9 +20,8 @@
width="32" width="32"
height="32" height="32"
:hash="station.blurHash" :hash="station.blurHash"
:src="station.favicon"> :src="station.favicon" />
<span :class="{ 'icon-starred': stationsFavored.includes(idx) }" /> <span :class="{ 'icon-starred': stationsFavored.includes(idx) }" />
</blur-hash-image>
</td> </td>
<td class="nameColumn" @click="doPlay(idx, station)"> <td class="nameColumn" @click="doPlay(idx, station)">
<span class="innernametext"> <span class="innernametext">
@ -62,7 +61,7 @@ export default {
}, },
data: () => ({ data: () => ({
activeItem: null, activeItem: null,
stationsFavored: [1, 2], stationsFavored: [1, 2, 3, 4],
}), }),
methods: { methods: {
doPlay(idx, station) { doPlay(idx, station) {
@ -158,13 +157,12 @@ table {
.stationIcon { .stationIcon {
cursor: pointer; cursor: pointer;
pointer-events: none;
} }
.icon-starred { .icon-starred {
background-image: var(--icon-star-dark-fc0); background-image: var(--icon-star-dark-fc0);
vertical-align: middle;
background-size: 16px 16px; background-size: 16px 16px;
display: inline-block;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
min-width: 16px; min-width: 16px;
@ -172,7 +170,8 @@ table {
cursor: pointer; cursor: pointer;
pointer-events: none; pointer-events: none;
right: -7px; right: -7px;
top: -7px; top: -38px;
margin-bottom: -38px;
float: right; float: right;
position: relative; position: relative;
} }