Merge branch '662-Notifications.vue' into 'develop'
#662: Resolve "Add contexts to translatable strings" See merge request funkwhale/funkwhale!604
This commit is contained in:
commit
177ad95bee
|
@ -2,20 +2,20 @@
|
||||||
<main class="main pusher" v-title="labels.title">
|
<main class="main pusher" v-title="labels.title">
|
||||||
<section class="ui vertical aligned stripe segment">
|
<section class="ui vertical aligned stripe segment">
|
||||||
<div v-if="isLoading" :class="['ui', {'active': isLoading}, 'inverted', 'dimmer']">
|
<div v-if="isLoading" :class="['ui', {'active': isLoading}, 'inverted', 'dimmer']">
|
||||||
<div class="ui text loader"><translate>Loading notifications…</translate></div>
|
<div class="ui text loader"><translate :translate-context="'Content/Notifications/Paragraph'">Loading notifications…</translate></div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="ui container">
|
<div v-else class="ui container">
|
||||||
<h1 class="ui header"><translate>Your notifications</translate></h1>
|
<h1 class="ui header"><translate :translate-context="'Content/Notifications/Title'">Your notifications</translate></h1>
|
||||||
<div class="ui toggle checkbox">
|
<div class="ui toggle checkbox">
|
||||||
<input v-model="filters.is_read" type="checkbox">
|
<input v-model="filters.is_read" type="checkbox">
|
||||||
<label><translate>Show read notifications</translate></label>
|
<label><translate :translate-context="'Content/Notifications/Form.Label/Verb'">Show read notifications</translate></label>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-if="filters.is_read === false && notifications.count > 0"
|
v-if="filters.is_read === false && notifications.count > 0"
|
||||||
@click="markAllAsRead"
|
@click="markAllAsRead"
|
||||||
class="ui basic labeled icon right floated button">
|
class="ui basic labeled icon right floated button">
|
||||||
<i class="ui check icon" />
|
<i class="ui check icon" />
|
||||||
<translate>Mark all as read</translate>
|
<translate :translate-context="'Content/Notifications/Button.Label/Verb'">Mark all as read</translate>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui hidden divider" />
|
<div class="ui hidden divider" />
|
||||||
<table v-if="notifications.count > 0" class="ui table">
|
<table v-if="notifications.count > 0" class="ui table">
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<p v-else>
|
<p v-else>
|
||||||
<translate>No notification to show.</translate>
|
<translate :translate-context="'Content/Notifications/Paragraph'">No notification to show.</translate>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
@ -71,7 +71,7 @@ export default {
|
||||||
}),
|
}),
|
||||||
labels() {
|
labels() {
|
||||||
return {
|
return {
|
||||||
title: this.$gettext("Notifications")
|
title: this.$pgettext('Head/Notifications/Title', "Notifications")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue