Newer
Older
<!--
- @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
-
- @author 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
-
- @license GNU AGPL version 3 or any later version
-
- This program is free software: you can redistribute it and/or modify
- it under the terms of the GNU Affero General Public License as
- published by the Free Software Foundation, either version 3 of the
- License, or (at your option) any later version.
-
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU Affero General Public License for more details.
-
- You should have received a copy of the GNU Affero General Public License
- along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<template>
Jan-Christoph Borchardt
committed
<div class="section">
<TextEditor v-model="signature"
:html="true"
:placeholder="t('mail', 'Signature …')"
:bus="bus" />
<button
class="primary"
:class="loading ? 'icon-loading-small-dark' : 'icon-checkmark-white'"
:disabled="loading"
{{ t('mail', 'Save signature') }}
</button>
<button v-if="signature" class="button-text" @click="deleteSignature">
{{ t('mail', 'Delete') }}
</button>
import logger from '../logger'
import TextEditor from './TextEditor'
import { detect, toHtml } from '../util/text'
Jan-Christoph Borchardt
committed
export default {
name: 'SignatureSettings',
props: {
account: {
type: Object,
required: true,
},
},
data() {
return {
loading: false,
created() {
this.signature = this.account.signature ? toHtml(detect(this.account.signature)).value : ''
methods: {
deleteSignature() {
this.loading = true
this.$store
.dispatch('updateAccountSignature', { account: this.account, signature: null })
this.signature = ''
this.loading = false
})
logger.error('could not delete account signature', { error })
})
},
saveSignature() {
this.loading = true
this.$store
.dispatch('updateAccountSignature', { account: this.account, signature: this.signature })
logger.error('could not update account signature', { error })
Jan-Christoph Borchardt
committed
<style lang="scss" scoped>
.ck.ck-editor__editable_inline {
Jan-Christoph Borchardt
committed
height: 100px;
border-radius: var(--border-radius) !important;
border: 1px solid var(--color-border) !important;
box-shadow: none !important;
Jan-Christoph Borchardt
committed
}
.primary {
padding-left: 26px;
background-position: 6px;
Jan-Christoph Borchardt
committed
&:after {
left: 14px;
}
}
.button-text {
background-color: transparent;
border: none;
color: var(--color-text-maxcontrast);
font-weight: normal;
&:hover,
&:focus {
color: var(--color-main-text);
}
}
.section {
display: block;
padding: 0;
margin-bottom: 23px;
}
Jan-Christoph Borchardt
committed
</style>