|
|
@ -76,71 +76,69 @@ |
|
|
fetchSmtp() |
|
|
fetchSmtp() |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<Page> |
|
|
<Layout> |
|
|
<Layout> |
|
|
<Layout noPadding gap="XS"> |
|
|
<Layout noPadding gap="XS"> |
|
|
<Heading size="M">Email</Heading> |
|
|
<Heading size="M">Email</Heading> |
|
|
<Body> |
|
|
<Body> |
|
|
Sending email is not required, but highly recommended for processes such |
|
|
Sending email is not required, but highly recommended for processes such |
|
|
as password recovery. To setup automated auth emails, simply add the |
|
|
as password recovery. To setup automated auth emails, simply add the |
|
|
values below and click activate. |
|
|
values below and click activate. |
|
|
</Body> |
|
|
|
|
|
</Layout> |
|
|
|
|
|
<Divider /> |
|
|
|
|
|
{#if smtpConfig} |
|
|
|
|
|
<Layout gap="XS" noPadding> |
|
|
|
|
|
<Heading size="S">SMTP</Heading> |
|
|
|
|
|
<Body size="S"> |
|
|
|
|
|
To allow your app to benefit from automated auth emails, add your SMTP |
|
|
|
|
|
details below. |
|
|
</Body> |
|
|
</Body> |
|
|
</Layout> |
|
|
</Layout> |
|
|
<Divider /> |
|
|
<Layout gap="XS" noPadding> |
|
|
{#if smtpConfig} |
|
|
<div class="form-row"> |
|
|
<Layout gap="XS" noPadding> |
|
|
<Label size="L">Host</Label> |
|
|
<Heading size="S">SMTP</Heading> |
|
|
<Input bind:value={smtpConfig.config.host} /> |
|
|
<Body size="S"> |
|
|
|
|
|
To allow your app to benefit from automated auth emails, add your SMTP |
|
|
|
|
|
details below. |
|
|
|
|
|
</Body> |
|
|
|
|
|
</Layout> |
|
|
|
|
|
<Layout gap="XS" noPadding> |
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
|
<Label size="L">Host</Label> |
|
|
|
|
|
<Input bind:value={smtpConfig.config.host} /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
|
<Label size="L">Port</Label> |
|
|
|
|
|
<Input type="number" bind:value={smtpConfig.config.port} /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
|
<Label size="L">User</Label> |
|
|
|
|
|
<Input bind:value={smtpConfig.config.auth.user} /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
|
<Label size="L">Password</Label> |
|
|
|
|
|
<Input type="password" bind:value={smtpConfig.config.auth.pass} /> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-row"> |
|
|
|
|
|
<Label size="L">From email address</Label> |
|
|
|
|
|
<Input type="email" bind:value={smtpConfig.config.from} /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</Layout> |
|
|
|
|
|
<div> |
|
|
|
|
|
<Button cta on:click={saveSmtp}>Save</Button> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<Divider /> |
|
|
<div class="form-row"> |
|
|
<Layout gap="XS" noPadding> |
|
|
<Label size="L">Port</Label> |
|
|
<Heading size="S">Templates</Heading> |
|
|
<Input type="number" bind:value={smtpConfig.config.port} /> |
|
|
<Body size="S"> |
|
|
</div> |
|
|
Budibase comes out of the box with ready-made email templates to help |
|
|
<div class="form-row"> |
|
|
with user onboarding. Please refrain from changing the links. |
|
|
<Label size="L">User</Label> |
|
|
</Body> |
|
|
<Input bind:value={smtpConfig.config.auth.user} /> |
|
|
</Layout> |
|
|
</div> |
|
|
<Table |
|
|
<div class="form-row"> |
|
|
{customRenderers} |
|
|
<Label size="L">Password</Label> |
|
|
data={$email.templates} |
|
|
<Input type="password" bind:value={smtpConfig.config.auth.pass} /> |
|
|
schema={templateSchema} |
|
|
</div> |
|
|
{loading} |
|
|
<div class="form-row"> |
|
|
on:click={({ detail }) => $goto(`./${detail.purpose}`)} |
|
|
<Label size="L">From email address</Label> |
|
|
allowEditRows={false} |
|
|
<Input type="email" bind:value={smtpConfig.config.from} /> |
|
|
allowSelectRows={false} |
|
|
</div> |
|
|
allowEditColumns={false} |
|
|
</Layout> |
|
|
/> |
|
|
<div> |
|
|
{/if} |
|
|
<Button cta on:click={saveSmtp}>Save</Button> |
|
|
</Layout> |
|
|
</div> |
|
|
</Page> |
|
|
<Divider /> |
|
|
|
|
|
<Layout gap="XS" noPadding> |
|
|
|
|
|
<Heading size="S">Templates</Heading> |
|
|
|
|
|
<Body size="S"> |
|
|
|
|
|
Budibase comes out of the box with ready-made email templates to help |
|
|
|
|
|
with user onboarding. Please refrain from changing the links. |
|
|
|
|
|
</Body> |
|
|
|
|
|
</Layout> |
|
|
|
|
|
<Table |
|
|
|
|
|
{customRenderers} |
|
|
|
|
|
data={$email.templates} |
|
|
|
|
|
schema={templateSchema} |
|
|
|
|
|
{loading} |
|
|
|
|
|
on:click={({ detail }) => $goto(`./${detail.purpose}`)} |
|
|
|
|
|
allowEditRows={false} |
|
|
|
|
|
allowSelectRows={false} |
|
|
|
|
|
allowEditColumns={false} |
|
|
|
|
|
/> |
|
|
|
|
|
{/if} |
|
|
|
|
|
</Layout> |
|
|
|
|
|
|
|
|
<style> |
|
|
<style> |
|
|
.form-row { |
|
|
.form-row { |
|
|
|
Andrew Kingston
5 years ago