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 :
DailyFundamentals.vue
| Size :
5.69
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> Arhivă <span>Fundamentul zilei</span> </h1> <h2> Fundamentul Zilei este o lecție concisă de antreprenoriat, management, marketing sau vânzări pe care o primești în fiecare dimineață pe email. Este micul dejun cerebral al antreprenorului de succes. </h2> <a href="javascript:void(0);" @click="$root.$emit('open_modal_subscribe')"> Abonează-te acum, este gratuit <arrow-right /> </a> <div class="hashtag"> #fundamentulzilei </div> </div> </div> <div class="fundamentals"> <div class="fundamental" v-for="(fundamental,index) in fundamentals" v-bind:key="index" @click="goTo({ name: 'ShowDailyFundamental', params: { slug: fundamental.url_slug }})" :id="'elem-'+fundamental.id"> <div class="card-row first"> <p class="number">#{{ fundamental.nr }}</p> <p class="date">{{ fundamental.publish_date | moment('MMM DD') }}</p> </div> <div class="description" v-html="fundamental.short_description"></div> <div class="card-row"> <p class="tag">De Răzvan Căzănescu / {{ readingTime(fundamental.description) }} Min</p> <a href="javascript:void(0);"> <read-more /> </a> </div> </div> </div> <div class="load-more-button-holder" v-if="can_load_more"> <a href="javascript:void(0);" class="load-more" @click="getFundamentals"> Încarcă mai multe fundamente <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 ReadMore from '../../assets_homepage/Tbf/ReadMore' import FooterTbf from '../../components/Tbf/desktop/FooterTbf' import axios from 'axios'; import { scrollTo } from 'vue-scrollto' export default { data() { return { fundamentals: {}, loaded: false, temp_fundamentals: [], loading_page: 1, can_load_more: false, load_in_progress: false, meta: { title: "Fundamentul Zilei: Micul dejun al antreprenorului de succes", description: "O lecție concisă de antreprenoriat, management, marketing sau vânzări pe care o primești în fiecare dimineață pe email. Abonează-te gratuit.", image: process.env.MIX_VUE_APP_BASE_URL+"/build/images/share/Share - Fundament.png" } }; }, components: { ArrowRight, ReadMore, FooterTbf }, created() { this.getFundamentals(); }, mounted: function () { }, methods: { getFundamentals() { this.can_load_more = false; this.load_in_progress = true; axios.get("/daily-foundations?page="+this.loading_page).then(res => { res.data.data.filter(el => this.temp_fundamentals.push(el)); this.fundamentals = Object.assign({},this.temp_fundamentals); 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); } }) }, 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; }, goTo(params){ let routeData = this.$router.resolve(params); window.open(routeData.href, '_blank'); } }, 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+"/categorie/fundamentul-zilei/" }, { 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