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 :
Contact.vue
| Size :
4.21
KB
Copy
<template> <div class="page-content-custom container"> <div class="d-flex align-items-center"> <h2 class="title-header">Datele noastre de contact</h2> </div> <div class="content-text"> <div class="data-contact-company d-flex align-items-end"> <div class="name-company"> <p class="name">S.C. TBF Digital S.R.L.</p> <p>Nr. Reg. Com.: J23/2632/2019</p> <p>CIF: RO41257754</p> </div> <div class="address-company"> <p>Adresa: Bld. Pipera nr 1-IA, Voluntari, Ilfov</p> <p>Email: <a href="mailto:contact@tbf.ro" target="_top">contact@tbf.ro</a></p> </div> </div> <div class="form-content"> <div v-if="hasErrors" class="alert_errors">Verifica formularul pentru a putea fi trimis catre specialisti nostrii!</div> <div v-if="successMessage" class="alert_success">Mesajul dvs. a fost trimis, o sa va contactam in cel mai scurt timp posibil!</div> <div class="row"> <div class="col-12 col-md-6 pr-10"> <input type="text" placeholder="Nume" v-model="name" class="input-tbf-text" v-bind:class="[errorData['name'] ? 'error' : '']" @focus="removeClassError"> </div> <div class="col-12 col-md-6 pl-10"> <input type="text" placeholder="Telefon" v-model="phone" class="input-tbf-text" v-bind:class="[errorData['phone'] ? 'error' : '']" @focus="removeClassError"> </div> </div> <div class="row mt-20"> <div class="col-12 col-md-12"> <input type="text" placeholder="Adresa de Email" v-model="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-12"> <textarea placeholder="Mesaj" rows="6" v-model="message" class="input-tbf-text" v-bind:class="[errorData['message'] ? 'error' : '']" @focus="removeClassError"></textarea> </div> </div> <!-- <div class="checkbox_tbf mt-20"> <input type="checkbox" id="privacy_policy" value="value"> <label for="privacy_policy"><strong>SUNT DE ACORD CU</strong> <a href="/politica-de-confidentialitate" target="_blank">Politica de confidentialitate</a></label> </div> --> <div class="send_book mt-20"> <button class="tbf_big_btn" @click="sendContact">Trimite</button> </div> </div> </div> </div> </template> <script> export default { data(){ return { name: '', phone: '', email: '', message: '', errorData: [], hasErrors: false, successMessage: false } }, components: { }, watch: {}, created() {}, mounted() { }, methods: { removeClassError(e){ $(e.target).removeClass('error'); }, sendContact(e){ $(e.target).attr('disabled', true); axios.post("/storeContact", { name: this.name, phone: this.phone, email: this.email, message: this.message, }) .then(response => { this.errorData = []; this.hasErrors = false; this.name = ''; this.phone = ''; this.email = ''; this.message = ''; this.successMessage = true; $(e.target).attr('disabled', false); }) .catch(error => { this.errorData = []; setTimeout(() => { var errors = []; $.each(error.response.data.errors, (key, value) => { errors[key] = value; }); this.errorData = errors; setTimeout(() => { this.hasErrors = true; }, 0); }, 0); }) .finally(() => { $(e.target).attr('disabled', false); }); } } } </script>
Back