refactor page footer to component

This commit is contained in:
Brent Vardy 2019-09-05 14:17:59 +01:00 committed by mattwr18
parent e9ac462889
commit 5d73cad168
3 changed files with 22 additions and 22 deletions

View File

@ -0,0 +1,15 @@
<template>
<div id="footer" class="ds-footer">
<a href="https://human-connection.org" target="_blank" v-html="$t('site.made')"></a>
&nbsp;-&nbsp;
<nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>
&nbsp;&nbsp;
<nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>
&nbsp;&nbsp;
<nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>
&nbsp;&nbsp;
<nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>
&nbsp;&nbsp;
<nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
</div>
</template>

View File

@ -22,19 +22,7 @@
<nuxt /> <nuxt />
</div> </div>
</ds-container> </ds-container>
<div id="footer" class="ds-footer"> <page-footer></page-footer>
<a href="https://human-connection.org" target="_blank" v-html="$t('site.made')"></a>
&nbsp;-&nbsp;
<nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>
&nbsp;&nbsp;
<nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>
&nbsp;&nbsp;
<nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>
&nbsp;&nbsp;
<nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>
&nbsp;&nbsp;
<nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
</div>
<div id="overlay" /> <div id="overlay" />
</div> </div>
</template> </template>
@ -42,10 +30,12 @@
<script> <script>
import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch' import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
import seo from '~/mixins/seo' import seo from '~/mixins/seo'
import PageFooter from '~/components/PageFooter/PageFooter'
export default { export default {
components: { components: {
LocaleSwitch, LocaleSwitch,
PageFooter,
}, },
mixins: [seo], mixins: [seo],
methods: { methods: {

View File

@ -128,15 +128,7 @@
<nuxt /> <nuxt />
</div> </div>
</ds-container> </ds-container>
<div id="footer" class="ds-footer"> <page-footer />
<a href="https://human-connection.org" target="_blank" v-html="$t('site.made')"></a>
&nbsp;-&nbsp;
<nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>&nbsp;&nbsp;
<nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>&nbsp;&nbsp;
<nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>&nbsp;&nbsp;
<nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>&nbsp;&nbsp;
<nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
</div>
<div id="overlay" /> <div id="overlay" />
<client-only> <client-only>
<modal /> <modal />
@ -155,6 +147,8 @@ import HcAvatar from '~/components/Avatar/Avatar.vue'
import seo from '~/mixins/seo' import seo from '~/mixins/seo'
import FilterPosts from '~/components/FilterPosts/FilterPosts.vue' import FilterPosts from '~/components/FilterPosts/FilterPosts.vue'
import CategoryQuery from '~/graphql/CategoryQuery.js' import CategoryQuery from '~/graphql/CategoryQuery.js'
import PageFooter from '~/components/PageFooter/PageFooter'
export default { export default {
components: { components: {
Dropdown, Dropdown,
@ -164,6 +158,7 @@ export default {
NotificationMenu, NotificationMenu,
HcAvatar, HcAvatar,
FilterPosts, FilterPosts,
PageFooter,
}, },
mixins: [seo], mixins: [seo],
data() { data() {