vue components refactoring

This commit is contained in:
Čarodej
2022-04-13 16:19:10 +02:00
parent 6a4bfa8bfe
commit 338f8664b7
251 changed files with 1068 additions and 1943 deletions

View File

@@ -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'

View File

@@ -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'

View File

@@ -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>

View File

@@ -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,

View File

@@ -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,

View File

@@ -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',

View File

@@ -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',