mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-28 11:00:39 +00:00
Added OasisNavigation.vue and OasisPricing.vue
This commit is contained in:
Peter Papp
@@ -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=674d7cf4f03ed3c3d8cc",
|
||||
"/chunks/oasis/homepage.js": "/chunks/oasis/homepage.js?id=b506639086b82703e4fb",
|
||||
"/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",
|
||||
@@ -209,5 +209,98 @@
|
||||
"/chunks/oasis/homepage.d56524a9f87700a65550.hot-update.js": "/chunks/oasis/homepage.d56524a9f87700a65550.hot-update.js",
|
||||
"/chunks/oasis/homepage.e7a0644d7f77deaca571.hot-update.js": "/chunks/oasis/homepage.e7a0644d7f77deaca571.hot-update.js",
|
||||
"/chunks/oasis/homepage.7489a2a27c6c27b3eb23.hot-update.js": "/chunks/oasis/homepage.7489a2a27c6c27b3eb23.hot-update.js",
|
||||
"/chunks/oasis/homepage.3e025f3bf70df26d6cba.hot-update.js": "/chunks/oasis/homepage.3e025f3bf70df26d6cba.hot-update.js"
|
||||
"/chunks/oasis/homepage.3e025f3bf70df26d6cba.hot-update.js": "/chunks/oasis/homepage.3e025f3bf70df26d6cba.hot-update.js",
|
||||
"/chunks/oasis/homepage.5582771dc9fb1eaf1fd0.hot-update.js": "/chunks/oasis/homepage.5582771dc9fb1eaf1fd0.hot-update.js",
|
||||
"/chunks/oasis/homepage.a014da069c4876daaf3c.hot-update.js": "/chunks/oasis/homepage.a014da069c4876daaf3c.hot-update.js",
|
||||
"/chunks/oasis/homepage.1096b4ebd44c88143068.hot-update.js": "/chunks/oasis/homepage.1096b4ebd44c88143068.hot-update.js",
|
||||
"/chunks/oasis/homepage.c027fcd8e1aa09029123.hot-update.js": "/chunks/oasis/homepage.c027fcd8e1aa09029123.hot-update.js",
|
||||
"/chunks/oasis/homepage.cf500d71d97692ac2c88.hot-update.js": "/chunks/oasis/homepage.cf500d71d97692ac2c88.hot-update.js",
|
||||
"/chunks/oasis/homepage.d6a7d3c7049e0d538628.hot-update.js": "/chunks/oasis/homepage.d6a7d3c7049e0d538628.hot-update.js",
|
||||
"/chunks/oasis/homepage.1bfeabb243973d19b4ff.hot-update.js": "/chunks/oasis/homepage.1bfeabb243973d19b4ff.hot-update.js",
|
||||
"/chunks/oasis/homepage.1eeb4fca54f2456dc844.hot-update.js": "/chunks/oasis/homepage.1eeb4fca54f2456dc844.hot-update.js",
|
||||
"/chunks/oasis/homepage.07f9527d8d0124deaf98.hot-update.js": "/chunks/oasis/homepage.07f9527d8d0124deaf98.hot-update.js",
|
||||
"/chunks/oasis/homepage.c2569f4596f504e44e17.hot-update.js": "/chunks/oasis/homepage.c2569f4596f504e44e17.hot-update.js",
|
||||
"/chunks/oasis/homepage.d55fda0d4a13f6af011e.hot-update.js": "/chunks/oasis/homepage.d55fda0d4a13f6af011e.hot-update.js",
|
||||
"/chunks/oasis/homepage.67c80e079eaf49e08ca3.hot-update.js": "/chunks/oasis/homepage.67c80e079eaf49e08ca3.hot-update.js",
|
||||
"/chunks/oasis/homepage.6d886fa66ae88724ae63.hot-update.js": "/chunks/oasis/homepage.6d886fa66ae88724ae63.hot-update.js",
|
||||
"/chunks/oasis/homepage.47cc50d1f14381655c48.hot-update.js": "/chunks/oasis/homepage.47cc50d1f14381655c48.hot-update.js",
|
||||
"/chunks/oasis/homepage.015d5ba3fddeb60fb5c6.hot-update.js": "/chunks/oasis/homepage.015d5ba3fddeb60fb5c6.hot-update.js",
|
||||
"/chunks/oasis/homepage.19bc184fea555d7dc16c.hot-update.js": "/chunks/oasis/homepage.19bc184fea555d7dc16c.hot-update.js",
|
||||
"/chunks/oasis/homepage.71845cea8afd408f201d.hot-update.js": "/chunks/oasis/homepage.71845cea8afd408f201d.hot-update.js",
|
||||
"/chunks/oasis/homepage.277f5306a49ccd78f085.hot-update.js": "/chunks/oasis/homepage.277f5306a49ccd78f085.hot-update.js",
|
||||
"/chunks/oasis/homepage.8c4468ea73c1dcf159ee.hot-update.js": "/chunks/oasis/homepage.8c4468ea73c1dcf159ee.hot-update.js",
|
||||
"/chunks/oasis/homepage.4a27fefc72dd2f08c3c8.hot-update.js": "/chunks/oasis/homepage.4a27fefc72dd2f08c3c8.hot-update.js",
|
||||
"/chunks/oasis/homepage.0a0728f121d8c6852bc1.hot-update.js": "/chunks/oasis/homepage.0a0728f121d8c6852bc1.hot-update.js",
|
||||
"/chunks/oasis/homepage.d681b3e0672f11c8f90c.hot-update.js": "/chunks/oasis/homepage.d681b3e0672f11c8f90c.hot-update.js",
|
||||
"/chunks/oasis/homepage.2089e3560c3ab1c6c5c5.hot-update.js": "/chunks/oasis/homepage.2089e3560c3ab1c6c5c5.hot-update.js",
|
||||
"/chunks/oasis/homepage.157917997773bdf14909.hot-update.js": "/chunks/oasis/homepage.157917997773bdf14909.hot-update.js",
|
||||
"/chunks/oasis/homepage.a3aee797bdfd633f1a62.hot-update.js": "/chunks/oasis/homepage.a3aee797bdfd633f1a62.hot-update.js",
|
||||
"/chunks/oasis/homepage.158a6c53e12b10a18a73.hot-update.js": "/chunks/oasis/homepage.158a6c53e12b10a18a73.hot-update.js",
|
||||
"/chunks/oasis/homepage.fe0e61a0c8f60e1928da.hot-update.js": "/chunks/oasis/homepage.fe0e61a0c8f60e1928da.hot-update.js",
|
||||
"/chunks/oasis/homepage.9c435efb9678cc5e80db.hot-update.js": "/chunks/oasis/homepage.9c435efb9678cc5e80db.hot-update.js",
|
||||
"/chunks/oasis/homepage.cea22ae0c51e25008bc6.hot-update.js": "/chunks/oasis/homepage.cea22ae0c51e25008bc6.hot-update.js",
|
||||
"/chunks/oasis/homepage.71b472a2b66a20102e6d.hot-update.js": "/chunks/oasis/homepage.71b472a2b66a20102e6d.hot-update.js",
|
||||
"/chunks/oasis/homepage.b052681015d82ef47556.hot-update.js": "/chunks/oasis/homepage.b052681015d82ef47556.hot-update.js",
|
||||
"/chunks/oasis/homepage.50ef16235ffef2a555f2.hot-update.js": "/chunks/oasis/homepage.50ef16235ffef2a555f2.hot-update.js",
|
||||
"/chunks/oasis/homepage.8992d4a7ccb0019d410c.hot-update.js": "/chunks/oasis/homepage.8992d4a7ccb0019d410c.hot-update.js",
|
||||
"/chunks/oasis/homepage.d44d85998a79e5d11733.hot-update.js": "/chunks/oasis/homepage.d44d85998a79e5d11733.hot-update.js",
|
||||
"/chunks/oasis/homepage.02014c6b8c554c8284a4.hot-update.js": "/chunks/oasis/homepage.02014c6b8c554c8284a4.hot-update.js",
|
||||
"/chunks/oasis/homepage.60b677bda031d2975d5b.hot-update.js": "/chunks/oasis/homepage.60b677bda031d2975d5b.hot-update.js",
|
||||
"/chunks/oasis/homepage.bcf3719cecf2d42c0e9b.hot-update.js": "/chunks/oasis/homepage.bcf3719cecf2d42c0e9b.hot-update.js",
|
||||
"/chunks/oasis/homepage.af8d38fdb512e089443c.hot-update.js": "/chunks/oasis/homepage.af8d38fdb512e089443c.hot-update.js",
|
||||
"/chunks/oasis/homepage.4b93475dcd9d195524ec.hot-update.js": "/chunks/oasis/homepage.4b93475dcd9d195524ec.hot-update.js",
|
||||
"/chunks/oasis/homepage.ae3daecf68cb23de844f.hot-update.js": "/chunks/oasis/homepage.ae3daecf68cb23de844f.hot-update.js",
|
||||
"/chunks/oasis/homepage.ffe73ec081dc40b466bf.hot-update.js": "/chunks/oasis/homepage.ffe73ec081dc40b466bf.hot-update.js",
|
||||
"/chunks/oasis/homepage.6cd56804c757eb1e919b.hot-update.js": "/chunks/oasis/homepage.6cd56804c757eb1e919b.hot-update.js",
|
||||
"/chunks/oasis/homepage.c9e11e1073fa20aafeea.hot-update.js": "/chunks/oasis/homepage.c9e11e1073fa20aafeea.hot-update.js",
|
||||
"/chunks/oasis/homepage.535eeea52d31ae014585.hot-update.js": "/chunks/oasis/homepage.535eeea52d31ae014585.hot-update.js",
|
||||
"/chunks/oasis/homepage.14ee3852f394c4b51b65.hot-update.js": "/chunks/oasis/homepage.14ee3852f394c4b51b65.hot-update.js",
|
||||
"/chunks/oasis/homepage.809ddfc847e730787397.hot-update.js": "/chunks/oasis/homepage.809ddfc847e730787397.hot-update.js",
|
||||
"/chunks/oasis/homepage.141771e7e7bfa8744810.hot-update.js": "/chunks/oasis/homepage.141771e7e7bfa8744810.hot-update.js",
|
||||
"/chunks/oasis/homepage.07daae7b7a07c087013c.hot-update.js": "/chunks/oasis/homepage.07daae7b7a07c087013c.hot-update.js",
|
||||
"/chunks/oasis/homepage.cc433550c5ed6400d150.hot-update.js": "/chunks/oasis/homepage.cc433550c5ed6400d150.hot-update.js",
|
||||
"/chunks/oasis/homepage.d8171642bbd636bba0e5.hot-update.js": "/chunks/oasis/homepage.d8171642bbd636bba0e5.hot-update.js",
|
||||
"/chunks/oasis/homepage.455fb4686c42631cfb8a.hot-update.js": "/chunks/oasis/homepage.455fb4686c42631cfb8a.hot-update.js",
|
||||
"/chunks/oasis/homepage.05c1418a8c1888595dad.hot-update.js": "/chunks/oasis/homepage.05c1418a8c1888595dad.hot-update.js",
|
||||
"/chunks/oasis/homepage.43cd87ab348d6d9223f8.hot-update.js": "/chunks/oasis/homepage.43cd87ab348d6d9223f8.hot-update.js",
|
||||
"/chunks/oasis/homepage.0aed5b12bf4b42399571.hot-update.js": "/chunks/oasis/homepage.0aed5b12bf4b42399571.hot-update.js",
|
||||
"/chunks/oasis/homepage.2a374bd92d554b8e7a03.hot-update.js": "/chunks/oasis/homepage.2a374bd92d554b8e7a03.hot-update.js",
|
||||
"/chunks/oasis/homepage.0f96131b666e4d9e047c.hot-update.js": "/chunks/oasis/homepage.0f96131b666e4d9e047c.hot-update.js",
|
||||
"/chunks/oasis/homepage.80e738feccc4e40461bc.hot-update.js": "/chunks/oasis/homepage.80e738feccc4e40461bc.hot-update.js",
|
||||
"/chunks/oasis/homepage.331f793d35416777745f.hot-update.js": "/chunks/oasis/homepage.331f793d35416777745f.hot-update.js",
|
||||
"/chunks/oasis/homepage.8dc8b6865ce843a1f759.hot-update.js": "/chunks/oasis/homepage.8dc8b6865ce843a1f759.hot-update.js",
|
||||
"/chunks/oasis/homepage.1fe71f071678f0951599.hot-update.js": "/chunks/oasis/homepage.1fe71f071678f0951599.hot-update.js",
|
||||
"/chunks/oasis/homepage.2cf0c34599afb00eb056.hot-update.js": "/chunks/oasis/homepage.2cf0c34599afb00eb056.hot-update.js",
|
||||
"/chunks/oasis/homepage.703aaad9cad05c7d5093.hot-update.js": "/chunks/oasis/homepage.703aaad9cad05c7d5093.hot-update.js",
|
||||
"/chunks/oasis/homepage.8a7b816f32fbb7ee23ee.hot-update.js": "/chunks/oasis/homepage.8a7b816f32fbb7ee23ee.hot-update.js",
|
||||
"/chunks/oasis/homepage.e147303f6c173b2807d7.hot-update.js": "/chunks/oasis/homepage.e147303f6c173b2807d7.hot-update.js",
|
||||
"/chunks/oasis/homepage.1836ad0b7bc15888d4e4.hot-update.js": "/chunks/oasis/homepage.1836ad0b7bc15888d4e4.hot-update.js",
|
||||
"/chunks/oasis/homepage.adae45044ec8f5be0cab.hot-update.js": "/chunks/oasis/homepage.adae45044ec8f5be0cab.hot-update.js",
|
||||
"/chunks/oasis/homepage.ebb065841c056269a6a1.hot-update.js": "/chunks/oasis/homepage.ebb065841c056269a6a1.hot-update.js",
|
||||
"/chunks/oasis/homepage.c543d0dd0e2e95559887.hot-update.js": "/chunks/oasis/homepage.c543d0dd0e2e95559887.hot-update.js",
|
||||
"/chunks/oasis/homepage.ec3384c2a166322f8c48.hot-update.js": "/chunks/oasis/homepage.ec3384c2a166322f8c48.hot-update.js",
|
||||
"/chunks/oasis/homepage.076790d2c144b05fba49.hot-update.js": "/chunks/oasis/homepage.076790d2c144b05fba49.hot-update.js",
|
||||
"/chunks/oasis/homepage.2a63e3a1dbc5f8ef11ff.hot-update.js": "/chunks/oasis/homepage.2a63e3a1dbc5f8ef11ff.hot-update.js",
|
||||
"/chunks/oasis/homepage.91850e5a82da7a3b62d0.hot-update.js": "/chunks/oasis/homepage.91850e5a82da7a3b62d0.hot-update.js",
|
||||
"/chunks/oasis/homepage.18d7debe484a23416447.hot-update.js": "/chunks/oasis/homepage.18d7debe484a23416447.hot-update.js",
|
||||
"/chunks/oasis/homepage.a4451e13d4c5b452d5ce.hot-update.js": "/chunks/oasis/homepage.a4451e13d4c5b452d5ce.hot-update.js",
|
||||
"/chunks/oasis/homepage.7a31e70fbdf4989ec258.hot-update.js": "/chunks/oasis/homepage.7a31e70fbdf4989ec258.hot-update.js",
|
||||
"/chunks/oasis/homepage.2ac8766c9d9f09e8a6c2.hot-update.js": "/chunks/oasis/homepage.2ac8766c9d9f09e8a6c2.hot-update.js",
|
||||
"/chunks/oasis/homepage.af8868f132593fc76740.hot-update.js": "/chunks/oasis/homepage.af8868f132593fc76740.hot-update.js",
|
||||
"/chunks/oasis/homepage.6e83270462101d88d316.hot-update.js": "/chunks/oasis/homepage.6e83270462101d88d316.hot-update.js",
|
||||
"/chunks/oasis/homepage.399b48d816e1b0635bb0.hot-update.js": "/chunks/oasis/homepage.399b48d816e1b0635bb0.hot-update.js",
|
||||
"/chunks/oasis/homepage.7ca7b5b44bad6fe454e6.hot-update.js": "/chunks/oasis/homepage.7ca7b5b44bad6fe454e6.hot-update.js",
|
||||
"/chunks/oasis/homepage.9d4238bf3e6c14110d3a.hot-update.js": "/chunks/oasis/homepage.9d4238bf3e6c14110d3a.hot-update.js",
|
||||
"/chunks/oasis/homepage.bb698b3ebb83d3e54905.hot-update.js": "/chunks/oasis/homepage.bb698b3ebb83d3e54905.hot-update.js",
|
||||
"/chunks/oasis/homepage.ad22a5b1ba2b3e29f13e.hot-update.js": "/chunks/oasis/homepage.ad22a5b1ba2b3e29f13e.hot-update.js",
|
||||
"/chunks/oasis/homepage.42de59969103ca1f81f2.hot-update.js": "/chunks/oasis/homepage.42de59969103ca1f81f2.hot-update.js",
|
||||
"/chunks/oasis/homepage.968afd313ef6a4ce407b.hot-update.js": "/chunks/oasis/homepage.968afd313ef6a4ce407b.hot-update.js",
|
||||
"/chunks/oasis/homepage.ce93fae60e8d0f18017a.hot-update.js": "/chunks/oasis/homepage.ce93fae60e8d0f18017a.hot-update.js",
|
||||
"/chunks/oasis/homepage.b2d76a02c3bb9ff08a07.hot-update.js": "/chunks/oasis/homepage.b2d76a02c3bb9ff08a07.hot-update.js",
|
||||
"/chunks/oasis/homepage.4935fa144c55d0cd9889.hot-update.js": "/chunks/oasis/homepage.4935fa144c55d0cd9889.hot-update.js",
|
||||
"/chunks/oasis/homepage.d90e416740d34c34c32d.hot-update.js": "/chunks/oasis/homepage.d90e416740d34c34c32d.hot-update.js",
|
||||
"/chunks/oasis/homepage.8e84bdb1022244756675.hot-update.js": "/chunks/oasis/homepage.8e84bdb1022244756675.hot-update.js",
|
||||
"/chunks/oasis/homepage.2ac852c1b47f259e6dc8.hot-update.js": "/chunks/oasis/homepage.2ac852c1b47f259e6dc8.hot-update.js",
|
||||
"/chunks/oasis/homepage.7192c8ddc763f8485021.hot-update.js": "/chunks/oasis/homepage.7192c8ddc763f8485021.hot-update.js",
|
||||
"/chunks/oasis/homepage.4ab13780925e43977598.hot-update.js": "/chunks/oasis/homepage.4ab13780925e43977598.hot-update.js"
|
||||
}
|
||||
|
||||
@@ -1,22 +1,5 @@
|
||||
<template>
|
||||
<div class="oasis-header">
|
||||
<nav class="navigation 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>
|
||||
<ul class="links">
|
||||
<li v-for="(item, i) in navigation" :key="i">
|
||||
<a :href="`#${item.href}`">{{ item.title }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="log-in">
|
||||
<router-link :to="{name: 'SignIn'}" class="base-button theme-color">
|
||||
Prihlásit se
|
||||
</router-link>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header class="header container">
|
||||
<h1 class="main-title">
|
||||
Jednoduchý a Bezpečný Cloud vo Vrecku
|
||||
@@ -49,24 +32,7 @@
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
navigation: [
|
||||
{
|
||||
title: 'O Nás',
|
||||
href: 'o-nas',
|
||||
},
|
||||
/*{
|
||||
title: 'Kariéra',
|
||||
href: 'kariera',
|
||||
},*/
|
||||
{
|
||||
title: 'Ceník',
|
||||
href: 'cenik',
|
||||
},
|
||||
{
|
||||
title: 'Podpora',
|
||||
href: 'podpora',
|
||||
},
|
||||
],
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
@@ -0,0 +1,64 @@
|
||||
<template>
|
||||
<nav class="oasis-navigation navigation">
|
||||
<div class="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>
|
||||
<ul class="links">
|
||||
<li v-for="(item, i) in navigation" :key="i">
|
||||
<a :href="`#${item.href}`">{{ item.title }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="log-in">
|
||||
<router-link :to="{name: 'SignIn'}" class="base-button theme-color">
|
||||
Prihlásit se
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'Header',
|
||||
components: {
|
||||
|
||||
},
|
||||
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',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@assets/oasis/_components';
|
||||
@import '@assets/oasis/_homepage';
|
||||
@import '@assets/oasis/_responsive';
|
||||
</style>
|
||||
@@ -0,0 +1,114 @@
|
||||
<template>
|
||||
<div class="oasis-pricing text-center">
|
||||
|
||||
<div class="title-wrapper container">
|
||||
<h3 class="main-title">
|
||||
Kolik stoji OasisDrive?
|
||||
</h3>
|
||||
<h4 class="sub-title-sm">
|
||||
Cloudové uložiště je v podstatě virtuální šanon, kam uživatelé ukládají svá data, ke kterým se mohou přihlásit odkudkoli v nezávislosti na zařízení. OasisDrive umožňuje bezpečně chránit Vaše firemní data.
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<ul class="pricing-box container">
|
||||
<li v-for="(plan, i) in pricing" :key="i" class="box">
|
||||
<folder-icon size="34" class="pricing-icon" />
|
||||
|
||||
<h5 class="pricing-data">
|
||||
{{ plan.data.attributes.capacity_formatted }}
|
||||
</h5>
|
||||
<b class="pricing-name">
|
||||
{{ plan.data.attributes.name }}
|
||||
</b>
|
||||
<p class="pricing-description">
|
||||
{{ plan.data.attributes.description }}
|
||||
</p>
|
||||
<router-link :to="{name: 'SignUp'}" :class="{'base-button': i == 1,'theme-button': i !== 1, }">
|
||||
{{ plan.data.attributes.price }}/{{ $t('global.monthly_ac') }}
|
||||
</router-link>
|
||||
<small v-if="plan.data.attributes.tax_rates.length > 0" class="pricing-vat">
|
||||
{{ $t('page_pricing_tables.vat_excluded') }}
|
||||
</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
FolderIcon,
|
||||
} from 'vue-feather-icons'
|
||||
import {mapGetters} from 'vuex'
|
||||
import axios from 'axios'
|
||||
|
||||
export default {
|
||||
name: 'OasisPricing',
|
||||
components: {
|
||||
FolderIcon,
|
||||
},
|
||||
computed: {
|
||||
...mapGetters([
|
||||
'config'
|
||||
]),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pricing: [{
|
||||
"data": {
|
||||
"id": "virtualni-sanon-basic",
|
||||
"type": "plans",
|
||||
"attributes": {
|
||||
"name": "Virtu\u00e1ln\u00ed \u0161anon BASIC",
|
||||
"description": "Obsahuje 5 GB pro Va\u0161e firemn\u00ed data",
|
||||
"price": "CZK\u00a0699.00",
|
||||
"capacity_formatted": "50GB",
|
||||
"capacity": 50,
|
||||
"currency": "CZK",
|
||||
"tax_rates": [{"id": "txr_1IYQK9BwlPpoyJNw2lR0zgOr", "active": true, "country": "CZ", "percentage": 20, "plan_price_formatted": "CZK\u00a0838.80"}]
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"data": {
|
||||
"id": "virtualni-sanon-standard",
|
||||
"type": "plans",
|
||||
"attributes": {
|
||||
"name": "Virtu\u00e1ln\u00ed \u0161anon STANDARD",
|
||||
"description": "Obsahuje 10 GB pro Va\u0161e firemn\u00ed data, 2 dokumenty zdarma",
|
||||
"price": "CZK\u00a0799.00",
|
||||
"capacity_formatted": "100GB",
|
||||
"capacity": 100,
|
||||
"currency": "CZK",
|
||||
"tax_rates": [{"id": "txr_1IYQK9BwlPpoyJNw2lR0zgOr", "active": true, "country": "CZ", "percentage": 20, "plan_price_formatted": "CZK\u00a0958.80"}]
|
||||
}
|
||||
}
|
||||
}, {
|
||||
"data": {
|
||||
"id": "virtualni-sanon-premium",
|
||||
"type": "plans",
|
||||
"attributes": {
|
||||
"name": "Virtu\u00e1ln\u00ed \u0161anon PREMIUM",
|
||||
"description": "Obsahuje 20 GB pro Va\u0161e firemn\u00ed data, 5 dokument\u016f dle vlastn\u00edho v\u00fdb\u011bru zdarma",
|
||||
"price": "CZK\u00a01,249.00",
|
||||
"capacity_formatted": "200GB",
|
||||
"capacity": 200,
|
||||
"currency": "CZK",
|
||||
"tax_rates": [{"id": "txr_1IYQK9BwlPpoyJNw2lR0zgOr", "active": true, "country": "CZ", "percentage": 20, "plan_price_formatted": "CZK\u00a01,498.80"}]
|
||||
}
|
||||
}
|
||||
}]
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.$scrollTop()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '@assets/oasis/_components';
|
||||
@import '@assets/oasis/_homepage';
|
||||
@import '@assets/oasis/_responsive';
|
||||
</style>
|
||||
@@ -1,20 +1,26 @@
|
||||
<template>
|
||||
<div id="page">
|
||||
<OasisHeader v-if="false"/>
|
||||
<OasisNavigation v-if="true"/>
|
||||
<OasisHeader v-if="true"/>
|
||||
<OasisFeatures v-if="true"/>
|
||||
<OasisPricing v-if="true"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import OasisHeader from '@/Oasis/Homepage/Components/OasisHeader'
|
||||
import OasisNavigation from '@/Oasis/Homepage/Components/OasisNavigation'
|
||||
import OasisFeatures from '@/Oasis/Homepage/Components/OasisFeatures'
|
||||
import OasisPricing from '@/Oasis/Homepage/Components/OasisPricing'
|
||||
import OasisHeader from '@/Oasis/Homepage/Components/OasisHeader'
|
||||
import { mapGetters } from 'vuex'
|
||||
import axios from 'axios'
|
||||
|
||||
export default {
|
||||
name: 'Homepage',
|
||||
components: {
|
||||
OasisNavigation,
|
||||
OasisFeatures,
|
||||
OasisPricing,
|
||||
OasisHeader,
|
||||
},
|
||||
computed: {
|
||||
|
||||
+2
@@ -15,12 +15,14 @@
|
||||
.sub-title {
|
||||
@include font-size(25);
|
||||
font-weight: 600;
|
||||
color: $text-secondary;
|
||||
}
|
||||
|
||||
.sub-title-sm {
|
||||
@include font-size(23);
|
||||
font-weight: 600;
|
||||
line-height: 1.6;
|
||||
color: $text-secondary;
|
||||
}
|
||||
|
||||
.theme-button {
|
||||
|
||||
Vendored
+100
-6
@@ -7,8 +7,15 @@
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.oasis-navigation {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.oasis-header {
|
||||
padding-top: 45px;
|
||||
padding-top: 100px;
|
||||
background: linear-gradient(180deg, rgba(149, 189, 230, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
|
||||
}
|
||||
|
||||
@@ -37,12 +44,26 @@
|
||||
}
|
||||
}
|
||||
|
||||
.oasis-pricing {
|
||||
margin-top: 290px;
|
||||
|
||||
.title-wrapper {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.theme-button {
|
||||
@include font-size(18);
|
||||
}
|
||||
}
|
||||
|
||||
.navigation {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding: 10px 0;
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.log-in, .logo {
|
||||
width: 235px;
|
||||
@@ -181,4 +202,77 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-box {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
max-width: 1325px;
|
||||
|
||||
.box {
|
||||
background: white;
|
||||
box-shadow: 0 5px 333px -22px #1B253935;
|
||||
border-radius: 12px;
|
||||
display: block;
|
||||
padding: 45px 40px 20px;
|
||||
z-index: 1;
|
||||
|
||||
&:nth-child(2) {
|
||||
z-index: 2;
|
||||
padding: 55px 40px 20px;
|
||||
background: $theme-bg-light;
|
||||
margin-top: -40px;
|
||||
margin-bottom: -40px;
|
||||
|
||||
.pricing-name, .pricing-data {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.pricing-description {
|
||||
color: $text-dark-secondary;
|
||||
}
|
||||
|
||||
.pricing-data {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.pricing-vat {
|
||||
color: $text-dark-subtitle;
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-icon {
|
||||
margin-bottom: 40px;
|
||||
|
||||
path {
|
||||
color: $theme;
|
||||
}
|
||||
}
|
||||
|
||||
.pricing-data {
|
||||
@include font-size(50);
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.pricing-name {
|
||||
@include font-size(24);
|
||||
font-weight: 800;
|
||||
margin-bottom: 30px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pricing-description {
|
||||
@include font-size(19);
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.pricing-vat {
|
||||
@include font-size(12);
|
||||
color: $text-secondary;
|
||||
display: block;
|
||||
font-weight: 300;
|
||||
opacity: 0.45;
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user