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>

195
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,35 +183,41 @@
<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>
<translate translate-context="Popup/Settings/Title">
Change your password?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Popup/Settings/Paragraph"> <translate translate-context="Popup/Settings/Title">
Changing your password will have the following consequences: Change your password?
</translate> </translate>
</p> </p>
<ul> </template>
<li> <template #modal-content>
<translate translate-context="Popup/Settings/List item"> <div>
You will be logged out from this session and have to log in with the new one <p>
<translate translate-context="Popup/Settings/Paragraph">
Changing your password will have the following consequences:
</translate> </translate>
</li> </p>
<li> <ul>
<translate translate-context="Popup/Settings/List item"> <li>
Your Subsonic password will be changed to a new, random one, logging you out from devices that used the old Subsonic password <translate translate-context="Popup/Settings/List item">
</translate> You will be logged out from this session and have to log in with the new one
</li> </translate>
</ul> </li>
</div> <li>
<div slot="modal-confirm"> <translate translate-context="Popup/Settings/List item">
<translate translate-context="Popup/Settings/Button.Label"> Your Subsonic password will be changed to a new, random one, logging you out from devices that used the old Subsonic password
Disable access </translate>
</translate> </li>
</div> </ul>
</div>
</template>
<template #modal-confirm>
<div>
<translate translate-context="Popup/Settings/Button.Label">
Disable access
</translate>
</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>
<p <template #modal-header>
slot="modal-header" <p
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>
<translate translate-context="Popup/Settings/Paragraph"> <template #modal-content>
This will prevent this application from accessing the service on your behalf. <p>
</translate> <translate translate-context="Popup/Settings/Paragraph">
</p> This will prevent this application from accessing the service on your behalf.
<div slot="modal-confirm"> </translate>
<translate translate-context="*/Settings/Button.Label/Verb"> </p>
Revoke access </template>
</translate> <template #modal-confirm>
</div> <div>
<translate translate-context="*/Settings/Button.Label/Verb">
Revoke access
</translate>
</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.
> </translate>
You don't have any application connected with your account. </template>
</translate>
<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>
<p <template #modal-header>
slot="modal-header" <p
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>
<translate translate-context="Popup/Settings/Paragraph"> <template #modal-content>
This will permanently remove the application and all the associated tokens. <p>
</translate> <translate translate-context="Popup/Settings/Paragraph">
</p> This will permanently remove the application and all the associated tokens.
<div slot="modal-confirm"> </translate>
<translate translate-context="*/Settings/Button.Label/Verb"> </p>
Remove application </template>
</translate> <template #modal-confirm>
</div> <div>
<translate translate-context="*/Settings/Button.Label/Verb">
Remove application
</translate>
</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.
> </translate>
You don't have registered any application yet. </template>
</translate>
<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>
<translate translate-context="Popup/Settings/Title">
Do you want to delete your account?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Popup/Settings/Paragraph"> <translate translate-context="Popup/Settings/Title">
This is irreversible and will permanently remove your data from our servers. You will we immediatly logged out. Do you want to delete your account?
</translate> </translate>
</p> </p>
</div> </template>
<div slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/*/Button.Label"> <div>
Delete my account <p>
</translate> <translate translate-context="Popup/Settings/Paragraph">
</div> This is irreversible and will permanently remove your data from our servers. You will we immediatly logged out.
</translate>
</p>
</div>
</template>
<template #modal-confirm>
<div>
<translate translate-context="*/*/Button.Label">
Delete my account
</translate>
</div>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</section> </section>

72
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>
<translate translate-context="Popup/Settings/Title"> <p>
Request a new Subsonic API password? <translate translate-context="Popup/Settings/Title">
</translate> Request a new Subsonic API password?
</p> </translate>
<p slot="modal-content"> </p>
<translate translate-context="Popup/Settings/Paragraph"> </template>
This will log you out from existing devices that use the current password. <template #modal-content>
</translate> <p>
</p> <translate translate-context="Popup/Settings/Paragraph">
<div slot="modal-confirm"> This will log you out from existing devices that use the current password.
<translate translate-context="*/Settings/Button.Label/Verb"> </translate>
Request a new password </p>
</translate> </template>
</div> <template #modal-confirm>
<div>
<translate translate-context="*/Settings/Button.Label/Verb">
Request a new password
</translate>
</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>
<translate translate-context="Popup/Settings/Title"> <p>
Disable Subsonic API access? <translate translate-context="Popup/Settings/Title">
</translate> Disable Subsonic API access?
</p> </translate>
<p slot="modal-content"> </p>
<translate translate-context="Popup/Settings/Paragraph"> </template>
This will completely disable access to the Subsonic API using from account. <template #modal-content>
</translate> <p>
</p> <translate translate-context="Popup/Settings/Paragraph">
<div slot="modal-confirm"> This will completely disable access to the Subsonic API using from account.
<translate translate-context="Popup/Settings/Button.Label"> </translate>
Disable access </p>
</translate> </template>
</div> <template #modal-confirm>
<div>
<translate translate-context="Popup/Settings/Button.Label">
Disable access
</translate>
</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>

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

@ -53,36 +53,39 @@
<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>
<translate <p>
key="1" <translate
translate-context="Modal/*/Title" key="1"
:translate-n="affectedObjectsCount" translate-context="Modal/*/Title"
:translate-params="{count: affectedObjectsCount, action: currentActionName}" :translate-n="affectedObjectsCount"
translate-plural="Do you want to launch %{ action } on %{ count } elements?" :translate-params="{count: affectedObjectsCount, action: currentActionName}"
> translate-plural="Do you want to launch %{ action } on %{ count } elements?"
Do you want to launch %{ action } on %{ count } element? >
</translate> Do you want to launch %{ action } on %{ count } element?
</p> </translate>
<p slot="modal-content"> </p>
<template v-if="currentAction.confirmationMessage"> </template>
{{ currentAction.confirmationMessage }} <template #modal-content>
</template> <p>
<translate <template v-if="currentAction.confirmationMessage">
v-else {{ currentAction.confirmationMessage }}
translate-context="Modal/*/Paragraph" </template>
> <translate
This may affect a lot of elements or have irreversible consequences, please double check this is really what you want. v-else
</translate> translate-context="Modal/*/Paragraph"
</p> >
<div This may affect a lot of elements or have irreversible consequences, please double check this is really what you want.
slot="modal-confirm" </translate>
:aria-label="labels.performAction" </p>
> </template>
<translate translate-context="Modal/*/Button.Label/Short, Verb"> <template #modal-confirm>
Launch <div :aria-label="labels.performAction">
</translate> <translate translate-context="Modal/*/Button.Label/Short, Verb">
</div> Launch
</translate>
</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>

24
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>
</div> </p>
<p slot="modal-confirm"><translate translate-context="*/*/*/Verb">Delete</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>
</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>

34
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>
<translate translate-context="Popup/Library/Title">
Delete this suggestion?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Popup/Library/Paragraph"> <translate translate-context="Popup/Library/Title">
The suggestion will be completely removed, this action is irreversible. Delete this suggestion?
</translate> </translate>
</p> </p>
</div> </template>
<p slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/*/*/Verb"> <div>
Delete <p>
</translate> <translate translate-context="Popup/Library/Paragraph">
</p> The suggestion will be completely removed, this action is irreversible.
</translate>
</p>
</div>
</template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb">
Delete
</translate>
</p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

16
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>
<translate translate-context="Content/Library/Paragraph"> <empty-state>
Suggest a change using the form below. <translate translate-context="Content/Library/Paragraph">
</translate> Suggest a change using the form below.
</empty-state> </translate>
</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"

34
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>
<translate translate-context="Popup/Channel/Title">
Delete this track?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Popup/Channel/Title">
The track will be deleted, as well as any related files and data. This action is irreversible. Delete this track?
</translate> </translate>
</p> </p>
</div> </template>
<p slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/*/*/Verb"> <div>
Delete <p>
</translate> <translate translate-context="Content/Moderation/Paragraph">
</p> The track will be deleted, as well as any related files and data. This action is irreversible.
</translate>
</p>
</div>
</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/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>

36
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>
<translate translate-context="Popup/Moderation/Title"> <p>
Delete this moderation rule? <translate translate-context="Popup/Moderation/Title">
</translate> Delete this moderation rule?
</p> </translate>
<p slot="modal-content"> </p>
<translate translate-context="Popup/Moderation/Paragraph"> </template>
This action is irreversible. <template #modal-content>
</translate> <p>
</p> <translate translate-context="Popup/Moderation/Paragraph">
<div slot="modal-confirm"> This action is irreversible.
<translate translate-context="Popup/Moderation/Button.Label/Verb"> </translate>
Delete moderation rule </p>
</translate> </template>
</div> <template #modal-confirm>
<div>
<translate translate-context="Popup/Moderation/Button.Label/Verb">
Delete moderation rule
</translate>
</div>
</template>
</dangerous-button> </dangerous-button>
</form> </form>
</template> </template>

34
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>
<translate translate-context="Popup/Moderation/Title">
Delete this note?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Popup/Moderation/Title">
The note will be removed. This action is irreversible. Delete this note?
</translate> </translate>
</p> </p>
</div> </template>
<p slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/*/*/Verb"> <div>
Delete <p>
</translate> <translate translate-context="Content/Moderation/Paragraph">
</p> The note will be removed. This action is irreversible.
</translate>
</p>
</div>
</template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb">
Delete
</translate>
</p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

20
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>
<p>{{ action.modalContent }}</p> <div>
</div> <p>{{ action.modalContent }}</p>
<p slot="modal-confirm"> </div>
{{ action.modalConfirmLabel }} </template>
</p> <template #modal-confirm>
<p>{{ action.modalConfirmLabel }}</p>
</template>
</dangerous-button> </dangerous-button>
</template> </template>
</div> </div>

41
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>
<p <template #modal-header>
slot="modal-header" <p
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>
<translate translate-context="Popup/Playlist/Paragraph"> <template #modal-content>
This will remove all tracks from this playlist and cannot be undone. <p>
</translate> <translate translate-context="Popup/Playlist/Paragraph">
</p> This will remove all tracks from this playlist and cannot be undone.
<div slot="modal-confirm"> </translate>
<translate translate-context="*/Playlist/Button.Label/Verb"> </p>
Clear playlist </template>
</translate> <template #modal-confirm>
</div> <div>
<translate translate-context="*/Playlist/Button.Label/Verb">
Clear playlist
</translate>
</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">

34
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>
<translate translate-context="Popup/Library/Title">
Delete this channel?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Popup/Library/Title">
The channel will be removed, as well as associated uploads, tracks, and albums. This action is irreversible. Delete this channel?
</translate> </translate>
</p> </p>
</div> </template>
<p slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/*/*/Verb"> <div>
Delete <p>
</translate> <translate translate-context="Content/Moderation/Paragraph">
</p> The channel will be removed, as well as associated uploads, tracks, and albums. This action is irreversible.
</translate>
</p>
</div>
</template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb">
Delete
</translate>
</p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

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

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

34
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>
<translate translate-context="Popup/Library/Title">
Delete this library?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Popup/Library/Title">
The library will be removed, as well as associated uploads, and follows. This action is irreversible. Delete this library?
</translate> </translate>
</p> </p>
</div> </template>
<p slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/*/*/Verb"> <div>
Delete <p>
</translate> <translate translate-context="Content/Moderation/Paragraph">
</p> The library will be removed, as well as associated uploads, and follows. This action is irreversible.
</translate>
</p>
</div>
</template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb">
Delete
</translate>
</p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

34
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>
<translate translate-context="Popup/Library/Title">
Delete this tag?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Popup/Library/Title">
The tag will be removed and unlinked from any existing entity. This action is irreversible. Delete this tag?
</translate> </translate>
</p> </p>
</div> </template>
<p slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/*/*/Verb"> <div>
Delete <p>
</translate> <translate translate-context="Content/Moderation/Paragraph">
</p> The tag will be removed and unlinked from any existing entity. This action is irreversible.
</translate>
</p>
</div>
</template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb">
Delete
</translate>
</p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

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

34
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>
<translate translate-context="Popup/Library/Title">
Delete this upload?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Content/Moderation/Paragraph"> <translate translate-context="Popup/Library/Title">
The upload will be removed. This action is irreversible. Delete this upload?
</translate> </translate>
</p> </p>
</div> </template>
<p slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/*/*/Verb"> <div>
Delete <p>
</translate> <translate translate-context="Content/Moderation/Paragraph">
</p> The upload will be removed. This action is irreversible.
</translate>
</p>
</div>
</template>
<template #modal-confirm>
<p>
<translate translate-context="*/*/*/Verb">
Delete
</translate>
</p>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

11
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
> </translate>
This user shared the following libraries </template>
</translate>
</library-widget> </library-widget>
</div> </div>

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

36
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>
<translate translate-context="Popup/Library/Title"> <p>
Delete this library? <translate translate-context="Popup/Library/Title">
</translate> Delete this library?
</p> </translate>
<p slot="modal-content"> </p>
<translate translate-context="Popup/Library/Paragraph"> </template>
The library and all its tracks will be deleted. This can not be undone. <template #modal-content>
</translate> <p>
</p> <translate translate-context="Popup/Library/Paragraph">
<div slot="modal-confirm"> The library and all its tracks will be deleted. This can not be undone.
<translate translate-context="Popup/Library/Button.Label/Verb"> </translate>
Delete library </p>
</translate> </template>
</div> <template #modal-confirm>
<div>
<translate translate-context="Popup/Library/Button.Label/Verb">
Delete library
</translate>
</div>
</template>
</dangerous-button> </dangerous-button>
</form> </form>
</template> </template>

108
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>
<translate translate-context="Popup/Library/Title"> <p>
Purge pending files? <translate translate-context="Popup/Library/Title">
</translate> Purge pending files?
</p> </translate>
<p slot="modal-content"> </p>
<translate translate-context="Popup/Library/Paragraph"> </template>
Removes uploaded but yet to be processed tracks completely, adding the corresponding data to your quota. <template #modal-content>
</translate> <p>
</p> <translate translate-context="Popup/Library/Paragraph">
<div slot="modal-confirm"> Removes uploaded but yet to be processed tracks completely, adding the corresponding data to your quota.
<translate translate-context="*/*/*/Verb"> </translate>
Purge </p>
</translate> </template>
</div> <template #modal-confirm>
<div>
<translate translate-context="*/*/*/Verb">
Purge
</translate>
</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>
<translate translate-context="Popup/Library/Title"> <p>
Purge skipped files? <translate translate-context="Popup/Library/Title">
</translate> Purge skipped files?
</p> </translate>
<p slot="modal-content"> </p>
<translate translate-context="Popup/Library/Paragraph"> </template>
Removes uploaded tracks skipped during the import processes completely, adding the corresponding data to your quota. <template #modal-content>
</translate> <p>
</p> <translate translate-context="Popup/Library/Paragraph">
<div slot="modal-confirm"> Removes uploaded tracks skipped during the import processes completely, adding the corresponding data to your quota.
<translate translate-context="*/*/*/Verb"> </translate>
Purge </p>
</translate> </template>
</div> <template #modal-confirm>
<div>
<translate translate-context="*/*/*/Verb">
Purge
</translate>
</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>
<translate translate-context="Popup/Library/Title"> <p>
Purge errored files? <translate translate-context="Popup/Library/Title">
</translate> Purge errored files?
</p> </translate>
<p slot="modal-content"> </p>
<translate translate-context="Popup/Library/Paragraph"> </template>
Removes uploaded tracks that could not be processed by the server completely, adding the corresponding data to your quota. <template #modal-content>
</translate> <p>
</p> <translate translate-context="Popup/Library/Paragraph">
<div slot="modal-confirm"> Removes uploaded tracks that could not be processed by the server completely, adding the corresponding data to your quota.
<translate translate-context="*/*/*/Verb"> </translate>
Purge </p>
</translate> </template>
</div> <template #modal-confirm>
<div>
<translate translate-context="*/*/*/Verb">
Purge
</translate>
</div>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

34
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>
<translate translate-context="Popup/Library/Title">
Unfollow this library?
</translate>
</p>
<div slot="modal-content">
<p> <p>
<translate translate-context="Popup/Library/Paragraph"> <translate translate-context="Popup/Library/Title">
By unfollowing this library, you loose access to its content. Unfollow this library?
</translate> </translate>
</p> </p>
</div> </template>
<div slot="modal-confirm"> <template #modal-content>
<translate translate-context="*/Library/Button.Label/Verb"> <div>
Unfollow <p>
</translate> <translate translate-context="Popup/Library/Paragraph">
</div> By unfollowing this library, you loose access to its content.
</translate>
</p>
</div>
</template>
<template #modal-confirm>
<div>
<translate translate-context="*/Library/Button.Label/Verb">
Unfollow
</translate>
</div>
</template>
</dangerous-button> </dangerous-button>
</template> </template>
</template> </template>

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

@ -7,24 +7,26 @@
: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>
<p> <empty-state>
<translate <p>
v-if="isOwner" <translate
key="1" v-if="isOwner"
translate-context="*/*/*" key="1"
> translate-context="*/*/*"
This library is empty, you should upload something in it! >
</translate> This library is empty, you should upload something in it!
<translate </translate>
v-else <translate
key="2" v-else
translate-context="*/*/*" key="2"
> translate-context="*/*/*"
You may need to follow this library to see its content. >
</translate> You may need to follow this library to see its content.
</p> </translate>
</empty-state> </p>
</empty-state>
</template>
</album-widget> </album-widget>
</section> </section>
</template> </template>

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

@ -16,24 +16,26 @@
: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>
<p> <empty-state>
<translate <p>
v-if="isOwner" <translate
key="1" v-if="isOwner"
translate-context="*/*/*" key="1"
> translate-context="*/*/*"
This library is empty, you should upload something in it! >
</translate> This library is empty, you should upload something in it!
<translate </translate>
v-else <translate
key="2" v-else
translate-context="*/*/*" key="2"
> translate-context="*/*/*"
You may need to follow this library to see its content. >
</translate> You may need to follow this library to see its content.
</p> </translate>
</empty-state> </p>
</empty-state>
</template>
</artist-widget> </artist-widget>
</section> </section>
</template> </template>

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

@ -6,24 +6,26 @@
: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>
<p> <empty-state>
<translate <p>
v-if="isOwner" <translate
key="1" v-if="isOwner"
translate-context="*/*/*" key="1"
> translate-context="*/*/*"
This library is empty, you should upload something in it! >
</translate> This library is empty, you should upload something in it!
<translate </translate>
v-else <translate
key="2" v-else
translate-context="*/*/*" key="2"
> translate-context="*/*/*"
You may need to follow this library to see its content. >
</translate> You may need to follow this library to see its content.
</p> </translate>
</empty-state> </p>
</empty-state>
</template>
</track-table> </track-table>
</section> </section>
</template> </template>

41
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>
<p <template #modal-header>
slot="modal-header" <p
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>
<translate translate-context="Popup/Playlist/Paragraph"> <template #modal-content>
This will completely delete this playlist and cannot be undone. <p>
</translate> <translate translate-context="Popup/Playlist/Paragraph">
</p> This will completely delete this playlist and cannot be undone.
<div slot="modal-confirm"> </translate>
<translate translate-context="Popup/Playlist/Button.Label/Verb"> </p>
Delete playlist </template>
</translate> <template #modal-confirm>
</div> <div>
<translate translate-context="Popup/Playlist/Button.Label/Verb">
Delete playlist
</translate>
</div>
</template>
</dangerous-button> </dangerous-button>
</div> </div>
</div> </div>

41
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
<p <template #modal-header>
slot="modal-header" <p
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>
<translate translate-context="Popup/Radio/Paragraph"> <template #modal-content>
This will completely delete this radio and cannot be undone. <p>
</translate> <translate translate-context="Popup/Radio/Paragraph">
</p> This will completely delete this radio and cannot be undone.
<p slot="modal-confirm"> </translate>
<translate translate-context="Popup/Radio/Button.Label/Verb"> </p>
Delete radio </template>
</translate> <template #modal-confirm>
</p> <p>
<translate translate-context="Popup/Radio/Button.Label/Verb">
Delete radio
</translate>
</p>
</template>
</dangerous-button> </dangerous-button>
</template> </template>
</div> </div>