mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-06 08:06:43 +08:00
fix build
This commit is contained in:
jxxghp
@@ -1,167 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import AuthProvider from '@/views/pages/authentication/AuthProvider.vue'
|
|
||||||
import { useTheme } from 'vuetify'
|
|
||||||
|
|
||||||
import logo from '@images/logo.svg?raw'
|
|
||||||
import authV1MaskDark from '@images/pages/auth-v1-mask-dark.png'
|
|
||||||
import authV1MaskLight from '@images/pages/auth-v1-mask-light.png'
|
|
||||||
import authV1Tree2 from '@images/pages/auth-v1-tree-2.png'
|
|
||||||
import authV1Tree from '@images/pages/auth-v1-tree.png'
|
|
||||||
|
|
||||||
const form = ref({
|
|
||||||
username: '',
|
|
||||||
email: '',
|
|
||||||
password: '',
|
|
||||||
privacyPolicies: false,
|
|
||||||
})
|
|
||||||
|
|
||||||
const vuetifyTheme = useTheme()
|
|
||||||
const authThemeMask = computed(() => {
|
|
||||||
return vuetifyTheme.global.name.value === 'light'
|
|
||||||
? authV1MaskLight
|
|
||||||
: authV1MaskDark
|
|
||||||
})
|
|
||||||
|
|
||||||
const isPasswordVisible = ref(false)
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<div class="auth-wrapper d-flex align-center justify-center pa-4">
|
|
||||||
<VCard
|
|
||||||
class="auth-card pa-4 pt-7"
|
|
||||||
max-width="448"
|
|
||||||
>
|
|
||||||
<VCardItem class="justify-center">
|
|
||||||
<template #prepend>
|
|
||||||
<div class="d-flex">
|
|
||||||
<div v-html="logo" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<VCardTitle class="font-weight-semibold text-2xl text-uppercase">
|
|
||||||
Materio
|
|
||||||
</VCardTitle>
|
|
||||||
</VCardItem>
|
|
||||||
|
|
||||||
<VCardText class="pt-2">
|
|
||||||
<h5 class="text-h5 font-weight-semibold mb-1">
|
|
||||||
Adventure starts here 🚀
|
|
||||||
</h5>
|
|
||||||
<p class="mb-0">
|
|
||||||
Make your app management easy and fun!
|
|
||||||
</p>
|
|
||||||
</VCardText>
|
|
||||||
|
|
||||||
<VCardText>
|
|
||||||
<VForm @submit.prevent="() => {}">
|
|
||||||
<VRow>
|
|
||||||
<!-- Username -->
|
|
||||||
<VCol cols="12">
|
|
||||||
<VTextField
|
|
||||||
v-model="form.username"
|
|
||||||
label="Username"
|
|
||||||
/>
|
|
||||||
</VCol>
|
|
||||||
<!-- email -->
|
|
||||||
<VCol cols="12">
|
|
||||||
<VTextField
|
|
||||||
v-model="form.email"
|
|
||||||
label="Email"
|
|
||||||
type="email"
|
|
||||||
/>
|
|
||||||
</VCol>
|
|
||||||
|
|
||||||
<!-- password -->
|
|
||||||
<VCol cols="12">
|
|
||||||
<VTextField
|
|
||||||
v-model="form.password"
|
|
||||||
label="Password"
|
|
||||||
:type="isPasswordVisible ? 'text' : 'password'"
|
|
||||||
:append-inner-icon="isPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'"
|
|
||||||
@click:append-inner="isPasswordVisible = !isPasswordVisible"
|
|
||||||
/>
|
|
||||||
<div class="d-flex align-center mt-1 mb-4">
|
|
||||||
<VCheckbox
|
|
||||||
id="privacy-policy"
|
|
||||||
v-model="form.privacyPolicies"
|
|
||||||
inline
|
|
||||||
/>
|
|
||||||
<VLabel
|
|
||||||
for="privacy-policy"
|
|
||||||
style="opacity: 1;"
|
|
||||||
>
|
|
||||||
<span class="me-1">I agree to</span>
|
|
||||||
<a
|
|
||||||
href="javascript:void(0)"
|
|
||||||
class="text-primary"
|
|
||||||
>privacy policy & terms</a>
|
|
||||||
</VLabel>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<VBtn
|
|
||||||
block
|
|
||||||
type="submit"
|
|
||||||
to="/"
|
|
||||||
>
|
|
||||||
Sign up
|
|
||||||
</VBtn>
|
|
||||||
</VCol>
|
|
||||||
|
|
||||||
<!-- login instead -->
|
|
||||||
<VCol
|
|
||||||
cols="12"
|
|
||||||
class="text-center text-base"
|
|
||||||
>
|
|
||||||
<span>Already have an account?</span>
|
|
||||||
<RouterLink
|
|
||||||
class="text-primary ms-2"
|
|
||||||
to="login"
|
|
||||||
>
|
|
||||||
Sign in instead
|
|
||||||
</RouterLink>
|
|
||||||
</VCol>
|
|
||||||
|
|
||||||
<VCol
|
|
||||||
cols="12"
|
|
||||||
class="d-flex align-center"
|
|
||||||
>
|
|
||||||
<VDivider />
|
|
||||||
<span class="mx-4">or</span>
|
|
||||||
<VDivider />
|
|
||||||
</VCol>
|
|
||||||
|
|
||||||
<!-- auth providers -->
|
|
||||||
<VCol
|
|
||||||
cols="12"
|
|
||||||
class="text-center"
|
|
||||||
>
|
|
||||||
<AuthProvider />
|
|
||||||
</VCol>
|
|
||||||
</VRow>
|
|
||||||
</VForm>
|
|
||||||
</VCardText>
|
|
||||||
</VCard>
|
|
||||||
|
|
||||||
<VImg
|
|
||||||
class="auth-footer-start-tree d-none d-md-block"
|
|
||||||
:src="authV1Tree"
|
|
||||||
:width="250"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<VImg
|
|
||||||
:src="authV1Tree2"
|
|
||||||
class="auth-footer-end-tree d-none d-md-block"
|
|
||||||
:width="350"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- bg img -->
|
|
||||||
<VImg
|
|
||||||
class="auth-footer-mask d-none d-md-block"
|
|
||||||
:src="authThemeMask"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
@use "@core/scss/pages/page-auth.scss";
|
|
||||||
</style>
|
|
||||||
@@ -108,10 +108,6 @@ const router = createRouter({
|
|||||||
path: 'login',
|
path: 'login',
|
||||||
component: () => import('../pages/login.vue'),
|
component: () => import('../pages/login.vue'),
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: 'register',
|
|
||||||
component: () => import('../pages/register.vue'),
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/:pathMatch(.*)*',
|
path: '/:pathMatch(.*)*',
|
||||||
component: () => import('../pages/[...all].vue'),
|
component: () => import('../pages/[...all].vue'),
|
||||||
|
|||||||
Reference in New Issue
Block a user