Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add more video rows

Browse source
This commit is contained in:
Sam Carlton 2020-12-27 10:35:16 -06:00
parent fd3378b0f0
commit fa136f536f
1 changed files with 47 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

101
pages/benchmarks.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<section class="container relative md:static overflow-hidden md:overflow-visible pb-16"> <section class="container relative md:static overflow-hidden md:overflow-visible pb-16">
<div class="flex flex-col items-center text-center space-y-6"> <div class="flex flex-col items-center text-center space-y-12">
<BgPlayer <BgPlayer
:video="video" :video="video"
class="absolute overflow-hidden w-2x-screen md:w-full" class="absolute overflow-hidden w-2x-screen md:w-full"
@ -48,44 +48,6 @@
/> />
</div> </div>
<div
v-if="performanceVideos.length !== 0"
class="performance-videos w-full max-w-4xl"
>
<h2 class="subtitle text-xl md:text-2xl font-bold mb-3">
Performance Videos
</h2>
<!-- <pre class="text-left">{{ performanceVideos }}</pre> -->
<VideoRow
:videos="performanceVideos"
/>
</div>
<div
class="all-videos w-full max-w-4xl"
>
<h2 class="subtitle text-xl md:text-2xl font-bold mb-3">
All Videos
</h2>
<!-- <pre class="text-left">{{ performanceVideos }}</pre> -->
<VideoRow
:videos="allVideos"
/>
</div>
<!-- video: {{ video }} -->
<!-- <div class="links space-y-6 sm:space-x-6 mb-8">
<LinkButton
v-for="(link, i) in app.relatedLinks"
:key="i"
:href="link.href"
target="_blank"
class=""
>{{ (i === 0) ? 'View' : link.label }}</LinkButton>
</div> -->
</div> </div>
</section> </section>
</template> </template>
@ -125,18 +87,58 @@ export default {
}, },
data: function () { data: function () {
return { return {
benchmarkVideos: [],
performanceVideos: [],
videoRows: { videoRows: {
benchmarks: { 'video-benchmarks': {
heading: 'Video Editing Benchmarks',
matchesCondition: video => {
return video.tags.includes('benchmark') && video.tags.includes('video-and-motion-tools')
},
videos: []
},
'music-and-audio-tools': {
heading: 'Music and DAW Performance',
matchesCondition: video => {
return video.tags.includes('music-and-audio-tools')
},
videos: []
},
// 'science-and-research-software': {
// heading: 'Science and Research',
// matchesCondition: video => {
// return video.tags.includes('science-and-research-software')
// },
// videos: []
// },
'photo-and-graphic-tools': {
heading: 'Photography and Design Compatibility',
matchesCondition: video => {
return video.tags.includes('photo-and-graphic-tools')
},
videos: []
},
'games': {
heading: 'Gaming Benchmarks',
matchesCondition: video => {
return video.tags.includes('benchmark') && video.tags.includes('games')
},
videos: []
},
'benchmarks': {
heading: 'Benchmark Videos', heading: 'Benchmark Videos',
matchesCondition: video => video.tags.includes('benchmark'), matchesCondition: video => video.tags.includes('benchmark'),
videos: [] videos: []
}, },
performance: { 'performance': {
heading: 'Performance Videos', heading: 'Performance Videos',
matchesCondition: video => video.tags.includes('performance'), matchesCondition: video => video.tags.includes('performance'),
videos: [] videos: []
},
'other': {
heading: 'More Videos',
// Always true
matchesCondition: () => true,
videos: []
} }
} }
} }
@ -156,17 +158,6 @@ export default {
}, },
created () { created () {
// const videoRows = [
// {
// name: 'benchmarks',
// matchesCondition: video => video.tags.includes('benchmark')
// },
// {
// name: 'performance',
// matchesCondition: video => video.tags.includes('performance')
// }
// ]
// Move videos to relevant categories // Move videos to relevant categories
this.allVideos.forEach((video, index) => { this.allVideos.forEach((video, index) => {
// console.log('video.name', video.name) // console.log('video.name', video.name)
@ -185,6 +176,8 @@ export default {
}) })
console.log('lengths', Object.values(this.videoRows).map(row => [row.heading, row.videos.length]))
}, },
head() { head() {
return { return {