kar/barta-india.in-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Kar
2024-01-09 21:53:59 +05:30
commit 7cc4488690
46 changed files with 12220 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

193
pages/_slug.vue Normal file
View File

@@ -0,0 +1,193 @@
<template>
<v-container mt-4 style="padding-bottom:120px;">
<v-row>
<v-col sm="12" xl="8" v-if="newsBySlug.length > 0">
<v-card>
<div style="padding: 0 100px;">
<v-card class="justify-center ">
<v-img :src="`https://api5.siliconpin.com${newsBySlug[0].image.url}`" aspect-ratio="1.75">
<span v-text="newsBySlug[0].text_over_image" class="text_over_image"></span>
</v-img>
</v-card>
<span>Published on : {{latestNews[0].created_at.slice(0,10)}} , </span>
<span>at : {{latestNews[0].created_at.slice(11,-5)}} </span>
</div>
<v-card-title class="font-weight-bold justify-center " style="overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; font-size:2em; line-height: 1.6;">
{{ newsBySlug[0].title }}</v-card-title>
<!-- :class="{'subheading': $vuetify.breakpoint.xs}" -->
<hr>
<p class="text-justify"
style="padding:20px; white-space:pre-wrap;font-size:1.2em; line-height: 1.6;font-weight:bold;"
mb-40>
&nbsp; &nbsp; {{ newsBySlug[0].content }}
</p>
<br />
<div id="block_container">
<div>
<ShareNetwork network="facebook" :title="newsBySlug[0].title"
:url="'https://barta-india.in/'+$route.params.slug">
<v-icon class="facebook">mdi-facebook</v-icon>
<span>Share on Facebook</span>
</ShareNetwork>
</div>
<div>
<ShareNetwork network="twitter" :title="newsBySlug[0].title"
:url="'https://barta-india.in/'+$route.params.slug">
<v-icon class="twitter">mdi-twitter</v-icon>
<span>Share on Twitter </span>
</ShareNetwork>
</div>
<div>
<ShareNetwork network="whatsapp" :title="newsBySlug[0].title"
:url="'https://barta-india.in/'+$route.params.slug">
<v-icon class="whatsapp">mdi-whatsapp</v-icon>
<span>Share on whatsapp</span>
</ShareNetwork>
</div>
</div>
<div id="fb"></div>
<!-- <h2 v-html="url"></h2> -->
</v-card>
</v-col>
<v-col sm="12" xl="8" v-else >
<v-card>
<div style="padding: 0 100px;">
<v-card height="200" class="justify-center ">
404 ! Not found
</v-card>
</div>
<!-- <h2 v-html="url"></h2> -->
</v-card>
</v-col>
<v-col sm="12" xl="4">
<div style="padding: 0 50px;">
<v-flex v-for="ln in latestNews" :key="latestNews.slug" xl12>
<div style="padding: 20px 10px;">
<nuxt-link :to="`/${ln.slug}`">
<v-card width="85%">
<v-img :src="`https://api5.siliconpin.com${ln.image.url}`" aspect-ratio="1.75">
<span v-text="ln.text_over_image" class="text_over_image"></span>
</v-img>
<p class="px-4"> <span>Published on : {{latestNews[0].created_at.slice(0,10)}} , </span>
<span>at : {{latestNews[0].created_at.slice(11,-5)}} </span></p>
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="ln.title"></h3>
</div>
</v-card-title>
</v-card>
</nuxt-link>
</div>
</v-flex>
</div>
</v-col>
</v-row>
</v-container>
</template>
<script>
export default {
// data: () => ({
// posts: [],
// pageTitle:"barta-india.in news portal",
// }),
// data() {
// return {
// world: {},
// national: {},
// local: {},
// editorial: {},
// totalNoOfNews: null,
// slug: "",
// pageTitle:"",
// // apiLink:process.env.apiLink
// };
// },
async asyncData({ $axios, route }) {
const newsBySlug = await $axios.$get(`/bartas/?slug=` + route.params.slug)
let latestNews = await $axios.$get(`/bartas/?lang=bn&_sort=id:DESC&_limit=8`)
let pageTitle = ""
let imageUrl = ""
if(newsBySlug.length > 0) {
pageTitle = newsBySlug[0].title;
imageUrl = newsBySlug[0].image.url;
}
else {
pageTitle = "this page not found";
imageUrl = "https://barta-india.in/icon.png";
}
// $route.fullPath
// console.log(route.params.slug);
// console.log(this.pageTitle)
latestNews = JSON.parse(JSON.stringify(latestNews).replace(/\:null/gi, "\:\"\""));
const slugUrl = route.params.slug
return { newsBySlug, latestNews, slugUrl, pageTitle, imageUrl }
},
head() {
return {
title: this.pageTitle,
meta: [
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{
hid: 'description',
name: 'description',
content: this.pageTitle
},
{
hid: 'og:description',
name: 'og:description',
content: this.pageTitle
},
{
hid: 'og:title',
name: 'og:title',
content: this.pageTitle
},
{
hid: 'og:url',
name: 'og:url',
content: 'https://barta-india.in/' + this.slugUrl
},
{
hid: 'og:image',
name: 'og:image',
content: 'https://api5.siliconpin.com' + this.imageUrl
},
{
hid: 'og:image:secure_url',
name: 'og:image:secure_url',
content: 'https://api5.siliconpin.com' + this.imageUrl
},
{
hid: 'og:type',
name: 'og:type',
content: 'News'
}
]
}
}
}
</script>
<style scopped>
</style>

6
pages/about.vue Normal file
View File

@@ -0,0 +1,6 @@
<template>
<v-container> <p> 0123456789
</p>
</v-container>
</template>

47
pages/category/_slug.vue Normal file
View File

@@ -0,0 +1,47 @@
<template>
<v-container grid-list-md>
<!-- <h1>Mountaiins</h1> -->
<!-- <ul v-for="wn in worldNews.slice(-4)" :key="wn.slug">
<li>{{ wn.title }}</li>
<li>{{ wn.image.url }}</li>
</ul> -->
<v-layout row wrap v-if="worldNews.length > 0">
<v-flex v-for="wn in worldNews" :key="worldNews.slug" xs12 md6 lg3>
<nuxt-link :to="`/${wn.slug}`">
<v-card width="95%">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="2.75"></v-img>
<v-card-title primary-title>
<span class="px-4">Published on : {{wn.created_at.slice(0,10)}} </span><br>
<span class="px-4">At : {{wn.created_at.slice(11, -5)}} </span>
<div>
<p style="overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;" class="" v-text="wn.title">
</p>
</div>
</v-card-title>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout v-else>
<h4 style="margin-left: 20px;">No news available in this topic now! Please visit again.</h4>
</v-layout>
</v-container>
</template>
<script>
export default {
async asyncData({ $axios, route }) {
let worldNews = await $axios.$get(
`/bartas/?category=` + route.params.slug + `&lang=bn&_sort=id:DESC`
);
// console.log(worldNews);
worldNews = JSON.parse(JSON.stringify(worldNews).replace(/\:null/gi, "\:\"\""));
return { worldNews };
},
};
</script>

78
pages/category/video.vue Normal file
View File

@@ -0,0 +1,78 @@
<template>
<v-container grid-list-md>
<!-- <lite-youtube
v-bind:videoid= "`${videoNews[0].slug}`"
playlabel="Play: Keynote (Google I/O '18)"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1"
/>
<h2> {{videoNews[0].title}} </h2> -->
<v-layout row wrap >
<v-flex v-for="vn in videoNews" :key="videoNews.id" xs12 md6 lg3>
<v-card width="95%">
<lite-youtube
v-bind:videoid= "`${vn.content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1"
/>
<p class="px-4">On : <span v-text="vn.created_at.slice(0,10)"></span>
, at : <span v-text="vn.created_at.slice(11,-5)"></span></p>
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="vn.title"></h3>
</div>
<div>
<a
:href="`https://youtu.be/${vn.content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a></div>
</v-card-title>
</v-card>
</v-flex>
</v-layout>
</v-container>
</template>
<script>
// import VueYoutube from 'vue-youtube'
export default {
data() {
return {
videoId: 'l5yX7cY0iSE',
videoNews:[]
}
},
// methods: {
// playVideo() {
// this.player.playVideo()
// },
// playing() {
// console.log('\o/ we are watching!!!')
// }
// },
// computed: {
// player() {
// return this.$refs.youtube.player
// }
// },
async asyncData({ $axios, $config }) {
let videoNews = await $axios.$get(`/bartas/?category=video&_sort=id:DESC&_limit=20`)
// need to create the json / var first
// if(worldNews.length < 1) { worldNews[0].image.url="", worldNews[0].slug="404", worldNews[0].slug="not found";}
// if(nationalNews.length < 1) { nationalNews[0].image.url="", nationalNews[0].slug="404", nationalNews[0].slug="not found";}
// if(localNews.length < 1) { localNews[0].image.url="", localNews[0].slug="404", localNews[0].slug="not found";}
// if(articleNews.length < 1) { articleNews[0].image.url="", articleNews[0].slug="404", articleNews[0].slug="not found";}
// if(editorialNews.length < 1) { editorialNews[0].image.url="", editorialNews[0].slug="404", editorialNews[0].slug="not found";}
// if(videoNews.length < 1) { videoNews[0].image.url="", videoNews[0].slug="404", videoNews[0].slug="not found";}
videoNews = JSON.parse(JSON.stringify(videoNews).replace(/\:null/gi, "\:\"\""));
return { videoNews }
}
}
</script>

8
pages/contact.vue Normal file
View File

@@ -0,0 +1,8 @@
<template>
<v-container>
<p class="text-h2">
Ph-0123456789
</p>
</v-container>
</template>

190
pages/en/_slug.vue Normal file
View File

@@ -0,0 +1,190 @@
<template>
<v-container mt-4 style="padding-bottom: 120px">
<v-row>
<v-col sm="12" xl="8" v-if="newsBySlug.length > 0">
<v-card>
<div style="padding: 0 100px">
<v-card class="justify-center">
<v-img :src="`https://api5.siliconpin.com${newsBySlug[0].image.url}`" aspect-ratio="1.75">
<span v-text="newsBySlug[0].text_over_image" class="text_over_image"></span>
</v-img>
</v-card>
<span>Date: {{ newsBySlug[0].created_at.slice(0, 10) }} / </span>
<span>Time: {{ newsBySlug[0].created_at.slice(11, -5) }} </span>
</div>
<v-card-title class="font-weight-bold justify-center" style="font-size: 2em; line-height: 1.6">
{{ newsBySlug[0].title }}
</v-card-title>
<!-- :class="{'subheading': $vuetify.breakpoint.xs}" -->
<hr />
<p class="text-justify" style="
padding: 20px;
white-space: pre-wrap;
font-size: 1.2em;
line-height: 1.6;
font-weight: bold;
" >
&nbsp; &nbsp; {{ newsBySlug[0].content }}
</p>
<br />
<div id="block_container">
<div>
<ShareNetwork network="facebook" :title="newsBySlug[0].title"
:url="'https://barta-india.in/' + $route.params.slug">
<v-icon class="facebook">mdi-facebook</v-icon>
<span>Share on Facebook</span>
</ShareNetwork>
</div>
<div>
<ShareNetwork network="twitter" :title="newsBySlug[0].title"
:url="'https://barta-india.in/' + $route.params.slug">
<v-icon class="twitter">mdi-twitter</v-icon>
<span>Share on Twitter </span>
</ShareNetwork>
</div>
<div>
<ShareNetwork network="whatsapp" :title="newsBySlug[0].title"
:url="'https://barta-india.in/' + $route.params.slug">
<v-icon class="whatsapp">mdi-whatsapp</v-icon>
<span>Share on whatsapp</span>
</ShareNetwork>
</div>
</div>
<div id="fb"></div>
<!-- <h2 v-html="url"></h2> -->
</v-card>
</v-col>
<v-col sm="12" xl="8" v-else>
<v-card>
<div style="padding: 0 100px">
<v-card class="justify-center"> 404 ! Not found </v-card>
</div>
<!-- <h2 v-html="url"></h2> -->
</v-card>
</v-col>
<v-col sm="12" xl="4">
<div style="padding: 0 50px;">
<v-flex v-for="ln in worldNews" :key="worldNews.slug" xl12>
<div style="padding: 20px 10px;">
<v-card width="85%">
<v-img :src="`https://api5.siliconpin.com${ln.image.url}`" aspect-ratio="1.75">
<span v-text="ln.text_over_image" class="text_over_image"></span>
</v-img>
<p class="px-4"> <span>Published on : {{latestNews[0].created_at.slice(0,10)}} , </span>
<span>at : {{latestNews[0].created_at.slice(11,-5)}} </span></p>
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="ln.title"></h3>
</div>
</v-card-title>
</v-card>
</div>
</v-flex>
</div>
</v-col>
</v-row>
</v-container>
</template>
<script>
export default {
layout: "en",
// data: () => ({
// posts: [],
// pageTitle:"barta-india.in news portal",
// }),
// data() {
// return {
// world: {},
// national: {},
// local: {},
// editorial: {},
// totalNoOfNews: null,
// slug: "",
// pageTitle:"",
// // apiLink:process.env.apiLink
// };
// },
async asyncData({ $axios, route }) {
const newsBySlug = await $axios.$get(`/bartas/?slug=` + route.params.slug);
let latestNews = await $axios.$get(`/bartas/?_sort=id:DESC&_limit=8`);
let worldNews = await $axios.$get(`/bartas/?category=world&lang=en&_sort=id:DESC&_limit=8`)
let pageTitle = "";
let imageUrl = "";
if (newsBySlug.length > 0) {
pageTitle = newsBySlug[0].title;
imageUrl = newsBySlug[0].image.url;
} else {
pageTitle = "this page not found";
imageUrl = "https://barta-india.in/icon.png";
}
// $route.fullPath
// console.log(route.params.slug);
// console.log(this.pageTitle)
latestNews = JSON.parse(
JSON.stringify(latestNews).replace(/\:null/gi, '\:""')
);
const slugUrl = route.params.slug;
return { newsBySlug, latestNews, slugUrl, pageTitle, imageUrl,worldNews };
},
head() {
return {
title: this.pageTitle,
meta: [
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{
hid: "description",
name: "description",
content: this.pageTitle,
},
{
hid: "og:description",
name: "og:description",
content: this.pageTitle,
},
{
hid: "og:title",
name: "og:title",
content: this.pageTitle,
},
{
hid: "og:url",
name: "og:url",
content: "https://barta-india.in/" + this.slugUrl,
},
{
hid: "og:image",
name: "og:image",
content: "https://api5.siliconpin.com" + this.imageUrl,
},
{
hid: "og:image:secure_url",
name: "og:image:secure_url",
content: "https://api5.siliconpin.com" + this.imageUrl,
},
{
hid: "og:type",
name: "og:type",
content: "News",
},
],
};
},
};
</script>
<style scopped>
</style>

43
pages/en/category/_slug.vue Normal file
View File

@@ -0,0 +1,43 @@
<template>
<v-container grid-list-md>
<!-- <h1>Mountaiins</h1> -->
<!-- <ul v-for="wn in worldNews.slice(-4)" :key="wn.slug">
<li>{{ wn.title }}</li>
<li>{{ wn.image.url }}</li>
</ul> -->
<v-layout row wrap v-if="worldNews.length > 0">
<v-flex v-for="wn in worldNews" :key="worldNews.slug" xs12 md6 lg3>
<nuxt-link :to="`/en/${wn.slug}`">
<v-card width="95%">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="2.75"></v-img>
<span class="px-4">On : {{wn.created_at.slice(0,10)}},
at{{wn.created_at.slice(0,10)}} </span>
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</v-card-title>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout v-else>
<h4 style="margin-left: 20px;">No news available in this topic now! Please visit again.</h4>
</v-layout>
</v-container>
</template>
<script>
export default {
layout: 'en',
async asyncData({ $axios, route }) {
let worldNews = await $axios.$get(
`/bartas/?category=` + route.params.slug + `&lang=en&_sort=id:DESC`
);
// console.log(worldNews);
worldNews = JSON.parse(JSON.stringify(worldNews).replace(/\:null/gi, "\:\"\""));
return { worldNews };
},
};
</script>

439
pages/en/index.vue Normal file
View File

@@ -0,0 +1,439 @@
<template>
<v-container>
<v-row class="px-lg-14 ">
<v-col cols="12" sm="12" md="12" lg="6">
<nuxt-link :to="`/en/${worldNews[0].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[0].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[0].text_over_image" class="text_over_image"></span>
</v-img>
<v-card-title primary-title>
<p> <span>Publish on : {{ worldNews[0].created_at.slice(0, 10) }}, </span>
<span>at : {{ worldNews[0].created_at.slice(11, -5) }} </span></p>
<p v-text="worldNews[0].title" class="text-lg-h4 text-sm-h5"></p>
<!-- <v-text class="text-lg-h4 text-sm-h5">{{worldNews[0].title}}</v-text> -->
</v-card-title>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="12" md="12" lg="6">
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${worldNews[1].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[1].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[1].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ worldNews[1].created_at.slice(0, 10) }} , </span>
<span>at : {{ worldNews[1].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{worldNews[1].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${worldNews[2].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[2].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[2].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ worldNews[2].created_at.slice(0, 10) }} , </span>
<span>at : {{ worldNews[2].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{worldNews[2].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${worldNews[3].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[3].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[3].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ worldNews[3].created_at.slice(0, 10) }} , </span>
<span>at : {{ worldNews[3].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{worldNews[3].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${worldNews[4].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${worldNews[4].image.url}`" aspect-ratio="1.75">
<span v-text="worldNews[4].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ worldNews[4].created_at.slice(0, 10) }} , </span>
<span>at : {{ worldNews[4].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{worldNews[4].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
</v-col>
</v-row>
<!-- ////////////////////////////////////// -->
<v-row class="px-lg-14 ">
<v-col cols="12" sm="12" md="12" lg="6">
<nuxt-link :to="`/en/${localNews[0].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[0].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[0].text_over_image" class="text_over_image"></span>
</v-img>
<v-card-title primary-title>
<p> <span>Publish on : {{ worldNews[0].created_at.slice(0, 10) }}, </span>
<span>at : {{ worldNews[0].created_at.slice(11, -5) }} </span></p>
<span v-text="localNews[0].title" class="text-lg-h4 text-sm-h5"></span>
<!-- <v-text class="text-lg-h4 text-sm-h5">{{localNews[0].title}}</v-text> -->
</v-card-title>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="12" md="12" lg="6">
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${localNews[1].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[1].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[1].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ localNews[1].created_at.slice(0, 10) }} , </span>
<span>at : {{ localNews[1].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{localNews[1].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${localNews[2].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[2].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[2].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ localNews[2].created_at.slice(0, 10) }} , </span>
<span>at : {{ localNews[2].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{localNews[2].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${localNews[3].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[3].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[3].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ localNews[3].created_at.slice(0, 10) }} , </span>
<span>at : {{ localNews[3].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{localNews[3].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${localNews[4].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${localNews[4].image.url}`" aspect-ratio="1.75">
<span v-text="localNews[4].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ localNews[4].created_at.slice(0, 10) }} , </span>
<span>at : {{ localNews[4].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{localNews[4].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
</v-col>
</v-row>
<!-- /////////////////////////////////////////////// -->
<v-row class="px-lg-14 ">
<v-col cols="12" sm="12" md="12" lg="6">
<nuxt-link :to="`/en/${nationalNews[0].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[0].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[0].text_over_image" class="text_over_image"></span>
</v-img>
<v-card-title primary-title>
<p> <span>Publish on : {{ nationalNews[0].created_at.slice(0, 10) }}, </span>
<span>at : {{ nationalNews[0].created_at.slice(11, -5) }} </span></p>
<span v-text="nationalNews[0].title" class="text-lg-h4 text-sm-h5"></span>
<!-- <v-text class="text-lg-h4 text-sm-h5">{{nationalNews[0].title}}</v-text> -->
</v-card-title>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="12" md="12" lg="6">
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${nationalNews[1].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[1].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[1].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ nationalNews[1].created_at.slice(0, 10) }} , </span>
<span>at : {{ nationalNews[1].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{nationalNews[1].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${nationalNews[2].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[2].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[2].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ nationalNews[2].created_at.slice(0, 10) }} , </span>
<span>at : {{ nationalNews[2].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{nationalNews[2].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
<v-row>
<v-col lg="6" sm="6">
<nuxt-link :to="`/en/${nationalNews[3].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[3].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[3].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ nationalNews[3].created_at.slice(0, 10) }} , </span>
<span>at : {{ nationalNews[3].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{nationalNews[3].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
<v-col sm="6" lg="6">
<nuxt-link :to="`/en/${nationalNews[4].slug}`">
<v-card>
<v-img :src="`https://api5.siliconpin.com${nationalNews[4].image.url}`" aspect-ratio="1.75">
<span v-text="nationalNews[4].text_over_image" class="text_over_image"></span>
</v-img>
<p class="pa-2"> <span>On : {{ nationalNews[4].created_at.slice(0, 10) }} , </span>
<span>at : {{ nationalNews[4].created_at.slice(11, -5) }} </span><br>
<span class="font-weight-bold">{{nationalNews[4].title}}</span></p>
</v-card>
</nuxt-link>
</v-col>
</v-row>
</v-col>
</v-row>
<!-- ////////////////////////////////////////// -->
<!-- <v-layout row wrap >
<v-flex v-for="wn in latestNews" :key="latestNews.slug" xs12 md6 lg3>
<nuxt-link :to="`/${wn.slug}`">
<v-card >
<v-img
:src="`https://api5.siliconpin.com${wn.image.url}`"
aspect-ratio="1.75"
>
<span v-text="wn.text_over_image" class="text_over_image"></span>
</v-img>
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</v-card-title>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>-->
<v-layout row wrap>
<v-flex v-for="wn in worldNews" :key="worldNews.slug" xs6 md6 lg3>
<nuxt-link :to="`/en/${wn.slug}`">
<v-card class="mx-2 mb-2">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="1.75">
<span v-text="wn.text_over_image" class="text_over_image"></span>
</v-img>
<div class="pa-4">
<p>On : <span >{{wn.created_at.slice(0,10)}} ,</span>
at : <span >{{wn.created_at.slice(11,-5)}} </span></p>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</div>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex v-for="wn in nationalNews" :key="nationalNews.slug" xs6 md6 lg3>
<nuxt-link :to="`/en/${wn.slug}`">
<v-card class="mx-2 mt-8">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="1.75">
<span v-text="wn.text_over_image" class="text_over_image"></span>
</v-img>
<div class="pa-4">
<p>On : <span >{{wn.created_at.slice(0,10)}} ,</span>
at : <span >{{wn.created_at.slice(11,-5)}} </span></p>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</div>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex v-for="wn in localNews" :key="localNews.slug" xs6 md6 lg3>
<nuxt-link :to="`/en/${wn.slug}`">
<v-card class="mx-2 mt-8">
<v-img :src="`https://api5.siliconpin.com${wn.image.url}`" aspect-ratio="1.75">
<span v-text="wn.text_over_image" class="text_over_image"></span>
</v-img>
<div class="pa-4">
<p>On : <span >{{wn.created_at.slice(0,10)}} ,</span>
at : <span >{{wn.created_at.slice(11,-5)}} </span></p>
<div>
<h3 class="headline mb-0" v-text="wn.title"></h3>
</div>
</div>
</v-card>
</nuxt-link>
</v-flex>
</v-layout>
<v-layout row wrap>
<v-flex v-for="vn in videoNews" :key="videoNews.id" xs6 md6 lg3>
<v-card width="95%">
<lite-youtube v-bind:videoid="`${vn.content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<v-card-title primary-title>
<div>
<h3 class="headline mb-0" v-text="vn.title"></h3>
</div>
</v-card-title>
</v-card>
</v-flex>
</v-layout>
</v-container>
</template>
<script>
export default {
layout: 'en',
async asyncData({ $axios, $config }) {
let worldNews = await $axios.$get(`/bartas/?category=world&lang=en&_sort=id:DESC&_limit=8`)
let nationalNews = await $axios.$get(`/bartas/?category=national&lang=en&_sort=id:DESC&_limit=8`)
let localNews = await $axios.$get(`/bartas/?category=local&lang=en&_sort=id:DESC&_limit=8`)
// let articleNews = await $axios.$get(`/bartas/?category=article&_sort=id:DESC&_limit=4`)
// let editorialNews = await $axios.$get(`/bartas/?category=editorial&_sort=id:DESC&_limit=4`)
let videoNews = await $axios.$get(`/bartas/?category=video&lang=en&_sort=id:DESC&_limit=8`)
//_ne:category=video&
// let latestNews = await $axios.$get(`/bartas/?_sort=id:DESC&_limit=40&category=:video`)
// need to create the json / var first
// if(worldNews.length < 1) { worldNews[0].image.url="", worldNews[0].slug="404", worldNews[0].slug="not found";}
// if(nationalNews.length < 1) { nationalNews[0].image.url="", nationalNews[0].slug="404", nationalNews[0].slug="not found";}
// if(localNews.length < 1) { localNews[0].image.url="", localNews[0].slug="404", localNews[0].slug="not found";}
// if(articleNews.length < 1) { articleNews[0].image.url="", articleNews[0].slug="404", articleNews[0].slug="not found";}
// if(editorialNews.length < 1) { editorialNews[0].image.url="", editorialNews[0].slug="404", editorialNews[0].slug="not found";}
// if(videoNews.length < 1) { videoNews[0].image.url="", videoNews[0].slug="404", videoNews[0].slug="not found";}
worldNews = JSON.parse(JSON.stringify(worldNews).replace(/\:null/gi, "\:\"\""));
nationalNews = JSON.parse(JSON.stringify(nationalNews).replace(/\:null/gi, "\:\"\""));
localNews = JSON.parse(JSON.stringify(localNews).replace(/\:null/gi, "\:\"\""));
// articleNews = JSON.parse(JSON.stringify(articleNews).replace(/\:null/gi, "\:\"\""));
// editorialNews = JSON.parse(JSON.stringify(editorialNews).replace(/\:null/gi, "\:\"\""));
videoNews = JSON.parse(JSON.stringify(videoNews).replace(/\:null/gi, "\:\"\""));
// latestNews = JSON.parse(JSON.stringify(latestNews).replace(/\:null/gi, "\:\"\""));
return { worldNews, nationalNews, localNews, videoNews }
},
head() {
return {
title: "barta-india.in news with views",
meta: [
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{
hid: 'description',
name: 'description',
content: "local news, national and international news with our views."
},
{
hid: 'og:description',
name: 'og:description',
content: "local news, national and international news with our views."
},
{
hid: 'og:title',
name: 'og:title',
content: "barta-india.in news with views"
},
{
hid: 'og:url',
name: 'og:url',
content: 'https://barta-india.in/'
},
{
hid: 'og:image',
name: 'og:image',
content: 'https://barta-india.in/icon.png'
},
{
hid: 'og:image:secure_url',
name: 'og:image:secure_url',
content: 'https://barta-india.in/icon.png'
},
{
hid: 'og:type',
name: 'og:type',
content: 'News list'
}
]
}
}
}
</script>
<style scoped>
</style>

597
pages/index.vue Normal file
View File

@@ -0,0 +1,597 @@
<template>
<p v-if="$fetchState.pending">Fetching news...</p>
<p v-else-if="$fetchState.error">Error while fetching news</p>
<div v-else>
<v-container>
<div>
<template>
<div>
<v-row>
<v-col class="mb-4" cols="12" md="6" sm="12" lg="6">
<v-card color="" class="pb-16">
<h1 class=" ml-1">Latest News</h1>
<!-- first bengali news link -->
<!-- world news input here -->
<nuxt-link :to="`/${latestNews[0].slug}`">
<v-card flat outlined class="mb-4 mx-1 pa-2">
<v-img :src="`https://api5.siliconpin.com${latestNews[0].image.url}`" aspect-ratio="1.75"> <span
v-text="latestNews[0].text_over_image" class="text_over_image"> </span>
</v-img>
<p primary-title class="text-lg-h6 text-sm-h6">
{{ latestNews[0].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[0].title}}</v-text> -->
</p>
<span>Publish on : {{ latestNews[0].created_at.slice(0, 10) }}, </span>
<span>at : {{ latestNews[0].created_at.slice(11, -5) }} </span>
</v-card>
</nuxt-link>
<!-- bengali news -->
<v-row>
<v-col>
<!-- news img -->
<nuxt-link :to="`/${latestNews[1].slug}`">
<v-card flat outlined class="mx-1">
<v-row>
<v-col>
<p primary-title class="text-lg-h6 text-sm-h6">
{{ latestNews[1].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[1].title}}</v-text> -->
</p>
<span>Published on: {{ latestNews[1].created_at.slice(0, 10) }}, </span><br>
<span>at: {{ latestNews[1].created_at.slice(11, -5) }} </span>
</v-col>
<v-col>
<v-img :src="`https://api5.siliconpin.com${latestNews[1].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[1].text_over_image" class="text_over_image"></span>
</v-img>
</v-col>
</v-row>
</v-card>
</nuxt-link>
</v-col>
</v-row>
<v-row>
<v-col>
<!-- news img -->
<nuxt-link :to="`/${latestNews[2].slug}`">
<v-card flat outlined class="mx-1">
<v-row>
<v-col>
<p primary-title class="text-lg-h6 text-sm-h6">
{{ latestNews[2].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[2].title}}</v-text> -->
</p>
<span>Published on: {{ latestNews[2].created_at.slice(0, 10) }}, </span><br> <span>at: {{ latestNews[2].created_at.slice(11, -5) }} </span>
</v-col>
<v-col>
<v-img :src="`https://api5.siliconpin.com${latestNews[2].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[2].text_over_image" class="text_over_image"></span>
</v-img>
</v-col>
</v-row>
</v-card>
</nuxt-link>
</v-col>
</v-row>
<v-row>
<v-col>
<!-- news img -->
<nuxt-link :to="`/${latestNews[3].slug}`">
<v-card flat outlined class="mx-1">
<v-row>
<v-col>
<p primary-title class="text-lg-h6 text-sm-h6">
{{ latestNews[3].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[3].title}}</v-text> -->
</p>
<span>Published on: {{ latestNews[3].created_at.slice(0, 10) }}, </span><br> <span>at: {{ latestNews[3].created_at.slice(11, -5) }} </span>
</v-col>
<v-col>
<v-img :src="`https://api5.siliconpin.com${latestNews[3].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[3].text_over_image" class="text_over_image"></span>
</v-img>
</v-col>
</v-row>
</v-card>
<!-- nuyfncfuifhc rhc
nuimwcheucm
cuiyhmtc -->
</nuxt-link>
</v-col>
</v-row>
</v-card>
</v-col>
<v-col cols="12" md="6" sm="12" lg="6">
<v-card color="" class="pb-12">
<h1 class=" ml-1">Latest Videos</h1>
<v-card flat outlined class="mx-1 mb-2 pa-2">
<lite-youtube v-bind:videoid="`${videoNews[0].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<div>
<p class="text-lg-h6 text-sm-h6" v-text="videoNews[0].title"></p>
<span>Published on : {{ videoNews[0].created_at.slice(0, 10) }}, </span>
<span>at : {{ videoNews[0].created_at.slice(11, -5) }} </span> <a
:href="`https://youtu.be/${videoNews[0].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</div>
</v-card>
<div>
<v-card flat outlined class="mx-1 mb-2 pa-2">
<v-row>
<v-col>
<div>
<p class="text-lg-h6 text-sm-h6" v-text="videoNews[1].title"></p>
<span>Published on : {{ videoNews[1].created_at.slice(0, 10) }}, </span><br> <span>at : {{ videoNews[1].created_at.slice(11, -5) }} </span> <a
:href="`https://youtu.be/${videoNews[1].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</div>
</v-col>
<v-col>
<lite-youtube v-bind:videoid="`${videoNews[1].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
</v-col>
</v-row>
</v-card>
</div>
<div>
<v-card flat outlined class="mx-1 mb-2 pa-2">
<v-row>
<v-col>
<div>
<p class="text-lg-h6 text-sm-h6" v-text="videoNews[2].title"></p>
<span>Published on : {{ videoNews[2].created_at.slice(0, 10) }}, </span><br>
<span>at : {{ videoNews[2].created_at.slice(11, -5) }} </span> <a
:href="`https://youtu.be/${videoNews[2].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</div>
</v-col>
<v-col>
<lite-youtube v-bind:videoid="`${videoNews[2].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<p primary-title>
</p>
</v-col>
</v-row>
</v-card>
</div>
<div>
<v-card flat outlined class="mx-1 mb-2 pa-2">
<v-row>
<v-col>
<div>
<p class="text-lg-h6 text-sm-h6" v-text="videoNews[3].title"></p>
<span>Published on : {{ videoNews[3].created_at.slice(0, 10) }}, </span><br>
<span>at : {{ videoNews[3].created_at.slice(11, -5) }} </span> <a
:href="`https://youtu.be/${videoNews[3].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</div>
</v-col>
<v-col>
<lite-youtube v-bind:videoid="`${videoNews[3].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<p primary-title>
</p>
</v-col>
</v-row>
</v-card>
</div>
</v-card>
</v-col>
</v-row>
</div>
</template>
<template>
<div>
<h1 class=" ml-1">Popular News</h1>
</div>
<v-sheet color="" class="mx-auto">
<v-slide-group class="mb-14 py-10">
<v-slide-item>
<nuxt-link :to="`/${latestNews[4].slug}`">
<v-card width="400" flat outlined class="mx-1 pa-2">
<v-img :src="`https://api5.siliconpin.com${latestNews[4].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[4].text_over_image" class="text_over_image"></span>
</v-img>
<p primary-title class="text-lg-h6 text-sm-h6">
<span>On : {{ latestNews[4].created_at.slice(0, 10) }},</span>
<span>at : {{ latestNews[4].created_at.slice(11,-5) }}</span>
<br>
{{ latestNews[4].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[4].title}}</v-text> -->
</p>
</v-card>
</nuxt-link>
</v-slide-item>
<v-slide-item>
<nuxt-link :to="`/${latestNews[5].slug}`">
<v-card width="400" flat outlined class="mx-1 pa-2">
<v-img :src="`https://api5.siliconpin.com${latestNews[5].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[5].text_over_image" class="text_over_image"></span>
</v-img>
<p primary-title class="text-lg-h6 text-sm-h6"> <span>On : {{ latestNews[5].created_at.slice(0, 10) }},</span>
<span>at : {{ latestNews[5].created_at.slice(11,-5) }}</span><br>
{{ latestNews[5].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[5].title}}</v-text> -->
</p>
</v-card>
</nuxt-link>
</v-slide-item>
<v-slide-item>
<nuxt-link :to="`/${latestNews[6].slug}`">
<v-card width="400" flat outlined class="mx-1 pa-2">
<v-img :src="`https://api5.siliconpin.com${latestNews[6].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[6].text_over_image" class="text_over_image"></span>
</v-img>
<p primary-title class="text-lg-h6 text-sm-h6"> <span>On : {{ latestNews[6].created_at.slice(0, 10) }},</span>
<span>at : {{ latestNews[6].created_at.slice(11,-5) }}</span><br>
{{ latestNews[6].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[6].title}}</v-text> -->
</p>
</v-card>
</nuxt-link>
</v-slide-item>
<v-slide-item>
<nuxt-link :to="`/${latestNews[7].slug}`">
<v-card width="400" flat outlined class="mx-1 pa-2">
<v-img :src="`https://api5.siliconpin.com${latestNews[7].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[7].text_over_image" class="text_over_image"></span>
</v-img>
<p primary-title class="text-lg-h6 text-sm-h6"> <span>On : {{ latestNews[7].created_at.slice(0, 10) }},</span>
<span>at : {{ latestNews[7].created_at.slice(11,-5) }}</span><br>
{{ latestNews[7].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[7].title}}</v-text> -->
</p>
</v-card>
</nuxt-link>
</v-slide-item>
<v-slide-item>
<nuxt-link :to="`/${latestNews[8].slug}`">
<v-card width="400" flat outlined class="mx-1 pa-2">
<v-img :src="`https://api5.siliconpin.com${latestNews[8].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[8].text_over_image" class="text_over_image"></span>
</v-img>
<p primary-title class="text-lg-h6 text-sm-h6"> <span>On : {{ latestNews[8].created_at.slice(0, 10) }},</span>
<span>at : {{ latestNews[8].created_at.slice(11,-5) }}</span><br>
{{ latestNews[8].title }}
<!-- <v-text class="text-lg-h4 text-sm-h5">{{latestNews[8].title}}</v-text> -->
</p>
</v-card>
</nuxt-link>
</v-slide-item>
<v-slide-item>
<nuxt-link :to="`/${latestNews[9].slug}`">
<v-card width="400" flat outlined class="mx-1 pa-2">
<v-img :src="`https://api5.siliconpin.com${latestNews[9].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[9].text_over_image" class="text_over_image"></span>
</v-img>
<p primary-title class="text-lg-h6 text-sm-h6"><span>On : {{ latestNews[9].created_at.slice(0, 10) }},</span>
<span>at : {{ latestNews[9].created_at.slice(11,-5) }}</span><br>
{{ latestNews[9].title }}
</p>
</v-card>
</nuxt-link>
</v-slide-item>
<v-slide-item>
<nuxt-link :to="`/${latestNews[10].slug}`">
<v-card width="400" flat outlined class="mx-1 pa-2">
<v-img :src="`https://api5.siliconpin.com${latestNews[10].image.url}`" aspect-ratio="1.75">
<span v-text="latestNews[10].text_over_image" class="text_over_image"></span>
</v-img>
<p primary-title class="text-lg-h6 text-sm-h6"> <span>On : {{ latestNews[10].created_at.slice(0, 10) }},</span>
<span>at : {{ latestNews[10].created_at.slice(11,-5) }}</span><br>
{{ latestNews[10].title }}
</p>
</v-card>
</nuxt-link>
</v-slide-item>
</v-slide-group>
</v-sheet>
<div>
<h1 class=" ml-1">Popular Videos</h1>
</div>
<v-sheet color="" class="mx-auto">
<v-slide-group class="mb-14 py-10">
<v-slide-item>
<v-card flat width="400" outlined class="mx-1 mb-2 pa-2">
<lite-youtube v-bind:videoid="`${videoNews[4].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<p primary-title>
<span>On : {{ videoNews[4].created_at.slice(0, 10) }},</span>
<span>at : {{ videoNews[4].created_at.slice(11,-5) }}</span>
<br>
<div>
<h3 class="headline mb-0" v-text="videoNews[4].title"></h3>
</div>
</p>
<a :href="`https://youtu.be/${videoNews[4].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</v-card>
</v-slide-item>
<v-slide-item>
<v-card flat width="400" outlined class="mx-1 mb-2 pa-2">
<lite-youtube v-bind:videoid="`${videoNews[2].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<p primary-title>
<span>On : {{ videoNews[2].created_at.slice(0, 10) }},</span>
<span>at : {{ videoNews[2].created_at.slice(11,-5) }}</span><br>
<div>
<h3 class="headline mb-0" v-text="videoNews[2].title"></h3>
</div>
</p>
<a :href="`https://youtu.be/${videoNews[2].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</v-card>
</v-slide-item>
<v-slide-item>
<v-card flat width="400" outlined class="mx-1 mb-2 pa-2">
<lite-youtube v-bind:videoid="`${videoNews[0].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<p primary-title>
<span>On : {{ videoNews[0].created_at.slice(0, 10) }},</span>
<span>at : {{ videoNews[0].created_at.slice(11,-5) }}</span><br>
<div>
<h3 class="headline mb-0" v-text="videoNews[0].title"></h3>
</div>
</p>
<a :href="`https://youtu.be/${videoNews[0].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</v-card>
</v-slide-item>
<v-slide-item>
<v-card flat width="400" outlined class="mx-1 mb-2 pa-2">
<lite-youtube v-bind:videoid="`${videoNews[1].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<p primary-title>
<span>On : {{ videoNews[1].created_at.slice(0, 10) }},</span>
<span>at : {{ videoNews[1].created_at.slice(11,-5) }}</span><br>
<div>
<h3 class="headline mb-0" v-text="videoNews[1].title"></h3>
</div>
</p>
<a :href="`https://youtu.be/${videoNews[1].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</v-card>
</v-slide-item>
<v-slide-item>
<v-card flat width="400" outlined class="mx-1 mb-2 pa-2">
<lite-youtube v-bind:videoid="`${videoNews[0].content}`"
params="controls=0&start=10&end=30&modestbranding=2&rel=0&enablejsapi=1" />
<p primary-title>
<span>On : {{ videoNews[0].created_at.slice(0, 10) }},</span>
<span>at : {{ videoNews[0].created_at.slice(11,-5) }}</span><br>
<div>
<h3 class="headline mb-0" v-text="videoNews[0].title"></h3>
</div>
</p>
<a v-if="videoNews[0].content" :href="`https://youtu.be/${videoNews[0].content}`">
<v-btn color="error"> পুরো দেখুন </v-btn>
</a>
</v-card>
</v-slide-item>
</v-slide-group>
</v-sheet>
</template>
</div>
</v-container>
</div>
</template>
<script>
export default {
data() {
return {
posts: {},
videoNews: [],
latestNews: []
}
},
async fetch() {
// this.posts = await fetch(`https://jsonplaceholder.typicode.com/posts/${this.$route.name}`)
const post = await fetch(`https://api5.siliconpin.com/bartas/?lang=bn&_sort=id:DESC&_limit=160`).then((res) => res.json())
// console.log(post)
// async asyncData({ $axios, $config }) {
// // let worldNews = await $axios.$get(
// // `/bartas/?lang=bn&category=world&_sort=id:DESC&_limit=8`
// // );
// let barta = await $axios.$get(`/bartas/?lang=bn&_sort=id:DESC&_limit=30`)
// let nationalNews = await $axios.$get(
// `/bartas/?lang=bn&category=national&_sort=id:DESC&_limit=8`
// );
// let localNews = await $axios.$get(
// `/bartas/?lang=bn&category=local&_sort=id:DESC&_limit=8`
// let articleNews = await $axios.$get(`/bartas/?category=article&_sort=id:DESC&_limit=4`)
// let editorialNews = await $axios.$get(`/bartas/?category=editorial&_sort=id:DESC&_limit=4`)
// let videoNews = await $axios.$get(`/bartas/?lang=bn&category=video&_sort=id:DESC&_limit=5`)
//_ne:category=video&
// let latestNews = await $axios.$get(`/bartas/?_sort=id:DESC&_limit=40&category=:video`)
// need to create the json / var first
// if(worldNews.length < 1) { worldNews[0].image.url="", worldNews[0].slug="404", worldNews[0].slug="not found";}
// if(nationalNews.length < 1) { nationalNews[0].image.url="", nationalNews[0].slug="404", nationalNews[0].slug="not found";}
// if(localNews.length < 1) { localNews[0].image.url="", localNews[0].slug="404", localNews[0].slug="not found";}
// if(articleNews.length < 1) { articleNews[0].image.url="", articleNews[0].slug="404", articleNews[0].slug="not found";}
// if(editorialNews.length < 1) { editorialNews[0].image.url="", editorialNews[0].slug="404", editorialNews[0].slug="not found";}
// if(videoNews.length < 1) { videoNews[0].image.url="", videoNews[0].slug="404", videoNews[0].slug="not found";}
// worldNews = JSON.parse(
// JSON.stringify(worldNews).replace(/\:null/gi, '\:""')
// );
// nationalNews = JSON.parse(
// JSON.stringify(nationalNews).replace(/\:null/gi, '\:""')
// );
// localNews = JSON.parse(
// JSON.stringify(localNews).replace(/\:null/gi, '\:""')
// );
// articleNews = JSON.parse(JSON.stringify(articleNews).replace(/\:null/gi, "\:\"\""));
// editorialNews = JSON.parse(JSON.stringify(editorialNews).replace(/\:null/gi, "\:\"\""));
let video = post.filter(item => { if (item.category == "video") return item }); //console.log(video)
video = JSON.parse(JSON.stringify(video).replace(/\:null/gi, "\:\"\""));
this.videoNews = video;
let latest = post.filter(item => { if (item.category != "video") return item });
latest = JSON.parse(JSON.stringify(latest).replace(/\:null/gi, "\:\"\""));
this.latestNews = latest;
// return { videoNews, latestNews };
},
// fetchOnServer: false,
head() {
return {
title: "barta-india.in news with views",
meta: [
// hid is used as unique identifier. Do not use `vmid` for it as it will not work
{
hid: "description",
name: "description",
content:
"local news, national and international news with our views.",
},
{
hid: "og:description",
name: "og:description",
content:
"local news, national and international news with our views.",
},
{
hid: "og:title",
name: "og:title",
content: "barta-india.in news with views",
},
{
hid: "og:url",
name: "og:url",
content: "https://barta-india.in/",
},
{
hid: "og:image",
name: "og:image",
content: "https://barta-india.in/icon.png",
},
{
hid: "og:image:secure_url",
name: "og:image:secure_url",
content: "https://barta-india.in/icon.png",
},
{
hid: "og:type",
name: "og:type",
content: "News list",
},
],
};
},
};
</script>
<style scoped>
</style>

86
pages/privacy.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<v-container>
<h1>Privacy Policy for barta</h1>
<p>At barta-india, accessible from www.barta-india.in, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by barta-india and how we use it.</p>
<p>If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.</p>
<p>This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in barta-india. This policy is not applicable to any information collected offline or via channels other than this website. .</p>
<h2>Consent</h2>
<p>By using our website, you hereby consent to our Privacy Policy and agree to its terms.</p>
<h2>Information we collect</h2>
<p>The personal information that you are asked to provide, and the reasons why you are asked to provide it, will be made clear to you at the point we ask you to provide your personal information.</p>
<p>If you contact us directly, we may receive additional information about you such as your name, email address, phone number, the contents of the message and/or attachments you may send us, and any other information you may choose to provide.</p>
<p>When you register for an Account, we may ask for your contact information, including items such as name, company name, address, email address, and telephone number.</p>
<h2>How we use your information</h2>
<p>We use the information we collect in various ways, including to:</p>
<ul>
<li>Provide, operate, and maintain our website</li>
<li>Improve, personalize, and expand our website</li>
<li>Understand and analyze how you use our website</li>
<li>Develop new products, services, features, and functionality</li>
<li>Communicate with you, either directly or through one of our partners, including for customer service, to provide you with updates and other information relating to the website, and for marketing and promotional purposes</li>
<li>Send you emails</li>
<li>Find and prevent fraud</li>
</ul>
<h2>Log Files</h2>
<p>barta-india follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.</p>
<h2>Cookies and Web Beacons</h2>
<p>Like any other website, barta-india uses 'cookies'. These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.</p>
<p>For more general information on cookies, please read <a href="https://www.generateprivacypolicy.com/#cookies">the Cookies article on Generate Privacy Policy website</a>.</p>
<h2>Advertising Partners Privacy Policies</h2>
<P>You may consult this list to find the Privacy Policy for each of the advertising partners of barta-india.</p>
<p>Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on barta-india, which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.</p>
<p>Note that barta-india has no access to or control over these cookies that are used by third-party advertisers.</p>
<h2>Third Party Privacy Policies</h2>
<p>barta-india's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options. </p>
<p>You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites.</p>
<h2>CCPA Privacy Rights (Do Not Sell My Personal Information)</h2>
<p>Under the CCPA, among other rights, California consumers have the right to:</p>
<p>Request that a business that collects a consumer's personal data disclose the categories and specific pieces of personal data that a business has collected about consumers.</p>
<p>Request that a business delete any personal data about the consumer that a business has collected.</p>
<p>Request that a business that sells a consumer's personal data, not sell the consumer's personal data.</p>
<p>If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please contact us.</p>
<h2>GDPR Data Protection Rights</h2>
<p>We would like to make sure you are fully aware of all of your data protection rights. Every user is entitled to the following:</p>
<p>The right to access – You have the right to request copies of your personal data. We may charge you a small fee for this service.</p>
<p>The right to rectification – You have the right to request that we correct any information you believe is inaccurate. You also have the right to request that we complete the information you believe is incomplete.</p>
<p>The right to erasure – You have the right to request that we erase your personal data, under certain conditions.</p>
<p>The right to restrict processing – You have the right to request that we restrict the processing of your personal data, under certain conditions.</p>
<p>The right to object to processing – You have the right to object to our processing of your personal data, under certain conditions.</p>
<p>The right to data portability – You have the right to request that we transfer the data that we have collected to another organization, or directly to you, under certain conditions.</p>
<p>If you make a request, we have one month to respond to you. If you would like to exercise any of these rights, please contact us.</p>
<h2>Children's Information</h2>
<p>Another part of our priority is adding protection for children while using the internet. We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.</p>
<p>barta-india does not knowingly collect any Personal Identifiable Information from children under the age of 13. If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.</p>
</v-container>
</template>

50
pages/test.vue Normal file
View File

@@ -0,0 +1,50 @@
<template>
<div>
<h2>fk</h2>
<!-- <button @click="$fetch">Refresh</button> -->
</div>
</template>
<script>
export default {
data() {
return {
posts: []
}
},
// async fetch() {
// const post = await fetch(`https://jsonplaceholder.typicode.com/posts/${this.$route.name}`)
// .then((res) => res.json())
// console.log(post)
// if (post.id === this.$route.params.id) {
// this.post = post
// } else {
// // set status code on server and
// if (process.server) {
// this.$nuxt.context.res.statusCode = 404
// }
// // use throw new Error()
// throw new Error('Post not found')
// }
// }
async fetch() {
this.posts = await this.$http.$get('https://api.nuxtjs.dev/posts')
console.log(posts)
},
fetchOnServer: false,
// multiple components can return the same `fetchKey` and Nuxt will track them both separately
fetchKey: 'site-sidebar',
// alternatively, for more control, a function can be passed with access to the component instance
// It will be called in `created` and must not depend on fetched data
fetchKey(getCounter) {
// getCounter is a method that can be called to get the next number in a sequence
// as part of generating a unique fetchKey.
return this.someOtherData + getCounter('sidebar')
}
}
</script>
<style lang="scss" scoped></style>