ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Apply tags

Browse Source
This commit is contained in:
samaradel
2021-04-12 13:39:36 +02:00
parent 3b4461964e
commit 69b64310f0
10 changed files with 175 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
src/templates/Person.vue
View File

@@ -1,6 +1,8 @@
<template>
<Layout :hideHeader="true" :disableScroll="true">
<div class="container sm:pxi-0 mx-auto min-h-screen overflow-x-hidden pt-24">
<div
class="container sm:pxi-0 mx-auto min-h-screen overflow-x-hidden pt-24"
>
<div class="flex flex-row flex-wrap items-center mx-4 sm:mx-0">
<div class="w-full md:w-1/6 mx-auto sm:mx-0">
<g-image
@@ -24,33 +26,37 @@
<p class="text-gray-700 text-xl" v-if="$page.person.bio">
{{ $page.person.bio }}
</p>
<div class="author-social">
</div>
<section>
<div class="avatars">
<div class="flex items-center">
<div class="flex justify-between items-center">
<ul class="list-none flex author-list m-0 py-2">
<li
v-for="project in $page.person.projects"
:key="project.id"
class="author-list-item"
>
<g-link :to="project.path" v-tooltip="project.title">
<g-image
:src="project.logo"
:alt="project.title"
class="w-20 h-20 rounded-full bg-gray-200 border-2 border-white"
/>
</g-link>
</li>
</ul>
<div class="author-social"></div>
<section>
<div class="avatars">
<div class="flex items-center">
<div class="flex justify-between items-center">
<ul class="list-none flex author-list m-0 py-2">
<li
v-for="project in $page.person.projects"
:key="project.id"
class="author-list-item"
>
<g-link :to="project.path" v-tooltip="project.title">
<g-image
:src="project.logo"
:alt="project.title"
class="w-20 h-20 rounded-full bg-gray-200 border-2 border-white"
/>
</g-link>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<g-link
v-for="edge in $page.memberships.edges"
:key="edge.node.id"
:to="edge.node.path"
class="text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full"
>{{ edge.node.title }}</g-link
>
</section>
</div>
</div>
@@ -66,16 +72,14 @@
</section>
<div class="pt-8 border-b mx-4 sm:-mx-4"></div>
<!--
<div class="flex flex-wrap pt-8 pb-8 mx-4 sm:-mx-4">
<PostListItem
v-for="edge in $page.person.belongsTo.edges"
:key="edge.node.id"
:record="edge.node"
/>
</div>
</div> -->
</div>
</Layout>
</template>
@@ -87,11 +91,11 @@
content
name
rank
# memberships{
# id
# title
# path
# }
memberships{
id
title
path
}
projects{
id
title
@@ -144,16 +148,16 @@
}
}
# memberships: allMembership(filter: {title: {in: ["foundation", "tech"]}}){
# edges{
# node{
# id
# title
# path
# }
# }
# }
}
memberships: allMembership(filter: {title: {in: ["foundation", "tech", "farmers", "ambassadors"]}}){
edges{
node{
id
title
path
}
}
}
}
</page-query>
<script>
@@ -171,17 +175,17 @@ export default {
return pluralize("post", this.$page.person.belongsTo.totalCount);
},
memberships(){
var all = []
this.$page.memberships.edges.forEach((edgs) => all.push(edge.node.title))
var res = []
this.$page.person.memberships.forEach(function(membership){
if (all.includes(membership.title)){
res.push(membership)
memberships() {
var all = [];
this.$page.memberships.edges.forEach((edgs) => all.push(edge.node.title));
var res = [];
this.$page.person.memberships.forEach(function (membership) {
if (all.includes(membership.title)) {
res.push(membership);
}
});
return res
}
return res;
},
},
metaInfo() {
return {