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

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

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