Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
tbf.ro
/
resources
/
js
/
components
/
pages
/
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 :
VouchereDabo.vue
| Size :
10.99
KB
Copy
<template> <div class="content-page-course"> <div class="container data-course"> <div class="header-content d-flex align-items-center"> <div class="d-flex align-items-center"> <h2 class="title-course-header">Vouchere cadou pentru participantii la TBF Master Plan 2020</h2> </div> </div> <div> <div class="rating-course"> <div class="star-rating"> <star :class="'star star-1 average-1'"></star> <star :class="'star star-2 average-2'"></star> <star :class="'star star-3 average-3'"></star> <star :class="'star star-4 average-4'"></star> <star :class="'star star-5 average-5'"></star> </div> <div class="no-reviews"> </div> </div> <div class="description-course"> <img src="/build/images/banner_dabo_TBF.jpg" style="max-width: 100%;"> </div> <hr class="hr_tbf"> <h3 class="subtitle">Spune-ne unde sa trimitem aceste vouchere cadou</h3> <div class="form-content"> <form method="POST" action="https://thebasicfundamentals.activehosted.com/proc.php" id="form_campaign"> <input type="hidden" name="u" value="17" /> <input type="hidden" name="f" value="17" /> <input type="hidden" name="s" /> <input type="hidden" name="c" value="0" /> <input type="hidden" name="m" value="0" /> <input type="hidden" name="act" value="sub" /> <input type="hidden" name="v" value="2" /> <div v-if="hasErrors" class="alert_errors">Verifica formularul pentru a putea intra in posesia voucherelor!</div> <div v-if="successMessage" class="alert_success">Cererea dumneavoastra a fost inregistrata cu succes!</div> <div class="row"> <div class="col-12 col-md-6 pl-10"> <input type="text" placeholder="Nume reprezentant*" name="field[48]" class="input-tbf-text" v-bind:class="[errorData['lastname'] ? 'error' : '']" @focus="removeClassError"> </div> <div class="col-12 col-md-6 pr-10"> <input type="email" placeholder="Email*" name="email" class="input-tbf-text" v-bind:class="[errorData['email'] ? 'error' : '']" @focus="removeClassError"> </div> </div> <div class="row mt-20"> <div class="col-12 col-md-6 pl-10"> <input type="hidden" placeholder="Telefon*" name="phone" value=""> <VuePhoneNumberInput v-model="phoneObj" class="input-tbf-text custom-for-phone" v-bind:class="[errorData['phone'] ? 'error' : '']" @focus="removeClassError" :translations="{ countrySelectorLabel: '', countrySelectorError: '', phoneNumberLabel: 'Telefon (notificare prin sms)', example: 'Exemplu :' }" @update='updatePhoneNumber' default-country-code='RO'/> </div> <div class="col-12 col-md-6 pr-10"> <input type="text" placeholder="Nume companie*" name="field[34]" class="input-tbf-text" v-bind:class="[errorData['company_name'] ? 'error' : '']" @focus="removeClassError"> </div> </div> <div class="row mt-20"> <div class="col-12 col-md-6 pl-10"> <input type="text" placeholder="CUI*" name="field[44]" class="input-tbf-text" v-bind:class="[errorData['cui'] ? 'error' : '']" @focus="removeClassError"> </div> <div class="col-12 col-md-6 pr-10"> <input type="text" placeholder="Numar de angajati*" name="field[20]" class="input-tbf-text" v-bind:class="[errorData['employees_no'] ? 'error' : '']" @focus="removeClassError"> </div> </div> <div class="row mt-20"> <div class="col-12 pr-10 pl-10"> <textarea placeholder="Adresa completa(strada, nr, oras, judet)*" name="field[45]" rows="6" class="input-tbf-text" v-bind:class="[errorData['address'] ? 'error' : '']" @focus="removeClassError"></textarea> </div> </div> <div class="row mt-20"> <div class="col-12 col-md-12"> <label for="checkbox" class="custom-label" v-bind:class="[errorData['terms'] ? 'error' : '']"><input type="checkbox" name="field[47]" class="input-tbf-text checkbox" @focus="removeClassError" id="checkbox" value="Accept ca numele, adresa de email si numarul de telefon furnizate de mine sa fie folosite pentru a primi date si informatii din partea TBF si Dabo." @click="checkboxChecked">Accept ca numele, adresa de email si numarul de telefon furnizate de mine sa fie folosite pentru a primi date si informatii din partea TBF si DAbo Doner.</label> </div> </div> <div class="send_book mt-20"> <button type="button" class="tbf_big_btn" @click="sendRequest">Trimite</button> </div> </form> </div> <div class="footer"> <hr class="hr_tbf"> <div class="description-wrapper"> <div class="description-holder first"> Copyright © 2019-2020 TBF Digital </div> <div class="description-holder last"> <a href="https://tbf.ro">www.tbf.ro</a> </div> </div> </div> </div> </div> </div> </template> <script> import Star from "../icons/Star"; import 'vue-phone-number-input/dist/vue-phone-number-input.css'; import VuePhoneNumberInput from 'vue-phone-number-input'; import VueCountdown from '@chenfengyuan/vue-countdown'; import vueAwesomeCountdown from 'vue-awesome-countdown' export default { data(){ return { errorData: [], hasErrors: false, successMessage: false, checked: false, phoneObj: undefined, phoneIsValid: false, phoneNumber: '', timestamp: 120000 } }, components: { 'star': Star, 'VuePhoneNumberInput': VuePhoneNumberInput, 'countdown': VueCountdown }, watch: {}, created() {}, mounted() { const today = new Date().getTime(); const event_date = new Date('2020-02-10 14:00:00').getTime(); // const date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate(); // const time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds(); // const dateTime = date +' '+ time; this.timestamp = event_date-today; this.$refs.countdown.start(); }, methods: { transform(props) { Object.entries(props).forEach(([key, value]) => { // Adds leading zero const digits = value < 10 ? `<span class="counter-time">0</span><span class="counter-time">${value}</span>` : '<span class="counter-time">'+value.toString().charAt(0)+'</span><span class="counter-time">'+value.toString().charAt(1)+'</span>'; // uses singular form when the value is less than 2 const word = value < 2 ? key.replace(/s$/, '') : key; props[key] = digits; }); return props; }, updatePhoneNumber(payload){ if(payload.isValid){ this.phoneNumber = payload.formattedNumber; $('input[name="phone"]').val(this.phoneNumber); }else{ this.phoneNumber = ''; $('input[name="phone"]').val(''); } }, checkboxChecked(){ if(this.checked == false){ this.checked = true; }else{ this.checked = false; } }, beforeOpen(){ $("body").addClass('fixed-body'); }, beforeClose(){ $("body").removeClass('fixed-body'); }, removeClassError(e){ $(e.target).removeClass('error'); }, sendRequest(){ this.hasErrors = false this.errorData = [] if($('input[name="field[48]"]').val() == ''){ this.hasErrors = true this.errorData['lastname'] = true } if($('input[name="email"]').val() == ''){ this.hasErrors = true this.errorData['email'] = true } if(this.phoneNumber == ''){ this.hasErrors = true this.errorData['phone'] = true }else{ console.log(this.phoneNumber); $('input[name="phone"]').val(this.phoneNumber); } if($('input[name="field[34]"]').val() == ''){ this.hasErrors = true this.errorData['company_name'] = true } if($('input[name="field[20]"]').val() == ''){ this.hasErrors = true this.errorData['employees_no'] = true } if($('input[name="field[44]"]').val() == ''){ this.hasErrors = true this.errorData['cui'] = true } if($('textarea[name="field[45]"]').val() == ''){ this.hasErrors = true this.errorData['address'] = true } if(this.checked == false){ this.hasErrors = true this.errorData['terms'] = true } if(!this.hasErrors){ // var form = $('#form_campaign'); // var url = form.attr('action'); // $.ajax({ // type: "POST", // url: url, // data: form.serialize(), // success: (data) => // { // alert(data); // } // }); $('#form_campaign').submit(); this.successMessage = true; } }, show (modal_id) { this.$modal.show(modal_id); }, hide (modal_id) { this.$modal.hide(modal_id); } } } </script>
Back