Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
newweb.tbf.ro_simple
/
src
/
views
/
TbfSystems
/
Information Server
MySQL :
OFF
Perl :
OFF
CURL :
ON
WGET :
OFF
PKEXEC :
OFF
Directive
Local Value
IP Address
89.40.16.97
System
Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User
tbf
PHP Version
7.3.33
Software
Apache
Doc root
Writable
close
Edit File :
Contact.vue
| Size :
8.46
KB
Copy
<template> <div class="tbf-systems" data-scrollbar> <div class="actions-fixed"> <div class="logo top-left" @click="$router.push({ name: 'tbf-systems-home' })"><logo /></div> <div class="menu top-right" @click="openMenu"><menu-bars /></div> <div class="share bottom-left"> <div class="share-btn"><share /></div> <div class="list-shares"> <a href="https://www.facebook.com/thebasicfundamentals" target="_blank"><facebook /></a> <a href="https://www.instagram.com/thebasicfundamentals/" target="_blank"><instagram /></a> <a href="https://linkedin.com/company/thebasicfundamentals" target="_blank"><linkedin /></a> </div> </div> <div id="arrowBottomRight" class="bottom-right back" @click="scrollToTop()"><span>Scroll mai jos</span><icon-arrow class="icon-arrow" /></div> </div> <popup-cookies id="popupCookies" v-if="viewPopupCookie" @response_cookie="saveResponseCookie"/> <div v-if="showOverlay" @click="closeMenu" class="overlay-menu"></div> <modal-menu @close_menu="closeMenu"/> <div class="desktop"> <div class="section-contact" id="section-contact-id"> <square class="square-bg-1" /> <square class="square-bg-2" /> <square class="square-bg-3" /> <div class="container-section"> <div class="title-section">Cum putem să te ajutăm?</div> <div class="desc">Descrie pe scurt problemele pe care vrei să le rezolvăm pentru tine prin sistemele noastre software iar noi te vom contacta în cel mai scurt timp posibil.</div> <form class="form-section" @submit="checkForm"> <div class="contact-form"> <square class="square-bg-4" /> <square class="square-bg-5" /> <square class="square-bg-6" /> <square class="square-bg-7" /> <square-blue class="square-blue-bg-1" /> <div class="col-50"> <div class="form-group-tbf" v-bind:class="{error: errors.firstLastName && contactForm.firstLastName == ''}"> <label class="label">Numele tău</label> <input class="input-simple" type="text" v-model="contactForm.firstLastName" placeholder="Scrie numele tău complet…"> </div> <div class="form-group-tbf mb-0 mb-mobile" v-bind:class="{error: errors.email && contactForm.email == ''}"> <label class="label">Adresa ta de email</label> <input class="input-simple" type="text" v-model="contactForm.email" placeholder="Completează adresa ta de email"> </div> </div> <div class="col-50"> <div class="form-group-tbf full-h mb-0" v-bind:class="{error: errors.message && contactForm.message == ''}"> <label class="label">Mesajul tău pentru TBF Systems</label> <textarea rows="4" class="textarea-simple" v-model="contactForm.message" placeholder="Descrie pe scurt problemele pe care vrei să le rezolvam pentru tine"></textarea> </div> </div> </div> <div class="submit-contact"> <button class="submit-btn" type="submit">Trimite mesajul la echipa TBF<icon-arrow class="icon-arrow"/></button> </div> </form> </div> </div> <section-7 /> <section-9 /> <small-footer /> </div> </div> </template> <script> import Logo from '@/assets/TbfSystems/Logo' import MenuBars from '@/assets/TbfSystems/MenuBars' import Share from '@/assets/TbfSystems/Share' import Facebook from '@/assets/TbfSystems/logos/Facebook' import Instagram from '@/assets/TbfSystems/logos/Instagram' import Linkedin from '@/assets/TbfSystems/logos/Linkedin' import IconArrow from '@/assets/TbfSystems/Arrow' import Square from '@/assets/TbfSystems/Square' import SquareBlue from '@/assets/TbfSystems/SquareBlue' import PopupCookies from '@/components/TbfSystems/PopupCookies' import ModalMenu from '@/components/TbfSystems/ModalMenu' import Section7 from '@/components/TbfSystems/desktop/Section07' import Section9 from '@/components/TbfSystems/desktop/Section09' import SmallFooter from '@/components/TbfSystems/SmallFooter' import axios from 'axios'; export default { data() { return { contactForm: { firstLastName: '', email: '', message: '' }, errors: { firstLastName: false, email: false, message: false }, hasError: false, viewPopupCookie: false, showOverlay: false, meta: { title: "Sisteme software pentru automatizarea companiilor", description: "CAutomatizăm managementul și accelerăm vânzările prin sisteme software personalizate pentru companii. Scalează profitabil și predictibil cu sistemele TBF.", image: process.env.VUE_APP_BASE_URL+"/build/images/share/Share - Systems.png" } }; }, components: { Logo, MenuBars, Share, Facebook, Instagram, Linkedin, IconArrow, Square, SquareBlue, PopupCookies, ModalMenu, Section7, Section9, SmallFooter }, mounted(){ this.scroll() if(!this.$cookie.get('acceptCookies')){ this.viewPopupCookie = true setTimeout(() => { $('#popupCookies').addClass('active') }, 4000) } }, methods: { scroll () { window.onscroll = () => { let bottomOfWindow = Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop) + (window.innerHeight * 2) >= document.documentElement.offsetHeight if(bottomOfWindow){ document.querySelector('#arrowBottomRight').classList.remove('back') }else{ document.querySelector('#arrowBottomRight').classList.add('back') } } }, saveResponseCookie(value){ $('#popupCookies').removeClass('active') setTimeout(() => { this.$cookie.set('acceptCookies', true, { expires: '1M' }) this.viewPopupCookie = false }, 200) }, scrollToTop(){ if (!document.getElementById('arrowBottomRight').classList.contains('back')) { $("html, body").animate({ scrollTop: 0 }, "slow"); } }, openMenu(){ this.showOverlay = true setTimeout(() => { $('.overlay-menu').addClass('show') $('.menu-tbf').addClass('active') }, 0) }, closeMenu(){ $('.menu-tbf').removeClass('active') setTimeout(() => { $('.overlay-menu').removeClass('show') setTimeout(() => { this.showOverlay = false; }, 200); }, 200); }, checkForm(e){ e.preventDefault(); this.errors = {firstLastName: false, email: false, message: false} this.hasError = false if(this.contactForm.firstLastName == ''){ this.errors.firstLastName = true this.hasError = true } if(this.contactForm.email == ''){ this.errors.email = true this.hasError = true } if(this.contactForm.message == ''){ this.errors.message = true this.hasError = true } if(!this.hasError){ axios.post('/tbf-systems-contacts/store', { name: this.contactForm.firstLastName, email: this.contactForm.email, message: this.contactForm.message, }).then(({data}) => { axios.post('/add-active-campaign ', { name: this.contactForm.firstLastName, email: this.contactForm.email, message: this.contactForm.message, tag: "Contact - TBF Systems", }).then(({data}) => { this.$router.push({ name: 'tbf-systems-contact-success' }) }).catch(error => { }); }).catch(error => { }); } } }, metaInfo() { return { title: this.meta.title, titleTemplate: '%s « TBF', htmlAttrs: { lang: 'ro', amp: null }, meta: [ { name: 'description', content: this.meta.description}, { image: 'name', content: this.meta.title }, { image: 'description', content: this.meta.description }, { itemprop: 'image', content: this.meta.image }, // GOOGLE { name: 'robots', content: 'follow' }, { name: 'author', content: 'TBF.ro' }, { name: 'copyright', content: '' }, // FACEBOOK { property: "og:title", content: this.meta.title }, { property: "og:type", content: 'article' }, { property: "og:description", content: this.meta.description }, { property: "og:url", content: process.env.VUE_APP_BASE_URL+"/tbf-systems/contact" }, { property: "fb:app_id", content: process.env.MIX_FB_ID }, { property:"og:image", content: this.meta.image }, // TWITTER { name: 'twitter:card', content: 'summary' }, { name: 'twitter:description', content: this.meta.description }, { name: 'twitter:title', content: this.meta.title }, { name: 'twitter:site', content: '@TBF' }, { name: 'twitter:creator', content: '@TBF' }, { name: 'twitter:image', content: this.meta.image }, ], } }, } </script>
Back