From 3de3dff1c1e8fc3e65eaf7bf650821c30d07002b Mon Sep 17 00:00:00 2001
From: TinnaLiu <tinnaliu@berkeley.edu>
Date: Mon, 27 Feb 2023 18:44:17 -0800
Subject: [PATCH] feat: customized oer and license support

---
 src/ProblemLayout/Problem.js | 54 ++++++++++++++++++++++++++++--------
 src/config/config.js         |  4 ++-
 2 files changed, 46 insertions(+), 12 deletions(-)

diff --git a/src/ProblemLayout/Problem.js b/src/ProblemLayout/Problem.js
index 7ea8212a37c..de757001e0c 100644
--- a/src/ProblemLayout/Problem.js
+++ b/src/ProblemLayout/Problem.js
@@ -285,9 +285,40 @@ class Problem extends React.Component {
         return this.context.problemIDs[this.context.problemIDs.indexOf(this.state.problem.id) + offset] || "/"
     }
 
+    getOerLicense = () => {
+        const { lesson, problem } = this.props;
+        var oerArray, licenseArray;
+        var oerLink, oerName;
+        var licenseLink, licenseName;
+
+        if (problem.oer != null && problem.oer.includes(" <")) {
+            oerArray = problem.oer.split(" <");
+        } else if (lesson.courseOER != null && lesson.courseOER.includes(" ")) {
+            oerArray = lesson.courseOER.split(" <");
+        } else {
+            oerArray = ["https://OATutor.io", "OATutor>"];
+        }
+
+        oerLink = oerArray[0];
+        oerName = oerArray[1].substring(0, oerArray[1].length - 1);
+
+        if (problem.license != null && problem.license.includes(" ")) {
+            licenseArray = problem.license.split(" <");
+        } else if (lesson.courseLicense != null && lesson.courseLicense.includes(" ")) {
+            licenseArray = lesson.courseLicense.split(" <");
+        } else {
+            licenseArray = ["", ""];
+        }
+
+        licenseLink = licenseArray[0];
+        licenseName = licenseArray[1].substring(0, licenseArray[1].length - 1);
+        return [oerLink, oerName, licenseLink, licenseName];
+    }
+
 
     render() {
-        const { classes, lesson } = this.props;
+        const { classes, lesson, problem } = this.props;
+        const [oerLink, oerName, licenseLink, licenseName] = this.getOerLicense();
 
         if (this.state.problem == null) {
             return (<div></div>);
@@ -356,18 +387,19 @@ class Problem extends React.Component {
                 <footer>
                     <div style={{ display: "flex", flexDirection: "row", alignItems: "center" }}>
                         <div style={{ marginLeft: 20, fontSize: 12 }}>
-                            {this.state.problem.oer && this.state.problem.oer.includes("openstax") && lesson?.courseName.toLowerCase().includes("openstax") ?
+                            {licenseName !== "" && licenseLink !== "" ?
                                 <div>
-                                    "{this.state.problem.title}" is a derivative of&nbsp;
-                                    <a href="https://openstax.org/" target="_blank" rel="noreferrer">
-                                        "{lesson?.courseName.substring((lesson?.courseName || "").indexOf(":") + 1).trim() || ""}"
-                                    </a>
-                                    &nbsp;by OpenStax, used under&nbsp;
-                                    <a href="https://creativecommons.org/licenses/by/4.0" target="_blank"
-                                       rel="noreferrer">CC
-                                        BY 4.0</a>
+                                    "{problem.title}" is a derivative of&nbsp;
+                                    <a href={oerLink} target="_blank" rel="noreferrer">"{oerName}"</a>
+                                    , used under&nbsp;
+                                    <a href={licenseLink} target="_blank" rel="noreferrer">{licenseName}</a>
                                 </div>
-                                : ""}
+
+                                :<div>
+                                    "{problem.title}" is a derivative of&nbsp;
+                                    <a href={oerLink} target="_blank" rel="noreferrer">"{oerName}"</a>
+                                </div>
+                            }
                         </div>
                         <div style={{ display: "flex", flexGrow: 1, marginRight: 20, justifyContent: "flex-end" }}>
                             <IconButton aria-label="help" title={`How to use ${SITE_NAME}?`}
diff --git a/src/config/config.js b/src/config/config.js
index ed76c3f02c3..ec684cefe13 100644
--- a/src/config/config.js
+++ b/src/config/config.js
@@ -87,7 +87,9 @@ for (let i = 0; i < coursePlans.length; i++) {
     const course = coursePlans[i];
     for (let j = 0; j < course.lessons.length; j++) {
         course.lessons[j].learningObjectives = cleanObjectKeys(course.lessons[j].learningObjectives)
-        lessonPlans.push({ ...course.lessons[j], courseName: course.courseName });
+        lessonPlans.push({ ...course.lessons[j], courseName: course.courseName, 
+                                                courseOER: course.courseOER != null ? course.courseOER : "", 
+                                                courseLicense: course.courseLicense != null ? course.courseLicense : ""});
     }
 }
 const _lessonPlansNoEditor = lessonPlans.filter(({ courseName }) => !courseName.startsWith("!!"))