Merge pull request #116 from samvera/user-profile-cms

Include content from Contentful for Samvera User Profiles

components/layout/Card.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+
+const Card = ({ header, children, className }) => {
+  return (
+    <div
+      key={header}
+      className={`overflow-hidden bg-white divide-y divide-gray-200 rounded-lg shadow ${className}`}
+    >
+      {header && <h3 className="px-4 py-5 sm:px-6">{header}</h3>}
+      <div className="px-4 py-5 sm:p-6">{children}</div>
+    </div>
+  );
+};
+
+export default Card;

components/the-community/ServiceProviders.jsx

@@ -20,7 +20,6 @@ export default function ServiceProviders({ config, content, frontmatter }) {
       const entries = await contentful.getEntries({
         content_type: "serviceProviderProfile",
       });
-      console.log("entries", entries);
 
       if (!entries.items) {
         return console.error("Error getting entries.");

components/the-community/UserProfiles.jsx

@@ -0,0 +1,73 @@
+import { useEffect, useState } from "react";
+
+import Breadcrumbs from "components/Breadcrumbs";
+import Card from "components/layout/Card";
+import Layout from "../layout/Layout";
+import Main from "components/layout/Main";
+import MarkdownContent from "components/MarkdownContent";
+import RichTextContent from "components/RichTextContent";
+import getContentful from "lib/get-contentful";
+
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+export default function UserProfilesPage({ config, content, frontmatter }) {
+  const contentful = getContentful();
+  const [userProfiles, setUserProfiles] = useState([]);
+
+  useEffect(() => {
+    async function fetchData() {
+      const userProfiles = await contentful.getEntries({
+        content_type: "userProfile",
+      });
+
+      if (!userProfiles.items) {
+        return console.error("Error getting userProfiles.");
+      }
+      setUserProfiles(userProfiles.items);
+    }
+
+    fetchData();
+  }, [contentful]);
+  console.log("userProfiles", userProfiles);
+
+  return (
+    <Layout title={`${frontmatter.title} - ${config.parentDirLabel} - Samvera`}>
+      <Breadcrumbs
+        items={[
+          {
+            href: "/",
+            label: config.parentDirLabel,
+          },
+          {
+            label: frontmatter.title,
+          },
+        ]}
+      />
+
+      <h1>{frontmatter.title}</h1>
+
+      <MarkdownContent content={content} />
+      <Main>
+        <h2>Community Profiles</h2>
+        {userProfiles
+          .filter((user) => !user.fields.isManager)
+          .map(({ fields: { title, content } }, actionIdx) => (
+            <Card key={title} header={title} className="mb-10">
+              <RichTextContent content={content} />
+            </Card>
+          ))}
+
+        <h2 className="pt-12">Manager Profiles</h2>
+        {userProfiles
+          .filter((user) => user.fields.isManager)
+          .map(({ fields: { title, content } }, actionIdx) => (
+            <Card key={title} header={title} className="mb-10">
+              <RichTextContent content={content} />
+            </Card>
+          ))}
+      </Main>
+    </Layout>
+  );
+}

markdown/the-community/samvera-user-profiles.md

@@ -2,167 +2,3 @@
 title: "Samvera user profiles"
 date: "2019-10-29"
 ---
-
-**Community Profiles**
-
-- [Jane Sandberg, Linn-Benton Community College, Oregon, USA](#01)
-- [Chris Awre, University of Hull, UK](#02)
-
-**Manager Profiles**
-
-- [Esmé Cowles, Princeton University, New Jersey, USA](#03)
-- [Rosalyn Metz, Emory University, Georgia, USA](#04)
-- [Carolyn Caizzi, Northwestern University, Illinois, USA](#05)
-
-* * *
-
-#### Community profiles
-
-#### Jane Sandberg, Linn-Benton Community College, Oregon, USA 
-
-**What makes Samvera stand apart from other repository applications?**<br>
-Slick design (in Hyrax).&nbsp; A good community of institutions that have implemented it.
-
-**How has participation in Samvera benefited your library or organization (internally)?**<br>
-We get a really stable piece of software that doesn't need much tending.
-
-**How has Samvera benefited the users of your library or organization?**<br>
-We've digitized our school newspaper -- which was previously only accessible in an office on campus. Students writing papers about the history of our college now have access to a ton of primary sources in ways that they never did before.
-
-**What do you get out of the Samvera Community?**<br>
-Good networking with colleagues at much larger and more well-resourced institutions.
-
-**How often do you talk to other developers, system administrator or librarians in the Samvera Community?**<br>
-Monthly.
-
-**What have you accomplished within the Samvera development community this year?**<br>
-I have contributed some documentation.
-
-**Looking back at the past 12-18 months, what have you accomplished locally at your institution thanks to the Samvera technology stack or community?**<br>
-We implemented an institutional repository at a small community college!
-
-* * *
-
-#### Chris Awre, University of Hull, UK
-
-**What makes Samvera stand apart from other repository applications?**<br>
-Two aspects: the community aspects of working through the issues we all have about managing our digital collections, sharing ideas and issues to find the best way forward; and the continued move toward making Samvera a repository solution that can support different digital content management use cases as required.
-
-**How has participation in Samvera benefited your library or organization (internally)?**<br>
-The provision of a stable repository platform for the management of different digital collections, plus a user-friendly and clean user interface supporting access to those collections.
-
-**How has Samvera benefited the users of your library or organization?**<br>
-Access to digital collections, plus the ability to manage and present outputs (e.g., research data) in ways that suit the content.
-
-**What do you get out of the Samvera Community?**<br>
-The ability to work with like-minded people at other institutions who share the same goals of creating solutions to manage our digital heritage.
-
-**What do you get out of the Samvera technology stack/ framework?**<br>
-Flexible technologies that bring the best learning and understanding of how to carry out tasks and combine them.
-
-**What has happened within Samvera in the past year or two that you would want someone to know?**<br>
-The ability for vendors to take the cloud-based Hyku and deliver services in a manageable and sustainable way.
-
-**How often do you talk to other developers, system administrator or librarians in the Samvera Community?** <br>
-Every couple of weeks
-
-**What have you accomplished within the Samvera development community this year?**<br>
-Led the Marketing WG in taking forward ways we can better market what we are doing in Samvera
-
-**Looking back at the past 12-18 months, what have *you* accomplished locally at your institution thanks to the Samvera technology stack or community?**<br>
-Created a technical infrastructure based around Hyrax combined with Archivematica to build a digital archive for the UK City of Culture 2017.
-
-* * *
-
-#### Manager profiles
-
-#### Esmé Cowles, Princeton University, New Jersey, USA
-
-**What makes Samvera stand apart from other repository applications?**<br>
-It is built from components that can be used in custom applications, giving us the flexibility to meet our needs that a pre-built product could never match.
-
-**How has participation in Samvera benefited your library or organization (internally)?**<br>
- It has given us a community of like-minded peers to get help, feedback, and advice from. It has given us 90%-complete solutions to most of our problems, letting us focus on the parts that are particular to our situation instead of reinventing the wheel all the time.
-
- **How has Samvera benefited the users of your library or organization?**<br>
- It has let us build, review, and publish digital objects much more quickly than we were able to previously. This means that content rarely sits waiting for IT staff, and gets out where users can find it much more quickly and reliably.
-
-  **What do *you* get out of the Samvera Community?**<br>
- I get a community of peers that I can discuss new ideas with, and see new developments that we can bring to my organization.
-
- **What has happened within Samvera in the past year or two that you would want someone to know?**<br>
- The community is maturing and formalizing many things that were previously informal. This has brought more focus on sustainability, and taking better care of the shared software we all depend on. Valkyrie is opening up new options for file and metadata storage, and for replacing ActiveFedora (which had become difficult to maintain over time).
-
-**How do you describe the Return on Investment of community work for your local resources when it comes to Samvera?**<br>
-There are two key benefits to participating in community development: 1. It is the most direct way of making sure that the community components work the way we want them to. 2. It ensures that the community components are more sustainable, in turn making our applications more sustainable.
-
-**What collections are you most proud of in your Samvera repository and why?**<br>
-I'm most proud of our audio reserves collection — we were able to migrate this collection from a legacy system very quickly, thanks to the capabilities of Samvera and other related tools (like UniversalViewer).
-
-**Looking back at the past 12-18 months, what has your institution or organization accomplished locally thanks to the Samvera technology stack or community?**<br>
-Migrating tens of thousands of objects, and millions of pages, from our previous repository to Figgy was fast and relatively painless. We have been able to maintain our current functionality and add support for new content types. We have been able to sustain ingest of more than 100K pages/month. Implementing features like IIIF Manifest generation, drag-and-drop file management, uploading from cloud storage, and integrating with our other discovery applications.
-
-**How do you tell potential users of Samvera on your campus about Samvera?**<br>
-I describe it as a community-developed open source repository framework — the community development model is the key defining characteristic, as it shows more community commitment than code that is centrally developed.
-
-* * *
-
-#### Rosalyn Metz, Emory University, Georgia, USA
-
-**What makes Samvera stand apart from other repository applications?**<br>
-  It is open source. It is a community of our peers.
-
-**How has participation in Samvera benefited your library or organization (internally)?**<br>
-It has allowed us to customize applications to meet our institution's need.
-
-**How has Samvera benefited the users of your library or organization?**<br>
-  It has given us an easy to use and maintain application.
-
-**What do you get out of the Samvera Community?**<br>
-Collaboration with our peers. Expertise and knowledge we can't get in isolation.
-
-**What do you get out of the Samvera technology stack/ framework?**<br>
-Regular updates to Hyrax.
-
-**What has happened within Samvera in the past year or two that you would want someone to know?**<br>
-We are evolving the community to make it more durable and accountable.
-
-**How do you describe the Return on Investment of community work for your local resources when it comes to Samvera?**<br>
-We're collaborating with our peers. We get more when we do work together.
-
-**What collections are you most proud of in your Samvera repository and why?**<br>
-Right now we just have ETDs.
-
-**Looking back at the past 12-18 months, what has your institution or organization accomplished locally thanks to the Samvera technology stack or community?**<br>
-An updated ETD application.
-
-**How do you tell potential users of Samvera on your campus about Samvera?**<br>
-When talking with leadership I mention the community and peer collaboration.
-
-* * *
-
-#### Carolyn Caizzi, Northwestern University, Illinois, USA
-
-**What makes Samvera stand apart from other repository applications?**<br>
- The community.
-
-**How has participation in Samvera benefited your library or organization (internally)?**<br>
-Participation in Samvera has benefited NUL in that we were able leverage the collective wisdom of colleagues at many academic institutions and the shared open codebase to build applications that support image collections, audiovisual collections, and faculty research outputs over the course of the last 9 years.
-
-**How has Samvera benefited the users of your library or organization?**<br>
-Our image collections are utilized by faculty in the humanities for teaching, our audiovisual collections support the work being done in courses, and students and faculty are able to deposit publications to share with the world in our research repository.
-
-**What do *you* get out of the Samvera Community?**<br>
-I get the privilege of interacting with people who are committed to creating open source tools that create access to and support the preservation of information so that current and future generations can help understand the past, inform the present, and impact the future. This goal is lofty and the best part of working with the community is that most of us acknowledge all the inherent biases that go into this commitment.
-
-**What do *you* get out of the Samvera technology stack/ framework?**<br>
-Flexibility to solve local problems that vended solutions may never address.
-
-**What has happened within Samvera in the past year or two that you would want someone to know?**<br>
-  The Samvera community is vibrant and has grown. This growth offers many opportunities, albeit with some challenges, to make an impact in meeting common needs across institutions.
-
- **How do you describe the Return on Investment of community work for your local resources when it comes to Samvera?**<br>
-  It is hard to quantify the return on investment and I think does a disservice to what we gain when working with many people across multiple institutions. I tend to look at pull requests and contributors on github repositories if I need some data. I ask the developers and metadata folks to share stories with me of what they have gained personally/professionally.
-
-**What collections are you most proud of in your Samvera repository and why?**<br>
-  In our IR, here are the papers deposited by faculty person Richard Joseph. Professor Joseph "has devoted his scholarly career to the study of politics and governance in Africa with a special focus on democratic transitions, state building and state collapse, and conflict resolution." In our AV Repository, there are the recordings of the clarinet master class by Robert Marcellus.In our Images/DigiCollections we have many collections I am proud of, including the Overtaking of the Bursar's Office here at Northwestern in 1968.

pages/the-community/[slug].jsx

@@ -4,6 +4,7 @@ import CommunityLeadership from "components/the-community/CommunityLeadership";
 import DynamicPage from "components/layout/DynamicPage";
 import Faq from "components/the-community/Faq";
 import ServiceProviders from "components/the-community/ServiceProviders";
+import UserProfilesPage from "components/the-community/UserProfiles";
 import { buildWorkOpenGraphData } from "lib/open-graph";
 
 /**
@@ -45,6 +46,17 @@ export default function TheCommunityPage({ content, frontmatter, slug }) {
     );
   }
 
+  // User Profiles
+  if (slug === "samvera-user-profiles") {
+    return (
+      <UserProfilesPage
+        config={CONFIG}
+        content={content}
+        frontmatter={frontmatter}
+      />
+    );
+  }
+
   /**
    * Standard template page
    */