mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-18 16:22:14 +00:00
vue components refactoring
This commit is contained in:
@@ -111,12 +111,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AuthContentWrapper from '../../components/Auth/AuthContentWrapper'
|
||||
import AuthContentWrapper from '../../components/Layout/AuthPages/AuthContentWrapper'
|
||||
import { ValidationProvider, ValidationObserver } from 'vee-validate/dist/vee-validate.full'
|
||||
import AuthContent from '../../components/Auth/AuthContent'
|
||||
import AuthButton from '../../components/Auth/AuthButton'
|
||||
import AuthContent from '../../components/Layout/AuthPages/AuthContent'
|
||||
import AuthButton from '../../components/UI/Buttons/AuthButton'
|
||||
import { required } from 'vee-validate/dist/rules'
|
||||
import Headline from './Headline'
|
||||
import Headline from '../../components/UI/Labels/LogoHeadline'
|
||||
import { mapGetters } from 'vuex'
|
||||
import axios from 'axios'
|
||||
|
||||
|
||||
@@ -68,11 +68,11 @@
|
||||
|
||||
<script>
|
||||
import { ValidationProvider, ValidationObserver } from 'vee-validate/dist/vee-validate.full'
|
||||
import AuthContentWrapper from '../../components/Auth/AuthContentWrapper'
|
||||
import AuthContent from '../../components/Auth/AuthContent'
|
||||
import AuthButton from '../../components/Auth/AuthButton'
|
||||
import AuthContentWrapper from '../../components/Layout/AuthPages/AuthContentWrapper'
|
||||
import AuthContent from '../../components/Layout/AuthPages/AuthContent'
|
||||
import AuthButton from '../../components/UI/Buttons/AuthButton'
|
||||
import { required } from 'vee-validate/dist/rules'
|
||||
import Headline from './Headline'
|
||||
import Headline from '../../components/UI/Labels/LogoHeadline'
|
||||
import { mapGetters } from 'vuex'
|
||||
import axios from 'axios'
|
||||
|
||||
|
||||
@@ -1,44 +0,0 @@
|
||||
<template>
|
||||
<div class="mb-14">
|
||||
<!--Custom content-->
|
||||
<slot />
|
||||
|
||||
<!--Default application logo-->
|
||||
<div v-if="!$slots.default">
|
||||
<!--Image logo-->
|
||||
<img
|
||||
v-if="config.app_logo"
|
||||
class="mx-auto mb-6 h-16 md:h-20 mb-10"
|
||||
:src="$getImage(logoSrc)"
|
||||
:alt="config.app_name"
|
||||
/>
|
||||
|
||||
<!--Text logo if image isn't available-->
|
||||
<b v-if="!config.app_logo" class="mb-10 block text-xl font-bold">
|
||||
{{ config.app_name }}
|
||||
</b>
|
||||
</div>
|
||||
|
||||
<h1 class="mb-0.5 text-3xl font-extrabold md:text-4xl">
|
||||
{{ title }}
|
||||
</h1>
|
||||
|
||||
<h2 class="text-xl font-normal md:text-2xl">
|
||||
{{ description }}
|
||||
</h2>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'Headline',
|
||||
props: ['description', 'title'],
|
||||
computed: {
|
||||
...mapGetters(['config', 'isDarkMode']),
|
||||
logoSrc() {
|
||||
return this.isDarkMode && this.config.app_logo ? this.config.app_logo_dark : this.config.app_logo
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
@@ -38,7 +38,7 @@
|
||||
/>
|
||||
</ValidationObserver>
|
||||
|
||||
<SocialiteAuthenticationButtons />
|
||||
<SocialLoginButtons />
|
||||
|
||||
<span v-if="config.userRegistration" class="block">
|
||||
{{ $t('page_login.registration_text') }}
|
||||
@@ -228,21 +228,21 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AuthContentWrapper from '../../components/Auth/AuthContentWrapper'
|
||||
import AuthContentWrapper from '../../components/Layout/AuthPages/AuthContentWrapper'
|
||||
import { ValidationObserver, ValidationProvider } from 'vee-validate/dist/vee-validate.full'
|
||||
import SocialiteAuthenticationButtons from '../../components/Auth/SocialiteAuthenticationButtons'
|
||||
import AuthContent from '../../components/Auth/AuthContent'
|
||||
import AuthButton from '../../components/Auth/AuthButton'
|
||||
import Spinner from '../../components/FilesView/Spinner'
|
||||
import SocialLoginButtons from '../../components/UI/Buttons/SocialLoginButtons'
|
||||
import AuthContent from '../../components/Layout/AuthPages/AuthContent'
|
||||
import AuthButton from '../../components/UI/Buttons/AuthButton'
|
||||
import Spinner from '../../components/UI/Others/Spinner'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
import axios from 'axios'
|
||||
import Headline from './Headline'
|
||||
import Headline from '../../components/UI/Labels/LogoHeadline'
|
||||
|
||||
export default {
|
||||
name: 'SignIn',
|
||||
components: {
|
||||
SocialiteAuthenticationButtons,
|
||||
SocialLoginButtons,
|
||||
AuthContentWrapper,
|
||||
ValidationProvider,
|
||||
ValidationObserver,
|
||||
|
||||
@@ -136,7 +136,7 @@
|
||||
</div>
|
||||
</ValidationObserver>
|
||||
|
||||
<SocialiteAuthenticationButtons />
|
||||
<SocialLoginButtons />
|
||||
|
||||
<span class="block"
|
||||
>{{ $t('page_registration.have_an_account') }}
|
||||
@@ -149,12 +149,12 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Headline from './Headline'
|
||||
import AuthContentWrapper from '../../components/Auth/AuthContentWrapper'
|
||||
import Headline from '../../components/UI/Labels/LogoHeadline'
|
||||
import AuthContentWrapper from '../../components/Layout/AuthPages/AuthContentWrapper'
|
||||
import { ValidationProvider, ValidationObserver } from 'vee-validate/dist/vee-validate.full'
|
||||
import AuthContent from '../../components/Auth/AuthContent'
|
||||
import AuthButton from '../../components/Auth/AuthButton'
|
||||
import SocialiteAuthenticationButtons from '../../components/Auth/SocialiteAuthenticationButtons'
|
||||
import AuthContent from '../../components/Layout/AuthPages/AuthContent'
|
||||
import AuthButton from '../../components/UI/Buttons/AuthButton'
|
||||
import SocialLoginButtons from '../../components/UI/Buttons/SocialLoginButtons'
|
||||
import { required } from 'vee-validate/dist/rules'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../../bus'
|
||||
@@ -163,7 +163,7 @@ import axios from 'axios'
|
||||
export default {
|
||||
name: 'SignUp',
|
||||
components: {
|
||||
SocialiteAuthenticationButtons,
|
||||
SocialLoginButtons,
|
||||
AuthContentWrapper,
|
||||
ValidationProvider,
|
||||
ValidationObserver,
|
||||
|
||||
@@ -14,10 +14,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AuthContentWrapper from '../../components/Auth/AuthContentWrapper'
|
||||
import AuthContent from '../../components/Auth/AuthContent'
|
||||
import AuthButton from '../../components/Auth/AuthButton'
|
||||
import Headline from './Headline'
|
||||
import AuthContentWrapper from '../../components/Layout/AuthPages/AuthContentWrapper'
|
||||
import AuthContent from '../../components/Layout/AuthPages/AuthContent'
|
||||
import AuthButton from '../../components/UI/Buttons/AuthButton'
|
||||
import Headline from '../../components/UI/Labels/LogoHeadline'
|
||||
|
||||
export default {
|
||||
name: 'SuccessfullyEmailVerified',
|
||||
|
||||
@@ -16,10 +16,10 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import AuthContentWrapper from '../../components/Auth/AuthContentWrapper'
|
||||
import AuthContent from '../../components/Auth/AuthContent'
|
||||
import AuthButton from '../../components/Auth/AuthButton'
|
||||
import Headline from './Headline'
|
||||
import AuthContentWrapper from '../../components/Layout/AuthPages/AuthContentWrapper'
|
||||
import AuthContent from '../../components/Layout/AuthPages/AuthContent'
|
||||
import AuthButton from '../../components/UI/Buttons/AuthButton'
|
||||
import Headline from '../../components/UI/Labels/LogoHeadline'
|
||||
|
||||
export default {
|
||||
name: 'SuccessfullySendEmail',
|
||||
|
||||
Reference in New Issue
Block a user