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

chore(ui): [WIP] replace jquery-based dropdown with new popover

This commit is contained in:
upsiflu 2024-12-08 20:33:48 +01:00
parent b447daed47
commit 09077156ad
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
front/src/components/library/TrackBase.vue
View File

@ -161,9 +161,9 @@ const open = ref(false)
</span>
</div>
<div class="eight wide right aligned column button-group">
<PlayButton :track="track" />
<TrackFavoriteIcon v-if="store.state.auth.authenticated" :track="track" />
<TrackPlaylistIcon v-if="store.state.auth.authenticated" :track="track" />
<PlayButton :track="track" />
<TrackFavoriteIcon v-if="store.state.auth.authenticated" :track="track" />
<TrackPlaylistIcon v-if="store.state.auth.authenticated" :track="track" />
<a
v-if="upload"
@ -234,18 +234,20 @@ const open = ref(false)
{{ t('components.library.TrackBase.link.discogs') }}
</Button>
</PopoverItem>
<router-link
<PopoverItem>
<RouterLink
v-if="track.is_local"
:to="{name: 'library.tracks.edit', params: {id: track.id }}"
class="basic item"
>
<PopoverItem>
<Button v-if="track.is_local" :to="{ name: 'library.tracks.edit', params: { id: track.id } }" tag="router-link" variant="outline" icon="bi-pencil">
{{ t('components.library.TrackBase.button.edit') }}
</Button>
>
<Button v-if="track.is_local" :to="{ name: 'library.tracks.edit', params: { id: track.id } }" tag="router-link" variant="outline" icon="bi-pencil">
{{ t('components.library.TrackBase.button.edit') }}
</Button>
</RouterLink>
</PopoverItem>
</router-link>
<dangerous-button
<!-- TODO: Make the following button dangerous. Btw, it's actually a modal triggered by a button! -->
<Button
v-if="artist && store.state.auth.authenticated && artist.channel && artist.attributed_to.full_username === store.state.auth.fullUsername"
:class="['ui', {loading: isLoading}, 'item']"
@confirm="remove()"
@ -269,7 +271,7 @@ const open = ref(false)
{{ t('components.library.TrackBase.button.delete') }}
</p>
</template>
</dangerous-button>
</Button>
<div class="divider" />
<div
v-for="obj in getReportableObjects({track})"
@ -299,9 +301,9 @@ const open = ref(false)
<i class="wrench icon" />
{{ t('components.library.TrackBase.link.django') }}
</a>
</div>
</template>
</Popover>
</template>
</Popover>
</div>
</div>
</div>
</section>