diff --git a/assets/src/components/TermCard.js b/assets/src/components/TermCard.js index 0cbe147e..12174571 100644 --- a/assets/src/components/TermCard.js +++ b/assets/src/components/TermCard.js @@ -1,278 +1,278 @@ import React, {useState, useContext, useEffect} from "react" import {Context} from "../ContextProvider" import { makeStyles } from '@material-ui/core/styles'; import "./termcard.css" import Chip from '@material-ui/core/Chip'; import DoneIcon from '@material-ui/icons/Done'; import HighlightOffIcon from '@material-ui/icons/HighlightOff'; import Typography from '@material-ui/core/Typography'; import DateRangeIcon from '@material-ui/icons/DateRange'; import { FaCoins, FaRegHandshake, FaUserGraduate } from 'react-icons/fa'; import { RiFilePaper2Line } from 'react-icons/ri'; import Button from '@material-ui/core/Button'; import { HiLink } from "react-icons/hi"; import { GrInfo } from "react-icons/gr"; import Container from '@material-ui/core/Container' import Grid from '@material-ui/core/Grid' import Card from '@material-ui/core/Card'; import CardActions from '@material-ui/core/CardActions'; import CardContent from '@material-ui/core/CardContent'; import Tooltip from '@material-ui/core/Tooltip'; import { BsNewspaper } from 'react-icons/bs'; import { FiFlag } from 'react-icons/fi'; const useStyles = makeStyles((theme) =>({ card: { width: '100%', marginTop: "1rem", textAlign:'left' }, root: { flexGrow: 1, textAlign:'left', }, chip: { margin: 0.5, }, heading: { fontSize: theme.typography.pxToRem(15), fontWeight: theme.typography.fontWeightRegular, }, })) export default function TermCard({term}) { const classes = useStyles(); //call the custom hook to share the state between different level componant const {url} = useContext(Context) const [ref, setRef] = useState("") console.log(ref) useEffect(() => { // ## Update ref term by creating a specific Reference based on the Condition set ID = C and Term.id = T setRef( term.map( j=> ( j[0] && `C${j[0]}/T${term[0].id}` )) ) },[]); // render once function handleClick () { // ## Create mail template to report a modification, contain the actual Url and the reference Term Card window.open(`mailto:publishsupport@epfl.ch?subject= OACCT Modification request for ${encodeURIComponent(url)} Term Card Reference: ${ref[1]} &body=Request Description:`) } console.log(`cost factor data: ${term[0].cost_factor[0].cost_factor_type.name}`) const licenceIcon = term[0].licence?.map(i=>( <> )) const cost = term[0].cost_factor?.map( i => ( <> )) const termArchive = term[0].ir_archiving && term[0].ir_archiving ? ( } - label={"IR Archiving"} + label={"Upload to repository"} // variant="outlined" // clickable={handleClick} // color="secondary" // onDelete={handleDelete} style={{ background: "#DAF7A6"}} // title="This is more information" /> ): ( } - label="IR Archiving" + label="Upload to repository" // clickable={handleClick} // color="secondary" // onDelete={handleDelete} style={{ background: "#f50057"}} // title="This is more information" /> ) const embargo = term[0].ir_archiving && term[0].ir_archiving ? ( } label={"Embargo: " + term[0].embargo_months + " Month(s)"} // variant="outlined" // clickable={handleClick} // color="secondary" // onDelete={handleDelete} style={{ background: "#FFFFFF"}} // title="This is more information" /> ): () return (
{term.map( j=> ( j[0] && <>

{j[2].condition_issuer === "Journal-only" && } {j[2].condition_issuer === "Journal-organization agreement" && } {j[2].condition_issuer === "Organization-only" && } {j[2].condition_issuer} {j[1] ? ': ' + j[1] : ''}

)) }
{/* filter Unknow cost factor type to not display */} {cost} {licenceIcon} {termArchive} {embargo}
{term[0].comment ?

{term[0].comment}

:null}
{term.map( j=> ( j[0] && C{j[0]}/T{term[0].id} )) }
{term[0].source ? :null}
) }