ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / js / components / 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

Edit File : ModalSubscribeMBA.vue \| Size : 6.47 KB
<template> <div class="modal-subscribe subscribe-30days"> <div class="content-modal" v-if="!succesModal"> <div class="close-modal" @click="$emit('close_modal')"><icon-close class="close-icon" /></div> <div class="title white-title" style="padding-top:40px;">Răzvan Căzănescu răspunde LIVE la întrebările antreprenorilor</div> <div class="desc" style="font-size: 19px;">Cu ocazia Zilelor TBF, începând de joi (31 martie) și până miercuri (6 aprilie), Răzvan va susține în fiecare seară de la ora 19:00 un webinar live în care va răspunde la toate întrebările antreprenorilor și managerilor despre creșterea și managementul afacerilor.</div> <form class="form-subscribe" @submit.prevent="checkForm"> <!-- <div class="row-form"> <div class="input-space"> <div class="input-group" v-bind:class="{has_error: $v.form_data.name.$error, complete: form_data.name != '' && !$v.form_data.name.$error}"> <input type="text" placeholder="Prenume" v-model="form_data.name"> <div class="icon-status"><check /></div> </div> </div> <div class="input-space"> <div class="input-group" v-bind:class="{has_error: $v.form_data.phone.$error, complete: form_data.phone != '' && !$v.form_data.phone.$error}"> <input type="text" placeholder="Număr telefon" v-model="form_data.phone"> <div class="icon-status"><check /></div> </div> </div> <div class="input-space"> <div class="input-group" v-bind:class="{has_error: $v.form_data.email.$error, complete: form_data.email != '' && !$v.form_data.email.$error}"> <input type="email" placeholder="Email" v-model="form_data.email"> <div class="icon-status"><check /></div> </div> </div> </div> --> <div class="row-form"> <!-- <div class="input-space"> <label class="checkbox-tbf" v-bind:class="{has_error: $v.form_data.accept_terms.$error}"> Accept <a href="/termeni-si-conditii" target="_blank">termenii și condițiile</a> <input type="checkbox" v-model="form_data.accept_terms"> <span class="checkmark"></span> </label> </div> --> <!-- <div class="input-space"> <label class="checkbox-tbf" v-bind:class="{has_error: $v.form_data.accept_events.$error}"> Sunt de acord să primesc informări comerciale/sondaje/evenimente <input type="checkbox" v-model="form_data.accept_events"> <span class="checkmark"></span> </label> </div> --> <div class="input-space submit"> <!-- <div class="loader-item" v-if="load_in_progress"> <span class="loader loader-4"></span> </div> <button class="btn-submit" type="submit" id="submitSubscribe" v-else>Înscrie-te gratuit la Zilele TBF</button> --> <a href="https://us02web.zoom.us/webinar/register/WN_PkQVZBOJQVS73SufbI42oA" target="_blank" class="btn-submit" style="text-decoration: none;">Înscrie-te gratuit la Zilele TBF</a> </div> </div> </form> </div> <div class="content-modal success" v-else> <div class="title"><span>Felicitări!</span></div> <div class="desc">Stai cu ochii pe e-mail în următoarele zile să nu ratezi nici o lecție valoroasă.</div> <button class="button-back" @click="$emit('close_modal')" style="max-width: 188px;margin: 0 auto;">Înapoi la TBF <icon-arrow class="icon-arrow"/></button> </div> </div> </template> <style lang="scss" scoped> .tbf-website .modal-subscribe.subscribe-30days{ max-width: 800px; .content-modal{ padding: 60px 90px; position: relative; @media (max-width: 800px){ padding: 30px; } .title{ &.yellow-title{ font-size: 36px; color: #FEC710; @media (max-width: 800px){ font-size: 25px; } } &.white-title{ font-size: 30px; @media (max-width: 800px){ font-size: 18px; } } } .desc{ font-size: 16px; @media (max-width: 800px){ font-size: 14px; } } .input-space{ max-width: 400px; } .close-modal{ position: absolute; top: 40px; right: 40px; @media (max-width: 800px){ top: 30px; right: 30px; } .close-icon{ cursor: pointer; width: auto; height: 25px; @media (max-width: 800px){ height: 20px; } .stroke-color{ stroke: #FFF; } } } } .loader { width: 30px; height: 30px; display: block; position: relative; margin: auto; } .loader::before, .loader::after { content: ""; position: absolute; } .loader-list { display: grid; grid-template: repeat(3, 120px)/repeat(3, 120px); grid-gap: 30px; } .loader-item { margin-top: 10px; display: flex; } .loader-4::before, .loader-4::after { border-radius: 50%; width: 8px; height: 8px; background: #FEDC69; top: calc(50% - 4px); animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } .loader-4::before { left: 0; animation-name: firstDot; } .loader-4::after { right: 0; opacity: 0.8; animation-name: secondDot; } } </style> <script> import Check from '../../assets/Tbf/Check' import IconArrow from '../../assets/Tbf/Arrow' import IconClose from '../../assets/Tbf/Close' import { required, email } from 'vuelidate/lib/validators' import axios from 'axios'; export default { data() { return { load_in_progress: false, succesModal: false, form_data: { name: '', phone: '', email: '', accept_terms: false, accept_events: true } } }, components: { Check, IconArrow, IconClose }, validations: { form_data: { name: {required}, phone: {required}, email: {required, email}, accept_terms: { sameAs: val => val === true }, accept_events: { sameAs: val => val === true } } }, methods: { checkForm() { this.load_in_progress = true $('#submitSubscribe').attr('disabled', 'disabled') this.$v.$touch() if(this.$v.$invalid){ $('#submitSubscribe').attr('disabled', false) this.load_in_progress = false }else{ axios.post('/add-active-campaign', { first_name: this.form_data.name, phone: this.form_data.phone, email: this.form_data.email, gdpr: this.form_data.accept_terms, tag: 'zileleTBF,utm_id032022' }).then(({data}) => { this.$cookie.set('zileleTBF', true, { expires: '1M' }) this.succesModal = true; // this.$router.push({ name: 'webinar-management-success' }) }).catch(error => { }); } } } } </script> Back

Edit File : ModalSubscribeMBA.vue | Size : 6.47 KB

<template>
	<div class="modal-subscribe subscribe-30days">
		<div class="content-modal" v-if="!succesModal">
			<div class="close-modal" @click="$emit('close_modal')"><icon-close class="close-icon" /></div>
			<div class="title white-title" style="padding-top:40px;">Răzvan Căzănescu răspunde LIVE la întrebările antreprenorilor</div>
			<div class="desc" style="font-size: 19px;">Cu ocazia Zilelor TBF, începând de joi (31 martie) și până miercuri (6 aprilie), Răzvan va susține în fiecare seară de la ora 19:00 un webinar live în care va răspunde la toate întrebările antreprenorilor și managerilor despre creșterea și managementul afacerilor.</div>
			<form class="form-subscribe" @submit.prevent="checkForm">

				<div class="row-form">
					

					<div class="input-space submit">
						
						<a href="https://us02web.zoom.us/webinar/register/WN_PkQVZBOJQVS73SufbI42oA" target="_blank" class="btn-submit" style="text-decoration: none;">Înscrie-te gratuit la Zilele TBF</a>
					</div>
				</div>
			</form>
		</div>
		<div class="content-modal success" v-else>
			<div class="title"><span>Felicitări!</span></div>
			<div class="desc">Stai cu ochii pe e-mail în următoarele zile să nu ratezi nici o lecție valoroasă.</div>
			<button class="button-back" @click="$emit('close_modal')" style="max-width: 188px;margin: 0 auto;">Înapoi la TBF <icon-arrow class="icon-arrow"/></button>
		</div>
	</div>
</template>

.loader {
			width: 30px;
			height: 30px;
			display: block;
			position: relative;
			margin: auto;
		}
		.loader::before, .loader::after {
			content: "";
			position: absolute;
		}
		.loader-list {
			display: grid;
			grid-template: repeat(3, 120px)/repeat(3, 120px);
			grid-gap: 30px;
		}
		.loader-item {
			margin-top: 10px;
			display: flex;
		}
		.loader-4::before, .loader-4::after {
			border-radius: 50%;
			width: 8px;
			height: 8px;
			background: #FEDC69;
			top: calc(50% - 4px);
			animation-duration: 1s;
			animation-timing-function: linear;
			animation-iteration-count: infinite;
		}
		.loader-4::before {
			left: 0;
			animation-name: firstDot;
		}
		.loader-4::after {
			right: 0;
			opacity: 0.8;
			animation-name: secondDot;
		}
	}
</style>

this.$v.$touch()
				if(this.$v.$invalid){
					$('#submitSubscribe').attr('disabled', false)
					this.load_in_progress = false
				}else{
					axios.post('/add-active-campaign', {
						first_name: this.form_data.name,
						phone: this.form_data.phone,
						email: this.form_data.email,
						gdpr: this.form_data.accept_terms,
						tag: 'zileleTBF,utm_id032022'
					}).then(({data}) => {
						this.$cookie.set('zileleTBF', true, { expires: '1M' })
						this.succesModal = true;
						// this.$router.push({ name: 'webinar-management-success' })
					}).catch(error => {
						
					});
				}
			}
		}
	}
</script>

Back