Pull video data from payload

This commit is contained in:
Sam Carlton 2021-01-02 16:11:20 -06:00
parent bca074498e
commit 147bf74190
13 changed files with 167 additions and 65 deletions

View file

@ -107,32 +107,32 @@ export default {
VideoPlayer,
ChannelCredit
},
async asyncData ({ params: { slug } }) {
async asyncData ({ params: { slug }, payload: { app, allVideos, submitVideoCard } }) {
const { allVideoAppsList } = await import('~/helpers/get-list.js')
// const { default: videoList } = await import('~/static/video-list.json')
// const { allVideoAppsList } = await import('~/helpers/get-list.js')
// // const { default: videoList } = await import('~/static/video-list.json')
const { videosRelatedToApp } = await import('~/helpers/related.js')
// const { videosRelatedToApp } = await import('~/helpers/related.js')
const app = allVideoAppsList.find(app => (app.slug === slug))
// const app = allVideoAppsList.find(app => (app.slug === slug))
const submitVideoCard = {
endpoint: `https://docs.google.com/forms/d/e/1FAIpQLSeEVGM9vE7VcfLMy6fJkfU70X2VZ60rHDyhDQLtnAN4nso0WA/viewform?usp=pp_url&entry.1018125313=${app.name}`
}
// const submitVideoCard = {
// endpoint: `https://docs.google.com/forms/d/e/1FAIpQLSeEVGM9vE7VcfLMy6fJkfU70X2VZ60rHDyhDQLtnAN4nso0WA/viewform?usp=pp_url&entry.1018125313=${app.name}`
// }
// const featuredApps = []
// // const featuredApps = []
const relatedVideos = videosRelatedToApp( app ).map(video => {
// console.log('video', video)
return {
...video,
// endpoint: `#${video.id}`
}
})
// const relatedVideos = videosRelatedToApp( app ).map(video => {
// // console.log('video', video)
// return {
// ...video,
// // endpoint: `#${video.id}`
// }
// })
return {
app,
allVideos: relatedVideos,
allVideos,
submitVideoCard
}
},

View file

@ -82,7 +82,7 @@ export default {
const app = appList.find(app => (app.slug === slug))
const relatedVideos = videosRelatedToApp(app)
const relatedVideos = videosRelatedToApp( app, videoList )
// Find other videos that also feature this video's app
// for (const video of videoList) {

View file

@ -99,12 +99,13 @@ export default {
const { appsRelatedToVideo } = await import('~/helpers/related.js')
const { default: videoList } = await import('~/static/video-list.json')
const { allVideoAppsList } = await import('~/helpers/get-list.js')
// Get featured apps
const featuredAppsSet = new Set()
videoList.slice(0, 24).forEach( video => {
appsRelatedToVideo(video).forEach( app => {
appsRelatedToVideo(video, allVideoAppsList).forEach( app => {
featuredAppsSet.add(app)
})
})

View file

@ -72,32 +72,38 @@ export default {
VideoPlayer,
ChannelCredit
},
async asyncData ({ params: { slug } }) {
async asyncData ({ params: { slug }, payload: { app, allVideos } }) {
const { allVideoAppsList } = await import('~/helpers/get-list.js')
// const { allVideoAppsList } = await import('~/helpers/get-list.js')
// const { default: videoList } = await import('~/static/video-list.json')
const { videosRelatedToApp } = await import('~/helpers/related.js')
// const { videosRelatedToApp } = await import('~/helpers/related.js')
const app = allVideoAppsList.find(app => (app.slug === slug))
// const app = allVideoAppsList.find(app => (app.slug === slug))
// const submitVideoCard = {
// endpoint: `https://docs.google.com/forms/d/e/1FAIpQLSeEVGM9vE7VcfLMy6fJkfU70X2VZ60rHDyhDQLtnAN4nso0WA/viewform?usp=pp_url&entry.1018125313=${app.name}`
// }
// // const submitVideoCard = {
// // endpoint: `https://docs.google.com/forms/d/e/1FAIpQLSeEVGM9vE7VcfLMy6fJkfU70X2VZ60rHDyhDQLtnAN4nso0WA/viewform?usp=pp_url&entry.1018125313=${app.name}`
// // }
// const featuredApps = []
// // const featuredApps = []
const relatedVideos = videosRelatedToApp( app ).map(video => {
// console.log('video', video)
return {
...video,
// endpoint: `#${video.id}`
}
})
// const relatedVideos = videosRelatedToApp( app, videoList ).map(video => {
// // console.log('video', video)
// return {
// ...video,
// // endpoint: `#${video.id}`
// }
// })
// console.log({
// app,
// allVideos,
// // submitVideoCard
// })
return {
app,
allVideos: relatedVideos,
allVideos,
// submitVideoCard
}
},

View file

@ -119,7 +119,7 @@ export default {
const app = gameList.find(app => (app.slug === slug))
const relatedVideos = videosRelatedToApp(app)
const relatedVideos = videosRelatedToApp( app, videoList )
// Find other videos that also feature this video's app
// for (const video of videoList) {

View file

@ -37,6 +37,7 @@ export default {
async asyncData () {
const { sortedAppList, allList, allVideoAppsList, makeAppSearchLinks } = await import('~/helpers/get-list.js')
const { default: gameList } = await import('~/static/game-list.json')
const { default: videoList } = await import('~/static/video-list.json')
return {
// Map game list
@ -50,7 +51,7 @@ export default {
text: app.text,
lastUpdated: app.lastUpdated,
category: app.category,
searchLinks: makeAppSearchLinks(app)
searchLinks: makeAppSearchLinks( app, videoList )
}
})
}

View file

@ -72,6 +72,7 @@ export default {
// const { default: gamelist } = await import('~/static/game-list.json')
const { sortedAppList, allList, allVideoAppsList, makeAppSearchLinks } = await import('~/helpers/get-list.js')
const { default: videoList } = await import('~/static/video-list.json')
const allAppSearchLinks = {}
@ -79,7 +80,7 @@ export default {
allVideoAppsList.forEach( app => {
// Make the search links
const searchLinks = makeAppSearchLinks(app)
const searchLinks = makeAppSearchLinks( app, videoList )
// If there are more than zero
// add them to our list

View file

@ -61,6 +61,7 @@ export default {
async asyncData ({ params: { slug } }) {
const { sortedAppList, allList, allVideoAppsList, makeAppSearchLinks } = await import('~/helpers/get-list.js')
const { default: gameList } = await import('~/static/game-list.json')
const { default: videoList } = await import('~/static/video-list.json')
const filteredList = allList.filter(app => {
return app.category.slug === slug
@ -77,7 +78,7 @@ export default {
text: app.text,
lastUpdated: app.lastUpdated,
category: app.category,
searchLinks: makeAppSearchLinks(app)
searchLinks: makeAppSearchLinks( app, videoList )
}
})
}

View file

@ -86,25 +86,30 @@ export default {
VideoPlayer,
ChannelCredit
},
async asyncData ({ params: { slug } }) {
async asyncData ({ params: { slug }, payload: { video, featuredApps, relatedVideos } }) {
const { appsRelatedToVideo, videosRelatedToVideo } = await import('~/helpers/related.js')
const { default: videoList } = await import('~/static/video-list.json')
// const { appsRelatedToVideo, videosRelatedToVideo } = await import('~/helpers/related.js')
// const { default: videoList } = await import('~/static/video-list.json')
// Find the video for our current page
const video = videoList.find(video => (video.slug === slug))
// const video = videoList.find(video => (video.slug === slug))
// Get featured apps
const featuredApps = appsRelatedToVideo(video)
// const featuredApps = appsRelatedToVideo(video)
// Get related videos
const relatedVideos = videosRelatedToVideo(video)
// // Get related videos
// const relatedVideos = videosRelatedToVideo(video)
// console.log({
// video,
// featuredApps,
// relatedVideos
// })
return {
video,
featuredApps,
// If no related video found just get the 12 newest ones
relatedVideos: (relatedVideos.length !== 0) ? relatedVideos : videoList.slice(0, 12)
relatedVideos
}
},
computed: {