Added OasisFooter.vue

public/mix-manifest.json

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

resources/js/Oasis/Homepage/Components/OasisAboutUs.vue

@@ -24,7 +24,7 @@
     import {CheckIcon} from 'vue-feather-icons'
 
     export default {
-        name: 'OasisPricing',
+        name: 'OasisAboutUs',
         components: {
             CheckIcon,
         },

resources/js/Oasis/Homepage/Components/OasisFooter.vue

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

resources/js/Oasis/Homepage/Homepage.vue

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

resources/sass/oasis/_homepage.scss

@@ -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);
+      }
+    }
+  }
+}