diff --git a/front/src/components/playlists/Editor.vue b/front/src/components/playlists/Editor.vue index 5b5311f145e593d25062b2895bf4ae140e8ff94c..fee9ef6b0baa5d940941f42a74cb415f01070a16 100644 --- a/front/src/components/playlists/Editor.vue +++ b/front/src/components/playlists/Editor.vue @@ -2,16 +2,16 @@ <div class="ui text container"> <playlist-form @updated="$emit('playlist-updated', $event)" :title="false" :playlist="playlist"></playlist-form> <h3 class="ui top attached header"> - <translate>Playlist editor</translate> + <translate :translate-context="'Content/Playlist/Title'">Playlist editor</translate> </h3> <div class="ui attached segment"> <template v-if="status === 'loading'"> <div class="ui active tiny inline loader"></div> - <translate>Syncing changes to server…</translate> + <translate :translate-context="'Content/Playlist/Paragraph'">Syncing changes to server…</translate> </template> <template v-else-if="status === 'errored'"> <i class="red close icon"></i> - <translate>An error occured while saving your changes</translate> + <translate :translate-context="'Content/Playlist/Error message.Title'">An error occured while saving your changes</translate> <div v-if="errors.length > 0" class="ui negative message"> <ul class="list"> <li v-for="error in errors">{{ error }}</li> @@ -19,7 +19,7 @@ </div> </template> <template v-else-if="status === 'saved'"> - <i class="green check icon"></i> <translate>Changes synced with server</translate> + <i class="green check icon"></i> <translate :translate-context="'Content/Playlist/Paragraph'">Changes synced with server</translate> </template> </div> <div class="ui bottom attached segment"> @@ -29,7 +29,7 @@ :class="['ui', {disabled: queueTracks.length === 0}, 'labeled', 'icon', 'button']" :title="labels.copyTitle"> <i class="plus icon"></i> - <translate + <translate :translate-context="'Content/Playlist/Button.Label/Verb'" translate-plural="Insert from queue (%{ count } tracks)" :translate-n="queueTracks.length" :translate-params="{count: queueTracks.length}"> @@ -38,16 +38,16 @@ </div> <dangerous-button :disabled="plts.length === 0" class="labeled right floated icon" color='yellow' :action="clearPlaylist"> - <i class="eraser icon"></i> <translate>Clear playlist</translate> + <i class="eraser icon"></i> <translate :translate-context="'Content/Playlist/Button.Label/Verb'">Clear playlist</translate> <p slot="modal-header"> - <translate :translate-params="{playlist: playlist.name}">Do you want to clear the playlist "%{ playlist }"?</translate> + <translate :translate-context="'Popup/Playlist/Title'" :translate-params="{playlist: playlist.name}">Do you want to clear the playlist "%{ playlist }"?</translate> </p> - <p slot="modal-content"><translate>This will remove all tracks from this playlist and cannot be undone.</translate></p> - <p slot="modal-confirm"><translate>Clear playlist</translate></p> + <p slot="modal-content"><translate :translate-context="'Popup/Playlist/Paragraph'">This will remove all tracks from this playlist and cannot be undone.</translate></p> + <p slot="modal-confirm"><translate :translate-context="'Popup/Playlist/Button.Label'">Clear playlist</translate></p> </dangerous-button> <div class="ui hidden divider"></div> <template v-if="plts.length > 0"> - <p><translate>Drag and drop rows to reorder tracks in the playlist</translate></p> + <p><translate :translate-context="'Content/Playlist/Paragraph/Call to action'">Drag and drop rows to reorder tracks in the playlist</translate></p> <table class="ui compact very basic fixed single line unstackable table"> <draggable v-model="plts" element="tbody" @update="reorder"> <tr v-for="(plt, index) in plts" :key="plt.id"> @@ -160,7 +160,7 @@ export default { }), labels () { return { - copyTitle: this.$gettext('Copy queued tracks to playlist') + copyTitle: this.$pgettext('Content/Playlist/Button.Tooltip/Verb', 'Copy queued tracks to playlist') } }, status () {