ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement 'LOGO_HEADER_CLICK' as configuration

Browse Source
This commit is contained in:
Wolfgang Huß 2022-10-19 12:57:21 +02:00
parent 589938a829
commit 419ac06d9c
2 changed files with 33 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
webapp/constants/logos.js
View File

@ -3,6 +3,15 @@
export default { export default {
LOGO_HEADER_PATH: '/img/custom/logo-horizontal.svg', LOGO_HEADER_PATH: '/img/custom/logo-horizontal.svg',
LOGO_HEADER_WIDTH: '130px', LOGO_HEADER_WIDTH: '130px',
LOGO_HEADER_CLICK: {
externalLink: 'https://yunite.org/',
internalPath: {
to: {
name: 'index',
},
scrollTo: '.main-navigation',
},
},
LOGO_SIGNUP_PATH: '/img/custom/logo-squared.svg', LOGO_SIGNUP_PATH: '/img/custom/logo-squared.svg',
LOGO_WELCOME_PATH: '/img/custom/logo-squared.svg', LOGO_WELCOME_PATH: '/img/custom/logo-squared.svg',
LOGO_LOGOUT_PATH: '/img/custom/logo-squared.svg', LOGO_LOGOUT_PATH: '/img/custom/logo-squared.svg',

38
webapp/layouts/default.vue
View File

@ -5,7 +5,17 @@
<div> <div>
<ds-flex class="main-navigation-flex"> <ds-flex class="main-navigation-flex">
<ds-flex-item :width="{ base: LOGOS.LOGO_HEADER_WIDTH }" style="margin-right: 20px"> <ds-flex-item :width="{ base: LOGOS.LOGO_HEADER_WIDTH }" style="margin-right: 20px">
<nuxt-link :to="{ name: 'index' }" v-scroll-to="'.main-navigation'"> <a
v-if="LOGOS.LOGO_HEADER_CLICK.externalLink"
:href="LOGOS.LOGO_HEADER_CLICK.externalLink"
>
<logo logoType="header" />
</a>
<nuxt-link
v-else
:to="LOGOS.LOGO_HEADER_CLICK.internalPath.to"
v-scroll-to="LOGOS.LOGO_HEADER_CLICK.internalPath.scrollTo"
>
<logo logoType="header" /> <logo logoType="header" />
</nuxt-link> </nuxt-link>
</ds-flex-item> </ds-flex-item>
@ -112,33 +122,33 @@
</template> </template>
<script> <script>
import Logo from '~/components/Logo/Logo' import { mapGetters } from 'vuex'
import LOGOS from '../constants/logos.js' import LOGOS from '../constants/logos.js'
import headerMenu from '../constants/headerMenu.js' import headerMenu from '../constants/headerMenu.js'
import { mapGetters } from 'vuex' import seo from '~/mixins/seo'
import AvatarMenu from '~/components/AvatarMenu/AvatarMenu'
import CategoriesMenu from '~/components/FilterMenu/CategoriesMenu.vue'
import FilterMenu from '~/components/FilterMenu/FilterMenu.vue'
import InviteButton from '~/components/InviteButton/InviteButton'
import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch' import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
import Logo from '~/components/Logo/Logo'
import SearchField from '~/components/features/SearchField/SearchField.vue' import SearchField from '~/components/features/SearchField/SearchField.vue'
import Modal from '~/components/Modal' import Modal from '~/components/Modal'
import NotificationMenu from '~/components/NotificationMenu/NotificationMenu' import NotificationMenu from '~/components/NotificationMenu/NotificationMenu'
import seo from '~/mixins/seo'
import FilterMenu from '~/components/FilterMenu/FilterMenu.vue'
import PageFooter from '~/components/PageFooter/PageFooter' import PageFooter from '~/components/PageFooter/PageFooter'
import AvatarMenu from '~/components/AvatarMenu/AvatarMenu'
import InviteButton from '~/components/InviteButton/InviteButton'
import CategoriesMenu from '~/components/FilterMenu/CategoriesMenu.vue'
export default { export default {
components: { components: {
Logo, AvatarMenu,
CategoriesMenu,
FilterMenu,
InviteButton,
LocaleSwitch, LocaleSwitch,
SearchField, Logo,
Modal, Modal,
NotificationMenu, NotificationMenu,
AvatarMenu,
FilterMenu,
PageFooter, PageFooter,
InviteButton, SearchField,
CategoriesMenu,
}, },
mixins: [seo], mixins: [seo],
data() { data() {