Move event update disabled checkbox to text

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2020-06-05 15:37:45 +02:00
parent 31273efda7
commit 4341d8f6d6
2 changed files with 17 additions and 12 deletions

View File

@ -279,11 +279,11 @@ export default class AccountSettings extends Vue {
}
}
</script>
<style lang="scss" scoped>
<style lang="scss">
@import "@/variables.scss";
.setting-title {
margin-top: 3rem;
margin-top: 1rem;
h2 {
display: inline;
@ -293,7 +293,9 @@ export default class AccountSettings extends Vue {
font-size: 1.25rem;
}
}
</style>
<style lang="scss" scoped>
.cancel-button {
margin-top: 2rem;
}

View File

@ -1,14 +1,19 @@
<template>
<div v-if="loggedUser">
<div class="setting-title">
<h2>{{ $t("Participation notifications") }}</h2>
</div>
<div class="field">
<b-checkbox disabled v-model="notificationEventUpdates">
<strong>{{ $t("Important event updates") }}</strong>
<strong>{{
$t("We'll always send you emails to notifiy about important event updates")
}}</strong>
<p>
{{
$t("Like title update, start or end date change, event being confirmed or cancelled.")
$t(
"Like title or physical address update, start or end date change or event being confirmed or cancelled."
)
}}
</p>
</b-checkbox>
</div>
<div class="field">
<b-checkbox v-model="notificationOnDay" @input="updateSetting({ notificationOnDay })">
@ -62,8 +67,6 @@ import { ICurrentUser } from "../../types/current-user.model";
export default class Notifications extends Vue {
loggedUser!: ICurrentUser;
notificationEventUpdates = true;
notificationOnDay = true;
notificationEachWeek = false;