Added OasisFooter.vue

This commit is contained in:
Peter Papp
2021-04-04 07:59:58 +02:00
parent 37ab6408ba
commit 760d7a4687
5 changed files with 168 additions and 26 deletions
+34 -2
View File
@@ -45,7 +45,7 @@
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=fa49cb6f6c1027d24d57",
"/chunks/invoices.js": "/chunks/invoices.js?id=81df0d453a53fd224e13",
"/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=7fc7f9b6f10bdfac770e",
"/chunks/oasis/homepage.js": "/chunks/oasis/homepage.js?id=6bc72762808d3a0c895f",
"/chunks/oasis/homepage.js": "/chunks/oasis/homepage.js?id=0450adfdcbfff73f5f27",
"/chunks/oasis/platba.js": "/chunks/oasis/platba.js?id=caf1edc9b2ee500b4eee",
"/chunks/oasis/platba~chunks/oasis/upgrade-billing~chunks/oasis/upgrade-plan~chunks/upgrade-billing~ch~6880400b.js": "/chunks/oasis/platba~chunks/oasis/upgrade-billing~chunks/oasis/upgrade-plan~chunks/upgrade-billing~ch~6880400b.js?id=ee29561e2ed219ec0580",
"/chunks/oasis/sign-up.js": "/chunks/oasis/sign-up.js?id=80c72880037d6ffe11e4",
@@ -344,5 +344,37 @@
"/chunks/oasis/homepage.71732222ef612c00bdf8.hot-update.js": "/chunks/oasis/homepage.71732222ef612c00bdf8.hot-update.js",
"/chunks/oasis/homepage.d8178b85c3dc15346181.hot-update.js": "/chunks/oasis/homepage.d8178b85c3dc15346181.hot-update.js",
"/chunks/oasis/homepage.54e84b3aef020d8ecc5e.hot-update.js": "/chunks/oasis/homepage.54e84b3aef020d8ecc5e.hot-update.js",
"/chunks/oasis/homepage.a79a887c1086eddd9fe4.hot-update.js": "/chunks/oasis/homepage.a79a887c1086eddd9fe4.hot-update.js"
"/chunks/oasis/homepage.a79a887c1086eddd9fe4.hot-update.js": "/chunks/oasis/homepage.a79a887c1086eddd9fe4.hot-update.js",
"/chunks/oasis/homepage.e82628b616d77be58e9d.hot-update.js": "/chunks/oasis/homepage.e82628b616d77be58e9d.hot-update.js",
"/chunks/oasis/homepage.e2fa76086a092d9b5ef5.hot-update.js": "/chunks/oasis/homepage.e2fa76086a092d9b5ef5.hot-update.js",
"/chunks/oasis/homepage.20db027c471deb4a2827.hot-update.js": "/chunks/oasis/homepage.20db027c471deb4a2827.hot-update.js",
"/chunks/oasis/homepage.a886476e1a9355465ba7.hot-update.js": "/chunks/oasis/homepage.a886476e1a9355465ba7.hot-update.js",
"/chunks/oasis/homepage.9ad03bd1117c03fff7a9.hot-update.js": "/chunks/oasis/homepage.9ad03bd1117c03fff7a9.hot-update.js",
"/chunks/oasis/homepage.81ba39d720dde16176a1.hot-update.js": "/chunks/oasis/homepage.81ba39d720dde16176a1.hot-update.js",
"/chunks/oasis/homepage.e89c211b4608be7fea03.hot-update.js": "/chunks/oasis/homepage.e89c211b4608be7fea03.hot-update.js",
"/chunks/oasis/homepage.0e54793947bb01f4b972.hot-update.js": "/chunks/oasis/homepage.0e54793947bb01f4b972.hot-update.js",
"/chunks/oasis/homepage.c2ffcf327a8b61a41d40.hot-update.js": "/chunks/oasis/homepage.c2ffcf327a8b61a41d40.hot-update.js",
"/chunks/oasis/homepage.2262cd3abaa2837bc66f.hot-update.js": "/chunks/oasis/homepage.2262cd3abaa2837bc66f.hot-update.js",
"/chunks/oasis/homepage.30ac961f7f54fbe9639f.hot-update.js": "/chunks/oasis/homepage.30ac961f7f54fbe9639f.hot-update.js",
"/chunks/oasis/homepage.11b15470b2d3131cae96.hot-update.js": "/chunks/oasis/homepage.11b15470b2d3131cae96.hot-update.js",
"/chunks/oasis/homepage.f09ba9e4ab89f2774d78.hot-update.js": "/chunks/oasis/homepage.f09ba9e4ab89f2774d78.hot-update.js",
"/chunks/oasis/homepage.40b633ff2d30343743a7.hot-update.js": "/chunks/oasis/homepage.40b633ff2d30343743a7.hot-update.js",
"/chunks/oasis/homepage.b71aac48ac0386ecfa4b.hot-update.js": "/chunks/oasis/homepage.b71aac48ac0386ecfa4b.hot-update.js",
"/chunks/oasis/homepage.0eeda26e8f50790cb939.hot-update.js": "/chunks/oasis/homepage.0eeda26e8f50790cb939.hot-update.js",
"/chunks/oasis/homepage.56c7b76c4ae446c31d86.hot-update.js": "/chunks/oasis/homepage.56c7b76c4ae446c31d86.hot-update.js",
"/chunks/oasis/homepage.244dee55b41149950fb5.hot-update.js": "/chunks/oasis/homepage.244dee55b41149950fb5.hot-update.js",
"/chunks/oasis/homepage.99a4bd74d7fc2e7402e7.hot-update.js": "/chunks/oasis/homepage.99a4bd74d7fc2e7402e7.hot-update.js",
"/chunks/oasis/homepage.a6a9e1f325f2cb2506b1.hot-update.js": "/chunks/oasis/homepage.a6a9e1f325f2cb2506b1.hot-update.js",
"/chunks/oasis/homepage.da6d66a3ebcc6bf8d5e5.hot-update.js": "/chunks/oasis/homepage.da6d66a3ebcc6bf8d5e5.hot-update.js",
"/chunks/oasis/homepage.0ca61d3f6020a2a930c6.hot-update.js": "/chunks/oasis/homepage.0ca61d3f6020a2a930c6.hot-update.js",
"/chunks/oasis/homepage.68edd93ce523cdab89a0.hot-update.js": "/chunks/oasis/homepage.68edd93ce523cdab89a0.hot-update.js",
"/chunks/oasis/homepage.2f841a7ff2877ffc058c.hot-update.js": "/chunks/oasis/homepage.2f841a7ff2877ffc058c.hot-update.js",
"/chunks/oasis/homepage.15d76f90aae57c25f624.hot-update.js": "/chunks/oasis/homepage.15d76f90aae57c25f624.hot-update.js",
"/chunks/oasis/homepage.a51881bf692cd86612f4.hot-update.js": "/chunks/oasis/homepage.a51881bf692cd86612f4.hot-update.js",
"/chunks/oasis/homepage.a43ecc507c16162d24cc.hot-update.js": "/chunks/oasis/homepage.a43ecc507c16162d24cc.hot-update.js",
"/chunks/oasis/homepage.abf84f566a5ac78bf589.hot-update.js": "/chunks/oasis/homepage.abf84f566a5ac78bf589.hot-update.js",
"/chunks/oasis/homepage.da475a1ba66ef2027ebb.hot-update.js": "/chunks/oasis/homepage.da475a1ba66ef2027ebb.hot-update.js",
"/chunks/oasis/homepage.863368e7813651f5420a.hot-update.js": "/chunks/oasis/homepage.863368e7813651f5420a.hot-update.js",
"/chunks/oasis/homepage.3a9554f4256c724fbf09.hot-update.js": "/chunks/oasis/homepage.3a9554f4256c724fbf09.hot-update.js",
"/chunks/oasis/homepage.f09cc4cac18eae69a561.hot-update.js": "/chunks/oasis/homepage.f09cc4cac18eae69a561.hot-update.js"
}
@@ -24,7 +24,7 @@
import {CheckIcon} from 'vue-feather-icons'
export default {
name: 'OasisPricing',
name: 'OasisAboutUs',
components: {
CheckIcon,
},
@@ -0,0 +1,79 @@
<template>
<div class="oasis-footer container">
<router-link :to="{name: 'Homepage'}" tag="div" class="logo">
<img v-if="config.app_logo_horizontal" :src="$getImage(config.app_logo_horizontal)" :alt="config.app_name">
<b v-if="! config.app_logo_horizontal" class="logo-text">{{ config.app_name }}</b>
</router-link>
<nav>
<ul class="links">
<li v-for="(item, i) in navigation" :key="i">
<a :href="`#${item.href}`">
{{ item.title }}
</a>
</li>
</ul>
<ul class="links">
<li v-for="(item, i) in routes" :key="i">
<router-link :to="{name: item.route}" :class="{'highlighted': item.route === 'SignUp'}">
{{ item.title }}
</router-link>
</li>
</ul>
</nav>
</div>
</template>
<script>
import {CheckIcon} from 'vue-feather-icons'
import {mapGetters} from "vuex"
export default {
name: 'OasisFooter',
components: {
CheckIcon,
},
computed: {
...mapGetters([
'config'
]),
},
data() {
return {
navigation: [
{
title: 'O Nás',
href: 'o-nas',
},
/*{
title: 'Kariéra',
href: 'kariera',
},*/
{
title: 'Ceník',
href: 'cenik',
},
{
title: 'Podpora',
href: 'podpora',
},
],
routes: [
{
title: 'Prihlásit se',
route: 'SignIn',
},
{
title: 'Zaregistrovat se',
route: 'SignUp',
},
],
}
},
}
</script>
<style lang="scss" scoped>
@import '@assets/oasis/_components';
@import '@assets/oasis/_homepage';
@import '@assets/oasis/_responsive';
</style>
+4 -1
View File
@@ -4,7 +4,8 @@
<OasisHeader v-if="false"/>
<OasisFeatures v-if="false"/>
<OasisPricing v-if="false"/>
<OasisAboutUs v-if="true"/>
<OasisAboutUs v-if="false"/>
<OasisFooter v-if="true"/>
</div>
</template>
@@ -14,6 +15,7 @@
import OasisPricing from '@/Oasis/Homepage/Components/OasisPricing'
import OasisAboutUs from '@/Oasis/Homepage/Components/OasisAboutUs'
import OasisHeader from '@/Oasis/Homepage/Components/OasisHeader'
import OasisFooter from '@/Oasis/Homepage/Components/OasisFooter'
import { mapGetters } from 'vuex'
import axios from 'axios'
@@ -25,6 +27,7 @@
OasisPricing,
OasisAboutUs,
OasisHeader,
OasisFooter,
},
computed: {
...mapGetters([
+50 -22
View File
@@ -60,6 +60,34 @@
}
.oasis-footer {
background: white;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 0;
.logo {
width: 235px;
img {
width: 100%;
}
}
.links {
display: inline-block;
.highlighted {
color: $theme;
}
&:last-child {
margin-left: 25px;
}
}
}
.navigation {
padding: 10px 0;
@@ -73,28 +101,6 @@
width: 235px;
}
.links {
display: block;
li {
display: inline-block;
a {
@include font-size(17);
padding: 9px 30px;
color: $text-primary;
font-weight: 800;
@include transition;
border-radius: 25px;
&:hover {
background: white;
box-shadow: 0 6px 20px -10px rgba($theme, 0.35);
}
}
}
}
.logo img {
width: 100%;
}
@@ -310,3 +316,25 @@
}
}
}
.links {
display: block;
li {
display: inline-block;
a {
@include font-size(17);
padding: 9px 30px;
color: $text-primary;
font-weight: 800;
@include transition;
border-radius: 25px;
&:hover {
background: white;
box-shadow: 0 6px 20px -10px rgba($theme, 0.35);
}
}
}
}