mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-29 03:10:51 +00:00
- i18n implementation into homepage
This commit is contained in:
Peter Papp
@@ -10,10 +10,10 @@
|
||||
<div class="content-wrapper">
|
||||
<div class="title-wrapper">
|
||||
<h3 class="main-title-sm">
|
||||
Kto Jsme?
|
||||
{{ $t('homepage_about_us_title') }}
|
||||
</h3>
|
||||
<h4 class="sub-title-sm">
|
||||
Jsme česká společnost, která pro fyzické a právnické osoby (živnostníky a firmy) poskytuje cloudové uložiště dle evropské směrnice (GDPR) a následného zákona o zpracování osobních údajů (zákon 110/2019 sb.).
|
||||
{{ $t('homepage_about_us_description') }}
|
||||
</h4>
|
||||
</div>
|
||||
<ul class="info-list">
|
||||
@@ -23,7 +23,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
<router-link :to="{name: 'SignUp'}" class="base-button theme-color">
|
||||
Vyzkouset OasisDrive
|
||||
{{ $t('try_drive') }}
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
@@ -47,10 +47,10 @@
|
||||
data() {
|
||||
return {
|
||||
infoList: [
|
||||
'Zakládáme si na kvalitě a nejlepší možné bezpečnosti pro uchovávání a zpracování dat a dokumentů.',
|
||||
'Spolupracujeme rovněž se specialisty v oboru práva a IT.',
|
||||
'Důležitá je pro nás uživatelská jednoduchost, stoprocentní funkčnost a přehlednost.',
|
||||
'Bezpečnost uložení dat tak, jak nařizuje směrnice EU (GDPR) a zákon o zpracování osobních údajů.',
|
||||
this.$t('homepage_about_us_line_1'),
|
||||
this.$t('homepage_about_us_line_2'),
|
||||
this.$t('homepage_about_us_line_3'),
|
||||
this.$t('homepage_about_us_line_4'),
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
@@ -3,24 +3,24 @@
|
||||
<div class="container content-position">
|
||||
<div class="title-wrapper">
|
||||
<h3 class="main-title-sm">
|
||||
Kontakt a Podpora
|
||||
{{ $t('homepage_contact_title') }}
|
||||
</h3>
|
||||
<h4 class="sub-title-sm">
|
||||
Jsme česká společnost, která pro fyzické a právnické osoby (živnostníky a firmy) poskytuje cloudové uložiště dle evropské směrnice.
|
||||
{{ $t('homepage_contact_description') }}
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="info-container">
|
||||
<div v-if="data" class="info-container">
|
||||
<div class="info-grid">
|
||||
<div class="info-wrapper">
|
||||
<b class="info-title">Společnost:</b>
|
||||
<p class="info-description">GDPR Cloud Solution, s.r.o., </p>
|
||||
<p class="info-description">ICO: 08995281</p>
|
||||
<p class="info-description">Sídlo: Zbraslavská 12/11, Malá Chuchle, 159 00 Praha 5</p>
|
||||
<b class="info-title">{{ $t('contact_company_title') }}:</b>
|
||||
<p class="info-description">{{ data.billing_name }}, </p>
|
||||
<p class="info-description">{{ $t('contact.ico') }}: {{ data.billing_vat_number }}</p>
|
||||
<p class="info-description">{{ $t('contact.hq') }}: {{ data.billing_address }}, {{ data.billing_city }}, {{ data.billing_postal_code }} {{ data.billing_country }}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-wrapper">
|
||||
<b class="info-title">Prodej:</b>
|
||||
<b class="info-title">{{ $t('contact_sales_title') }}:</b>
|
||||
<div class="info-group">
|
||||
<p class="info-description">John Doe</p>
|
||||
<p class="info-description">+420 922 123 456</p>
|
||||
@@ -32,23 +32,23 @@
|
||||
</div>
|
||||
|
||||
<div class="info-wrapper">
|
||||
<b class="info-title">Podpora:</b>
|
||||
<p class="info-description">podpora@oasisdrive.cz</p>
|
||||
<p class="info-description">+420 922 123 456</p>
|
||||
<b class="info-title">{{ $t('contact_support_title') }}:</b>
|
||||
<p class="info-description">{{ data.contact_email }}</p>
|
||||
<p class="info-description">{{ data.billing_phone_number}}</p>
|
||||
</div>
|
||||
|
||||
<div class="info-wrapper">
|
||||
<b class="info-title">Dokumenty:</b>
|
||||
<b class="info-title">{{ $t('contact_documents_title') }}:</b>
|
||||
|
||||
<div class="info-icon">
|
||||
<file-text-icon size="22" />
|
||||
<a href="/oasis/eu-smernice-gdpr.pdf" target="_blank" class="info-description">Směrnice EU (GDPR)</a>
|
||||
<a href="/oasis/eu-smernice-gdpr.pdf" target="_blank" class="info-description">{{ $t('document_gdpr_policy') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<ValidationObserver v-if="! isSuccess" @submit.prevent="contactForm" ref="contactForm" v-slot="{ invalid }" tag="form" class="contact-form">
|
||||
<b class="info-title">Zanechte nám vzkaz:</b>
|
||||
<b class="info-title">{{ $t('contact_leave_message_title') }}:</b>
|
||||
<div class="block-wrapper">
|
||||
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="E-Mail" rules="required" v-slot="{ errors }">
|
||||
<input v-model="contact.email" :placeholder="$t('page_contact_us.form.email_plac')" type="email" class="focus-border-theme" :class="{'is-error': errors[0]}" />
|
||||
@@ -98,6 +98,7 @@
|
||||
email: '',
|
||||
message: '',
|
||||
},
|
||||
data: undefined,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@@ -125,6 +126,12 @@
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
axios.get('/api/admin/settings?column=billing_name|billing_country|billing_city|billing_address|billing_phone_number|billing_postal_code|billing_state|billing_vat_number|contact_email')
|
||||
.then(response => {
|
||||
this.data = response.data
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -3,10 +3,10 @@
|
||||
|
||||
<div class="title-wrapper container">
|
||||
<h3 class="main-title-sm">
|
||||
Proč je OasisDrive Výnimočný?
|
||||
{{ $t('homepage_feature_title') }}
|
||||
</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.
|
||||
{{ $t('homepage_feature_description') }}
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
@@ -22,15 +22,15 @@
|
||||
<p class="box-description">
|
||||
{{ feature.excerp }}
|
||||
</p>
|
||||
<div class="box-more-info">
|
||||
<span>Více Informací</span>
|
||||
<!--<div class="box-more-info">
|
||||
<span>{{ $t('more_info') }}</span>
|
||||
<chevron-right-icon size="18" class="icon" />
|
||||
</div>
|
||||
</div>-->
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<router-link :to="{name: 'SignUp'}" class="base-button theme-color cta">
|
||||
Vyzkouset OasisDrive
|
||||
{{ $t('try_drive') }}
|
||||
</router-link>
|
||||
|
||||
<img src="/oasis/wave-background.svg" alt="oasis wave background" class="wave-background">
|
||||
@@ -65,31 +65,25 @@
|
||||
features: [
|
||||
{
|
||||
icon: 'lock',
|
||||
title: 'Bezpecnost na prvnim miste',
|
||||
excerp: 'Naše cloudové uložiště umožňuje bezpečně chránit Vaše firemní data. kdy využíváme několik vysoce zabezpečených serverů po Evropské unii a vícenásobným šifrováním souborů (tzv. kryptováním). ',
|
||||
title: this.$t('feature_1_title'),
|
||||
excerp: this.$t('feature_1_description'),
|
||||
content: '',
|
||||
},
|
||||
{
|
||||
icon: 'file',
|
||||
title: 'Bezpečnost v rámci GDPR',
|
||||
excerp: 'bezpečnost uložení dat v rámci evropské směrnice o GDPR a přidružených zákonů o zpracování a ochraně citlivých údajů. Naši klienti jsou tedy chráněni před zneužitím dat a tím pádem i před pokutami vyplývajícími z legislativy, které být astronomické. ',
|
||||
title: this.$t('feature_2_title'),
|
||||
excerp: this.$t('feature_2_description'),
|
||||
content: '',
|
||||
},
|
||||
{
|
||||
icon: 'cloud',
|
||||
title: 'Jednoduchost pouzivani',
|
||||
excerp: 'Naše cloudové uložiště umožňuje bezpečně chránit Vaše firemní data. kdy využíváme několik vysoce zabezpečených serverů po Evropské unii a vícenásobným šifrováním souborů (tzv. kryptováním). ',
|
||||
title: this.$t('feature_3_title'),
|
||||
excerp: this.$t('feature_3_description'),
|
||||
content: '',
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.$scrollTop()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -10,10 +10,10 @@
|
||||
|
||||
<header class="header container">
|
||||
<h1 class="main-title">
|
||||
Jednoduchý a Bezpečný Cloud vo Vrecku
|
||||
{{ $t('homepage_header_title') }}
|
||||
</h1>
|
||||
<h2 class="sub-title">
|
||||
Virtuální šanon, vždy s tebou.
|
||||
{{ $t('homepage_header_description') }}
|
||||
</h2>
|
||||
|
||||
<div v-if="config.isAuthenticated">
|
||||
@@ -23,10 +23,10 @@
|
||||
</div>
|
||||
<div v-if="! config.isAuthenticated">
|
||||
<router-link :to="{name: 'SignUp'}" class="theme-button">
|
||||
Zaregistrujte se
|
||||
{{ $t('page_index.menu.sign_in') }}
|
||||
</router-link>
|
||||
<span class="log-in">
|
||||
alebo <router-link :to="{name: 'SignIn'}">prihláste se</router-link>
|
||||
{{ $t('global.or') }} <router-link :to="{name: 'SignIn'}">{{ $t('page_index.menu.log_in') }}</router-link>
|
||||
</span>
|
||||
</div>
|
||||
</header>
|
||||
@@ -51,11 +51,6 @@
|
||||
'config'
|
||||
]),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
</div>
|
||||
<div v-if="! config.isAuthenticated" class="log-in">
|
||||
<router-link :to="{name: 'SignIn'}" class="base-button theme-color">
|
||||
Prihlásit se
|
||||
{{ $t('page_index.menu.log_in') }}
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
@@ -46,15 +46,15 @@
|
||||
isWhite: false,
|
||||
navigation: [
|
||||
{
|
||||
title: 'Ceník',
|
||||
title: this.$t('navigation.price'),
|
||||
href: 'cenik',
|
||||
},
|
||||
{
|
||||
title: 'O Nás',
|
||||
title: this.$t('navigation.about-us'),
|
||||
href: 'o-nas',
|
||||
},
|
||||
{
|
||||
title: 'Kontakt a Podpora',
|
||||
title: this.$t('navigation.contact-and-support'),
|
||||
href: 'kontakt-a-podpora',
|
||||
},
|
||||
],
|
||||
|
||||
@@ -10,10 +10,10 @@
|
||||
|
||||
<div class="title-wrapper container">
|
||||
<h3 class="main-title-sm">
|
||||
Kolik stoji OasisDrive?
|
||||
{{ $t('homepage_pricing_title') }}
|
||||
</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.
|
||||
{{ $t('homepage_pricing_description') }}
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
</div>
|
||||
<div class="container">
|
||||
|
||||
<ul class="pricing-box">
|
||||
<ul v-if="pricing" class="pricing-box">
|
||||
<li v-for="(plan, i) in pricing" :key="i" class="box">
|
||||
<folder-icon size="34" class="pricing-icon" />
|
||||
|
||||
@@ -70,57 +70,15 @@
|
||||
},
|
||||
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"}]
|
||||
}
|
||||
}
|
||||
}]
|
||||
pricing: undefined
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
axios.get('/api/pricing')
|
||||
.then(response => {
|
||||
this.pricing = response.data
|
||||
})
|
||||
},
|
||||
created() {
|
||||
this.$scrollTop()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user