78 lines
1.7 KiB
Vue
78 lines
1.7 KiB
Vue
<template>
|
|
<Layout>
|
|
<TagFilterHeader
|
|
:tags="tags"
|
|
selected="all"
|
|
v-if="$page.tags.edges.length > 1"
|
|
/>
|
|
<div class="container mt-8 sm:pxi-0 mx-auto overflow-x-hidden">
|
|
<div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
|
|
<PostListItem
|
|
v-for="partner in $page.entries.edges"
|
|
:key="partner.id"
|
|
:record="partner.node"
|
|
pathPrefix="/partners"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</Layout>
|
|
</template>
|
|
|
|
<page-query>
|
|
query ($private: Int){
|
|
entries: allProject (sortBy: "rank", order: ASC, filter: { private: { ne: $private }, category: { contains: ["foundation"]}}){
|
|
totalCount
|
|
edges {
|
|
node {
|
|
id
|
|
title
|
|
path
|
|
members {
|
|
id
|
|
name
|
|
image(width:64, height:64, fit:inside)
|
|
path
|
|
},
|
|
rank
|
|
linkedin
|
|
excerpt
|
|
image(width:800)
|
|
timeToRead
|
|
logo
|
|
}
|
|
}
|
|
}
|
|
|
|
tags: allProjectTag (filter: { title: {in: ["blockchain", "experience", "technology", "farming", "community", "infrastructure", "impact"]}}) {
|
|
edges{
|
|
node{
|
|
id
|
|
title
|
|
path
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</page-query>
|
|
|
|
<script>
|
|
import PostListItem from "~/components/custom/Cards/PostListItem.vue";
|
|
import TagFilterHeader from "~/components/custom/TagFilterHeader.vue";
|
|
|
|
export default {
|
|
components: {
|
|
PostListItem,
|
|
TagFilterHeader,
|
|
},
|
|
computed: {
|
|
tags() {
|
|
var res = [{ title: "All", path: "/partners" }];
|
|
this.$page.tags.edges.forEach((edge) =>
|
|
res.push({ title: edge.node.title, path: edge.node.path })
|
|
);
|
|
return res;
|
|
},
|
|
},
|
|
};
|
|
</script>
|