You've already forked AstralRinth
forked from didirus/AstralRinth
feat: introduce vue-email for templating with tailwind (#4358)
* feat: start on vue-email set up * feat: email rendering and base template * refactor: body slot only * feat: templates * fix: lint * fix: build process * fix: default import issue * feat: continue making emails * feat: update address * feat: new templates * feat: email temp page viewer * fix: lint * fix: reset password heading * fix: lint * fix: qa issues
This commit is contained in:
Calum H.
@@ -0,0 +1,26 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="New sign-in method added"
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> New sign-in method added </Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
Your {authprovider.name} account has been connected and you can now use it to sign in to your
|
||||
Modrinth account.
|
||||
</Text>
|
||||
<Text class="text-muted text-base">
|
||||
If you did not make this change, please contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,26 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Sign-in method removed"
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> Sign-in method removed</Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
Your <b>{authprovider.name}</b> account has been disconnected and you can no longer use it to
|
||||
sign in to your Modrinth account.
|
||||
</Text>
|
||||
<Text class="text-muted text-base">
|
||||
If you did not make this change, please contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
26
apps/frontend/src/emails/templates/account/EmailChanged.vue
Normal file
26
apps/frontend/src/emails/templates/account/EmailChanged.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Your email has been changed"
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> Your email has been changed </Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
At your request, we've successfully updated your Modrinth account's email to
|
||||
{emailchanged.new_email}.
|
||||
</Text>
|
||||
<Text class="text-muted text-base">
|
||||
If you did not make this change, please contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,79 @@
|
||||
<script setup lang="ts">
|
||||
import { Column, Heading, Img, Link as VLink, Row, Section, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Sign in from new device"
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> Sign in from new device </Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
We noticed that your account was just signed into from a new device or location. If this was
|
||||
you, you can safely ignore this email.
|
||||
</Text>
|
||||
|
||||
<Section class="bg-bg-super rounded-lg border border-divider pb-4 pl-4 pr-4 pt-4">
|
||||
<Row>
|
||||
<Column class="w-full">
|
||||
<Row class="mb-2 mt-0">
|
||||
<Column class="w-8">
|
||||
<Img
|
||||
width="20"
|
||||
height="20"
|
||||
alt="Time icon"
|
||||
src="https://cdn-raw.modrinth.com/email/earth.png"
|
||||
/>
|
||||
</Column>
|
||||
<Column>
|
||||
<Text class="m-0 text-sm font-semibold text-secondary">Approximate location</Text>
|
||||
<Text class="m-0 text-base">{newdevice.location}</Text>
|
||||
</Column>
|
||||
</Row>
|
||||
|
||||
<Row class="mb-2">
|
||||
<Column class="w-8">
|
||||
<Img
|
||||
width="20"
|
||||
height="20"
|
||||
alt="Time icon"
|
||||
src="https://cdn-raw.modrinth.com/email/monitor-smartphone.png"
|
||||
/>
|
||||
</Column>
|
||||
<Column>
|
||||
<Text class="m-0 text-sm font-semibold text-secondary">IP Address</Text>
|
||||
<Text class="m-0 font-mono text-base">{newdevice.ip}</Text>
|
||||
</Column>
|
||||
</Row>
|
||||
|
||||
<Row>
|
||||
<Column class="w-8">
|
||||
<Img
|
||||
width="20"
|
||||
height="20"
|
||||
alt="Time icon"
|
||||
src="https://cdn-raw.modrinth.com/email/clock.png"
|
||||
/>
|
||||
</Column>
|
||||
<Column>
|
||||
<Text class="m-0 text-sm font-semibold text-secondary">Time</Text>
|
||||
<Text class="m-0 text-base">{time.now}</Text>
|
||||
</Column>
|
||||
</Row>
|
||||
</Column>
|
||||
</Row>
|
||||
</Section>
|
||||
|
||||
<Text class="text-muted text-base">
|
||||
If this wasn't you, please update your password and review your account security settings. If
|
||||
you cannot do this, contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
27
apps/frontend/src/emails/templates/account/PATCreated.vue
Normal file
27
apps/frontend/src/emails/templates/account/PATCreated.vue
Normal file
@@ -0,0 +1,27 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="A new personal access token has been created"
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold">
|
||||
A new personal access token has been created
|
||||
</Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
A new personal access token, <b>{newpat.token_name}</b>, has been added to your account.
|
||||
</Text>
|
||||
<Text class="text-muted text-base">
|
||||
If you did not create this token, please contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,23 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Your password has been changed"
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> Your password has been changed </Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base"> Your password has been changed on your account. </Text>
|
||||
<Text class="text-muted text-base">
|
||||
If you did not make this change, please contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,27 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Your password has been removed"
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> Your password has been removed </Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
At your request, your password has been removed from your account. You must now use a linked
|
||||
authentication provider (such as your {passremoved.provider} account) to log into your
|
||||
Modrinth account.</Text
|
||||
>
|
||||
<Text class="text-muted text-base">
|
||||
If you did not make this change, please contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
33
apps/frontend/src/emails/templates/account/PaymentFailed.vue
Normal file
33
apps/frontend/src/emails/templates/account/PaymentFailed.vue
Normal file
@@ -0,0 +1,33 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Payment failed for {paymentfailed.service}"
|
||||
:manual-links="[{ link: '{billing.url}', label: 'Billing settings' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold">
|
||||
Payment failed for {paymentfailed.service}
|
||||
</Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
Our attempt to collect payment for {paymentfailed.amount} from the payment card on file was
|
||||
unsuccessful. Please update your billing settings to avoid suspension of your service.
|
||||
</Text>
|
||||
<Button
|
||||
href="{billing.url}"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
Update billing settings
|
||||
</Button>
|
||||
|
||||
<VLink href="{billing.url}">
|
||||
<Text class="text-muted mt-2 break-words text-xs font-bold">{billing.url}</Text>
|
||||
</VLink>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,43 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Link as VLink, Section, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Revenue available to withdraw!"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/dashboard/revenue', label: 'Revenue dashboard' },
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold">Revenue available to withdraw!</Heading>
|
||||
|
||||
<Text class="text-base">Hi {user.name},</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
The ${payout.amount} earned during {payout.period} has been processed and is now available to
|
||||
withdraw from your account.
|
||||
</Text>
|
||||
|
||||
<Section class="mb-4 mt-4">
|
||||
<Button
|
||||
href="https://modrinth.com/dashboard/revenue"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
View revenue dashboard
|
||||
</Button>
|
||||
</Section>
|
||||
|
||||
<Text class="text-base">
|
||||
If you have any questions about the creator rewards program, please contact support through
|
||||
the
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline">Support Portal</VLink>
|
||||
or by replying to this email.
|
||||
</Text>
|
||||
|
||||
<Text class="text-base">Thank you for being a creator on Modrinth!</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
32
apps/frontend/src/emails/templates/account/ResetPassword.vue
Normal file
32
apps/frontend/src/emails/templates/account/ResetPassword.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Reset your password"
|
||||
:manual-links="[{ link: '{resetpassword.url}', label: 'Password reset link' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> Reset your password </Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
Please visit the link below to reset your password. If you did not request for your password
|
||||
to be reset, you can safely ignore this email.
|
||||
</Text>
|
||||
|
||||
<Button
|
||||
href="{resetpassword.url}"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
Reset password
|
||||
</Button>
|
||||
|
||||
<VLink href="{resetpassword.url}">
|
||||
<Text class="text-muted mt-2 break-words text-xs font-bold">{resetpassword.url}</Text>
|
||||
</VLink>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,26 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Two-factor authentication enabled"
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> Two-factor authentication enabled </Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
You've secured your account with two-factor authentication. Now, when signing in, you will
|
||||
need to submit the code generated by your authenticator app.
|
||||
</Text>
|
||||
<Text class="text-muted text-base">
|
||||
If you did not make this change, please contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,27 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="You've disabled two-factor authentication security on your account."
|
||||
:manual-links="[{ link: 'https://support.modrinth.com', label: 'Support Portal' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold">
|
||||
You've disabled two-factor authentication security on your account.
|
||||
</Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
At your request, we've removed two-factor authentication from your Modrinth account.
|
||||
</Text>
|
||||
<Text class="text-muted text-base">
|
||||
If you did not make this change, please contact us immediately by replying to this email or
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline"
|
||||
>through our Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
32
apps/frontend/src/emails/templates/account/VerifyEmail.vue
Normal file
32
apps/frontend/src/emails/templates/account/VerifyEmail.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Verify your Modrinth email"
|
||||
:manual-links="[{ link: '{verifyemail.url}', label: 'Verification link' }]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"> Verify your email </Heading>
|
||||
|
||||
<Text class="text-muted text-base">Hi {user.name},</Text>
|
||||
<Text class="text-muted text-base">
|
||||
Please visit the link below to verify your email. If the button does not work, you can copy
|
||||
the link and paste it into your browser. This link expires in 24 hours.
|
||||
</Text>
|
||||
|
||||
<Button
|
||||
href="{verifyemail.url}"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
Verify email
|
||||
</Button>
|
||||
|
||||
<VLink href="{verifyemail.url}">
|
||||
<Text class="text-muted mt-2 break-words text-xs font-bold">{verifyemail.url}</Text>
|
||||
</VLink>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,58 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Img, Link as VLink, Section, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="New moderation message"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/legal/rules', label: 'Community Guidelines' },
|
||||
{
|
||||
link: 'https://modrinth.com/project/{project.id}/moderation',
|
||||
label: 'Your project\'s moderation thread',
|
||||
},
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Section class="mb-4 mt-2">
|
||||
<Img
|
||||
src="{project.icon_url}"
|
||||
alt="project icon"
|
||||
width="64"
|
||||
height="64"
|
||||
class="block h-auto"
|
||||
/>
|
||||
</Section>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"
|
||||
>New message from moderators on {project.name}</Heading
|
||||
>
|
||||
|
||||
<Text class="text-base">Hi {user.name},</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
Modrinth's moderation team has left a message on your project,
|
||||
<VLink
|
||||
href="https://modrinth.com/project/{project.id}/moderation"
|
||||
class="text-green underline"
|
||||
>{project.name}</VLink
|
||||
>.
|
||||
</Text>
|
||||
|
||||
<Section class="bg-bg-super mb-4 mt-4 rounded-lg border border-divider pb-4 pl-4 pr-4 pt-4">
|
||||
<Text class="m-0 text-base">
|
||||
Please
|
||||
<VLink
|
||||
href="https://modrinth.com/project/{project.id}/moderation"
|
||||
class="text-green underline"
|
||||
>sign in to view the message</VLink
|
||||
>
|
||||
and reply if requested. It's important to address feedback from the moderation team
|
||||
promptly.
|
||||
</Text>
|
||||
</Section>
|
||||
|
||||
<Text class="text-base">Thank you for publishing on Modrinth!</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,43 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Report of '{report.title}' has been updated"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/legal/rules', label: 'Community Guidelines' },
|
||||
{
|
||||
link: 'https://modrinth.com/dashboard/report/{report.id}',
|
||||
label: 'View report in dashboard',
|
||||
},
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"
|
||||
>Report of '{report.title}' has been updated</Heading
|
||||
>
|
||||
|
||||
<Text class="text-base">Hi {user.name},</Text>
|
||||
|
||||
<Text class="text-base"
|
||||
>Your report of {report.title} from {report.date} has been updated by our moderation
|
||||
team.</Text
|
||||
>
|
||||
|
||||
<Text class="text-base">
|
||||
You can
|
||||
<VLink href="https://modrinth.com/dashboard/report/{report.id}" class="text-green underline"
|
||||
>view the full report thread</VLink
|
||||
>
|
||||
to see the update. If you have more information to add, please reply in the report thread for
|
||||
our moderators to review.
|
||||
</Text>
|
||||
|
||||
<Text class="text-base"
|
||||
>Thank you for helping keep Modrinth safe and welcoming for everyone.</Text
|
||||
>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,51 @@
|
||||
<script setup lang="ts">
|
||||
import { Heading, Link as VLink, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Report of {report.title} has been submitted"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/legal/rules', label: 'Community Guidelines' },
|
||||
{
|
||||
link: 'https://modrinth.com/dashboard/report/{newreport.id}',
|
||||
label: 'View report in dashboard',
|
||||
},
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"
|
||||
>Report of {report.title} has been submitted</Heading
|
||||
>
|
||||
|
||||
<Text class="text-base">Hi {user.name},</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
We've received your report of {report.title} and our moderation team will review it shortly.
|
||||
</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
Our team takes all reports seriously and will investigate according to our
|
||||
<VLink href="https://modrinth.com/legal/rules" class="text-green underline"
|
||||
>Content Rules</VLink
|
||||
>, <VLink href="https://modrinth.com/legal/terms">Terms of Service</VLink> and
|
||||
<VLink href="https://modrinth.com/legal/copyright">Copyright Policy</VLink>. You'll receive an
|
||||
email update once we've completed our review.
|
||||
</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
If you have any additional information about this report, you can
|
||||
<VLink
|
||||
href="https://modrinth.com/dashboard/report/{newreport.id}"
|
||||
class="text-green underline"
|
||||
>view it here</VLink
|
||||
>.
|
||||
</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
Thank you for helping keep Modrinth safe and welcoming for everyone.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,75 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Img, Link as VLink, Section, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="You've been invited to an organization"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/organization/{organization.id}', label: 'Organization page' },
|
||||
{ link: 'https://modrinth.com/dashboard/notifications', label: 'Notification dashboard' },
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Section class="mb-4 mt-2">
|
||||
<Img
|
||||
src="{organization.icon_url}"
|
||||
alt="organization icon"
|
||||
width="64"
|
||||
height="64"
|
||||
class="block h-auto rounded-lg"
|
||||
/>
|
||||
</Section>
|
||||
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"
|
||||
>You've been invited to an organization</Heading
|
||||
>
|
||||
|
||||
<Text class="text-base">Hi {user.name},</Text>
|
||||
|
||||
<Text class="text-base"
|
||||
>Modrinth user
|
||||
<b
|
||||
><VLink href="https://modrinth.com/user/{inviter.name}" class="text-green underline">
|
||||
{inviter.name}
|
||||
</VLink></b
|
||||
>
|
||||
has invited you to join the organization
|
||||
<b
|
||||
><VLink
|
||||
href="https://modrinth.com/organization/{organization.id}"
|
||||
class="text-green underline"
|
||||
>
|
||||
{organization.name}
|
||||
</VLink></b
|
||||
>
|
||||
on Modrinth.
|
||||
</Text>
|
||||
|
||||
<Section class="bg-bg-super mb-4 mt-4 rounded-lg border border-divider pb-4 pl-4 pr-4 pt-4">
|
||||
<Text class="m-0 text-base">
|
||||
As an organization member you may gain access to manage projects, teams, members, settings,
|
||||
and other resources depending on the permissions assigned to you.
|
||||
</Text>
|
||||
</Section>
|
||||
|
||||
<Button
|
||||
href="https://modrinth.com/dashboard/notifications"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
Review invitation
|
||||
</Button>
|
||||
|
||||
<Text class="text-base">
|
||||
If you were not expecting this invitation you should reject it. If you believe this was sent
|
||||
in error or is abusive, please contact support
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline">
|
||||
through the Support Portal</VLink
|
||||
>
|
||||
or by replying to this email.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,70 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Img, Link as VLink, Section, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="You've been invited to a project"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/project/{project.id}', label: 'Project page' },
|
||||
{ link: 'https://modrinth.com/dashboard/notifications', label: 'Notification dashboard' },
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Section class="mb-4 mt-2">
|
||||
<Img
|
||||
src="{project.icon_url}"
|
||||
alt="project icon"
|
||||
width="64"
|
||||
height="64"
|
||||
class="block h-auto rounded-lg"
|
||||
/>
|
||||
</Section>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold">You've been invited to a project</Heading>
|
||||
|
||||
<Text class="text-base">Hi {user.name},</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
Modrinth user
|
||||
<b
|
||||
><VLink href="https://modrinth.com/user/{inviter.name}" class="text-green underline">
|
||||
{inviter.name}
|
||||
</VLink></b
|
||||
>
|
||||
has invited you to join the project
|
||||
<b>
|
||||
<VLink href="https://modrinth.com/project/{project.id}" class="text-green underline">
|
||||
{project.name}
|
||||
</VLink>
|
||||
</b>
|
||||
on Modrinth.
|
||||
</Text>
|
||||
|
||||
<Section class="bg-bg-super mb-4 mt-4 rounded-lg border border-divider pb-4 pl-4 pr-4 pt-4">
|
||||
<Text class="m-0 text-base">
|
||||
As a project member you may be able to manage versions, edit project details, configure
|
||||
settings, and collaborate with other maintainers depending on the permissions assigned to
|
||||
you.
|
||||
</Text>
|
||||
</Section>
|
||||
|
||||
<Button
|
||||
href="https://modrinth.com/dashboard/notifications"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
Review invitation
|
||||
</Button>
|
||||
|
||||
<Text class="text-base">
|
||||
If you were not expecting this invitation you should reject the invitation. If you believe
|
||||
this was sent in error or is abusive, please contact support
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline">
|
||||
through the Support Portal</VLink
|
||||
>
|
||||
or by replying to this email.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,56 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Img, Link as VLink, Section, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Your project, {project.name}, has been approved 🎉"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/project/{project.id}', label: 'Project page' },
|
||||
{ link: 'https://modrinth.com/legal/rules', label: 'Community Guidelines' },
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Section class="mb-4 mt-2">
|
||||
<Img
|
||||
src="{project.icon_url}"
|
||||
alt="project icon"
|
||||
width="64"
|
||||
height="64"
|
||||
class="block h-auto rounded-lg"
|
||||
/>
|
||||
</Section>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"
|
||||
>Your project, {project.name}, has been approved 🎉</Heading
|
||||
>
|
||||
|
||||
<Text class="text-base">Congratulations {user.name},</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
Your project
|
||||
<VLink href="https://modrinth.com/project/{project.id}" class="text-green underline"
|
||||
>{project.name}</VLink
|
||||
>
|
||||
has been <b>approved</b> by the moderation team!
|
||||
</Text>
|
||||
|
||||
<Button
|
||||
href="https://modrinth.com/project/{project.id}"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
View project
|
||||
</Button>
|
||||
|
||||
<Text class="text-base">
|
||||
If you have questions or believe something isn't correct, you can reply to this email or reach
|
||||
out via the
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline">Support Portal</VLink
|
||||
>.
|
||||
</Text>
|
||||
|
||||
<Text class="text-base">Thank you for sharing your work with the Modrinth community!</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,62 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Img, Link as VLink, Section, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Your project, {project.name}, status has been updated"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/legal/rules', label: 'Community Guidelines' },
|
||||
{
|
||||
link: 'https://modrinth.com/project/{project.id}/moderation',
|
||||
label: 'Your project\'s moderation thread',
|
||||
},
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Section class="mb-4 mt-2">
|
||||
<Img
|
||||
src="{project.icon_url}"
|
||||
alt="project icon"
|
||||
width="64"
|
||||
height="64"
|
||||
class="block h-auto rounded-lg"
|
||||
/>
|
||||
</Section>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold"
|
||||
>Your project, {project.name}, status has been updated</Heading
|
||||
>
|
||||
|
||||
<Text class="text-base">Hi {user.name},</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
Your project's status has been changed from <b>{project.oldstatus}</b> to
|
||||
<b>{project.newstatus}</b> by the moderation team. Please review any messages left in the
|
||||
<VLink
|
||||
href="https://modrinth.com/project/{project.id}/moderation"
|
||||
class="text-green underline"
|
||||
>moderation thread</VLink
|
||||
>
|
||||
which might be relevant to why the status was changed.
|
||||
</Text>
|
||||
|
||||
<Button
|
||||
href="https://modrinth.com/project/{project.id}"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
View project
|
||||
</Button>
|
||||
|
||||
<Text class="text-base">
|
||||
If you believe this status was applied in error, you can reply in the moderation thread or
|
||||
contact support through our
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline">Support Portal</VLink>
|
||||
or by replying to this email.
|
||||
</Text>
|
||||
|
||||
<Text class="text-base">Thank you for publishing on Modrinth!</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
@@ -0,0 +1,60 @@
|
||||
<script setup lang="ts">
|
||||
import { Button, Heading, Img, Link as VLink, Section, Text } from '@vue-email/components'
|
||||
|
||||
import StyledEmail from '@/emails/shared/StyledEmail.vue'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StyledEmail
|
||||
title="Project ownership transferred"
|
||||
:manual-links="[
|
||||
{ link: 'https://modrinth.com/project/{project.id}', label: 'Project page' },
|
||||
{ link: 'https://modrinth.com/dashboard/notifications', label: 'Notification dashboard' },
|
||||
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
|
||||
]"
|
||||
>
|
||||
<Section class="mb-4 mt-2">
|
||||
<Img
|
||||
src="{project.icon_url}"
|
||||
alt="project icon"
|
||||
width="64"
|
||||
height="64"
|
||||
class="block h-auto rounded-lg"
|
||||
/>
|
||||
</Section>
|
||||
<Heading as="h1" class="mb-2 text-2xl font-bold">Project ownership transferred</Heading>
|
||||
|
||||
<Text class="text-base">Hi {user.name},</Text>
|
||||
|
||||
<Text class="text-base">
|
||||
The ownership of
|
||||
<b>
|
||||
<VLink href="https://modrinth.com/project/{project.id}" class="text-green underline">
|
||||
{project.name}
|
||||
</VLink>
|
||||
</b>
|
||||
has been successfully transferred to the Modrinth {new_owner.type_capitalized}
|
||||
<b
|
||||
><VLink
|
||||
href="https://modrinth.com/{new_owner.type}/{new_owner.name}"
|
||||
class="text-green underline"
|
||||
>{new_owner.name}</VLink
|
||||
></b
|
||||
>.
|
||||
</Text>
|
||||
|
||||
<Button
|
||||
href="https://modrinth.com/project/{project.id}"
|
||||
target="_blank"
|
||||
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
|
||||
>
|
||||
View project
|
||||
</Button>
|
||||
|
||||
<Text class="text-base">
|
||||
If you did not initiate this transfer, please contact support immediately through the
|
||||
<VLink href="https://support.modrinth.com" class="text-green underline">Support Portal</VLink>
|
||||
or by replying to this email.
|
||||
</Text>
|
||||
</StyledEmail>
|
||||
</template>
|
||||
Reference in New Issue
Block a user