dwd-projects/teenybeanspreschoolcurriculum.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

directusDomain

Browse Source
This commit is contained in:
Suvodip Ghosh
2023-02-22 20:43:00 +05:30
parent 04b5887ff7
commit 003deea0b3
36 changed files with 195 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Video-literacy.vue
View File

@@ -26,7 +26,7 @@
<div @click="showYtModal(videobooks.youtube_id)">
<div class="grid place-items-center">
<div class="relative rounded-tl-xl rounded-br-xl bg-gray-200 rotate-6">
<img class="w-96 relative -rotate-6 rounded-tl-xl rounded-br-xl cursor-pointer" v-if="videobooks.img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ videobooks.img" alt=""/>
<img class="w-96 relative -rotate-6 rounded-tl-xl rounded-br-xl cursor-pointer" v-if="videobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ videobooks.img" alt=""/>
<img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 cursor-pointer" src="/img/svg/play.svg" alt=""/>
</div>
<h1 class="text-center pt-4 w-fit font-20px">{{videobooks.title}}</h1>
@@ -46,7 +46,7 @@
<div v-for="videobooks in vbfliteracy" :key="vbfliteracy.id" class="grid">
<div class="grid place-items-center">
<div class="flex rounded-tl-xl rounded-br-xl bg-gray-200 rotate-6">
<img class="-rotate-6 rounded-tl-xl rounded-br-xl" v-if="videobooks.img" :src="'https://curriculum-app-api.beanstalkedu.com/assets/'+ videobooks.img" alt=""/>
<img class="-rotate-6 rounded-tl-xl rounded-br-xl" v-if="videobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ videobooks.img" alt=""/>
</div>
<h1 class="text-center pt-4 w-fit">{{videobooks.title}}</h1>
</div>
@@ -156,13 +156,13 @@ export default {
}
},
mounted: function () {
fetch('https://curriculum-app-api.beanstalkedu.com/items/video_book?filter[category][_eq]=literacy')
fetch('https://management.beanstalkedu.com/items/video_book?filter[category][_eq]=literacy')
.then(resp => resp.json())
.then(videobooks => {
this.vbliteracy=videobooks.data.reverse().slice(0, 4)
// console.log(this.vbliteracy)
})
fetch('https://curriculum-app-api.beanstalkedu.com/items/video_book?filter[category][_eq]=literacy')
fetch('https://management.beanstalkedu.com/items/video_book?filter[category][_eq]=literacy')
.then(resp => resp.json())
.then(videobooks => {
this.vbfliteracy=videobooks.data.reverse().slice(5, 12)