remove sparkpost and mandrill

This commit is contained in:
raishvaria
2019-11-19 12:17:44 +05:30
parent f1711ac2e9
commit 3b06e62502
18 changed files with 43 additions and 1073 deletions

View File

@ -81,10 +81,8 @@ class EnvironmentController extends Controller
'mail_mailgun_endpoint' => config('services.mailgun.endpoint'), 'mail_mailgun_endpoint' => config('services.mailgun.endpoint'),
'mail_mailgun_domain' => config('services.mailgun.domain'), 'mail_mailgun_domain' => config('services.mailgun.domain'),
'mail_mailgun_secret' => config('services.mailgun.secret'), 'mail_mailgun_secret' => config('services.mailgun.secret'),
'mail_sparkpost_secret' => config('services.sparkpost.secret'),
'mail_ses_key' => config('services.ses.key'), 'mail_ses_key' => config('services.ses.key'),
'mail_ses_secret' => config('services.ses.secret'), 'mail_ses_secret' => config('services.ses.secret'),
'mail_mandrill_secret' => config('services.mandrill.secret'),
]; ];
@ -102,9 +100,7 @@ class EnvironmentController extends Controller
'mail', 'mail',
'sendmail', 'sendmail',
'mailgun', 'mailgun',
'mandrill', 'ses'
'ses',
'sparkpost'
]; ];
return response()->json($drivers); return response()->json($drivers);

View File

@ -51,18 +51,6 @@ class MailEnvironmentRequest extends FormRequest
]; ];
break; break;
case 'sparkpost':
return [
'mail_driver' => 'required|string|max:50',
'mail_host' => 'required|string|max:50',
'mail_port' => 'required|max:50',
'mail_sparkpost_secret' => 'required|string',
'mail_encryption' => 'required|string|max:50',
'from_name' => 'required|string|max:50',
'from_mail' => 'required|string|max:50',
];
break;
case 'ses': case 'ses':
return [ return [
'mail_driver' => 'required|string|max:50', 'mail_driver' => 'required|string|max:50',
@ -89,19 +77,6 @@ class MailEnvironmentRequest extends FormRequest
'from_mail' => 'required|string|max:50', 'from_mail' => 'required|string|max:50',
]; ];
break; break;
case 'mandrill':
return [
'mail_driver' => 'required|string|max:50',
'mail_host' => 'required|string|max:50',
'mail_port' => 'required|max:50',
'mail_mandrill_secret' => 'required|string',
'mail_encryption' => 'required|string|max:50',
'from_name' => 'required|string|max:50',
'from_mail' => 'required|string|max:50',
];
break;
} }
} }
} }

View File

@ -203,36 +203,6 @@ class EnvironmentManager
break; break;
case 'sparkpost':
$oldMailData =
'MAIL_DRIVER='.config('mail.driver')."\n".
'MAIL_HOST='.config('mail.host')."\n".
'MAIL_PORT='.config('mail.port')."\n".
'MAIL_USERNAME='.config('mail.username')."\n".
'MAIL_PASSWORD='.config('mail.password')."\n".
'MAIL_ENCRYPTION='.config('mail.encryption')."\n\n".
$mailFromCredential;
$newMailData =
'MAIL_DRIVER='.$request->mail_driver."\n".
'MAIL_HOST='.$request->mail_host."\n".
'MAIL_PORT='.$request->mail_port."\n".
'MAIL_USERNAME='.config('mail.username')."\n".
'MAIL_PASSWORD='.config('mail.password')."\n".
'MAIL_ENCRYPTION='.$request->mail_encryption."\n\n".
'MAIL_FROM_ADDRESS='.$request->from_mail."\n".
'MAIL_FROM_NAME='.$request->from_name."\n\n";
$extraMailData=
'SPARKPOST_SECRET='.$request->mail_sparkpost_secret."\n";
if(env('SPARKPOST_SECRET') !== NULL ) {
$extraOldMailData =
'SPARKPOST_SECRET='.config('services.sparkpost.secret')."\n";
}
break;
case 'ses': case 'ses':
$oldMailData = $oldMailData =
'MAIL_DRIVER='.config('mail.driver')."\n". 'MAIL_DRIVER='.config('mail.driver')."\n".
@ -308,35 +278,6 @@ class EnvironmentManager
'MAIL_FROM_NAME='.$request->from_name."\n\n"; 'MAIL_FROM_NAME='.$request->from_name."\n\n";
break; break;
case 'mandrill':
$oldMailData =
'MAIL_DRIVER='.config('mail.driver')."\n".
'MAIL_HOST='.config('mail.host')."\n".
'MAIL_PORT='.config('mail.port')."\n".
'MAIL_USERNAME='.config('mail.username')."\n".
'MAIL_PASSWORD='.config('mail.password')."\n".
'MAIL_ENCRYPTION='.config('mail.encryption')."\n\n".
$mailFromCredential;
$newMailData =
'MAIL_DRIVER='.$request->mail_driver."\n".
'MAIL_HOST='.$request->mail_host."\n".
'MAIL_PORT='.$request->mail_port."\n".
'MAIL_USERNAME='.config('mail.username')."\n".
'MAIL_PASSWORD='.config('mail.password')."\n".
'MAIL_ENCRYPTION='.$request->mail_encryption."\n\n".
'MAIL_FROM_ADDRESS='.$request->from_mail."\n".
'MAIL_FROM_NAME='.$request->from_name."\n\n";
$extraMailData=
'MANDRILL_API_KEY='.$request->mail_mandrill_secret."\n";
if(env('MANDRILL_API_KEY') !== NULL ) {
$extraOldMailData =
'MANDRILL_API_KEY='.config('services.mandrill.secret')."\n";
}
break;
} }
return [ return [

View File

@ -34,10 +34,6 @@ return [
'api_key' => env('SENDGRID_API_KEY'), 'api_key' => env('SENDGRID_API_KEY'),
], ],
'mandrill' => [
'secret' => env('MANDRILL_API_KEY'),
],
'stripe' => [ 'stripe' => [
'model' => Crater\User::class, 'model' => Crater\User::class,
'key' => env('STRIPE_KEY'), 'key' => env('STRIPE_KEY'),

View File

@ -570,13 +570,11 @@ export default {
port: 'Mail Port', port: 'Mail Port',
driver: 'Mail Driver', driver: 'Mail Driver',
secret: 'Secret', secret: 'Secret',
sparkpost_secret: 'Sparkpost Secret',
mailgun_secret: 'Mailgun Secret', mailgun_secret: 'Mailgun Secret',
mailgun_domain: 'Domain', mailgun_domain: 'Domain',
mailgun_endpoint: 'Mailgun Endpoint', mailgun_endpoint: 'Mailgun Endpoint',
ses_secret: 'SES Secret', ses_secret: 'SES Secret',
ses_key: 'SES Key', ses_key: 'SES Key',
mandrill_secret: 'Mandrill Secret',
password: 'Mail Password', password: 'Mail Password',
username: 'Mail Username', username: 'Mail Username',
mail_config: 'Mail Configuration', mail_config: 'Mail Configuration',
@ -748,13 +746,11 @@ export default {
port: 'Mail Port', port: 'Mail Port',
driver: 'Mail Driver', driver: 'Mail Driver',
secret: 'Secret', secret: 'Secret',
sparkpost_secret: 'Sparkpost Secret',
mailgun_secret: 'Mailgun Secret', mailgun_secret: 'Mailgun Secret',
mailgun_domain: 'Domain', mailgun_domain: 'Domain',
mailgun_endpoint: 'Mailgun Endpoint', mailgun_endpoint: 'Mailgun Endpoint',
ses_secret: 'SES Secret', ses_secret: 'SES Secret',
ses_key: 'SES Key', ses_key: 'SES Key',
mandrill_secret: 'Mandrill Secret',
password: 'Mail Password', password: 'Mail Password',
username: 'Mail Username', username: 'Mail Username',
mail_config: 'Mail Configuration', mail_config: 'Mail Configuration',

View File

@ -25,21 +25,17 @@ import MultiSelect from 'vue-multiselect'
import { validationMixin } from 'vuelidate' import { validationMixin } from 'vuelidate'
import Smtp from './mailDriver/Smtp' import Smtp from './mailDriver/Smtp'
import Mailgun from './mailDriver/Mailgun' import Mailgun from './mailDriver/Mailgun'
import Sparkpost from './mailDriver/Sparkpost'
import Ses from './mailDriver/Ses' import Ses from './mailDriver/Ses'
import Basic from './mailDriver/Basic' import Basic from './mailDriver/Basic'
import Mandrill from './mailDriver/Mandrill'
export default { export default {
components: { components: {
MultiSelect, MultiSelect,
Smtp, Smtp,
Mailgun, Mailgun,
Sparkpost,
Ses, Ses,
sendmail: Basic, sendmail: Basic,
mail: Basic, mail: Basic
Mandrill
}, },
mixins: [validationMixin], mixins: [validationMixin],
data () { data () {

View File

@ -2,7 +2,7 @@
<form @submit.prevent="saveEmailConfig()"> <form @submit.prevent="saveEmailConfig()">
<div class="row"> <div class="row">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.driver') }}</label> <label class="form-label">{{ $t('settings.mail.driver') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-select <base-select
v-model="mailConfigData.mail_driver" v-model="mailConfigData.mail_driver"
@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<!-- <div class="col-md-6 my-2"> <!-- <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.host') }}</label> <label class="form-label">{{ $t('settings.mail.host') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_host.$error" :invalid="$v.mailConfigData.mail_host.$error"
@ -37,7 +37,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_mail') }}</label> <label class="form-label">{{ $t('settings.mail.from_mail') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.from_mail.$error" :invalid="$v.mailConfigData.from_mail.$error"
@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_name') }}</label> <label class="form-label">{{ $t('settings.mail.from_name') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.from_name.$error" :invalid="$v.mailConfigData.from_name.$error"

View File

@ -2,7 +2,7 @@
<form @submit.prevent="saveEmailConfig()"> <form @submit.prevent="saveEmailConfig()">
<div class="row"> <div class="row">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.driver') }}</label> <label class="form-label">{{ $t('settings.mail.driver') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-select <base-select
v-model="mailConfigData.mail_driver" v-model="mailConfigData.mail_driver"
@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.host') }}</label> <label class="form-label">{{ $t('settings.mail.host') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_host.$error" :invalid="$v.mailConfigData.mail_host.$error"
@ -37,7 +37,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.port') }}</label> <label class="form-label">{{ $t('settings.mail.port') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_port.$error" :invalid="$v.mailConfigData.mail_port.$error"
@ -56,7 +56,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.encryption') }}</label> <label class="form-label">{{ $t('settings.mail.encryption') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-select <base-select
v-model.trim="mailConfigData.mail_encryption" v-model.trim="mailConfigData.mail_encryption"
@ -75,7 +75,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_mail') }}</label> <label class="form-label">{{ $t('settings.mail.from_mail') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.from_mail.$error" :invalid="$v.mailConfigData.from_mail.$error"
@ -94,7 +94,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_name') }}</label> <label class="form-label">{{ $t('settings.mail.from_name') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.from_name.$error" :invalid="$v.mailConfigData.from_name.$error"
@ -112,7 +112,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.mailgun_domain') }}</label> <label class="form-label">{{ $t('settings.mail.mailgun_domain') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_mailgun_domain.$error" :invalid="$v.mailConfigData.mail_mailgun_domain.$error"
@ -128,7 +128,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.mailgun_secret') }}</label> <label class="form-label">{{ $t('settings.mail.mailgun_secret') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_mailgun_secret.$error" :invalid="$v.mailConfigData.mail_mailgun_secret.$error"
@ -147,7 +147,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.mailgun_endpoint') }}</label> <label class="form-label">{{ $t('settings.mail.mailgun_endpoint') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_mailgun_endpoint.$error" :invalid="$v.mailConfigData.mail_mailgun_endpoint.$error"

View File

@ -1,230 +0,0 @@
<template>
<form @submit.prevent="saveEmailConfig()">
<div class="row">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.driver') }}</label>
<span class="text-danger"> *</span>
<base-select
v-model="mailConfigData.mail_driver"
:invalid="$v.mailConfigData.mail_driver.$error"
:options="mailDrivers"
:searchable="true"
:show-labels="false"
@input="onChangeDriver"
/>
<div v-if="$v.mailConfigData.mail_driver.$error">
<span v-if="!$v.mailConfigData.mail_driver.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.host') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_host.$error"
v-model.trim="mailConfigData.mail_host"
type="text"
name="mail_host"
@input="$v.mailConfigData.mail_host.$touch()"
/>
<div v-if="$v.mailConfigData.mail_host.$error">
<span v-if="!$v.mailConfigData.mail_host.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.port') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_port.$error"
v-model.trim="mailConfigData.mail_port"
type="text"
name="mail_port"
@input="$v.mailConfigData.mail_port.$touch()"
/>
<div v-if="$v.mailConfigData.mail_port.$error">
<span v-if="!$v.mailConfigData.mail_port.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.encryption') }}</label>
<span class="text-danger"> *</span>
<base-select
v-model.trim="mailConfigData.mail_encryption"
:invalid="$v.mailConfigData.mail_encryption.$error"
:options="encryptions"
:searchable="true"
:show-labels="false"
@input="$v.mailConfigData.mail_encryption.$touch()"
/>
<div v-if="$v.mailConfigData.mail_encryption.$error">
<span v-if="!$v.mailConfigData.mail_encryption.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_mail') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.from_mail.$error"
v-model.trim="mailConfigData.from_mail"
type="text"
name="from_mail"
@input="$v.mailConfigData.from_mail.$touch()"
/>
<div v-if="$v.mailConfigData.from_mail.$error">
<span v-if="!$v.mailConfigData.from_mail.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
<span v-if="!$v.mailConfigData.from_mail.numeric" class="text-danger">
{{ $tc('validation.numbers_only') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_name') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.from_name.$error"
v-model.trim="mailConfigData.from_name"
type="text"
name="name"
@input="$v.mailConfigData.from_name.$touch()"
/>
<div v-if="$v.mailConfigData.from_name.$error">
<span v-if="!$v.mailConfigData.from_name.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.mandrill_secret') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_mandrill_secret.$error"
v-model.trim="mailConfigData.mail_mandrill_secret"
type="password"
name="name"
show-password
@input="$v.mailConfigData.mail_mandrill_secret.$touch()"
/>
<div v-if="$v.mailConfigData.mail_mandrill_secret.$error">
<span v-if="!$v.mailConfigData.mail_mandrill_secret.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<base-button
:loading="loading"
class="pull-right mt-4"
icon="save"
color="theme"
type="submit"
>
{{ $t('general.save') }}
</base-button>
</form>
</template>
<script>
import MultiSelect from 'vue-multiselect'
import { validationMixin } from 'vuelidate'
const { required, email, numeric } = require('vuelidate/lib/validators')
export default {
components: {
MultiSelect
},
mixins: [validationMixin],
props: {
configData: {
type: Object,
require: true,
default: Object
},
loading: {
type: Boolean,
require: true,
default: false
},
mailDrivers: {
type: Array,
require: true,
default: Array
}
},
data () {
return {
mailConfigData: {
mail_driver: '',
mail_host: '',
mail_port: null,
mail_mandrill_secret: '',
mail_encryption: 'tls',
from_mail: '',
from_name: ''
},
encryptions: ['tls', 'ssl', 'starttls']
}
},
validations: {
mailConfigData: {
mail_driver: {
required
},
mail_host: {
required
},
mail_port: {
required,
numeric
},
mail_mandrill_secret: {
required
},
mail_encryption: {
required
},
from_mail: {
required,
email
},
from_name: {
required
}
}
},
mounted () {
for (const key in this.mailConfigData) {
if (this.configData.hasOwnProperty(key)) {
this.mailConfigData[key] = this.configData[key]
}
}
},
methods: {
async saveEmailConfig () {
this.$v.mailConfigData.$touch()
if (!this.$v.mailConfigData.$invalid) {
this.$emit('submit-data', this.mailConfigData)
}
return false
},
onChangeDriver () {
this.$v.mailConfigData.mail_driver.$touch()
this.$emit('on-change-driver', this.mailConfigData.mail_driver)
}
}
}
</script>

View File

@ -2,7 +2,7 @@
<form @submit.prevent="saveEmailConfig()"> <form @submit.prevent="saveEmailConfig()">
<div class="row"> <div class="row">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.driver') }}</label> <label class="form-label">{{ $t('settings.mail.driver') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-select <base-select
v-model="mailConfigData.mail_driver" v-model="mailConfigData.mail_driver"
@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.host') }}</label> <label class="form-label">{{ $t('settings.mail.host') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_host.$error" :invalid="$v.mailConfigData.mail_host.$error"
@ -37,7 +37,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.port') }}</label> <label class="form-label">{{ $t('settings.mail.port') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_port.$error" :invalid="$v.mailConfigData.mail_port.$error"
@ -56,7 +56,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.encryption') }}</label> <label class="form-label">{{ $t('settings.mail.encryption') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-select <base-select
v-model.trim="mailConfigData.mail_encryption" v-model.trim="mailConfigData.mail_encryption"
@ -75,7 +75,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_mail') }}</label> <label class="form-label">{{ $t('settings.mail.from_mail') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.from_mail.$error" :invalid="$v.mailConfigData.from_mail.$error"
@ -94,7 +94,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_name') }}</label> <label class="form-label">{{ $t('settings.mail.from_name') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.from_name.$error" :invalid="$v.mailConfigData.from_name.$error"
@ -112,13 +112,13 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.ses_key') }}</label> <label class="form-label">{{ $t('settings.mail.ses_key') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_ses_key.$error" :invalid="$v.mailConfigData.mail_ses_key.$error"
v-model.trim="mailConfigData.mail_ses_key" v-model.trim="mailConfigData.mail_ses_key"
type="text" type="text"
name="name" name="mail_ses_key"
@input="$v.mailConfigData.mail_ses_key.$touch()" @input="$v.mailConfigData.mail_ses_key.$touch()"
/> />
<div v-if="$v.mailConfigData.mail_ses_key.$error"> <div v-if="$v.mailConfigData.mail_ses_key.$error">
@ -128,13 +128,13 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.ses_secret') }}</label> <label class="form-label">{{ $t('settings.mail.ses_secret') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_ses_secret.$error" :invalid="$v.mailConfigData.mail_ses_secret.$error"
v-model.trim="mailConfigData.mail_ses_secret" v-model.trim="mailConfigData.mail_ses_secret"
type="password" type="password"
name="name" name="mail_ses_secret"
show-password show-password
@input="$v.mailConfigData.mail_ses_secret.$touch()" @input="$v.mailConfigData.mail_ses_secret.$touch()"
/> />

View File

@ -2,7 +2,7 @@
<form @submit.prevent="saveEmailConfig()"> <form @submit.prevent="saveEmailConfig()">
<div class="row"> <div class="row">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.driver') }}</label> <label class="form-label">{{ $t('settings.mail.driver') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-select <base-select
v-model="mailConfigData.mail_driver" v-model="mailConfigData.mail_driver"
@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.host') }}</label> <label class="form-label">{{ $t('settings.mail.host') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_host.$error" :invalid="$v.mailConfigData.mail_host.$error"
@ -37,7 +37,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.username') }}</label> <label class="form-label">{{ $t('settings.mail.username') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_username.$error" :invalid="$v.mailConfigData.mail_username.$error"
@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.password') }}</label> <label class="form-label">{{ $t('settings.mail.password') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_password.$error" :invalid="$v.mailConfigData.mail_password.$error"
@ -72,7 +72,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.port') }}</label> <label class="form-label">{{ $t('settings.mail.port') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_port.$error" :invalid="$v.mailConfigData.mail_port.$error"
@ -91,7 +91,7 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.encryption') }}</label> <label class="form-label">{{ $t('settings.mail.encryption') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-select <base-select
v-model.trim="mailConfigData.mail_encryption" v-model.trim="mailConfigData.mail_encryption"
@ -110,7 +110,7 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_mail') }}</label> <label class="form-label">{{ $t('settings.mail.from_mail') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.from_mail.$error" :invalid="$v.mailConfigData.from_mail.$error"
@ -129,13 +129,13 @@
</div> </div>
</div> </div>
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_name') }}</label> <label class="form-label">{{ $t('settings.mail.from_name') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.from_name.$error" :invalid="$v.mailConfigData.from_name.$error"
v-model.trim="mailConfigData.from_name" v-model.trim="mailConfigData.from_name"
type="text" type="text"
name="name" name="from_name"
@input="$v.mailConfigData.from_name.$touch()" @input="$v.mailConfigData.from_name.$touch()"
/> />
<div v-if="$v.mailConfigData.from_name.$error"> <div v-if="$v.mailConfigData.from_name.$error">

View File

@ -1,233 +0,0 @@
<template>
<form @submit.prevent="saveEmailConfig()">
<div class="row">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.driver') }}</label>
<span class="text-danger"> *</span>
<base-select
v-model="mailConfigData.mail_driver"
:invalid="$v.mailConfigData.mail_driver.$error"
:options="mailDrivers"
:searchable="true"
:show-labels="false"
@input="onChangeDriver"
/>
<div v-if="$v.mailConfigData.mail_driver.$error">
<span v-if="!$v.mailConfigData.mail_driver.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.host') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_host.$error"
v-model.trim="mailConfigData.mail_host"
type="text"
name="mail_host"
@input="$v.mailConfigData.mail_host.$touch()"
/>
<div v-if="$v.mailConfigData.mail_host.$error">
<span v-if="!$v.mailConfigData.mail_host.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.port') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_port.$error"
v-model.trim="mailConfigData.mail_port"
type="text"
name="mail_port"
@input="$v.mailConfigData.mail_port.$touch()"
/>
<div v-if="$v.mailConfigData.mail_port.$error">
<span v-if="!$v.mailConfigData.mail_port.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
<span v-if="!$v.mailConfigData.mail_port.numeric" class="text-danger">
{{ $tc('validation.numbers_only') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.encryption') }}</label>
<span class="text-danger"> *</span>
<base-select
v-model.trim="mailConfigData.mail_encryption"
:invalid="$v.mailConfigData.mail_encryption.$error"
:options="encryptions"
:searchable="true"
:show-labels="false"
@input="$v.mailConfigData.mail_encryption.$touch()"
/>
<div v-if="$v.mailConfigData.mail_encryption.$error">
<span v-if="!$v.mailConfigData.mail_encryption.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_mail') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.from_mail.$error"
v-model.trim="mailConfigData.from_mail"
type="text"
name="from_mail"
@input="$v.mailConfigData.from_mail.$touch()"
/>
<div v-if="$v.mailConfigData.from_mail.$error">
<span v-if="!$v.mailConfigData.from_mail.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
<span v-if="!$v.mailConfigData.from_mail.numeric" class="text-danger">
{{ $tc('validation.numbers_only') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_name') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.from_name.$error"
v-model.trim="mailConfigData.from_name"
type="text"
name="name"
@input="$v.mailConfigData.from_name.$touch()"
/>
<div v-if="$v.mailConfigData.from_name.$error">
<span v-if="!$v.mailConfigData.from_name.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.sparkpost_secret') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_sparkpost_secret.$error"
v-model.trim="mailConfigData.mail_sparkpost_secret"
type="password"
name="name"
show-password
@input="$v.mailConfigData.mail_sparkpost_secret.$touch()"
/>
<div v-if="$v.mailConfigData.mail_sparkpost_secret.$error">
<span v-if="!$v.mailConfigData.mail_sparkpost_secret.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<base-button
:loading="loading"
class="pull-right mt-4"
icon="save"
color="theme"
type="submit"
>
{{ $t('general.save') }}
</base-button>
</form>
</template>
<script>
import MultiSelect from 'vue-multiselect'
import { validationMixin } from 'vuelidate'
const { required, email, numeric } = require('vuelidate/lib/validators')
export default {
components: {
MultiSelect
},
mixins: [validationMixin],
props: {
configData: {
type: Object,
require: true,
default: Object
},
loading: {
type: Boolean,
require: true,
default: false
},
mailDrivers: {
type: Array,
require: true,
default: Array
}
},
data () {
return {
mailConfigData: {
mail_driver: '',
mail_host: '',
mail_port: null,
mail_sparkpost_secret: '',
mail_encryption: 'tls',
from_mail: '',
from_name: ''
},
encryptions: ['tls', 'ssl', 'starttls']
}
},
validations: {
mailConfigData: {
mail_driver: {
required
},
mail_host: {
required
},
mail_port: {
required,
numeric
},
mail_sparkpost_secret: {
required
},
mail_encryption: {
required
},
from_mail: {
required,
email
},
from_name: {
required
}
}
},
mounted () {
for (const key in this.mailConfigData) {
if (this.configData.hasOwnProperty(key)) {
this.mailConfigData[key] = this.configData[key]
}
}
},
methods: {
async saveEmailConfig () {
this.$v.mailConfigData.$touch()
if (!this.$v.mailConfigData.$invalid) {
this.$emit('submit-data', this.mailConfigData)
}
return false
},
onChangeDriver () {
this.$v.mailConfigData.mail_driver.$touch()
this.$emit('on-change-driver', this.mailConfigData.mail_driver)
}
}
}
</script>

View File

@ -19,21 +19,17 @@ import MultiSelect from 'vue-multiselect'
import { validationMixin } from 'vuelidate' import { validationMixin } from 'vuelidate'
import Smtp from './mailDriver/Smtp' import Smtp from './mailDriver/Smtp'
import Mailgun from './mailDriver/Mailgun' import Mailgun from './mailDriver/Mailgun'
import Sparkpost from './mailDriver/Sparkpost'
import Ses from './mailDriver/Ses' import Ses from './mailDriver/Ses'
import Basic from './mailDriver/Basic' import Basic from './mailDriver/Basic'
import Mandrill from './mailDriver/Mandrill'
export default { export default {
components: { components: {
MultiSelect, MultiSelect,
Smtp, Smtp,
Mailgun, Mailgun,
Sparkpost,
Ses, Ses,
sendmail: Basic, sendmail: Basic,
mail: Basic, mail: Basic
Mandrill
}, },
mixins: [validationMixin], mixins: [validationMixin],
data () { data () {

View File

@ -100,7 +100,7 @@
:invalid="$v.mailConfigData.from_name.$error" :invalid="$v.mailConfigData.from_name.$error"
v-model.trim="mailConfigData.from_name" v-model.trim="mailConfigData.from_name"
type="text" type="text"
name="name" name="from_name"
@input="$v.mailConfigData.from_name.$touch()" @input="$v.mailConfigData.from_name.$touch()"
/> />
<div v-if="$v.mailConfigData.from_name.$error"> <div v-if="$v.mailConfigData.from_name.$error">
@ -118,7 +118,7 @@
:invalid="$v.mailConfigData.mail_mailgun_domain.$error" :invalid="$v.mailConfigData.mail_mailgun_domain.$error"
v-model.trim="mailConfigData.mail_mailgun_domain" v-model.trim="mailConfigData.mail_mailgun_domain"
type="text" type="text"
name="db_name" name="mailgun_domain"
@input="$v.mailConfigData.mail_mailgun_domain.$touch()" @input="$v.mailConfigData.mail_mailgun_domain.$touch()"
/> />
<div v-if="$v.mailConfigData.mail_mailgun_domain.$error"> <div v-if="$v.mailConfigData.mail_mailgun_domain.$error">
@ -134,7 +134,7 @@
:invalid="$v.mailConfigData.mail_mailgun_secret.$error" :invalid="$v.mailConfigData.mail_mailgun_secret.$error"
v-model.trim="mailConfigData.mail_mailgun_secret" v-model.trim="mailConfigData.mail_mailgun_secret"
type="password" type="password"
name="name" name="mailgun_secret"
show-password show-password
@input="$v.mailConfigData.mail_mailgun_secret.$touch()" @input="$v.mailConfigData.mail_mailgun_secret.$touch()"
/> />
@ -147,13 +147,13 @@
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="col-md-6 my-2"> <div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.endpoint') }}</label> <label class="form-label">{{ $t('wizard.mail.mailgun_endpoint') }}</label>
<span class="text-danger"> *</span> <span class="text-danger"> *</span>
<base-input <base-input
:invalid="$v.mailConfigData.mail_mailgun_endpoint.$error" :invalid="$v.mailConfigData.mail_mailgun_endpoint.$error"
v-model.trim="mailConfigData.mail_mailgun_endpoint" v-model.trim="mailConfigData.mail_mailgun_endpoint"
type="text" type="text"
name="mail_mailgun_endpoint" name="mailgun_endpoint"
@input="$v.mailConfigData.mail_mailgun_endpoint.$touch()" @input="$v.mailConfigData.mail_mailgun_endpoint.$touch()"
/> />
<div v-if="$v.mailConfigData.mail_mailgun_endpoint.$error"> <div v-if="$v.mailConfigData.mail_mailgun_endpoint.$error">

View File

@ -1,230 +0,0 @@
<template>
<form @submit.prevent="saveEmailConfig()">
<div class="row">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.driver') }}</label>
<span class="text-danger"> *</span>
<base-select
v-model="mailConfigData.mail_driver"
:invalid="$v.mailConfigData.mail_driver.$error"
:options="mailDrivers"
:searchable="true"
:show-labels="false"
@input="onChangeDriver"
/>
<div v-if="$v.mailConfigData.mail_driver.$error">
<span v-if="!$v.mailConfigData.mail_driver.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.host') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_host.$error"
v-model.trim="mailConfigData.mail_host"
type="text"
name="mail_host"
@input="$v.mailConfigData.mail_host.$touch()"
/>
<div v-if="$v.mailConfigData.mail_host.$error">
<span v-if="!$v.mailConfigData.mail_host.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.port') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_port.$error"
v-model.trim="mailConfigData.mail_port"
type="text"
name="mail_port"
@input="$v.mailConfigData.mail_port.$touch()"
/>
<div v-if="$v.mailConfigData.mail_port.$error">
<span v-if="!$v.mailConfigData.mail_port.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.encryption') }}</label>
<span class="text-danger"> *</span>
<base-select
v-model.trim="mailConfigData.mail_encryption"
:invalid="$v.mailConfigData.mail_encryption.$error"
:options="encryptions"
:searchable="true"
:show-labels="false"
@input="$v.mailConfigData.mail_encryption.$touch()"
/>
<div v-if="$v.mailConfigData.mail_encryption.$error">
<span v-if="!$v.mailConfigData.mail_encryption.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_mail') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.from_mail.$error"
v-model.trim="mailConfigData.from_mail"
type="text"
name="from_mail"
@input="$v.mailConfigData.from_mail.$touch()"
/>
<div v-if="$v.mailConfigData.from_mail.$error">
<span v-if="!$v.mailConfigData.from_mail.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
<span v-if="!$v.mailConfigData.from_mail.numeric" class="text-danger">
{{ $tc('validation.numbers_only') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_name') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.from_name.$error"
v-model.trim="mailConfigData.from_name"
type="text"
name="name"
@input="$v.mailConfigData.from_name.$touch()"
/>
<div v-if="$v.mailConfigData.from_name.$error">
<span v-if="!$v.mailConfigData.from_name.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.mandrill_secret') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_mandrill_secret.$error"
v-model.trim="mailConfigData.mail_mandrill_secret"
type="password"
name="name"
show-password
@input="$v.mailConfigData.mail_mandrill_secret.$touch()"
/>
<div v-if="$v.mailConfigData.mail_mandrill_secret.$error">
<span v-if="!$v.mailConfigData.mail_mandrill_secret.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<base-button
:loading="loading"
class="pull-right mt-4"
icon="save"
color="theme"
type="submit"
>
{{ $t('general.save') }}
</base-button>
</form>
</template>
<script>
import MultiSelect from 'vue-multiselect'
import { validationMixin } from 'vuelidate'
const { required, email, numeric } = require('vuelidate/lib/validators')
export default {
components: {
MultiSelect
},
mixins: [validationMixin],
props: {
configData: {
type: Object,
require: true,
default: Object
},
loading: {
type: Boolean,
require: true,
default: false
},
mailDrivers: {
type: Array,
require: true,
default: Array
}
},
data () {
return {
mailConfigData: {
mail_driver: '',
mail_host: '',
mail_port: null,
mail_mandrill_secret: '',
mail_encryption: 'tls',
from_mail: '',
from_name: ''
},
encryptions: ['tls', 'ssl', 'starttls']
}
},
validations: {
mailConfigData: {
mail_driver: {
required
},
mail_host: {
required
},
mail_port: {
required,
numeric
},
mail_mandrill_secret: {
required
},
mail_encryption: {
required
},
from_mail: {
required,
email
},
from_name: {
required
}
}
},
mounted () {
for (const key in this.mailConfigData) {
if (this.configData.hasOwnProperty(key)) {
this.mailConfigData[key] = this.configData[key]
}
}
},
methods: {
async saveEmailConfig () {
this.$v.mailConfigData.$touch()
if (!this.$v.mailConfigData.$invalid) {
this.$emit('submit-data', this.mailConfigData)
}
return false
},
onChangeDriver () {
this.$v.mailConfigData.mail_driver.$touch()
this.$emit('on-change-driver', this.mailConfigData.mail_driver)
}
}
}
</script>

View File

@ -118,7 +118,7 @@
:invalid="$v.mailConfigData.mail_ses_key.$error" :invalid="$v.mailConfigData.mail_ses_key.$error"
v-model.trim="mailConfigData.mail_ses_key" v-model.trim="mailConfigData.mail_ses_key"
type="text" type="text"
name="name" name="mail_ses_key"
@input="$v.mailConfigData.mail_ses_key.$touch()" @input="$v.mailConfigData.mail_ses_key.$touch()"
/> />
<div v-if="$v.mailConfigData.mail_ses_key.$error"> <div v-if="$v.mailConfigData.mail_ses_key.$error">
@ -134,7 +134,7 @@
:invalid="$v.mailConfigData.mail_ses_secret.$error" :invalid="$v.mailConfigData.mail_ses_secret.$error"
v-model.trim="mailConfigData.mail_ses_secret" v-model.trim="mailConfigData.mail_ses_secret"
type="password" type="password"
name="name" name="mail_ses_secret"
show-password show-password
@input="$v.mailConfigData.mail_ses_secret.$touch()" @input="$v.mailConfigData.mail_ses_secret.$touch()"
/> />

View File

@ -135,7 +135,7 @@
:invalid="$v.mailConfigData.from_name.$error" :invalid="$v.mailConfigData.from_name.$error"
v-model.trim="mailConfigData.from_name" v-model.trim="mailConfigData.from_name"
type="text" type="text"
name="name" name="from_name"
@input="$v.mailConfigData.from_name.$touch()" @input="$v.mailConfigData.from_name.$touch()"
/> />
<div v-if="$v.mailConfigData.from_name.$error"> <div v-if="$v.mailConfigData.from_name.$error">

View File

@ -1,233 +0,0 @@
<template>
<form @submit.prevent="saveEmailConfig()">
<div class="row">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.driver') }}</label>
<span class="text-danger"> *</span>
<base-select
v-model="mailConfigData.mail_driver"
:invalid="$v.mailConfigData.mail_driver.$error"
:options="mailDrivers"
:searchable="true"
:show-labels="false"
@input="onChangeDriver"
/>
<div v-if="$v.mailConfigData.mail_driver.$error">
<span v-if="!$v.mailConfigData.mail_driver.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.host') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_host.$error"
v-model.trim="mailConfigData.mail_host"
type="text"
name="mail_host"
@input="$v.mailConfigData.mail_host.$touch()"
/>
<div v-if="$v.mailConfigData.mail_host.$error">
<span v-if="!$v.mailConfigData.mail_host.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.port') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_port.$error"
v-model.trim="mailConfigData.mail_port"
type="text"
name="mail_port"
@input="$v.mailConfigData.mail_port.$touch()"
/>
<div v-if="$v.mailConfigData.mail_port.$error">
<span v-if="!$v.mailConfigData.mail_port.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
<span v-if="!$v.mailConfigData.mail_port.numeric" class="text-danger">
{{ $tc('validation.numbers_only') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.encryption') }}</label>
<span class="text-danger"> *</span>
<base-select
v-model.trim="mailConfigData.mail_encryption"
:invalid="$v.mailConfigData.mail_encryption.$error"
:options="encryptions"
:searchable="true"
:show-labels="false"
@input="$v.mailConfigData.mail_encryption.$touch()"
/>
<div v-if="$v.mailConfigData.mail_encryption.$error">
<span v-if="!$v.mailConfigData.mail_encryption.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_mail') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.from_mail.$error"
v-model.trim="mailConfigData.from_mail"
type="text"
name="from_mail"
@input="$v.mailConfigData.from_mail.$touch()"
/>
<div v-if="$v.mailConfigData.from_mail.$error">
<span v-if="!$v.mailConfigData.from_mail.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
<span v-if="!$v.mailConfigData.from_mail.numeric" class="text-danger">
{{ $tc('validation.numbers_only') }}
</span>
</div>
</div>
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.from_name') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.from_name.$error"
v-model.trim="mailConfigData.from_name"
type="text"
name="name"
@input="$v.mailConfigData.from_name.$touch()"
/>
<div v-if="$v.mailConfigData.from_name.$error">
<span v-if="!$v.mailConfigData.from_name.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<div class="row my-2">
<div class="col-md-6 my-2">
<label class="form-label">{{ $t('wizard.mail.sparkpost_secret') }}</label>
<span class="text-danger"> *</span>
<base-input
:invalid="$v.mailConfigData.mail_sparkpost_secret.$error"
v-model.trim="mailConfigData.mail_sparkpost_secret"
type="password"
name="name"
show-password
@input="$v.mailConfigData.mail_sparkpost_secret.$touch()"
/>
<div v-if="$v.mailConfigData.mail_sparkpost_secret.$error">
<span v-if="!$v.mailConfigData.mail_sparkpost_secret.required" class="text-danger">
{{ $tc('validation.required') }}
</span>
</div>
</div>
</div>
<base-button
:loading="loading"
class="pull-right mt-4"
icon="save"
color="theme"
type="submit"
>
{{ $t('general.save') }}
</base-button>
</form>
</template>
<script>
import MultiSelect from 'vue-multiselect'
import { validationMixin } from 'vuelidate'
const { required, email, numeric } = require('vuelidate/lib/validators')
export default {
components: {
MultiSelect
},
mixins: [validationMixin],
props: {
configData: {
type: Object,
require: true,
default: Object
},
loading: {
type: Boolean,
require: true,
default: false
},
mailDrivers: {
type: Array,
require: true,
default: Array
}
},
data () {
return {
mailConfigData: {
mail_driver: '',
mail_host: '',
mail_port: null,
mail_sparkpost_secret: '',
mail_encryption: 'tls',
from_mail: '',
from_name: ''
},
encryptions: ['tls', 'ssl', 'starttls']
}
},
validations: {
mailConfigData: {
mail_driver: {
required
},
mail_host: {
required
},
mail_port: {
required,
numeric
},
mail_sparkpost_secret: {
required
},
mail_encryption: {
required
},
from_mail: {
required,
email
},
from_name: {
required
}
}
},
mounted () {
for (const key in this.mailConfigData) {
if (this.configData.hasOwnProperty(key)) {
this.mailConfigData[key] = this.configData[key]
}
}
},
methods: {
async saveEmailConfig () {
this.$v.mailConfigData.$touch()
if (!this.$v.mailConfigData.$invalid) {
this.$emit('submit-data', this.mailConfigData)
}
return false
},
onChangeDriver () {
this.$v.mailConfigData.mail_driver.$touch()
this.$emit('on-change-driver', this.mailConfigData.mail_driver)
}
}
}
</script>