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

Remove deprecated slot syntax

This commit is contained in:
Kasper Seweryn 2022-05-01 16:15:57 +02:00 committed by Georg Krause
parent 0c9dcd8545
commit 57aef1001e
37 changed files with 707 additions and 551 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/.eslintrc.js
View File

@ -36,7 +36,6 @@ module.exports = {
'@typescript-eslint/ban-ts-comment': 'off', '@typescript-eslint/ban-ts-comment': 'off',
// TODO (wvffle): Enable typescript rules later // TODO (wvffle): Enable typescript rules later
'vue/require-explicit-emits': 'off',
'@typescript-eslint/no-this-alias': 'off', '@typescript-eslint/no-this-alias': 'off',
'@typescript-eslint/no-empty-function': 'off', '@typescript-eslint/no-empty-function': 'off',
'@typescript-eslint/no-unused-vars': 'off', '@typescript-eslint/no-unused-vars': 'off',

5
front/src/components/audio/ChannelForm.vue
View File

@ -99,10 +99,7 @@
:image-class="newValues.content_category === 'podcast' ? '' : 'circular'" :image-class="newValues.content_category === 'podcast' ? '' : 'circular'"
@delete="newValues.cover = null" @delete="newValues.cover = null"
> >
<translate <translate translate-context="Content/Channel/*">
slot="label"
translate-context="Content/Channel/*"
>
Channel Picture Channel Picture
</translate> </translate>
</attachment-input> </attachment-input>

65
front/src/components/auth/Settings.vue
View File

@ -117,10 +117,7 @@
@input="submitAvatar($event)" @input="submitAvatar($event)"
@delete="avatar = {uuid: null}" @delete="avatar = {uuid: null}"
> >
<translate <translate translate-context="Content/Channel/*">
slot="label"
translate-context="Content/Channel/*"
>
Avatar Avatar
</translate> </translate>
</attachment-input> </attachment-input>
@ -186,12 +183,15 @@
<translate translate-context="Content/Settings/Button.Label"> <translate translate-context="Content/Settings/Button.Label">
Change password Change password
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Settings/Title"> <translate translate-context="Popup/Settings/Title">
Change your password? Change your password?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Popup/Settings/Paragraph"> <translate translate-context="Popup/Settings/Paragraph">
Changing your password will have the following consequences: Changing your password will have the following consequences:
@ -210,11 +210,14 @@
</li> </li>
</ul> </ul>
</div> </div>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="Popup/Settings/Button.Label"> <translate translate-context="Popup/Settings/Button.Label">
Disable access Disable access
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</form> </form>
<div class="ui hidden divider" /> <div class="ui hidden divider" />
@ -362,35 +365,39 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Revoke Revoke
</translate> </translate>
<template #modal-header>
<p <p
slot="modal-header"
v-translate="{application: app.name}" v-translate="{application: app.name}"
translate-context="Popup/Settings/Title" translate-context="Popup/Settings/Title"
> >
Revoke access for application "%{ application }"? Revoke access for application "%{ application }"?
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Settings/Paragraph"> <translate translate-context="Popup/Settings/Paragraph">
This will prevent this application from accessing the service on your behalf. This will prevent this application from accessing the service on your behalf.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/Settings/Button.Label/Verb"> <translate translate-context="*/Settings/Button.Label/Verb">
Revoke access Revoke access
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<empty-state v-else> <empty-state v-else>
<translate <template #title>
slot="title" <translate translate-context="Content/Applications/Paragraph">
translate-context="Content/Applications/Paragraph"
>
You don't have any application connected with your account. You don't have any application connected with your account.
</translate> </translate>
</template>
<translate translate-context="Content/Applications/Paragraph"> <translate translate-context="Content/Applications/Paragraph">
If you authorize third-party applications to access your data, those applications will be listed here. If you authorize third-party applications to access your data, those applications will be listed here.
</translate> </translate>
@ -478,35 +485,39 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Remove Remove
</translate> </translate>
<template #modal-header>
<p <p
slot="modal-header"
v-translate="{application: app.name}" v-translate="{application: app.name}"
translate-context="Popup/Settings/Title" translate-context="Popup/Settings/Title"
> >
Remove application "%{ application }"? Remove application "%{ application }"?
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Settings/Paragraph"> <translate translate-context="Popup/Settings/Paragraph">
This will permanently remove the application and all the associated tokens. This will permanently remove the application and all the associated tokens.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/Settings/Button.Label/Verb"> <translate translate-context="*/Settings/Button.Label/Verb">
Remove application Remove application
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<empty-state v-else> <empty-state v-else>
<translate <template #title>
slot="title" <translate translate-context="Content/Applications/Paragraph">
translate-context="Content/Applications/Paragraph"
>
You don't have registered any application yet. You don't have registered any application yet.
</translate> </translate>
</template>
<translate translate-context="Content/Applications/Paragraph"> <translate translate-context="Content/Applications/Paragraph">
Register one to integrate Funkwhale with third-party applications. Register one to integrate Funkwhale with third-party applications.
</translate> </translate>
@ -671,23 +682,29 @@
<translate translate-context="*/*/Button.Label"> <translate translate-context="*/*/Button.Label">
Delete my account… Delete my account…
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Settings/Title"> <translate translate-context="Popup/Settings/Title">
Do you want to delete your account? Do you want to delete your account?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Popup/Settings/Paragraph"> <translate translate-context="Popup/Settings/Paragraph">
This is irreversible and will permanently remove your data from our servers. You will we immediatly logged out. This is irreversible and will permanently remove your data from our servers. You will we immediatly logged out.
</translate> </translate>
</p> </p>
</div> </div>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/*/Button.Label"> <translate translate-context="*/*/Button.Label">
Delete my account Delete my account
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</section> </section>

24
front/src/components/auth/SubsonicTokenForm.vue
View File

@ -89,21 +89,27 @@
<translate translate-context="*/Settings/Button.Label/Verb"> <translate translate-context="*/Settings/Button.Label/Verb">
Request a new password Request a new password
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Settings/Title"> <translate translate-context="Popup/Settings/Title">
Request a new Subsonic API password? Request a new Subsonic API password?
</translate> </translate>
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Settings/Paragraph"> <translate translate-context="Popup/Settings/Paragraph">
This will log you out from existing devices that use the current password. This will log you out from existing devices that use the current password.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/Settings/Button.Label/Verb"> <translate translate-context="*/Settings/Button.Label/Verb">
Request a new password Request a new password
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
<button <button
v-else v-else
@ -123,21 +129,27 @@
<translate translate-context="Content/Settings/Button.Label/Verb"> <translate translate-context="Content/Settings/Button.Label/Verb">
Disable Subsonic access Disable Subsonic access
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Settings/Title"> <translate translate-context="Popup/Settings/Title">
Disable Subsonic API access? Disable Subsonic API access?
</translate> </translate>
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Settings/Paragraph"> <translate translate-context="Popup/Settings/Paragraph">
This will completely disable access to the Subsonic API using from account. This will completely disable access to the Subsonic API using from account.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="Popup/Settings/Button.Label"> <translate translate-context="Popup/Settings/Button.Label">
Disable access Disable access
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</template> </template>
</form> </form>

5
front/src/components/channels/UploadMetadataForm.vue
View File

@ -14,10 +14,7 @@
:required="false" :required="false"
@delete="newValues.cover = null" @delete="newValues.cover = null"
> >
<translate <translate translate-context="Content/Channel/*">
slot="label"
translate-context="Content/Channel/*"
>
Track Picture Track Picture
</translate> </translate>
</attachment-input> </attachment-input>

15
front/src/components/common/ActionTable.vue
View File

@ -53,7 +53,8 @@
<translate translate-context="Content/*/Button.Label/Short, Verb"> <translate translate-context="Content/*/Button.Label/Short, Verb">
Go Go
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate <translate
key="1" key="1"
translate-context="Modal/*/Title" translate-context="Modal/*/Title"
@ -64,7 +65,9 @@
Do you want to launch %{ action } on %{ count } element? Do you want to launch %{ action } on %{ count } element?
</translate> </translate>
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<template v-if="currentAction.confirmationMessage"> <template v-if="currentAction.confirmationMessage">
{{ currentAction.confirmationMessage }} {{ currentAction.confirmationMessage }}
</template> </template>
@ -75,14 +78,14 @@
This may affect a lot of elements or have irreversible consequences, please double check this is really what you want. This may affect a lot of elements or have irreversible consequences, please double check this is really what you want.
</translate> </translate>
</p> </p>
<div </template>
slot="modal-confirm" <template #modal-confirm>
:aria-label="labels.performAction" <div :aria-label="labels.performAction">
>
<translate translate-context="Modal/*/Button.Label/Short, Verb"> <translate translate-context="Modal/*/Button.Label/Short, Verb">
Launch Launch
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
<button <button
v-else v-else

2
front/src/components/common/AttachmentInput.vue
View File

@ -21,7 +21,7 @@
</div> </div>
<div class="ui field"> <div class="ui field">
<span id="avatarLabel"> <span id="avatarLabel">
<slot name="label" /> <slot />
</span> </span>
<div class="ui stackable grid row"> <div class="ui stackable grid row">
<div class="three wide column"> <div class="three wide column">

2
front/src/components/federation/LibraryWidget.vue
View File

@ -10,7 +10,7 @@
v-if="!isLoading && libraries.length > 0" v-if="!isLoading && libraries.length > 0"
class="ui subtitle" class="ui subtitle"
> >
<slot name="subtitle" /> <slot />
</p> </p>
<p <p
v-if="!isLoading && libraries.length === 0" v-if="!isLoading && libraries.length === 0"

5
front/src/components/library/AlbumDetail.vue
View File

@ -79,10 +79,7 @@
:url="'albums/' + object.id + '/libraries/'" :url="'albums/' + object.id + '/libraries/'"
@loaded="$emit('libraries-loaded', $event)" @loaded="$emit('libraries-loaded', $event)"
> >
<translate <translate translate-context="Content/Album/Paragraph">
slot="subtitle"
translate-context="Content/Album/Paragraph"
>
This album is present in the following libraries: This album is present in the following libraries:
</translate> </translate>
</library-widget> </library-widget>

22
front/src/components/library/AlbumDropdown.vue
View File

@ -87,11 +87,25 @@
> >
<i class="ui trash icon" /> <i class="ui trash icon" />
<translate translate-context="*/*/*/Verb">Delete…</translate> <translate translate-context="*/*/*/Verb">Delete…</translate>
<p slot="modal-header"><translate translate-context="Popup/Channel/Title">Delete this album?</translate></p> <template #modal-header>
<div slot="modal-content"> <p>
<p><translate translate-context="Content/Moderation/Paragraph">The album will be deleted, as well as any related files and data. This action is irreversible.</translate></p> <translate translate-context="Popup/Channel/Title">Delete this album?</translate>
</p>
</template>
<template #modal-content>
<div>
<p>
<translate translate-context="Content/Moderation/Paragraph">
The album will be deleted, as well as any related files and data. This action is irreversible.
</translate>
</p>
</div> </div>
<p slot="modal-confirm"><translate translate-context="*/*/*/Verb">Delete</translate></p> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb">Delete</translate>
</p>
</template>
</dangerous-button> </dangerous-button>
<div class="divider" /> <div class="divider" />
<div <div

5
front/src/components/library/ArtistDetail.vue
View File

@ -92,10 +92,7 @@
:url="'artists/' + object.id + '/libraries/'" :url="'artists/' + object.id + '/libraries/'"
@loaded="$emit('libraries-loaded', $event)" @loaded="$emit('libraries-loaded', $event)"
> >
<translate <translate translate-context="Content/Artist/Paragraph">
slot="subtitle"
translate-context="Content/Artist/Paragraph"
>
This artist is present in the following libraries: This artist is present in the following libraries:
</translate> </translate>
</library-widget> </library-widget>

12
front/src/components/library/EditCard.vue
View File

@ -189,23 +189,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this suggestion? Delete this suggestion?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Popup/Library/Paragraph"> <translate translate-context="Popup/Library/Paragraph">
The suggestion will be completely removed, this action is irreversible. The suggestion will be completely removed, this action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

8
front/src/components/library/EditForm.vue
View File

@ -27,7 +27,7 @@
:obj="object" :obj="object"
:current-state="currentState" :current-state="currentState"
> >
<div slot="title"> <div>
<template v-if="showPendingReview"> <template v-if="showPendingReview">
<translate translate-context="Content/Library/Paragraph"> <translate translate-context="Content/Library/Paragraph">
Recent edits awaiting review Recent edits awaiting review
@ -55,11 +55,13 @@
</button> </button>
</template> </template>
</div> </div>
<empty-state slot="empty-state"> <template #empty-state>
<empty-state>
<translate translate-context="Content/Library/Paragraph"> <translate translate-context="Content/Library/Paragraph">
Suggest a change using the form below. Suggest a change using the form below.
</translate> </translate>
</empty-state> </empty-state>
</template>
</edit-list> </edit-list>
<form <form
class="ui form" class="ui form"
@ -160,7 +162,7 @@
:name="fieldConfig.id" :name="fieldConfig.id"
@delete="values[fieldConfig.id] = initialValues[fieldConfig.id]" @delete="values[fieldConfig.id] = initialValues[fieldConfig.id]"
> >
<span slot="label">{{ fieldConfig.label }}</span> <span>{{ fieldConfig.label }}</span>
</attachment-input> </attachment-input>
</template> </template>
<template v-else-if="fieldConfig.type === 'tags'"> <template v-else-if="fieldConfig.type === 'tags'">

2
front/src/components/library/EditList.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="wrapper"> <div class="wrapper">
<h3 class="ui header"> <h3 class="ui header">
<slot name="title" /> <slot />
</h3> </h3>
<slot <slot
v-if="!isLoading && objects.length === 0" v-if="!isLoading && objects.length === 0"

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

@ -151,23 +151,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete… Delete…
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Channel/Title"> <translate translate-context="Popup/Channel/Title">
Delete this track? Delete this track?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The track will be deleted, as well as any related files and data. This action is irreversible. The track will be deleted, as well as any related files and data. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
<div class="divider" /> <div class="divider" />
<div <div

5
front/src/components/library/TrackDetail.vue
View File

@ -280,10 +280,7 @@
:url="'tracks/' + id + '/libraries/'" :url="'tracks/' + id + '/libraries/'"
@loaded="$emit('libraries-loaded', $event)" @loaded="$emit('libraries-loaded', $event)"
> >
<translate <translate translate-context="Content/Track/Paragraph">
slot="subtitle"
translate-context="Content/Track/Paragraph"
>
This track is present in the following libraries: This track is present in the following libraries:
</translate> </translate>
</library-widget> </library-widget>

12
front/src/components/manage/moderation/InstancePolicyForm.vue
View File

@ -148,21 +148,27 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Moderation/Title"> <translate translate-context="Popup/Moderation/Title">
Delete this moderation rule? Delete this moderation rule?
</translate> </translate>
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Moderation/Paragraph"> <translate translate-context="Popup/Moderation/Paragraph">
This action is irreversible. This action is irreversible.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="Popup/Moderation/Button.Label/Verb"> <translate translate-context="Popup/Moderation/Button.Label/Verb">
Delete moderation rule Delete moderation rule
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</form> </form>
</template> </template>

12
front/src/components/manage/moderation/NotesThread.vue
View File

@ -32,23 +32,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Moderation/Title"> <translate translate-context="Popup/Moderation/Title">
Delete this note? Delete this note?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The note will be removed. This action is irreversible. The note will be removed. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

16
front/src/components/manage/moderation/ReportCard.vue
View File

@ -370,15 +370,17 @@
> >
<i :class="[action.iconColor, action.icon, 'icon']" />&nbsp; <i :class="[action.iconColor, action.icon, 'icon']" />&nbsp;
{{ action.label }} {{ action.label }}
<p slot="modal-header"> <template #modal-header>
{{ action.modalHeader }} <p>{{ action.modalHeader }}</p>
</p> </template>
<div slot="modal-content"> <template #modal-content>
<div>
<p>{{ action.modalContent }}</p> <p>{{ action.modalContent }}</p>
</div> </div>
<p slot="modal-confirm"> </template>
{{ action.modalConfirmLabel }} <template #modal-confirm>
</p> <p>{{ action.modalConfirmLabel }}</p>
</template>
</dangerous-button> </dangerous-button>
</template> </template>
</div> </div>

11
front/src/components/playlists/Editor.vue
View File

@ -98,24 +98,29 @@
<i class="eraser icon" /> <translate translate-context="*/Playlist/Button.Label/Verb"> <i class="eraser icon" /> <translate translate-context="*/Playlist/Button.Label/Verb">
Clear playlist Clear playlist
</translate> </translate>
<template #modal-header>
<p <p
slot="modal-header"
v-translate="{playlist: playlist.name}" v-translate="{playlist: playlist.name}"
translate-context="Popup/Playlist/Title" translate-context="Popup/Playlist/Title"
:translate-params="{playlist: playlist.name}" :translate-params="{playlist: playlist.name}"
> >
Do you want to clear the playlist "%{ playlist }"? Do you want to clear the playlist "%{ playlist }"?
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Playlist/Paragraph"> <translate translate-context="Popup/Playlist/Paragraph">
This will remove all tracks from this playlist and cannot be undone. This will remove all tracks from this playlist and cannot be undone.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/Playlist/Button.Label/Verb"> <translate translate-context="*/Playlist/Button.Label/Verb">
Clear playlist Clear playlist
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
<div class="ui hidden divider" /> <div class="ui hidden divider" />
<template v-if="plts.length > 0"> <template v-if="plts.length > 0">

12
front/src/views/admin/ChannelDetail.vue
View File

@ -105,23 +105,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this channel? Delete this channel?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The channel will be removed, as well as associated uploads, tracks, and albums. This action is irreversible. The channel will be removed, as well as associated uploads, tracks, and albums. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

12
front/src/views/admin/library/AlbumDetail.vue
View File

@ -128,23 +128,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this album? Delete this album?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The album will be removed, as well as associated uploads, tracks, favorites and listening history. This action is irreversible. The album will be removed, as well as associated uploads, tracks, favorites and listening history. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

12
front/src/views/admin/library/ArtistDetail.vue
View File

@ -127,23 +127,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this artist? Delete this artist?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The artist will be removed, as well as associated uploads, tracks, albums, favorites and listening history. This action is irreversible. The artist will be removed, as well as associated uploads, tracks, albums, favorites and listening history. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

12
front/src/views/admin/library/LibraryDetail.vue
View File

@ -77,23 +77,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this library? Delete this library?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The library will be removed, as well as associated uploads, and follows. This action is irreversible. The library will be removed, as well as associated uploads, and follows. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

12
front/src/views/admin/library/TagDetail.vue
View File

@ -58,23 +58,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this tag? Delete this tag?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The tag will be removed and unlinked from any existing entity. This action is irreversible. The tag will be removed and unlinked from any existing entity. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

12
front/src/views/admin/library/TrackDetail.vue
View File

@ -128,23 +128,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this track? Delete this track?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The track will be removed, as well as associated uploads, favorites and listening history. This action is irreversible. The track will be removed, as well as associated uploads, favorites and listening history. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

12
front/src/views/admin/library/UploadDetail.vue
View File

@ -93,23 +93,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this upload? Delete this upload?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The upload will be removed. This action is irreversible. The upload will be removed. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

7
front/src/views/auth/ProfileOverview.vue
View File

@ -46,12 +46,11 @@
</div> </div>
</h2> </h2>
<library-widget :url="`federation/actors/${object.full_username}/libraries/`"> <library-widget :url="`federation/actors/${object.full_username}/libraries/`">
<translate <template #title>
slot="title" <translate translate-context="Content/Profile/Paragraph">
translate-context="Content/Profile/Paragraph"
>
This user shared the following libraries This user shared the following libraries
</translate> </translate>
</template>
</library-widget> </library-widget>
</div> </div>

12
front/src/views/channels/DetailBase.vue
View File

@ -208,23 +208,29 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete… Delete…
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Channel/Title"> <translate translate-context="Popup/Channel/Title">
Delete this Channel? Delete this Channel?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Content/Moderation/Paragraph">
The channel will be deleted, as well as any related files and data. This action is irreversible. The channel will be deleted, as well as any related files and data. This action is irreversible.
</translate> </translate>
</p> </p>
</div> </div>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</template> </template>
<template v-if="$store.state.auth.availablePermissions['library']"> <template v-if="$store.state.auth.availablePermissions['library']">

12
front/src/views/content/libraries/Form.vue
View File

@ -94,21 +94,27 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Delete this library? Delete this library?
</translate> </translate>
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Library/Paragraph"> <translate translate-context="Popup/Library/Paragraph">
The library and all its tracks will be deleted. This can not be undone. The library and all its tracks will be deleted. This can not be undone.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="Popup/Library/Button.Label/Verb"> <translate translate-context="Popup/Library/Button.Label/Verb">
Delete library Delete library
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</form> </form>
</template> </template>

36
front/src/views/content/libraries/Quota.vue
View File

@ -75,21 +75,27 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Purge Purge
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Purge pending files? Purge pending files?
</translate> </translate>
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Library/Paragraph"> <translate translate-context="Popup/Library/Paragraph">
Removes uploaded but yet to be processed tracks completely, adding the corresponding data to your quota. Removes uploaded but yet to be processed tracks completely, adding the corresponding data to your quota.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Purge Purge
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>
@ -123,21 +129,27 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Purge Purge
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Purge skipped files? Purge skipped files?
</translate> </translate>
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Library/Paragraph"> <translate translate-context="Popup/Library/Paragraph">
Removes uploaded tracks skipped during the import processes completely, adding the corresponding data to your quota. Removes uploaded tracks skipped during the import processes completely, adding the corresponding data to your quota.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Purge Purge
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>
@ -171,21 +183,27 @@
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Purge Purge
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Purge errored files? Purge errored files?
</translate> </translate>
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Library/Paragraph"> <translate translate-context="Popup/Library/Paragraph">
Removes uploaded tracks that could not be processed by the server completely, adding the corresponding data to your quota. Removes uploaded tracks that could not be processed by the server completely, adding the corresponding data to your quota.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/*/*/Verb"> <translate translate-context="*/*/*/Verb">
Purge Purge
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

12
front/src/views/content/remote/Card.vue
View File

@ -199,23 +199,29 @@
<translate translate-context="*/Library/Button.Label/Verb"> <translate translate-context="*/Library/Button.Label/Verb">
Unfollow Unfollow
</translate> </translate>
<p slot="modal-header"> <template #modal-header>
<p>
<translate translate-context="Popup/Library/Title"> <translate translate-context="Popup/Library/Title">
Unfollow this library? Unfollow this library?
</translate> </translate>
</p> </p>
<div slot="modal-content"> </template>
<template #modal-content>
<div>
<p> <p>
<translate translate-context="Popup/Library/Paragraph"> <translate translate-context="Popup/Library/Paragraph">
By unfollowing this library, you loose access to its content. By unfollowing this library, you loose access to its content.
</translate> </translate>
</p> </p>
</div> </div>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="*/Library/Button.Label/Verb"> <translate translate-context="*/Library/Button.Label/Verb">
Unfollow Unfollow
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</template> </template>
</template> </template>

4
front/src/views/library/DetailAlbums.vue
View File

@ -7,7 +7,8 @@
:controls="false" :controls="false"
:filters="{playable: true, ordering: '-creation_date', library: object.uuid}" :filters="{playable: true, ordering: '-creation_date', library: object.uuid}"
> >
<empty-state slot="empty-state"> <template #empty-state>
<empty-state>
<p> <p>
<translate <translate
v-if="isOwner" v-if="isOwner"
@ -25,6 +26,7 @@
</translate> </translate>
</p> </p>
</empty-state> </empty-state>
</template>
</album-widget> </album-widget>
</section> </section>
</template> </template>

4
front/src/views/library/DetailOverview.vue
View File

@ -16,7 +16,8 @@
:controls="false" :controls="false"
:filters="{playable: true, ordering: '-creation_date', library: object.uuid}" :filters="{playable: true, ordering: '-creation_date', library: object.uuid}"
> >
<empty-state slot="empty-state"> <template #empty-state>
<empty-state>
<p> <p>
<translate <translate
v-if="isOwner" v-if="isOwner"
@ -34,6 +35,7 @@
</translate> </translate>
</p> </p>
</empty-state> </empty-state>
</template>
</artist-widget> </artist-widget>
</section> </section>
</template> </template>

4
front/src/views/library/DetailTracks.vue
View File

@ -6,7 +6,8 @@
:search="true" :search="true"
:filters="{playable: true, library: object.uuid, ordering: '-creation_date'}" :filters="{playable: true, library: object.uuid, ordering: '-creation_date'}"
> >
<empty-state slot="empty-state"> <template #empty-state>
<empty-state>
<p> <p>
<translate <translate
v-if="isOwner" v-if="isOwner"
@ -24,6 +25,7 @@
</translate> </translate>
</p> </p>
</empty-state> </empty-state>
</template>
</track-table> </track-table>
</section> </section>
</template> </template>

11
front/src/views/playlists/Detail.vue
View File

@ -81,24 +81,29 @@
<i class="trash icon" /> <translate translate-context="*/*/*/Verb"> <i class="trash icon" /> <translate translate-context="*/*/*/Verb">
Delete Delete
</translate> </translate>
<template #modal-header>
<p <p
slot="modal-header"
v-translate="{playlist: playlist.name}" v-translate="{playlist: playlist.name}"
translate-context="Popup/Playlist/Title/Call to action" translate-context="Popup/Playlist/Title/Call to action"
:translate-params="{playlist: playlist.name}" :translate-params="{playlist: playlist.name}"
> >
Do you want to delete the playlist "%{ playlist }"? Do you want to delete the playlist "%{ playlist }"?
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Playlist/Paragraph"> <translate translate-context="Popup/Playlist/Paragraph">
This will completely delete this playlist and cannot be undone. This will completely delete this playlist and cannot be undone.
</translate> </translate>
</p> </p>
<div slot="modal-confirm"> </template>
<template #modal-confirm>
<div>
<translate translate-context="Popup/Playlist/Button.Label/Verb"> <translate translate-context="Popup/Playlist/Button.Label/Verb">
Delete playlist Delete playlist
</translate> </translate>
</div> </div>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

11
front/src/views/radios/Detail.vue
View File

@ -41,24 +41,29 @@
:action="deleteRadio" :action="deleteRadio"
> >
<i class="trash icon" /> Delete <i class="trash icon" /> Delete
<template #modal-header>
<p <p
slot="modal-header"
v-translate="{radio: radio.name}" v-translate="{radio: radio.name}"
translate-context="Popup/Radio/Title" translate-context="Popup/Radio/Title"
:translate-params="{radio: radio.name}" :translate-params="{radio: radio.name}"
> >
Do you want to delete the radio "%{ radio }"? Do you want to delete the radio "%{ radio }"?
</p> </p>
<p slot="modal-content"> </template>
<template #modal-content>
<p>
<translate translate-context="Popup/Radio/Paragraph"> <translate translate-context="Popup/Radio/Paragraph">
This will completely delete this radio and cannot be undone. This will completely delete this radio and cannot be undone.
</translate> </translate>
</p> </p>
<p slot="modal-confirm"> </template>
<template #modal-confirm>
<p>
<translate translate-context="Popup/Radio/Button.Label/Verb"> <translate translate-context="Popup/Radio/Button.Label/Verb">
Delete radio Delete radio
</translate> </translate>
</p> </p>
</template>
</dangerous-button> </dangerous-button>
</template> </template>
</div> </div>