Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
newweb.tbf.ro
/
resources
/
js
/
views
/
Tbf
/
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 :
ProgramImplementare.vue
| Size :
16.25
KB
Copy
<template> <div class="tbf-systems program-implementare" data-scrollbar> <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 section-contact-program" 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">Program intensiv de 12 luni pentru implementarea corectă a Sistemului TBF de Management</div> <div class="desc">Vrei să implementezi un management structurat prin obiective, responsabilități, proceduri și evaluări de performanță într-un an de zile alături de alți 10 antreprenori? <strong>Completează formularul de mai jos să vezi dacă te califici pentru sesiunea care începe în Aprilie</strong> </div> <div class="laptop-video-background-2"> <div class="video-inside"><iframe frameborder="0" src="https://player.vimeo.com/video/694344764"></iframe></div> </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="columns"> <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" v-bind:class="{error: errors.email && contactForm.email == ''}"> <label class="label">Adresa ta de email</label> <input class="input-simple" type="email" v-model="contactForm.email" placeholder="Completează adresa ta de email"> </div> <div class="form-group-tbf" v-bind:class="{error: errors.phone && contactForm.phone == ''}"> <label class="label">Numărul tău de telefon</label> <input class="input-simple" type="text" v-model="contactForm.phone" placeholder="Completează număr de telefon"> </div> <div class="form-group-tbf" v-bind:class="{error: errors.companyName && contactForm.companyName == ''}"> <label class="label">Companie</label> <input class="input-simple" type="text" v-model="contactForm.companyName" placeholder="Scrie numele companiei…"> </div> </div> <div class="col-50"> <div class="form-group-tbf" v-bind:class="{error: errors.website && contactForm.website == ''}"> <label class="label">Website</label> <input class="input-simple" type="text" v-model="contactForm.website" placeholder="Scrie website-ul companiei…"> </div> <div class="form-group-tbf" v-bind:class="{error: errors.city && contactForm.city == ''}"> <label class="label">Oraș</label> <input class="input-simple" type="text" v-model="contactForm.city" placeholder="Scrie orașul unde locuiești..."> </div> <div class="form-group-tbf" v-bind:class="{error: errors.full_time_employees && contactForm.full_time_employees == ''}"> <label class="label">Număr de angajați full time</label> <input class="input-simple" type="text" v-model="contactForm.full_time_employees" placeholder="Scrie numărul de angajați full time…"> </div> <div class="form-group-tbf" v-bind:class="{error: errors.part_time_employees && contactForm.part_time_employees == ''}"> <label class="label">Număr top manageri</label> <input class="input-simple" type="text" v-model="contactForm.part_time_employees" placeholder="Număr top manageri…"> </div> <div class="form-group-tbf" v-bind:class="{error: errors.ca && contactForm.ca == ''}"> <label class="label">Cifră de afaceri 2020</label> <input class="input-simple" type="text" v-model="contactForm.ca" placeholder="Scrie cifra de afaceri din 2020…"> </div> <div class="form-group-tbf" v-bind:class="{error: errors.ca_2021 && contactForm.ca_2021 == ''}"> <label class="label">Cifră de afaceri realizată în 2021</label> <input class="input-simple" type="text" v-model="contactForm.ca_2021" placeholder="Cifră de afaceri realizată în 2021"> </div> </div> </div> <div class="col-50"> <div class="form-group-tbf" v-bind:class="{error: errors.helpList && contactForm.helpList == ''}"> <label class="label">Care ofertă ți se potrivește?</span></label> </div> <div class="form-group-tbf checkbox-list" v-bind:class="{error: errors.helpList && contactForm.helpList == ''}"> <label class="label"><input type="radio" id="" value="20,000 Eur plătiți în avans în luna Martie 2022 (minus costul cursului “Sistemul de management TBF”)" v-model="contactForm.helpList">20,000 Eur plătiți în avans în luna Martie 2022 (minus costul cursului “Sistemul de management TBF”)</label> <label class="label"><input type="radio" id="" value="5,000 Eur avans în luna Martie 2022 (minus costul cursului “Sistemul de management TBF”) + 12 plăți lunare de 2,000 Eur în 2022-2023 (total 29,000 Eur)" v-model="contactForm.helpList">5,000 Eur avans în luna Martie 2022 (minus costul cursului “Sistemul de management TBF”) + 12 plăți lunare de 2,000 Eur în 2022-2023 (total 29,000 Eur)</label> </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">Alte informații pe care consideri că Răzvan și Adrian ar fi bine să le cunoască despre tine și afacerea ta:</label> <textarea rows="4" class="textarea-simple" v-model="contactForm.message" placeholder="Scrie ce altceva vrei sa transmiti echipei TBF"></textarea> </div> </div> </div> <div class="submit-contact" v-if="!load_in_progress"> <button class="submit-btn" type="submit">Trimite mesajul la echipa TBF<icon-arrow class="icon-arrow"/></button> </div> <div class="loader-item" v-if="load_in_progress"> <span class="loader loader-4"></span> </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/TbfDigital/ModalMenu' import Section7 from '../../components/TbfDigital/desktop/Section11' import Section9 from '../../components/TbfSystems/desktop/Section09' import SmallFooter from '../../components/Tbf/desktop/FooterTbf' import axios from 'axios'; export default { data() { return { contactForm: { firstLastName: '', email: '', message: '', phone: '', companyName: "", website: "", ca: "", ca_2021: "", city: "", full_time_employees: "", part_time_employees: "", helpList: "20,000 Eur plătiți în avans în luna Martie 2022 (minus costul cursului “Sistemul de management TBF”)", deadline: "2022" }, errors: { firstLastName: false, email: false, message: false, phone: false, companyName: false, website: false, ca: false, ca_2021: false, city: false, full_time_employees: false, part_time_employees: false, helpList: false, deadline: false }, hasError: false, viewPopupCookie: false, showOverlay: false, load_in_progress: false, meta: { title: "Program intensiv de 12 luni pentru implementarea corectă a Sistemului TBF de Management", description: "Vrei să implementezi un management structurat prin obiective, responsabilități, proceduri și evaluări de performanță într-un an de zile alături de alți 10 antreprenori?", image: process.env.MIX_VUE_APP_BASE_URL+"/build/images/share/Share - TBF.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.phone == ''){ this.errors.phone = true this.hasError = true } if(this.contactForm.message == ''){ this.errors.message = true this.hasError = true } if(this.contactForm.companyName == ''){ this.errors.companyName = true this.hasError = true } if(this.contactForm.website == ''){ this.errors.website = true this.hasError = true } if(this.contactForm.ca == ''){ this.errors.ca = true this.hasError = true } if(this.contactForm.ca_2021 == ''){ this.errors.ca_2021 = true this.hasError = true } if(this.contactForm.full_time_employees == ''){ this.errors.full_time_employees = true this.hasError = true } if(this.contactForm.part_time_employees == ''){ this.errors.part_time_employees = true this.hasError = true } if(this.contactForm.helpList == ""){ this.errors.helpList = true this.hasError = true } // if(this.contactForm.deadline == ''){ // this.errors.deadline = true // this.hasError = true // } if(this.contactForm.city == ''){ this.errors.city = true this.hasError = true } if(!this.hasError){ this.load_in_progress = true; axios.post('/tbf-systems-contacts/store', { name: this.contactForm.firstLastName, email: this.contactForm.email, phone: this.contactForm.phone, message: this.contactForm.message, // New fields company: this.contactForm.companyName, website: this.contactForm.website, ca: this.contactForm.ca, city: this.contactForm.city, ca_2021: this.contactForm.ca_2021, full_time_employees: this.contactForm.full_time_employees, part_time_employees: this.contactForm.part_time_employees, helpList: this.contactForm.helpList, deadline: this.contactForm.deadline, contact_form_type: "program_implementare" }).then(({data}) => { axios.post('/add-active-campaign ', { first_name: this.contactForm.firstLastName, email: this.contactForm.email, phone: this.contactForm.phone, message: this.contactForm.message, tag: "Cerere Program Implementare Sistem Management 2022", }).then(({data}) => { this.$router.push({ name: 'tbf-program-inscriere-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.MIX_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> <style lang="scss"> .program-implementare .section-contact-program{ .container-section{ padding-top: 120px; } .title-section{ font-size: 48px; line-height: 1.2; color: #333; text-align: center; max-width: 860px; margin: 0 auto 15px; @media(max-width: 1439px){ font-size: 48px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ font-size: 36px; } @media(max-width: 799px){ font-size: 30px; } } .laptop-video-background-2{ width: 100%; max-width: 860px; margin-bottom: 100px; } .desc{ font-size: 20px; line-height: 36px; font-weight: 300; text-align: center; opacity: 0.7; max-width: 937px; margin: 0 auto 60px; @media(max-width: 1439px){ font-size: 18px; line-height: 29px; } @media(max-width: 1365px){ font-size: 16px; line-height: 29px; } @media(max-width: 1279px){ font-size: 14px; line-height: 25px; } @media(max-width: 959px){ font-size: 16px; line-height: 26px; } @media(max-width: 799px){ font-size: 14px; line-height: 21px; } @media(max-width: 640px){ font-size: 18px; line-height: 28px; } } } .tbf-digital .program-implementare .section-11{ .container-section{ padding-left: 0px; padding-right: 0px; .content-section{ .title{ padding-left: 0px; font-size: 48px; line-height: 1.2; color: #333; text-align: center; max-width: 650px; margin: 0 auto 15px; margin-bottom: 60px; @media(max-width: 1439px){ font-size: 48px; } @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ font-size: 36px; } @media(max-width: 799px){ font-size: 30px; } } } } } </style>
Back