Skip to content

Commit c1762b7

Browse files
ranvenranven
committed
add info boxes, styling
1 parent f0cf5ed commit c1762b7

File tree

5 files changed

+50
-14
lines changed

5 files changed

+50
-14
lines changed

‎client/components/V1/Generic/KeyDataCardComponent.tsx‎

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -82,14 +82,21 @@ const CriteriaCard = (props: CriteriaCardProps) => {
8282
}}
8383
>
8484
<TrafficLight color={props.color} />
85-
<Typography fontStyle={'italic'}>{props.title}</Typography>
86-
<Typography fontStyle={'italic'} color={props.value === 'Ei dataa' ? 'textSecondary' : 'textPrimary'}>
87-
{props.value}
88-
</Typography>
85+
86+
<div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', width: '100%' }}>
87+
<Typography fontStyle={'italic'}>{props.title}</Typography>
88+
<Typography
89+
fontStyle={'italic'}
90+
style={{ whiteSpace: 'nowrap' }}
91+
color={props.value === 'Ei dataa' ? 'textSecondary' : 'textPrimary'}
92+
>
93+
{props.value}
94+
</Typography>
95+
</div>
8996
</div>
9097

9198
{showDescription && (
92-
<Typography variant="body2" color="textSecondary" style={{ padding: '15px' }}>
99+
<Typography variant="body1" color="textSecondary" style={{ padding: '15px' }}>
93100
{props.description}
94101
</Typography>
95102
)}

‎client/components/V1/ProgrammeView/ProgrammeView.tsx‎

Lines changed: 19 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { useEffect } from 'react'
22
import { useDispatch, useSelector } from 'react-redux'
3-
import { Box, CircularProgress, IconButton } from '@mui/material'
3+
import { Alert, AlertTitle, Box, CircularProgress, IconButton, Typography } from '@mui/material'
44
import { useFetchSingleKeyData } from '../../../hooks/useFetchKeyData'
55
import { getReports } from '../../../util/redux/reportsReducer'
66
import { wsJoinRoom, wsLeaveRoom } from '../../../util/redux/websocketReducer.js'
@@ -73,13 +73,30 @@ const ProgrammeView = () => {
7373

7474
<h3>{programme.koulutusohjelma}</h3>
7575
</div>
76+
77+
<Alert severity="info" icon={false} sx={{ marginTop: 4 }}>
78+
<Typography variant="h6">{t('keyData:title')}</Typography>
79+
<br />
80+
<Typography variant="body1">{t('keyData:info1')}</Typography>
81+
<br />
82+
<Typography variant="body1">{t('keyData:info2')}</Typography>
83+
<br />
84+
<Typography variant="body1">{t('keyData:keyFigureInfo')}</Typography>
85+
<ul>
86+
<li>{t('keyData:vetovoima')}</li>
87+
<li>{t('keyData:lapivirtaus')}</li>
88+
<li>{t('keyData:palaute')}</li>
89+
<li>{t('keyData:resurssit')}</li>
90+
</ul>
91+
<Typography variant="body1">{t('keyData:criteriaInfo')}</Typography>
92+
</Alert>
93+
7694
{KeyDataPoints.map(data => (
7795
<>
7896
<KeyDataCard key={data.title} level={level} metadata={metadata} programme={programme} {...data} />
7997
<TextFieldComponent id={data.title} type="comment" />
8098
</>
8199
))}
82-
<TextFieldComponent id="testing" />
83100
</Box>
84101
)
85102
}

‎client/util/locales/en.js‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -552,9 +552,13 @@ export default {
552552

553553
keyData: {
554554
title: 'The vitality of degree programmes at the University of Helsinki',
555+
info1:
556+
'The key figures describe the activities of the degree programme in relation to the key objectives of the University. The aim of the key figures is to provide as equal a view as possible of the vitality of the degree programmes. ',
557+
info2:
558+
'The key figures are used for the annual follow-up of degree programmes from 2025 onwards. The key figures and their criteria will be defined separately for bachelor´s, master´s and doctoral programmes.',
555559
keyFigure: 'Key Figure',
556-
keyFigureInfo:
557-
'The key figures describe the activities of the degree programme in relation to the key objectives of the University. The aim of the key figures is to provide as equal a view as possible of the vitality of the degree programmes. The key figures are used for the annual follow-up of degree programmes from 2025 onwards. The key figures and their criteria will be defined separately for bachelor´s, master´s and doctoral programmes.',
560+
keyFigureInfo: `The key figures for bachelor's and master's programmes are: `,
561+
558562
vetovoima: 'Attractiveness Of The Degree Programme',
559563
vetovoimaInfo:
560564
'The attractiveness of a programme is a measure of the point of view of applicants and of the fact that the programme is filled and that the most suitable students enter the programme. The filling of places and the number of applicants also reflect the size of the programme.',

‎client/util/locales/fi.js‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -550,9 +550,13 @@ export default {
550550

551551
keyData: {
552552
title: 'Koulutusohjelmien elinvoimaisuus Helsingin yliopistossa',
553+
info1:
554+
'Avainluvut kuvaavat koulutusohjelman toimintaa yliopiston keskeisten tavoitteiden näkökulmasta. Avainlukujen tavoitteena on, että niiden avulla voidaan tarkastella koulutusohjelmien elinvoimaisuutta mahdollisimman yhdenvertaisesti. ',
555+
info2:
556+
'Avainlukuja käytetään koulutusohjelmien vuosiseurannassa vuodesta 2025 lähtien. Avainluvut ja niiden kriteerit määritellään erikseen kandi- maisteri- ja tohtoriohjelmille.',
553557
keyFigure: 'Avainluku',
554-
keyFigureInfo:
555-
'Avainluvut kuvaavat koulutusohjelman toimintaa yliopiston keskeisten tavoitteiden näkökulmasta. Avainlukujen tavoitteena on, että niiden avulla voidaan tarkastella koulutusohjelmien elinvoimaisuutta mahdollisimman yhdenvertaisesti. Avainlukuja käytetään koulutusohjelmien vuosiseurannassa vuodesta 2025 lähtien. Avainluvut ja niiden kriteerit määritellään erikseen kandi- maisteri- ja tohtoriohjelmille.',
558+
keyFigureInfo: 'Kandi- ja maisteriohjelmien avainlukuja ovat: ',
559+
556560
vetovoima: 'Koulutusohjelman vetovoimaisuus',
557561
vetovoimaInfo:
558562
'Vetovoimaisuudessa tarkastellaan koulutusohjelman kiinnostavuutta hakijoiden näkökulmasta ja sitä että koulutusohjelman aloituspaikat täyttyvät ja koulutusohjelmassa opintonsa aloittaa alalle parhaiten sopivat opiskelijat. Aloituspaikkojen täyttyminen ja hakijamäärä kuvaavat myös koulutusohjelman kokoa.',

‎client/util/locales/se.js‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -586,9 +586,13 @@ export default {
586586

587587
keyData: {
588588
title: 'Utbildnigsprogrammens vitalitet vid Helsingfors universitet',
589-
keyData: 'Nyckeltal',
590-
keyDataInfo:
591-
'Nyckeltalen beskriver programmets verksamhet i förhållande till universitetets viktigaste mål. Syftet med nyckeltalen är att ge en så likvärdig bild som möjligt av utbildningsprogrammens vitalitet. Nyckeltalen kommer att användas för den årliga uppföljningen av utbildningsprogrammen från och med 2025. Nyckeltalen och deras kriterier kommer att definieras separat för kandidat-, master- och doktorandprogram.',
589+
info1:
590+
'Nyckeltalen beskriver programmets verksamhet i förhållande till universitetets viktigaste mål. Syftet med nyckeltalen är att ge en så likvärdig bild som möjligt av utbildningsprogrammens vitalitet.',
591+
info2:
592+
'Nyckeltalen kommer att användas för den årliga uppföljningen av utbildningsprogrammen från och med 2025. Nyckeltalen och deras kriterier kommer att definieras separat för kandidat-, master- och doktorandprogram.',
593+
keyFigure: 'Nyckeltal',
594+
keyFigureInfo: 'Nyckeltalen för kandidat- och magisterprogrammen är: ',
595+
592596
vetovoima: 'Utbildningsprogrammets Attraktionskraft',
593597
vetovoimaInfo:
594598
'Attraktivitet beskriver förmågan att attrahera sökande studenter och hur man fyller platserna på programmet och attraherar de mest lämpade studenterna till programmet. Fyllnadsgraden och antalet sökande speglar också programmets storlek.',

0 commit comments

Comments
 (0)