STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases 3 Wiki Activity

use new format

Browse Source
This commit is contained in:
James Collins
2023-05-08 12:34:33 +10:00
parent 88b92a9572
commit 4accb60a24
2 changed files with 60 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
resources/js/views/EmailVerify.vue
View File

@@ -1,30 +1,42 @@
<template>
<SMPage>
<SMRow>
<SMFormCard class="mt-5" narrow>
<SMContainer :center="true">
<template v-if="!formDone">
<SMForm v-model="form" @submit="handleSubmit">
<SMFormCard class="mt-5" narrow>
<template #header>
<h1>Email Verify</h1>
</template>
<template #body>
<p>
Enter your verification code below. If you have not yet
received one,
Enter your verification code below. If you have not
yet received one,
<router-link to="/resend-verify-email"
>request a new code</router-link
>.
</p>
<SMForm v-model="form" @submit="handleSubmit">
<SMInput control="code" />
</template>
<template #footer>
<SMButtonRow>
<template #right>
<SMButton type="submit" label="Verify Code" />
</template>
</SMButtonRow>
</template>
</SMFormCard>
</SMForm>
</template>
<template v-else>
<SMFormCard class="mt-5" narrow>
<template #header>
<h1>Email Verified!</h1>
</template>
<template #body>
<p class="text-center">
Hurrah, Your email has been verified!
</p>
</template>
<template #footer>
<SMButtonRow>
<SMButton
type="primary"
@@ -34,8 +46,8 @@
</SMButtonRow>
</template>
</SMFormCard>
</SMRow>
</SMPage>
</template>
</SMContainer>
</template>
<script setup lang="ts">

37
resources/js/views/ResendEmailVerify.vue
View File

@@ -1,36 +1,49 @@
<template>
<SMPage>
<SMRow>
<SMFormCard class="mt-5" narrow>
<SMContainer :center="true">
<template v-if="!formDone">
<h1>Resend Verify Email</h1>
<SMForm v-model="form" @submit="handleSubmit">
<SMFormCard class="mt-5" narrow>
<template #header>
<h1>Resend Email</h1>
<p>
If you have not received your verification email
yet, we can send you another one.
</p>
</template>
<template #body>
<SMInput control="email" />
</template>
<template #footer>
<SMButtonRow>
<template #left>
<div class="small">
<span class="pr-1">Stuck?</span
<span>Stuck?</span
><router-link to="/contact"
>Contact Us</router-link
>
</div>
</template>
<template #right>
<SMButton
type="submit"
label="Send"
icon="arrow-forward-outline" />
<SMButton type="submit" label="Send" />
</template>
</SMButtonRow>
</template>
</SMFormCard>
</SMForm>
</template>
<template v-else>
<SMFormCard>
<template #header>
<h1>Email Sent!</h1>
</template>
<template #body>
<p class="text-center">
If that email address has been registered, and you still
need to verify your email, you will receive an email
with a new verify code.
</p>
</p></template
>
<template #footer>
<SMButtonRow>
<template #right>
<SMButton :to="{ name: 'home' }" label="Home" />
@@ -38,8 +51,8 @@
</SMButtonRow>
</template>
</SMFormCard>
</SMRow>
</SMPage>
</template>
</SMContainer>
</template>
<script setup lang="ts">