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 :
WebinarInscriere.vue
| Size :
6.37
KB
Copy
<template> <div class="content-page full-page-one-section"> <div class="section-header" id="firstBodySection"> <div class="data-header"> <div class="container-header"> <template v-if="successRegister"> <h1 class="title-form">Locul tău a fost <span>rezervat cu succes</span></h1> <div class="description">Vei primi pe email link-ul de acces la prezentarea live care va avea loc pe Zoom. Te rugăm să notezi în calendar data de 21 iunie ora 19:00 pentru că nu oferim înregistrarea.</div> </template> <template v-else> <h1 class="title-form">Rezervă-ți locul pentru 21 iunie ora 19:00</h1> <div class="form"> <div class="field"> <input type="text" placeholder="Prenume" class="input-quiz" v-model="last_name"/> <span class="message-error" v-if="$v.last_name.$error">Acest camp este obligatoriu</span> </div> <div class="field"> <input type="text" placeholder="Email" class="input-quiz" v-model="email"> <span class="message-error" v-if="$v.email.$error && !$v.email.required">Acest camp este obligatoriu</span> <span class="message-error" v-if="$v.email.$error && !$v.email.email">Adresa de email nu este valida</span> </div> <div class="field"> <input type="text" placeholder="Telefon" class="input-quiz" v-model="phone"> <span class="message-error" v-if="$v.phone.$error">Acest camp este obligatoriu</span> </div> <label class="checkbox-tbf-contract"> <input type="checkbox" v-model="acceptTerms"> <div class="checkmark" :class="{required: $v.acceptTerms.$error}"></div> <div class="text-checkbox">Sunt de acord cu <a href="https://tbf.ro/termeni-si-conditii" target="_blank">Termenii şi condiţiile</a></div> </label> <div class="answer"> <button class="btn-rounded red" @click="sendRequest"> <div class="loader-spin" v-if="onLoading"></div> <template v-else>Rezervă Locul</template> </button> </div> </div> </template> </div> </div> <img src="/build/images/events/shader-back-nou (1).png" class="background-particles-0" /> <div id="particles-js" class="particles-black"></div> <img src="/build/images/events/section-1-layer.png" class="background-particles" /> </div> </div> </template> <script> import VLazyImage from "v-lazy-image/v2"; import Logo from "../../assets/Tbf/Logo.vue"; import { required, email, sameAs } from 'vuelidate/lib/validators' export default { data() { return { last_name: '', email: '', phone: '', acceptTerms: false, successRegister: false, onLoading: false }; }, components: { VLazyImage, Logo }, validations: { last_name: {required}, email: {required, email}, phone: {required}, acceptTerms: { sameAs: sameAs( () => true ) }, }, mounted() { var noParticles = screen.width > 650 ? 137 : 70; particlesJS('particles-js', { "particles": { "number": { "value": noParticles, "density": { "enable": true, "value_area": 800 } }, "color": { "value": "#ffffff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 5 }, "image": { "src": "img/github.svg", "width": 100, "height": 100 } }, "opacity": { "value": 0.5, "random": false, "anim": { "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false } }, "size": { "value": 1.5, "random": true, "anim": { "enable": false, "speed": 40, "size_min": 0.1, "sync": false } }, "line_linked": { "enable": true, "distance": 157.82983970406906, "color": "#ffffff", "opacity": 0.4, "width": 1 }, "move": { "enable": true, "speed": 1.60340724038582, "direction": "none", "random": true, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": false, "mode": "repulse" }, "onclick": { "enable": false, "mode": "push" }, "resize": true }, "modes": { "grab": { "distance": 400, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 55.94405594405595, "duration": 0.4 }, "push": { "particles_nb": 4 }, "remove": { "particles_nb": 2 } } }, "retina_detect": true }); }, methods: { sendRequest() { this.onLoading = true; this.$v.$touch(); if(!this.$v.$invalid){ axios.post('add-active-campaign', { tag: "program_trimestriala_2023_21_iunie", email: this.email, last_name: this.last_name, phone: this.phone }) .then(() => { this.onLoading = false; this.successRegister = true; }) .catch(error => { this.onLoading = false; if(error.response) { if(error.response.status == 500) { alert('Server Error') } } }) } else { this.onLoading = false; } } }, }; </script>
Back