Display course, programme and faculty codes on hover

UniversityOfHelsinkiCS · Oct 22, 2021 · f606a7e · f606a7e
1 parent 6d938a3
commit f606a7e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/services/backend/src/services/trends/statusAttainments.js b/services/backend/src/services/trends/statusAttainments.js
@@ -395,6 +395,7 @@ const calculateStatusStatistics = async (unixMillis, showByYear) => {
 
       acc[programme.code] = {
         type: 'programme',
+        code: programme.code,
         name: programme.name,
         drill: courses,
         yearly,
@@ -426,6 +427,7 @@ const calculateStatusStatistics = async (unixMillis, showByYear) => {
 
         acc[facultyCode] = {
           type: 'faculty',
+          code: facultyCode,
           drill: {},
           name: facultyCodeToFaculty[facultyCode] ? facultyCodeToFaculty[facultyCode].name : null,
           yearly,

diff --git a/services/frontend/src/components/CoolDataScience/Status.jsx b/services/frontend/src/components/CoolDataScience/Status.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react'
 import { connect } from 'react-redux'
-import { Segment, Loader, Dimmer, Icon, Accordion, Checkbox, Message, Form } from 'semantic-ui-react'
+import { Segment, Popup, Loader, Dimmer, Icon, Accordion, Checkbox, Message, Form } from 'semantic-ui-react'
 import _ from 'lodash'
 import moment from 'moment'
 import ReactMarkdown from 'react-markdown'
@@ -106,7 +106,9 @@ const StatusContainer = ({ stats, handleClick, min1, max1, showYearlyValues, sho
           overflowWrap: 'break-word',
         }}
       >
-        <span className="status-title">{title}</span>
+        <Popup position="bottom center" size="tiny" trigger={<span className="status-title">{title}</span>}>
+          {stats.code}
+        </Popup>
         <div style={{ margin: '10px 0' }}>
           <Icon
             style={{