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 :
ShowRandomResource.vue
| Size :
9.13
KB
Copy
<template> <div class="white-wrapper" v-if="loaded"> <router-link class="post-arrow-left" :to="{ name: 'ShowDailyFundamental', params: { slug: data_to_display.previous_url_slug }}" v-if="data_to_display.previous_url_slug"><icon-post-arrow-left /></router-link> <router-link class="post-arrow-right" :to="{ name: 'ShowDailyFundamental', params: { slug: data_to_display.next_url_slug }}" v-if="data_to_display.next_url_slug"><icon-post-arrow-right /></router-link> <div class="container-section"> <div class="show-post" v-if="data_to_display.type == 'foundation'"> <div class="header"> <h1>Fundamentul zilei</h1> <div class="info"> <span><icon-timer />{{ readingTime(data_to_display.description) }} min de citit</span> <span><icon-author />{{ data_to_display.author }}</span> <span class="last"><router-link :to="{ name: 'DailyFundamentals'}"><icon-view-all />Toate fundamentele</router-link></span> </div> </div> <div class="body"> <div class="left-side"> <div class="hastag">#{{ data_to_display.nr }}</div> <div class="date border-bottom">{{ data_to_display.publish_date | moment('DD MMMM, YYYY') }}</div> <div class="share-box"> <div class="sharetext">Share:</div> <div class="social"> <ShareNetwork network="facebook" :url="share_link" :title="'Fundamentul zilei #'+data_to_display.nr" :description="data_to_display.short_description"><icon-facebook /></ShareNetwork> <ShareNetwork network="linkedin" :url="share_link" :title="'Fundamentul zilei #'+data_to_display.nr" :description="data_to_display.short_description"><icon-linkedin /></ShareNetwork> <ShareNetwork network="twitter" :url="share_link" :title="'Fundamentul zilei #'+data_to_display.nr" :description="data_to_display.short_description"><icon-twitter /></ShareNetwork> <a :href="'mailto:&subject=Fundamentul_zilei_#'+data_to_display.nr" target="_blank" class="mail"><icon-mail /></a> </div> </div> </div> <div class="right-side" v-html="data_to_display.description"> </div> </div> </div> <div class="show-post" v-if="data_to_display.type == 'podcast'"> <div class="header"> <h1>Podcast: TBF SHOW</h1> <div class="info"> <span><icon-timer />{{ readingTime(data_to_display.description+data_to_display.transcript) }} min de citit</span> <span><icon-author />{{ data_to_display.author }}</span> <span class="last"><router-link :to="{ name: 'Podcasts'}"><icon-view-all />Toate episoadele</router-link></span> </div> </div> <div class="body"> <div class="left-side" v-if="$resize && $mq.above(800)"> <div class="first-box"> <div class="hastag">#{{ data_to_display.episode }}</div> <div class="date">{{ data_to_display.publish_date | moment('DD MMMM, YYYY') }}</div> </div> <div class="guest-box"><span>Invitat:</span>{{ data_to_display.guest }} / {{ data_to_display.company }}</div> <div class="share-box"> <div class="sharetext">Share:</div> <div class="social"> <ShareNetwork network="facebook" :url="share_link" :title="'Episodul #'+data_to_display.episode+': '+data_to_display.title" :description="data_to_display.short_description"><icon-facebook /></ShareNetwork> <ShareNetwork network="linkedin" :url="share_link" :title="'Episodul #'+data_to_display.episode+': '+data_to_display.title" :description="data_to_display.short_description"><icon-linkedin /></ShareNetwork> <ShareNetwork network="twitter" :url="share_link" :title="'Episodul #'+data_to_display.episode+': '+data_to_display.title" :description="data_to_display.short_description"><icon-twitter /></ShareNetwork> <a :href="'mailto:&subject=Episodul #'+data_to_display.episode+': '+data_to_display.title" target="_blank" class="mail"><icon-mail /></a> </div> </div> </div> <div class="right-side"> <div class="hastag" v-if="$resize && $mq.below(801)">#{{ data_to_display.episode }}</div> <h1>{{ data_to_display.title }}</h1> <div class="guest" v-if="$resize && $mq.below(801)"><span>Invitat:</span>{{ data_to_display.guest }} / {{ data_to_display.company }}</div> <buzzprout-player :script="data_to_display.audio" :key="data_to_display.id" /> <div class="social" v-if="$resize && $mq.below(801)"> <ShareNetwork network="facebook" :url="share_link" :title="'Episodul #'+data_to_display.episode+': '+data_to_display.title" :description="data_to_display.short_description"><icon-facebook /></ShareNetwork> <ShareNetwork network="linkedin" :url="share_link" :title="'Episodul #'+data_to_display.episode+': '+data_to_display.title" :description="data_to_display.short_description"><icon-linkedin /></ShareNetwork> <ShareNetwork network="twitter" :url="share_link" :title="'Episodul #'+data_to_display.episode+': '+data_to_display.title" :description="data_to_display.short_description"><icon-twitter /></ShareNetwork> <a :href="'mailto:&subject=Episodul #'+data_to_display.episode+': '+data_to_display.title" target="_blank" class="mail"><icon-mail /></a> </div> <div v-html="data_to_display.description"></div> <hr> <div v-html="data_to_display.transcript"></div> </div> </div> </div> </div> <footer-tbf /> </div> </template> <script> /* eslint-disable no-useless-escape */ import IconTimer from '../../assets_homepage/Tbf/IconTimer' import IconAuthor from '../../assets_homepage/Tbf/IconAuthor' import IconViewAll from '../../assets_homepage/Tbf/IconViewAll' import IconFacebook from '../../assets_homepage/Tbf/IconFacebook' import IconLinkedin from '../../assets_homepage/Tbf/IconLinkedin' import IconTwitter from '../../assets_homepage/Tbf/IconTwitter' import IconPostArrowLeft from '../../assets_homepage/Tbf/PostArrowLeft' import IconPostArrowRight from '../../assets_homepage/Tbf/PostArrowRight' import IconMail from '../../assets_homepage/Tbf/IconMail' import FooterTbf from '../../components/Tbf/desktop/FooterTbfTwo' import BuzzproutPlayer from '../../components/Tbf/desktop/BuzzproutPlayer' import postscribe from 'postscribe' import axios from 'axios'; export default { data() { return { data_to_display: {}, loaded: false, share_link: '', meta: { title: "", description: "", image: "" } }; }, components: { IconTimer, IconAuthor, IconViewAll, IconFacebook, IconLinkedin, IconTwitter, IconMail, FooterTbf, BuzzproutPlayer, IconPostArrowLeft, IconPostArrowRight }, created() { }, watch: { $route () { this.getFundamental(); } }, mounted: function () { window.scrollTo(0, 0); this.getFundamental(); }, methods: { getFundamental() { axios.get("/fundament-generat-aleat").then(res => { this.data_to_display = res.data.data; if(Object.keys(this.data_to_display).length === 0){ this.$router.push({ name: 'page-404' }); }else{ this.loaded = true; } this.share_link = `${process.env.MIX_URL_SHARE}`+"/"+this.data_to_display.url_slug; if(this.data_to_display.type == 'podcast'){ this.meta.title = "TBF Show #"+this.data_to_display.episode+": "+this.data_to_display.title; this.meta.description = this.data_to_display.short_description; this.meta.image = `${process.env.MIX_URL_SHARE}`+"/build/images/share/Share - Podcast.png"; }else{ this.meta.title = "Fundamentul Zilei #"+this.data_to_display.nr; this.meta.description = this.data_to_display.short_description; this.meta.image = `${process.env.MIX_URL_SHARE}`+"/build/images/share/Share - Fundament.png"; } }) }, readingTime (text) { let minutes = 0; const contentString = JSON.stringify(text); const words = contentString.split(" ").length; const wordsPerMinute = 120; minutes = Math.ceil(words / wordsPerMinute); return minutes; } }, 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+"/"+this.data_to_display.url_slug }, { 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