diff --git a/api/funkwhale_api/music/models.py b/api/funkwhale_api/music/models.py index 5ee5d851dc122f2aa632952eed2b218d76b0dfd7..3d072042ed016168383f7e2b58d133d5b7fab2a4 100644 --- a/api/funkwhale_api/music/models.py +++ b/api/funkwhale_api/music/models.py @@ -361,7 +361,7 @@ class Track(APIModelMixin): import_tags ] objects = TrackQuerySet.as_manager() - tags = TaggableManager() + tags = TaggableManager(blank=True) class Meta: ordering = ['album', 'position'] diff --git a/changes/changelog.d/201.bugfix b/changes/changelog.d/201.bugfix new file mode 100644 index 0000000000000000000000000000000000000000..a0a25aa52ef5dd00775b96d85932d4319e1ad0f7 --- /dev/null +++ b/changes/changelog.d/201.bugfix @@ -0,0 +1 @@ +Fixed escaping issue of track name in playlist modal (#201) diff --git a/front/src/components/playlists/PlaylistModal.vue b/front/src/components/playlists/PlaylistModal.vue index 404948dc0793cfce4a9515bfde6b76c95afa17a9..da25241ce55dd697f2039797ce8e7d372e5b5ab3 100644 --- a/front/src/components/playlists/PlaylistModal.vue +++ b/front/src/components/playlists/PlaylistModal.vue @@ -7,9 +7,7 @@ <div class="description"> <template v-if="track"> <h4 class="ui header">{{ $t('Current track') }}</h4> - <div> - {{ $t('"{%title%}" by {%artist%}', { title: track.title, artist: track.artist.name }) }} - </div> + <div v-html='trackDisplay'></div> <div class="ui divider"></div> </template> @@ -112,6 +110,12 @@ export default { let p = _.sortBy(this.playlists, [(e) => { return e.modification_date }]) p.reverse() return p + }, + trackDisplay () { + return this.$t('"{%title%}" by {%artist%}', { + title: this.track.title, + artist: this.track.artist.name } + ) } }, watch: {