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 :
Podcasts.vue
| Size :
5.92
KB
Copy
<template> <div class="desktop"> <div class="section-header-daily-fundamentals-list section-global"> <img src="/build/images/rect-sect-1-custom/rect-1.svg" class="rect rect-1"> <img src="/build/images/rect-sect-1-custom/rect-2.svg" class="rect rect-2"> <img src="/build/images/rect-sect-1-custom/rect-3.svg" class="rect rect-3"> <img src="/build/images/rect-sect-1-custom/rect-4.svg" class="rect rect-4"> <img src="/build/images/rect-sect-1-custom/rect-5.svg" class="rect rect-5"> <img src="/build/images/rect-sect-1-custom/rect-6.svg" class="rect rect-6"> <img src="/build/images/rect-sect-1-custom/rect-7.svg" class="rect rect-7"> <div class="container-section"> <div class="container-holder"> <h1> Podcast <span>TBF SHOW</span> </h1> <h2 class="larger"> TBF Show este podcast-ul în care Răzvan Căzănescu oferă soluții de management, marketing și vânzări, în timp real, pentru antreprenori din diferite industrii. Mai precis, în fiecare săptămână, are invitat un antreprenor diferit care îi dezvăluie provocările pe care le are în afacerea lui. Iar Răzvan oferă soluții explicate pas cu pas pentru a rezolva problemele și cauzele acestora. </h2> <a href="javascript:void(0);" @click="$root.$emit('open_modal_subscribe')"> Abonează-te, este gratuit <arrow-right /> </a> <div class="hashtag"> #tbfshowpodcast </div> </div> </div> <div class="podcasts" v-if="loaded"> <div class="podcast" v-for="(podcast,index) in podcasts" v-bind:key="index" @click="goTo({ name: 'ShowDailyFundamental', params: { slug: podcast.url_slug }})" :id="'elem-'+podcast.id"> <div class="client-image"> <img :src="'https://backend.tbf.ro/storage/'+podcast.image" v-if="podcast.image"> <tbf-show-square class="tbf-show-square" /> </div> <div class="cont"> <div class="card-row"> <div class="hashtag">Episodul #{{ podcast.episode }}</div> <span class="date">{{ podcast.publish_date | moment('MMM DD') }}</span> </div> <h1 class="title">{{ podcast.title }}</h1> <div class="description-flex"> <p class="description" v-html="podcast.short_description"></p> </div> <div class="card-new"> <div class="author-podcast"> <p class="author">Invitat: <span class="yellow">{{ podcast.guest }}</span></p> <p class="job">{{ podcast.company }}</p> </div> <icon-play-tbf /> </div> </div> </div> </div> <div class="load-more-button-holder" v-if="can_load_more"> <a href="javascript:void(0);" class="load-more" @click="getTbfShow"> Încarcă mai multe episoade <arrow-right /> </a> </div> <div class="loader-item" v-if="load_in_progress"> <div class="loader loader-4"></div> </div> </div> <footer-tbf /> </div> </template> <script> import ArrowRight from '../../assets_homepage/Tbf/ArrowRight' import IconPlayTbf from '../../assets_homepage/Tbf/IconPlayTbf' import FooterTbf from '../../components/Tbf/desktop/FooterTbf' import TbfShowSquare from '../../assets_homepage/Tbf/TbfShowSquareTwo' import axios from 'axios'; export default { data() { return { podcasts: {}, temp_podcasts: [], loaded: false, loading_page: 1, can_load_more: false, load_in_progress: false, meta: { title: "Podcastul cu Soluții pentru Afaceri", description: "Răzvan Căzănescu oferă soluții la probleme de management, marketing, vânzări, în timp real, pentru antreprenori din diferite industrii.", image: process.env.MIX_VUE_APP_BASE_URL+"/build/images/share/Share - Podcast.png" } }; }, components: { ArrowRight, // ReadMore, FooterTbf, IconPlayTbf, TbfShowSquare }, mounted () { window.scrollTo(0, 0) }, created() { this.getTbfShow(); }, methods: { getTbfShow() { this.can_load_more = false; this.load_in_progress = true; axios.get("/tbf-shows?page="+this.loading_page).then(res => { res.data.data.filter(el => this.temp_podcasts.push(el)); this.podcasts = Object.assign({},this.temp_podcasts); if(this.loading_page == 1){ window.scrollTo(0, 0); } this.loaded = true; if(res.data.links.next){ this.loading_page += 1; this.can_load_more = true; }else{ this.can_load_more = false; } this.load_in_progress = false; if(this.loading_page > 2){ setTimeout(function(){ scrollTo("#elem-"+res.data.data[0].id, 500, { easing: 'ease-in-out' }); }, 100); } }) }, goTo(params){ this.$router.push(params) } }, metaInfo() { return { title: this.meta.title, titleTemplate: '%s « TBF', htmlAttrs: { lang: 'ro', amp: null }, meta: [ { name: 'description', content: this.meta.description}, { image: 'name', content: this.meta.title }, { image: 'description', content: this.meta.description }, { itemprop: 'image', content: this.meta.image }, // GOOGLE { name: 'robots', content: 'follow' }, { name: 'author', content: 'TBF.ro' }, { name: 'copyright', content: '' }, // FACEBOOK { property: "og:title", content: this.meta.title }, { property: "og:type", content: 'article' }, { property: "og:description", content: this.meta.description }, { property: "og:url", content: process.env.MIX_VUE_APP_BASE_URL+"/tbf-show-podcast/" }, { property: "fb:app_id", content: process.env.MIX_FB_ID }, { property:"og:image", content: this.meta.image }, // TWITTER { name: 'twitter:card', content: 'summary' }, { name: 'twitter:description', content: this.meta.description }, { name: 'twitter:title', content: this.meta.title }, { name: 'twitter:site', content: '@TBF' }, { name: 'twitter:creator', content: '@TBF' }, { name: 'twitter:image', content: this.meta.image }, ], } }, } </script>
Back