mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 12:11:08 -04:00
remove sparkpost and mandrill
This commit is contained in:
@ -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);
|
||||||
|
|||||||
@ -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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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 [
|
||||||
|
|||||||
@ -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'),
|
||||||
|
|||||||
@ -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',
|
||||||
|
|||||||
@ -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 () {
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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>
|
|
||||||
@ -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()"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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>
|
|
||||||
@ -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 () {
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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>
|
|
||||||
@ -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()"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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>
|
|
||||||
Reference in New Issue
Block a user