Ngiler SH3LL 360
Home
Information
Create File
Create Folder
:
/
home
/
tbf
/
newweb.tbf.ro
/
resources
/
js
/
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
close
Edit File :
TbfTemplate.vue
| Size :
6.44
KB
Copy
<template> <div class="tbf-website" data-scrollbar> <div class="actions-fixed"> <div class="logo top-left happyday"> <router-link :to="{ name: 'Home'}"> <logo/> <!-- <span>28.03-06.04</span> --> </router-link> </div> <!--<div class="menu top-right" @click="openMenu"> <menu-bars /> </div> --> <div class="menu center-top-menu" id="center-menu"> <ul class="main-menu-listed"> <!-- <li> <router-link :to="{ name: 'ZileleTbf'}"> Zilele TBF </router-link> </li> <li class="special"> <router-link :to="{ name: 'ofertaZileleTBF'}"> <span>OFERTÄ‚</span> </router-link> </li> <li> <router-link :to="{ name: 'DailyFundamentals'}"> Fundamentul zilei </router-link> </li> <li> <router-link :to="{ name: 'pricing30days'}"> Curs Management </router-link> </li> <li> <router-link :to="{ name: 'Podcasts'}"> Podcast </router-link> </li> <li> <li><a href="https://central.tbf.ro" target="_blank">Soft TBF Digital</a></li> <li> <router-link :to="{ name: 'program-implementare'}"> Accelerator </router-link> </li> --> </ul> </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"/> <modal-subscribe-mba id="modalSubscribeMba" @close_modal="closeMenu" v-if="showModalSubscribeMba"/> <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 { gsap } from "gsap"; 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' import ModalSubscribeMba from '../../components/Tbf/ModalSubscribeMBA' export default { data() { return { viewPopupCookie: false, showOverlay: false, showModalSubscribe: false, showModalSubscribeMba: false, activeModal: '' }; }, components: { Logo, MenuBars, IconArrow, Share, Facebook, Instagram, Linkedin, PopupCookies, ModalMenu, ModalSubscribe, ModalSubscribeMba }, mounted(){ this.scroll() if(this.$route.query.newsletter == "true"){ this.openSubscribeModal(); } this.$root.$on("open_modal_subscribe", () => { this.openSubscribeModal(); }) this.$root.$on("open_modal_subscribe_mba", () => { this.openSubscribeModalMba(); }) if(!this.$cookie.get('zileleTBF') && this.$route.name != "MbaReluare"){ setTimeout(() => { this.openSubscribeModalMba(); }, 2000) } if(!this.$cookie.get('acceptCookies')){ this.viewPopupCookie = true setTimeout(() => { $('#popupCookies').addClass('active') }, 4000) } // gsap.to('#center-menu', { // scrollTrigger:{ // trigger: '.tbf-website-body', // start: "0", // end: "3%", // onToggle: self2 => self2.progress == 0 ? document.querySelector('#center-menu').classList.remove('with-background') : document.querySelector('#center-menu').classList.add('with-background'), // scrub: true // }, // }) }, 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"); } }, ScrollToFormular(){ this.$root.$emit('open_modal_subscribe_mba'); }, 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.showModalSubscribeMba = 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); }, openSubscribeModalMba(){ // this.activeModal = 'SubscribeMba' // this.showOverlay = true // this.showModalSubscribeMba = true // setTimeout(() => { // $('.overlay-menu').addClass('show') // setTimeout(() => { // $("#modalSubscribeMba").addClass("active"); // }, 200); // }, 0); } } } </script>
Back