rename files from auth folder, rule vue name = name files

This commit is contained in:
ogerly 2022-05-25 11:07:11 +02:00
parent 4cc3684b59
commit 21c56da0fe
7 changed files with 19 additions and 15 deletions

View File

@ -12,6 +12,6 @@
<script> <script>
export default { export default {
name: 'NavbarSmall', name: 'AuthNavbarSmall',
} }
</script> </script>

View File

@ -43,6 +43,10 @@ describe('AuthLayout', () => {
it('has Component AuthMobileStart', () => { it('has Component AuthMobileStart', () => {
expect(wrapper.findComponent({ name: 'AuthMobileStart' }).exists()).toBe(true) expect(wrapper.findComponent({ name: 'AuthMobileStart' }).exists()).toBe(true)
}) })
it('has Component AuthNavbarSmall', () => {
expect(wrapper.findComponent({ name: 'AuthNavbarSmall' }).exists()).toBe(true)
})
}) })
describe('Desktop Version Start', () => { describe('Desktop Version Start', () => {

View File

@ -1,16 +1,16 @@
<template> <template>
<div class="auth-template"> <div class="auth-template">
<mobile-start <auth-mobile-start
v-if="mobileStart" v-if="mobileStart"
class="d-inline d-lg-none zindex10000" class="d-inline d-lg-none zindex10000"
@set-mobile-start="setMobileStart" @set-mobile-start="setMobileStart"
/> />
<div class="h-100 align-middle"> <div class="h-100 align-middle">
<navbar class="zindex10" /> <auth-navbar class="zindex10" />
<div class="left-content-box position-fixed d-none d-lg-block"> <div class="left-content-box position-fixed d-none d-lg-block">
<div class="bg-img-box position-absolute w-100"> <div class="bg-img-box position-absolute w-100">
<carousel class="carousel" /> <auth-carousel class="carousel" />
</div> </div>
<div class="bg-txt-box position-relative d-none d-lg-block text-center align-self-center"> <div class="bg-txt-box position-relative d-none d-lg-block text-center align-self-center">
<div class="h0 text-white">{{ $t('auth.left.gratitude') }}</div> <div class="h0 text-white">{{ $t('auth.left.gratitude') }}</div>
@ -24,7 +24,7 @@
<div class="right-content-box ml-3 ml-sm-4 mr-3 mr-sm-4"> <div class="right-content-box ml-3 ml-sm-4 mr-3 mr-sm-4">
<b-row class="d-none d-md-block d-lg-none"> <b-row class="d-none d-md-block d-lg-none">
<b-col class="mb--4 d-flex justify-content-end"> <b-col class="mb--4 d-flex justify-content-end">
<navbar-small /> <auth-navbar-small />
</b-col> </b-col>
</b-row> </b-row>
<b-row class="mt-5 pl-2 pl-md-0 pl-lg-0"> <b-row class="mt-5 pl-2 pl-md-0 pl-lg-0">
@ -67,7 +67,7 @@
<b-avatar src="/img/brand/gradido_coin●.png" size="6rem"></b-avatar> <b-avatar src="/img/brand/gradido_coin●.png" size="6rem"></b-avatar>
<b-row> <b-row>
<b-col class="zindex1000 d-flex justify-content-center"> <b-col class="zindex1000 d-flex justify-content-center">
<navbar-small /> <auth-navbar-small />
</b-col> </b-col>
</b-row> </b-row>
</b-col> </b-col>
@ -86,21 +86,21 @@
</template> </template>
<script> <script>
import MobileStart from '@/components/Auth/MobileStart.vue' import AuthMobileStart from '@/components/Auth/AuthMobileStart.vue'
import Navbar from '@/components/Auth/Navbar.vue' import AuthNavbar from '@/components/Auth/AuthNavbar.vue'
import NavbarSmall from '@/components/Auth/NavbarSmall.vue' import AuthNavbarSmall from '@/components/Auth/AuthNavbarSmall.vue'
import Carousel from '@/components/Auth/Carousel.vue' import AuthCarousel from '@/components/Auth/AuthCarousel.vue'
import LanguageSwitch from '@/components/LanguageSwitch2' import LanguageSwitch from '@/components/LanguageSwitch2'
import AuthFooter from '@/components/Auth/Footer.vue' import AuthFooter from '@/components/Auth/AuthFooter.vue'
import CONFIG from '@/config' import CONFIG from '@/config'
export default { export default {
name: 'AuthLayout', name: 'AuthLayout',
components: { components: {
MobileStart, AuthMobileStart,
Navbar, AuthNavbar,
NavbarSmall, AuthNavbarSmall,
Carousel, AuthCarousel,
LanguageSwitch, LanguageSwitch,
AuthFooter, AuthFooter,
}, },