fix: transactional email livewire
This commit is contained in:
@@ -3,102 +3,83 @@
|
|||||||
namespace App\Livewire;
|
namespace App\Livewire;
|
||||||
|
|
||||||
use App\Models\InstanceSettings;
|
use App\Models\InstanceSettings;
|
||||||
|
use Livewire\Attributes\Rule;
|
||||||
use Livewire\Component;
|
use Livewire\Component;
|
||||||
|
|
||||||
class SettingsEmail extends Component
|
class SettingsEmail extends Component
|
||||||
{
|
{
|
||||||
public InstanceSettings $settings;
|
public InstanceSettings $settings;
|
||||||
|
|
||||||
public string $emails;
|
#[Rule(['boolean'])]
|
||||||
|
public bool $smtpEnabled = false;
|
||||||
|
|
||||||
protected $rules = [
|
#[Rule(['nullable', 'string'])]
|
||||||
'settings.smtp_enabled' => 'nullable|boolean',
|
public ?string $smtpHost = null;
|
||||||
'settings.smtp_host' => 'required',
|
|
||||||
'settings.smtp_port' => 'required|numeric',
|
|
||||||
'settings.smtp_encryption' => 'nullable',
|
|
||||||
'settings.smtp_username' => 'nullable',
|
|
||||||
'settings.smtp_password' => 'nullable',
|
|
||||||
'settings.smtp_timeout' => 'nullable',
|
|
||||||
'settings.smtp_from_address' => 'required|email',
|
|
||||||
'settings.smtp_from_name' => 'required',
|
|
||||||
'settings.resend_enabled' => 'nullable|boolean',
|
|
||||||
'settings.resend_api_key' => 'nullable',
|
|
||||||
|
|
||||||
];
|
#[Rule(['nullable', 'numeric', 'min:1', 'max:65535'])]
|
||||||
|
public ?int $smtpPort = null;
|
||||||
|
|
||||||
protected $validationAttributes = [
|
#[Rule(['nullable', 'string'])]
|
||||||
'settings.smtp_from_address' => 'From Address',
|
public ?string $smtpEncryption = null;
|
||||||
'settings.smtp_from_name' => 'From Name',
|
|
||||||
'settings.smtp_recipients' => 'Recipients',
|
#[Rule(['nullable', 'string'])]
|
||||||
'settings.smtp_host' => 'Host',
|
public ?string $smtpUsername = null;
|
||||||
'settings.smtp_port' => 'Port',
|
|
||||||
'settings.smtp_encryption' => 'Encryption',
|
#[Rule(['nullable'])]
|
||||||
'settings.smtp_username' => 'Username',
|
public ?string $smtpPassword = null;
|
||||||
'settings.smtp_password' => 'Password',
|
|
||||||
'settings.smtp_timeout' => 'Timeout',
|
#[Rule(['nullable', 'numeric'])]
|
||||||
'settings.resend_api_key' => 'Resend API Key',
|
public ?int $smtpTimeout = null;
|
||||||
];
|
|
||||||
|
#[Rule(['nullable', 'email'])]
|
||||||
|
public ?string $smtpFromAddress = null;
|
||||||
|
|
||||||
|
#[Rule(['nullable', 'string'])]
|
||||||
|
public ?string $smtpFromName = null;
|
||||||
|
|
||||||
|
#[Rule(['boolean'])]
|
||||||
|
public bool $resendEnabled = false;
|
||||||
|
|
||||||
|
#[Rule(['nullable', 'string'])]
|
||||||
|
public ?string $resendApiKey = null;
|
||||||
|
|
||||||
public function mount()
|
public function mount()
|
||||||
{
|
{
|
||||||
if (isInstanceAdmin()) {
|
if (isInstanceAdmin() === false) {
|
||||||
$this->settings = instanceSettings();
|
|
||||||
$this->emails = auth()->user()->email;
|
|
||||||
} else {
|
|
||||||
return redirect()->route('dashboard');
|
return redirect()->route('dashboard');
|
||||||
}
|
}
|
||||||
|
$this->settings = instanceSettings();
|
||||||
|
$this->syncData();
|
||||||
}
|
}
|
||||||
|
|
||||||
public function submitFromFields()
|
public function syncData(bool $toModel = false)
|
||||||
{
|
{
|
||||||
try {
|
if ($toModel) {
|
||||||
$this->resetErrorBag();
|
$this->validate();
|
||||||
$this->validate([
|
$this->settings->smtp_enabled = $this->smtpEnabled;
|
||||||
'settings.smtp_from_address' => 'required|email',
|
$this->settings->smtp_host = $this->smtpHost;
|
||||||
'settings.smtp_from_name' => 'required',
|
$this->settings->smtp_port = $this->smtpPort;
|
||||||
]);
|
$this->settings->smtp_encryption = $this->smtpEncryption;
|
||||||
|
$this->settings->smtp_username = $this->smtpUsername;
|
||||||
|
$this->settings->smtp_password = $this->smtpPassword;
|
||||||
|
$this->settings->smtp_timeout = $this->smtpTimeout;
|
||||||
|
|
||||||
|
$this->settings->resend_enabled = $this->resendEnabled;
|
||||||
|
$this->settings->resend_api_key = $this->resendApiKey;
|
||||||
$this->settings->save();
|
$this->settings->save();
|
||||||
$this->dispatch('success', 'Settings saved.');
|
} else {
|
||||||
} catch (\Throwable $e) {
|
$this->smtpEnabled = $this->settings->smtp_enabled;
|
||||||
return handleError($e, $this);
|
$this->smtpHost = $this->settings->smtp_host;
|
||||||
}
|
$this->smtpPort = $this->settings->smtp_port;
|
||||||
}
|
$this->smtpEncryption = $this->settings->smtp_encryption;
|
||||||
|
$this->smtpUsername = $this->settings->smtp_username;
|
||||||
|
$this->smtpPassword = $this->settings->smtp_password;
|
||||||
|
$this->smtpTimeout = $this->settings->smtp_timeout;
|
||||||
|
$this->smtpFromAddress = $this->settings->smtp_from_address;
|
||||||
|
$this->smtpFromName = $this->settings->smtp_from_name;
|
||||||
|
|
||||||
public function submitResend()
|
$this->resendEnabled = $this->settings->resend_enabled;
|
||||||
{
|
$this->resendApiKey = $this->settings->resend_api_key;
|
||||||
try {
|
|
||||||
$this->resetErrorBag();
|
|
||||||
$this->validate([
|
|
||||||
'settings.smtp_from_address' => 'required|email',
|
|
||||||
'settings.smtp_from_name' => 'required',
|
|
||||||
'settings.resend_api_key' => 'required',
|
|
||||||
]);
|
|
||||||
$this->settings->save();
|
|
||||||
$this->dispatch('success', 'Settings saved.');
|
|
||||||
} catch (\Throwable $e) {
|
|
||||||
$this->settings->resend_enabled = false;
|
|
||||||
|
|
||||||
return handleError($e, $this);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public function instantSaveResend()
|
|
||||||
{
|
|
||||||
try {
|
|
||||||
$this->settings->smtp_enabled = false;
|
|
||||||
$this->submitResend();
|
|
||||||
} catch (\Throwable $e) {
|
|
||||||
return handleError($e, $this);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public function instantSave()
|
|
||||||
{
|
|
||||||
try {
|
|
||||||
$this->settings->resend_enabled = false;
|
|
||||||
$this->submit();
|
|
||||||
} catch (\Throwable $e) {
|
|
||||||
return handleError($e, $this);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -106,20 +87,29 @@ class SettingsEmail extends Component
|
|||||||
{
|
{
|
||||||
try {
|
try {
|
||||||
$this->resetErrorBag();
|
$this->resetErrorBag();
|
||||||
$this->validate([
|
$this->syncData(true);
|
||||||
'settings.smtp_from_address' => 'required|email',
|
|
||||||
'settings.smtp_from_name' => 'required',
|
|
||||||
'settings.smtp_host' => 'required',
|
|
||||||
'settings.smtp_port' => 'required|numeric',
|
|
||||||
'settings.smtp_encryption' => 'nullable',
|
|
||||||
'settings.smtp_username' => 'nullable',
|
|
||||||
'settings.smtp_password' => 'nullable',
|
|
||||||
'settings.smtp_timeout' => 'nullable',
|
|
||||||
]);
|
|
||||||
$this->settings->save();
|
|
||||||
$this->dispatch('success', 'Settings saved.');
|
$this->dispatch('success', 'Settings saved.');
|
||||||
} catch (\Throwable $e) {
|
} catch (\Throwable $e) {
|
||||||
return handleError($e, $this);
|
return handleError($e, $this);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function instantSave(string $type)
|
||||||
|
{
|
||||||
|
try {
|
||||||
|
if ($type === 'SMTP') {
|
||||||
|
$this->resendEnabled = false;
|
||||||
|
} else {
|
||||||
|
$this->smtpEnabled = false;
|
||||||
|
}
|
||||||
|
$this->syncData(true);
|
||||||
|
if ($this->smtpEnabled || $this->resendEnabled) {
|
||||||
|
$this->dispatch('success', "{$type} enabled.");
|
||||||
|
} else {
|
||||||
|
$this->dispatch('success', "{$type} disabled.");
|
||||||
|
}
|
||||||
|
} catch (\Throwable $e) {
|
||||||
|
return handleError($e, $this);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,19 +1,21 @@
|
|||||||
<div>
|
<div>
|
||||||
<x-slot:title>
|
<x-slot:title>
|
||||||
Settings | Coolify
|
Transactional Email | Coolify
|
||||||
</x-slot>
|
</x-slot>
|
||||||
<x-settings.navbar />
|
<x-settings.navbar />
|
||||||
<div class="flex items-center gap-2">
|
<form wire:submit='submit' class="flex flex-col gap-2 pb-4">
|
||||||
<h2>Transactional Email</h2>
|
<div class="flex items-center gap-2">
|
||||||
</div>
|
<h2>Transactional Email</h2>
|
||||||
<div class="pb-4 ">Email settings for password resets, invitations, etc.</div>
|
<x-forms.button type="submit">
|
||||||
<form wire:submit='submitFromFields' class="flex flex-col gap-2 pb-4">
|
Save
|
||||||
<x-forms.input required id="settings.smtp_from_name" helper="Name used in emails." label="From Name" />
|
</x-forms.button>
|
||||||
<x-forms.input required id="settings.smtp_from_address" helper="Email address used in emails."
|
</div>
|
||||||
label="From Address" />
|
<div class="pb-4 ">Email settings for password resets, invitations, etc.</div>
|
||||||
<x-forms.button type="submit">
|
<div class="flex gap-4">
|
||||||
Save
|
<x-forms.input required id="smtpFromName" helper="Name used in emails." label="From Name" />
|
||||||
</x-forms.button>
|
<x-forms.input required id="smtpFromAddress" helper="Email address used in emails." label="From Address" />
|
||||||
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<div class="p-4 border dark:border-coolgray-300">
|
<div class="p-4 border dark:border-coolgray-300">
|
||||||
@@ -25,27 +27,26 @@
|
|||||||
</x-forms.button>
|
</x-forms.button>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-32">
|
<div class="w-32">
|
||||||
<x-forms.checkbox instantSave id="settings.smtp_enabled" label="Enabled" />
|
<x-forms.checkbox instantSave='instantSave("SMTP")' id="smtpEnabled" label="Enabled" />
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<div class="flex flex-col w-full gap-2 xl:flex-row">
|
<div class="flex flex-col w-full gap-2 xl:flex-row">
|
||||||
<x-forms.input required id="settings.smtp_host" placeholder="smtp.mailgun.org" label="Host" />
|
<x-forms.input required id="smtpHost" placeholder="smtp.mailgun.org" label="Host" />
|
||||||
<x-forms.input required id="settings.smtp_port" placeholder="587" label="Port" />
|
<x-forms.input required id="smtpPort" placeholder="587" label="Port" />
|
||||||
<x-forms.input id="settings.smtp_encryption" helper="If SMTP uses SSL, set it to 'tls'."
|
<x-forms.input id="smtpEncryption" helper="If SMTP uses SSL, set it to 'tls'." placeholder="tls"
|
||||||
placeholder="tls" label="Encryption" />
|
label="Encryption" />
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col w-full gap-2 xl:flex-row">
|
<div class="flex flex-col w-full gap-2 xl:flex-row">
|
||||||
<x-forms.input id="settings.smtp_username" label="SMTP Username" />
|
<x-forms.input id="smtpUsername" label="SMTP Username" />
|
||||||
<x-forms.input id="settings.smtp_password" type="password" label="SMTP Password"
|
<x-forms.input id="smtpPassword" type="password" label="SMTP Password"
|
||||||
autocomplete="new-password" />
|
autocomplete="new-password" />
|
||||||
<x-forms.input id="settings.smtp_timeout" helper="Timeout value for sending emails."
|
<x-forms.input id="smtpTimeout" helper="Timeout value for sending emails." label="Timeout" />
|
||||||
label="Timeout" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-4 border dark:border-coolgray-300">
|
<div class="p-4 border dark:border-coolgray-300">
|
||||||
<form wire:submit='submitResend' class="flex flex-col">
|
<form wire:submit='submit' class="flex flex-col">
|
||||||
<div class="flex gap-2">
|
<div class="flex gap-2">
|
||||||
<h3>Resend</h3>
|
<h3>Resend</h3>
|
||||||
<x-forms.button type="submit">
|
<x-forms.button type="submit">
|
||||||
@@ -53,12 +54,12 @@
|
|||||||
</x-forms.button>
|
</x-forms.button>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-32">
|
<div class="w-32">
|
||||||
<x-forms.checkbox instantSave='instantSaveResend' id="settings.resend_enabled" label="Enabled" />
|
<x-forms.checkbox instantSave='instantSave("Resend")' id="resendEnabled" label="Enabled" />
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col gap-4">
|
<div class="flex flex-col gap-4">
|
||||||
<div class="flex flex-col w-full gap-2 xl:flex-row">
|
<div class="flex flex-col w-full gap-2 xl:flex-row">
|
||||||
<x-forms.input type="password" id="settings.resend_api_key" placeholder="API key" required
|
<x-forms.input type="password" id="resendApiKey" placeholder="API key" required label="API Key"
|
||||||
label="Host" autocomplete="new-password" />
|
autocomplete="new-password" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
Reference in New Issue
Block a user