From b3082e7f361b0e2494a24508569cbd541a94bf3a Mon Sep 17 00:00:00 2001
From: Fabian Steeg <steeg@hbz-nrw.de>
Date: Fri, 17 Dec 2021 10:40:38 +0100
Subject: [PATCH] Show projects in member pages (#445)

---
 gatsby/lobid/src/components/member.html.js   |  3 +++
 gatsby/lobid/src/components/projects.html.js | 25 ++++++++++++++++++++
 gatsby/lobid/src/templates/member.js         | 23 ++++++++++++++++++
 3 files changed, 51 insertions(+)
 create mode 100644 gatsby/lobid/src/components/projects.html.js

diff --git a/gatsby/lobid/src/components/member.html.js b/gatsby/lobid/src/components/member.html.js
index 29195d5..62d485a 100644
--- a/gatsby/lobid/src/components/member.html.js
+++ b/gatsby/lobid/src/components/member.html.js
@@ -5,6 +5,7 @@ import Header from "./header.html";
 import Footer from "./footer.html";
 import Publications from "./publications.html";
 import Products from "./products.html";
+import Projects from "./projects.html";
 
 import "./css/lobid.css";
 import "./css/bootstrap.min.css";
@@ -69,6 +70,8 @@ export class Member extends React.Component {
           </div>
           <p className="lead">{this.props.makesOfferName}</p>
           <Products products={this.props.products} lang={this.props.lang}/>
+          <p className="lead">{this.props.projectsName}</p>
+          <Projects projects={this.props.projects} lang={this.props.lang}/>
           <Publications pubs={this.props.pubs} publications={this.props.publications} />
           <Footer companyDetails={this.props.companyDetails} privacy={this.props.privacy} />
         </div>
diff --git a/gatsby/lobid/src/components/projects.html.js b/gatsby/lobid/src/components/projects.html.js
new file mode 100644
index 0000000..7e5a72b
--- /dev/null
+++ b/gatsby/lobid/src/components/projects.html.js
@@ -0,0 +1,25 @@
+import React from "react";
+import { getImage, simpleId } from './helpers.js'
+
+export default class Projects extends React.Component {
+  render() {
+    return (
+      <div className="container">
+        {this.props.projects
+          .map((details) =>
+            <div key={details.id}>
+              {getImage(details.id, details.image)}
+              <p className="details">
+                <a href={"/project/" + simpleId(details.id)}>
+                  {details.alternateName || simpleId(details.id)}
+                </a>
+                <br />
+                {(details.name && details.name[this.props.lang]) || details.alternateName}
+              </p>
+            </div>
+          )}
+        <p />
+      </div>
+    );
+  }
+}
diff --git a/gatsby/lobid/src/templates/member.js b/gatsby/lobid/src/templates/member.js
index ada4c57..893c753 100644
--- a/gatsby/lobid/src/templates/member.js
+++ b/gatsby/lobid/src/templates/member.js
@@ -10,6 +10,10 @@ export default function MemberPage({ data, location, pageContext }) {
       .map(edge => edge.node)
       .filter(p => p.membership.find(m => m.member.id === member.id))
     }
+    projects={data.allProjectJson.edges
+      .map(edge => edge.node)
+      .filter(p => p.membership.find(m => m.member.id === member.id))
+    }
     pubs={data.allPublicationJson.edges
       .map(edge => edge.node)
       .filter(p => p.creator.find(c => c.id === member.id))
@@ -21,6 +25,7 @@ export default function MemberPage({ data, location, pageContext }) {
     language="English"
     teamLink="/team-de"
     makesOfferName="Produkte"
+    projectsName="Projekte"
     memberName="Mitglieder"
     memberFormerName="Ehemalige"
     companyDetails="Impressum"
@@ -92,5 +97,23 @@ export const query = graphql`
         }
       }
     }
+    allProjectJson {
+      edges {
+        node {
+          id
+          image
+          name {
+            de
+            en
+          }
+          alternateName
+          membership {
+            member {
+              id
+            }
+          }
+        }
+      }
+    }
   }
 `;