language translation deletion

This commit is contained in:
Čarodej
2022-04-27 10:29:06 +02:00
parent 3b3bf62cb8
commit e645291855
13 changed files with 8 additions and 1166 deletions

View File

@@ -3,7 +3,6 @@
<!--UI components-->
<Alert />
<ToasterWrapper />
<CookieDisclaimer />
<!--Show spinner before translations is loaded-->
<Spinner v-if="!isLoaded" />
@@ -21,7 +20,6 @@
<script>
import ToasterWrapper from './components/Toaster/ToasterNotifications'
import SidebarNavigation from "./components/Sidebar/SidebarNavigation"
import CookieDisclaimer from './components/UI/Others/CookieDisclaimer'
import Spinner from './components/UI/Others/Spinner'
import Vignette from './components/UI/Others/Vignette'
import Alert from './components/Popups/Alert'
@@ -32,7 +30,6 @@ export default {
name: 'App',
components: {
SidebarNavigation,
CookieDisclaimer,
ToasterWrapper,
Vignette,
Spinner,

View File

@@ -1,46 +0,0 @@
<template>
<div
v-if="isVisibleDisclaimer"
class="fixed bottom-0 left-0 right-0 z-20 w-full rounded-tl-xl rounded-tr-lg bg-white p-4 shadow-xl dark:bg-dark-foreground sm:left-16 sm:right-auto sm:w-56 sm:p-3"
>
<span @click="closeDisclaimer" class="absolute -right-1 -top-1 cursor-pointer p-3">
<x-icon size="10" />
</span>
<i18n path="cookie_disclaimer.description" tag="p" class="text-xs">
<router-link :to="{ name: 'DynamicPage', params: { slug: 'cookie-policy' } }" class="text-theme text-xs">
{{ $t('cookie_disclaimer.button') }}
</router-link>
</i18n>
</div>
</template>
<script>
import { XIcon } from 'vue-feather-icons'
import { mapGetters } from 'vuex'
export default {
name: 'CookieDisclaimer',
components: {
XIcon,
},
computed: {
...mapGetters(['config']),
},
data() {
return {
isVisibleDisclaimer: false,
}
},
methods: {
closeDisclaimer() {
localStorage.setItem('isHiddenDisclaimer', 'true')
this.isVisibleDisclaimer = false
},
},
created() {
this.isVisibleDisclaimer =
this.config.installation === 'installation-done' && !localStorage.getItem('isHiddenDisclaimer')
},
}
</script>

View File

@@ -7,7 +7,7 @@
/>
<span class="block">
<router-link :to="{ name: 'Homepage' }" class="text-theme font-bold">
<router-link :to="{ name: 'SignIn' }" class="text-theme font-bold">
{{ $t('go_home') }}
</router-link>
</span>

View File

@@ -1,183 +0,0 @@
<template>
<div class="landing-page">
<!--Navigation-->
<Navigation class="page-wrapper small" />
<!--Page content-->
<div class="page-wrapper small">
<!--Headline-->
<PageTitle
class="headline"
:title="$t('contact_us')"
:description="$t('page_contact_us.description')"
></PageTitle>
<ValidationObserver
v-if="!isSuccess"
@submit.prevent="contactForm"
ref="contactForm"
v-slot="{ invalid }"
tag="form"
class="form block-form"
>
<div class="block-wrapper">
<label>{{ $t('email') }}:</label>
<ValidationProvider tag="div" mode="passive" 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 input-dark"
:class="{ '!border-rose-600': errors[0] }"
/>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<div class="block-wrapper">
<label>{{ $t('message') }}:</label>
<ValidationProvider tag="div" mode="passive" name="Message" rules="required" v-slot="{ errors }">
<textarea
v-model="contact.message"
:placeholder="$t('page_contact_us.form.message_plac')"
rows="6"
class="focus-border-theme input-dark"
:class="{ '!border-rose-600': errors[0] }"
></textarea>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</div>
<InfoBox v-if="isError">
<p>{{ $t('page_contact_us.error_message') }}</p>
</InfoBox>
<div>
<AuthButton
class="submit-button"
icon="chevron-right"
:text="$t('send_message')"
:loading="isLoading"
:disabled="isLoading"
/>
</div>
</ValidationObserver>
<InfoBox v-if="isSuccess" class="!mb-0">
<p>{{ $t('page_contact_us.success_message') }}</p>
</InfoBox>
</div>
<!--Footer-->
<PageFooter />
</div>
</template>
<script>
import { ValidationProvider, ValidationObserver } from 'vee-validate/dist/vee-validate.full'
import PageTitle from '../../components/IndexPage/Components/PageTitle'
import PageFooter from '../../components/IndexPage/IndexPageFooter'
import Navigation from '../../components/IndexPage/IndexNavigation'
import InfoBox from '../../components/UI/Others/InfoBox'
import AuthButton from '../../components/UI/Buttons/AuthButton'
import { required } from 'vee-validate/dist/rules'
import { mapGetters } from 'vuex'
import axios from 'axios'
export default {
name: 'ContactUs',
components: {
ValidationProvider,
ValidationObserver,
AuthButton,
PageFooter,
Navigation,
PageTitle,
required,
InfoBox,
},
computed: {
...mapGetters(['config']),
},
data() {
return {
isLoading: false,
isSuccess: false,
isError: false,
contact: {
email: '',
message: '',
reCaptcha: null,
},
}
},
methods: {
async contactForm() {
// Validate fields
const isValid = await this.$refs.contactForm.validate()
if (!isValid) return
// Start loading
this.isLoading = true
// Get ReCaptcha token
if (config.allowedRecaptcha) {
this.register.reCaptcha = await this.$reCaptchaToken('register').then((response) => {
return response
})
}
// Send request to get user token
axios
.post('/api/contact', this.contact)
.then(() => {
this.isSuccess = true
})
.catch(() => {
this.isError = true
})
.finally(() => {
// End loading
this.isLoading = false
})
},
},
created() {
this.$scrollTop()
},
}
</script>
<style lang="scss" scoped>
@import '../../../sass/vuefilemanager/landing-page';
@import '../../../sass/vuefilemanager/variables';
@import '../../../sass/vuefilemanager/mixins';
@import '../../../sass/vuefilemanager/forms';
.form {
max-width: 100%;
}
.headline {
padding-top: 70px;
padding-bottom: 50px;
}
.form.block-form {
.submit-button {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
}
.dark {
}
@media only screen and (max-width: 960px) {
.headline {
padding-top: 50px;
padding-bottom: 30px;
}
}
</style>

View File

@@ -1,91 +0,0 @@
<template>
<div class="landing-page">
<!--Navigation-->
<Navigation class="page-wrapper small" />
<!--Page content-->
<div class="page-wrapper small">
<!--Headline-->
<PageTitle class="headline" :title="page.data.attributes.title"></PageTitle>
<!--Content-->
<div class="page-content" v-html="page.data.attributes.content_formatted"></div>
</div>
<!--Footer-->
<PageFooter />
</div>
</template>
<script>
import PageTitle from '../../components/IndexPage/Components/PageTitle'
import PageFooter from '../../components/IndexPage/IndexPageFooter'
import Navigation from '../../components/IndexPage/IndexNavigation'
import { mapGetters } from 'vuex'
import axios from 'axios'
export default {
name: 'DynamicPage',
components: {
PageFooter,
Navigation,
PageTitle,
},
computed: {
...mapGetters(['config']),
},
data() {
return {
isLoading: false,
page: undefined,
}
},
watch: {
$route(to, from) {
this.getPage()
},
},
methods: {
getPage() {
axios.get('/api/page/' + this.$route.params.slug).then((response) => {
this.page = response.data
this.$scrollTop()
})
},
},
created() {
this.getPage()
},
}
</script>
<style lang="scss" scoped>
@import '../../../sass/vuefilemanager/landing-page';
@import '../../../sass/vuefilemanager/variables';
@import '../../../sass/vuefilemanager/mixins';
.headline {
padding-top: 70px;
padding-bottom: 50px;
}
.page-content {
/deep/ p {
@include font-size(20);
font-weight: 500;
line-height: 1.65;
padding-bottom: 30px;
}
}
.dark {
}
@media only screen and (max-width: 960px) {
.headline {
padding-top: 50px;
padding-bottom: 30px;
}
}
</style>

View File

@@ -1,84 +0,0 @@
<template>
<div class="landing-page">
<div v-if="!isLoading">
<!--Navigation-->
<Navigation class="page-wrapper medium" />
<!--Header-->
<PageHeader />
<!--VueFileManager ScreenShot-->
<HeroScreenshot />
<!--Main Features-->
<MainFeatures />
<!--Pricing Tables-->
<PricingTables v-if="config.isSaaS && config.subscriptionType === 'fixed'" />
<!--Get Started Call To Action-->
<GetStarted />
<!--Footer-->
<PageFooter />
</div>
<div v-if="isLoading">
<Spinner />
</div>
</div>
</template>
<script>
import HeroScreenshot from '../../components/IndexPage/IndexHeroScreenshot'
import PricingTables from '../../components/IndexPage/IndexPricingTables'
import MainFeatures from '../../components/IndexPage/IndexMainFeatures'
import Navigation from '../../components/IndexPage/IndexNavigation'
import PageHeader from '../../components/IndexPage/IndexPageHeader'
import GetStarted from '../../components/IndexPage/IndexGetStarted'
import PageFooter from '../../components/IndexPage/IndexPageFooter'
import Spinner from '../../components/UI/Others/Spinner'
import { mapGetters } from 'vuex'
import axios from 'axios'
export default {
name: 'Homepage',
components: {
HeroScreenshot,
PricingTables,
MainFeatures,
GetStarted,
Navigation,
PageHeader,
PageFooter,
Spinner,
},
computed: {
...mapGetters(['config']),
},
data() {
return {
isLoading: true,
}
},
mounted() {
if (!this.config.allowHomepage) this.$router.push({ name: 'SignIn' })
// Get page content
axios
.get('/api/settings', {
params: {
column: 'allow_homepage|footer_content|get_started_description|get_started_title|pricing_description|pricing_title|feature_description_3|feature_title_3|feature_description_2|feature_title_2|feature_description_1|feature_title_1|features_description|features_title|header_description|header_title|section_get_started|section_pricing_content|section_feature_boxes|section_features',
},
})
.then((response) => {
this.$store.commit('SET_INDEX_CONTENT', response.data)
})
.finally(() => {
this.isLoading = false
})
},
created() {
this.$scrollTop()
},
}
</script>