mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
4ac80b0d58
@alina-beck said we have most buttons left-aligned, so I went with that: https://github.com/Human-Connection/Human-Connection/pull/1711#discussion_r329505767 Also this uses icon `envelope` for emails. This makes sense, because we could use icon `at` for slugs.
60 lines
1.3 KiB
Vue
60 lines
1.3 KiB
Vue
<template>
|
|
<ds-form v-model="form" :schema="formSchema" @submit="submit">
|
|
<template slot-scope="{ errors }">
|
|
<ds-card :header="$t('settings.email.name')">
|
|
<ds-input
|
|
id="email"
|
|
model="email"
|
|
icon="envelope"
|
|
disabled
|
|
:label="$t('settings.email.labelNewEmail')"
|
|
/>
|
|
<ds-input
|
|
id="nonce"
|
|
model="nonce"
|
|
icon="question-circle"
|
|
:label="$t('settings.email.labelNonce')"
|
|
/>
|
|
|
|
<template slot="footer">
|
|
<ds-button class="submit-button" icon="check" :disabled="errors" type="submit" primary>
|
|
{{ $t('actions.save') }}
|
|
</ds-button>
|
|
</template>
|
|
</ds-card>
|
|
</template>
|
|
</ds-form>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
formSchema: {
|
|
nonce: { type: 'string', required: true },
|
|
},
|
|
}
|
|
},
|
|
computed: {
|
|
form: {
|
|
get: function() {
|
|
const { email = '', nonce = '' } = this.$route.query
|
|
return { email, nonce }
|
|
},
|
|
set: function(formData) {
|
|
this.formData = formData
|
|
},
|
|
},
|
|
},
|
|
methods: {
|
|
async submit() {
|
|
const { email, nonce } = this.formData
|
|
this.$router.replace({
|
|
path: 'verify',
|
|
query: { email, nonce },
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|