Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • kszk/devteam/kszkepzes/old/kszkepzes-frontend
  • kbgergely/kszkepzes-frontend
2 results
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 941 additions and 836 deletions
src/components/pages/Groups.js
View file @ 2eef83d2
import React, { Component } from 'react';
import { Container, Header, Segment } from 'semantic-ui-react';
import './Groups.css';
import { connect } from 'react-redux';
import GroupCard from '../extra/GroupCard';
import { getGroups } from '../../actions/groups';
import { Container, Header, Segment } from 'semantic-ui-react';
import React, { Component } from 'react';
import GroupCard from '../extra/GroupCard';
import { connect } from 'react-redux';
import { getGroups } from '../../actions/groups';
class Groups extends Component {
UNSAFE_componentWillMount() {
......@@ -15,11 +15,11 @@ class Groups extends Component {
render() {
return (
<div>
<Segment inverted textAlign='center' vertical>
<Segment inverted textAlign="center" vertical>
<Container>
<Header
as='h1'
content='Köreink'
as="h1"
content="Köreink"
inverted
style={{
fontSize: '3em',
......@@ -33,10 +33,16 @@ class Groups extends Component {
<Segment style={{ padding: '1em 0em 5em' }} vertical>
<Container text>
{ this.props.groups
{this.props.groups
// eslint-disable-next-line arrow-body-style
.map((item) => {
return <GroupCard key={item.id} label={item.name} value={item.description} />;
return (
<GroupCard
key={item.id}
label={item.name}
value={item.description}
/>
);
})}
</Container>
</Segment>
......
src/components/pages/Home.css
View file @ 2eef83d2
......@@ -10,4 +10,28 @@
-webkit-text-fill-color: white;
}
.quote {
position: relative;
margin-bottom: 0.5rem;
}
.quote:before {
content: '“';
position: absolute;
left: -0.45em;
}
.quote::after {
content: '”';
margin-right: -1rem;
}
.quote--container {
margin: 2rem auto 0;
padding-bottom: 0.7rem;
}
.quote--author {
text-align: right;
font-weight: 300;
}
src/components/pages/Home.js
View file @ 2eef83d2
/* eslint-disable react/jsx-props-no-spreading */
import React, { Component } from 'react';
import "./Home.css";
import {
Button,
Container,
Divider,
Header,
Icon,
Segment,
Image,
Divider,
Responsive,
} from 'semantic-ui-react';
import { connect } from 'react-redux';
import Slider from 'react-slick';
import { Link } from 'react-router-dom';
import './Home.css';
import KSZKbiglogo from '../images/kszk_with_shadow.png';
import { getImages } from '../../actions/home';
Segment,
} from "semantic-ui-react";
/* eslint-disable react/jsx-props-no-spreading */
import React, { Component } from "react";
import KSZKbiglogo from "../images/kszk_with_shadow.png";
import { Link } from "react-router-dom";
import Slider from "react-slick";
import { connect } from "react-redux";
import { getImages } from "../../actions/home";
const settings = {
dots: false,
......@@ -28,7 +30,7 @@ const settings = {
slidesToScroll: 1,
centerMode: true,
lazyLoad: true,
initialSlide: Math.floor((Math.random() * 32) + 1),
initialSlide: Math.floor(Math.random() * 32 + 1),
};
class Home extends Component {
......@@ -40,211 +42,202 @@ class Home extends Component {
if (view === 0) {
return (
<div>
{!!this.props.images}
<Slider {...settings}>
{
{this.props.images &&
this.props.images.map((image) => (
<div key={image}>
<img src={image.image} width={imageWidth} alt='' />
<img src={image.image} width={imageWidth} alt="" />
</div>
))
}
))}
</Slider>
<div className='car-text-kszk'>
<Segment textAlign='center' vertical>
<div className="car-text-kszk">
<Segment textAlign="center" vertical>
<Header
as='h1'
content='Üdvözlünk a'
as="h1"
content="Üdvözlünk a"
inverted
style={{
fontSize: '3vw',
fontWeight: 'normal',
fontSize: "3vw",
fontWeight: "normal",
marginBottom: 0,
}}
/>
<Header
as='h1'
content='Kollégiumi Számítástechnikai Kör'
as="h1"
content="Kollégiumi Számítástechnikai Kör"
inverted
style={{
fontSize: '3.5vw',
fontWeight: 'bold',
marginBottom: '0.5vw',
marginTop: '0.5vw',
fontSize: "3.5vw",
fontWeight: "bold",
marginBottom: "0.5vw",
marginTop: "0.5vw",
}}
/>
<Header
as='h1'
content='újoncképzésének weboldalán!'
as="h1"
content="újoncképzésének weboldalán!"
inverted
style={{
fontSize: '3vw',
fontWeight: 'normal',
fontSize: "3vw",
fontWeight: "normal",
marginBottom: 0,
marginTop: '0.5vw',
marginTop: "0.5vw",
}}
/>
<Image
verticalAlign='middle'
verticalAlign="middle"
src={KSZKbiglogo}
style={{ marginTop: '1vw', width: '17%' }}
style={{ marginTop: "1vw", width: "17%" }}
/>
<Header
as='h1'
content='Szeretettel várunk a KSZKépzésre!'
as="h1"
content="Szeretettel várunk a KSZKépzésre!"
inverted
style={{
fontSize: '3vw',
fontWeight: 'normal',
fontSize: "3vw",
fontWeight: "normal",
marginBottom: 0,
marginTop: '1vw',
marginTop: "1vw",
}}
/>
<Container>
{
this.props.user.id
? (
<Button
as={Link}
to='/profile'
primary
size='huge'
style={{
fontSize: '2vw',
marginTop: '1vw',
marginBottom: '1vw',
fontWeight: 'bold',
letterSpacing: '0.13vw',
}}
>
Jelentkezés
<Icon name='right arrow' />
</Button>
)
: (
<Button
href='/api/v1/login/authsch/'
primary
size='huge'
style={{
fontSize: '2vw',
marginTop: '1vw',
marginBottom: '1vw',
fontWeight: 'bold',
letterSpacing: '0.13vw',
}}
>
Bejelentkezés
<Icon name='right arrow' />
</Button>
)
}
{this.props.user.id ? (
<Button
as={Link}
to="/profile"
primary
size="huge"
style={{
fontSize: "2vw",
marginTop: "1vw",
marginBottom: "1vw",
fontWeight: "bold",
letterSpacing: "0.13vw",
}}
>
Jelentkezés
<Icon name="right arrow" />
</Button>
) : (
<Button
href="/oidc/authenticate/"
primary
size="huge"
style={{
fontSize: "2vw",
marginTop: "1vw",
marginBottom: "1vw",
fontWeight: "bold",
letterSpacing: "0.13vw",
}}
>
Bejelentkezés
<Icon name="right arrow" />
</Button>
)}
</Container>
</Segment>
</div>
</div>
);
} if (view === 1) {
}
if (view === 1) {
return (
<div>
<Slider {...settings}>
{
this.props.images.map((image) => (
<div key={image}>
<img src={image.image} width={imageWidth} alt='' />
</div>
))
}
{this.props.images.map((image) => (
<div key={image}>
<img src={image.image} width={imageWidth} alt="" />
</div>
))}
</Slider>
<div className='car-text-kszk'>
<Segment textAlign='center' vertical>
<div className="car-text-kszk">
<Segment textAlign="center" vertical>
<Header
as='h1'
content='Üdvözlünk a'
as="h1"
content="Üdvözlünk a"
inverted
style={{
fontSize: '5vw',
fontWeight: 'bold',
fontSize: "5vw",
fontWeight: "bold",
marginBottom: 0,
}}
/>
<Header
as='h1'
content='Kollégiumi Számítástechnikai Kör'
as="h1"
content="Kollégiumi Számítástechnikai Kör"
inverted
style={{
fontSize: '6vw',
fontWeight: 'bold',
marginBottom: '0.5vw',
marginTop: '0.5vw',
fontSize: "6vw",
fontWeight: "bold",
marginBottom: "0.5vw",
marginTop: "0.5vw",
}}
/>
<Header
as='h1'
content='újoncképzésének weboldalán!'
as="h1"
content="újoncképzésének weboldalán!"
inverted
style={{
fontSize: '5vw',
fontWeight: 'bold',
fontSize: "5vw",
fontWeight: "bold",
marginBottom: 0,
marginTop: '0.5vw',
marginTop: "0.5vw",
}}
/>
<Image
className='kszklogo'
verticalAlign='middle'
className="kszklogo"
verticalAlign="middle"
src={KSZKbiglogo}
style={{ marginTop: '1vw', width: '20%' }}
style={{ marginTop: "1vw", width: "20%" }}
/>
<Header
as='h1'
content='Szeretettel várunk a KSZKépzésre!'
as="h1"
content="Szeretettel várunk a KSZKépzésre!"
inverted
style={{
fontSize: '5vw',
fontWeight: 'bold',
fontSize: "5vw",
fontWeight: "bold",
marginBottom: 0,
marginTop: '1vw',
marginTop: "1vw",
}}
/>
<Container>
{
this.props.user.id
? (
<Button
as={Link}
to='/profile'
primary
size='massive'
style={{
fontSize: '4vw',
marginTop: '1.5vw',
marginBottom: '1vw',
fontWeight: 'bold',
letterSpacing: '0.15vw',
}}
>
Jelentkezés
<Icon name='right arrow' />
</Button>
)
: (
<Button
href='/api/v1/login/authsch/'
primary
size='massive'
style={{
fontSize: '4vw',
marginTop: '1vw',
marginBottom: '1vw',
fontWeight: 'bold',
letterSpacing: '0.15vw',
}}
>
Bejelentkezés
<Icon name='right arrow' />
</Button>
)
}
{this.props.user.id ? (
<Button
as={Link}
to="/profile"
primary
size="massive"
style={{
fontSize: "4vw",
marginTop: "1.5vw",
marginBottom: "1vw",
fontWeight: "bold",
letterSpacing: "0.15vw",
}}
>
Jelentkezés
<Icon name="right arrow" />
</Button>
) : (
<Button
href="/oidc/authenticate/"
primary
size="massive"
style={{
fontSize: "4vw",
marginTop: "1vw",
marginBottom: "1vw",
fontWeight: "bold",
letterSpacing: "0.15vw",
}}
>
Bejelentkezés
<Icon name="right arrow" />
</Button>
)}
</Container>
</Segment>
</div>
......@@ -257,72 +250,144 @@ class Home extends Component {
renderText() {
const kszk_age = new Date().getFullYear() - 1976;
return (
<Segment style={{ padding: '8em 0em', fontFamily: 'Arial' }} vertical>
<Segment style={{ padding: "1em 0em", fontFamily: "Arial" }} vertical>
<Container text>
<Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
<Segment inverted color="green" tertiary>
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Bemutatkozó videók
</Header>
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
A gólyakörtére készített videóinkat megnézhetitek a{" "}
<a
href="https://www.youtube.com/@kollegiumiszamitastechnika470/videos"
target="_blank"
rel="noopener noreferrer"
style={{ color: "white", textDecoration: "underline" }}
>
YouTube csatornánkon
</a>
!
</p>
</Segment>
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Kik is vagyunk mi?
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
A Kollégiumi Számítástechnikai Kör az Egyetem legrégebben működő
és legnagyobb aktív, informatikával foglalkozó öntevékeny
csoportosulása, idén ünnepeljük
{' '}
{kszk_age}
. születésnapunkat. A patinás
név mögött vidám hangulatú, alkotó kedvű csapat rejlik, mely a Kar
jó szakmai képességű, számítástechnika iránt kiemelten érdeklődő
tagjaiból verbuválódott, és bővül évente új tehetségekkel, lelkes
informatikusokkal, villamosmérnökökkel.
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
A Kollégiumi Számítástechnikai Kör az Egyetem legrégebben működő és
legnagyobb aktív, informatikával foglalkozó öntevékeny
csoportosulása, idén ünnepeljük {kszk_age}. születésnapunkat. A
patinás név mögött vidám hangulatú, alkotó kedvű csapat rejlik, mely
a Kar jó szakmai képességű, számítástechnika iránt kiemelten
érdeklődő tagjaiból verbuválódott, és bővül évente új tehetségekkel,
lelkes informatikusokkal, villamosmérnökökkel.
</p>
<Button as={Link} size='large' to='/groups'>
Ismerd meg a köreinket!
{' '}
<Icon name='right arrow' />
<Button as={Link} size="large" to="/groups">
Ismerd meg a köreinket! <Icon name="right arrow" />
</Button>
<Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
<Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
<Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Lehetőségek
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
A KSZK a lehetőségek tárháza, a hely ahol Te – leendő mérnök –
minden területen kipróbálhatod, továbbképezheted magad. Nálunk
kibontakoztathatod kreativitásod, tapasztalatot, mérnöki
szemléletet szerezhetsz, miközben az ún. soft skill-jeidet is
fejlesztheted. Ha számodra a szakma hivatás, ha szeretsz új
dolgokat alkotni vagy csak jó társaságra vágysz, a legjobb helyre
kerültél. A reszort körei a szakma egy-egy meghatározó területével
foglalkoznak a fejlesztés és üzemeltetés területén.
kibontakoztathatod kreativitásod, tapasztalatot, mérnöki szemléletet
szerezhetsz, miközben az ún. soft skill-jeidet is fejlesztheted. Ha
számodra a szakma hivatás, ha szeretsz új dolgokat alkotni vagy csak
jó társaságra vágysz, a legjobb helyre kerültél. A reszort körei a
szakma egy-egy meghatározó területével foglalkoznak a fejlesztés és
üzemeltetés területén.
</p>
<Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
<Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
<Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Miért jó KSZK-snak lenni?
</Header>
<div
class="quote--container"
style={{ fontSize: "1.5em", fontFamily: "Arial" }}
>
<p class="quote">
Szerintem KSZK-snak jó lenni, mert rengeteget tanulok belőle.
Gyakorlok, hallok újdonságokat, kipróbálhatom magam mindenféle
szerepben, és közben még barátokat is szerzek. Ezek a barátságok,
tapasztalatok egyébként később is nagyon jól jönnek, például a
CV-mben egész erős fegyvertény, hogy ennyi mindent csináltam.
Tényleg rengeteget kaptam a reszorttól, szakmailag és emberileg
is. Ja, és szeretem, hogy a KSZK ilyen szabad, és abba kóstolok
bele, amibe akarok.
</p>
<p class="quote--author">&ndash; Feri</p>
</div>
<div
class="quote--container"
style={{ fontSize: "1.5em", fontFamily: "Arial" }}
>
<p class="quote">
A nulláról kezdtem a képzést és az egyetemi tanulmányaimat is,
semmilyen infós tudásom nem volt, de rengeteget fejlődtem a
KSZK-nak köszönhetően. Ezenkívül nem csak szakmai tudást
szereztem, hanem egy fantasztikus közösség részévé is váltam.
</p>
<p class="quote--author">&ndash; Patrik</p>
</div>
<div
class="quote--container"
style={{ fontSize: "1.5em", fontFamily: "Arial" }}
>
<p class="quote">
Amikor idejöttem egyetemre nem tudtam, hogy mennyire fogom
megtalálni a helyem. Aztán, elkezdtem megismerkedni a kari
közösséggel és barátokat szereztem, akik jelentős részét a
KSZK-ban ismertem meg, vagy velem csatlakozott ide. Együtt
foglalkozgatunk projektekkel, a Ház rendszereinek üzemeltetésével
és egyéb nagyon érdekes ügyes-bajos dolgokkal. Úgy érzem, hogy a
KSZK-ban igazán megtaláltam a helyem, mind emberileg, mind
szakmailag.
</p>
<p class="quote--author">&ndash; Mike</p>
</div>
<div
class="quote--container"
style={{ fontSize: "1.5em", fontFamily: "Arial" }}
>
<p class="quote">
Számtalan dologgal foglalkozunk, és tényleg azt csinálhatom, ami
csak érdekel. Emellett a KSZK-t a szívügyemnek tekintem, szerintem
a legjobb lehetőség a szakmai fejlődésen kívül életre szóló
barátságok alakítására.
</p>
<p class="quote--author">&ndash; Blint</p>
</div>
<Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Képzésünk
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
Kilenc alkalmas képzésünk végén Te is igazi KSZK-ssá válhatsz,
hiszen rengeteg szakmai tudást igyekszünk átadni nektek.
A képzésalkalmak rendkívül jó hangulatban telnek, és a szociális
irányultságú foglalkozások alatt egy nagyon jó csapat kovácsolódik
az érdeklődőkből. Az első képzés időpontja február 16. vasárnap 18:00,
ettől kezdve pedig minden héten találkozunk ugyanabban az időpontban.
A képzés ideje alatt április 17-19 között rendezünk tábort.
Az alkalmakon és a táboron kötelező a részvétel.
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
Képzésünk végén Te is igazi KSZK-ssá válhatsz, hiszen rengeteg
szakmai tudást igyekszünk átadni nektek. A képzésalkalmak rendkívül
jó hangulatban telnek, és a szociális irányultságú foglalkozások
alatt egy nagyon jó csapat kovácsolódik az érdeklődőkből. Az első
képzés időpontja február 20. csütörtök 18:00, ettől kezdve pedig
minden héten egy közösségi és számos szakmai alkalom során
találkozunk. A képzésalkalmak után április 11-től 13-ig rendezünk
tábort. Az közösségi alkalmakon és a táboron kötelező a részvétel.
</p>
<Divider as='h4' className='header' style={{ margin: '3em 0em' }} />
<Segment inverted color='red' tertiary>
<Header as='h3' style={{ fontSize: '2em', fontFamily: 'Arial' }}>
<Divider as="h4" className="header" style={{ margin: "3em 0em" }} />
<Segment inverted color="red" tertiary>
<Header as="h3" style={{ fontSize: "2em", fontFamily: "Arial" }}>
Korlátos férőhely
</Header>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
Általánosságban elmondható, hogy a KSZK tagjai rengeteg dologgal foglalkoznak
a hétköznapjaik során, hogy minden informatikai rendszer úgy működjön
a kollégiumban, ahogy kell. Így van ez velünk képzőkkel is, emiatt
hetente csak egy képzésalkalmat tudunk tartani. Mivel az oktatóterem
férőhelyében korlátozott, ezért a képzésre maximum 35 embert tudunk befogadni.
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
Általánosságban elmondható, hogy a KSZK tagjai rengeteg dologgal
foglalkoznak a hétköznapjaik során, hogy minden informatikai
rendszer úgy működjön a kollégiumban, ahogy kell. Így van ez
velünk képzőkkel is, emiatt a férőhelyek korlátosak.
</p>
<p style={{ fontSize: '1.33em', fontFamily: 'Arial' }}>
Sajnos előfordulhat olyan eset, hogy valaki már nem fér be a képzésre,
ezért kérünk titeket, hogy ennek tudatában jelentkezzetek majd.
Ilyen esetben reméljük ez nem szegi kedveteket és jövőre újra próbálkoztok majd!
<p style={{ fontSize: "1.33em", fontFamily: "Arial" }}>
Sajnos előfordulhat olyan eset, hogy valaki már nem fér be a
képzésre, ezért kérünk titeket, hogy ennek tudatában
jelentkezzetek majd. Ilyen esetben reméljük ez nem szegi
kedveteket és jövőre újra próbálkoztok majd!
</p>
</Segment>
</Container>
......@@ -334,17 +399,15 @@ class Home extends Component {
return (
<div>
<Responsive minWidth={600}>
<div className='car-image-kszk'>
<div className="car-image-kszk">
<div />
{ this.renderSlider(0, '120%') }
{this.renderSlider(0, "120%")}
</div>
{ this.renderText() }
{this.renderText()}
</Responsive>
<Responsive maxWidth={600}>
<div className='car-image-kszk'>
{ this.renderSlider(1, '200%') }
</div>
{ this.renderText() }
<div className="car-image-kszk">{this.renderSlider(1, "200%")}</div>
{this.renderText()}
</Responsive>
</div>
);
......@@ -352,7 +415,8 @@ class Home extends Component {
}
const mapStateToProps = ({ user, images }) => ({
user, images,
user,
images,
});
export default connect(mapStateToProps, { getImages })(Home);
src/components/pages/Homework.js
View file @ 2eef83d2
/* eslint-disable no-nested-ternary */
import React, { Component } from 'react';
import {
Button,
Container,
Header,
Segment,
Table,
Icon,
Message,
Button,
Label,
Message,
Segment,
Table,
} from 'semantic-ui-react';
import { connect } from 'react-redux';
import moment from 'moment';
/* eslint-disable no-nested-ternary */
import React, { Component } from 'react';
import {
getTasks,
getSolutions,
getDocuments,
addTask,
setSelectedTask,
deleteTask,
getDocuments,
getProfiles,
getSolutions,
getTasks,
setSelectedTask,
} from '../../actions/homework';
import AddTaskForm from '../forms/AddTaskForm';
import AddSolutionForm from '../forms/AddSolutionForm';
import SolutionDetailsForm from '../forms/SolutionDetailsForm';
import AddTaskForm from '../forms/AddTaskForm';
import ConfirmModal from '../forms/ConfirmModal';
import EditTaskForm from '../forms/EditTaskForm';
import InfoModal from '../forms/InfoModal';
import ConfirmModal from '../forms/ConfirmModal';
import SolutionDetailsForm from '../forms/SolutionDetailsForm';
import { connect } from 'react-redux';
import moment from 'moment';
// Display type for the Table Semantic UI component
// {icon} {text} - Displayed for the student for each Task
......@@ -80,8 +81,9 @@ class Homework extends Component {
// Returns a table style for the given task
getTaskDisplayStyle(task) {
const taskSolution = this.props.homeworks.solutions
.filter((solution) => solution.task === task.id);
const taskSolution = this.props.homeworks.solutions.filter(
(solution) => solution.task === task.id
);
if (taskSolution.length === 0) {
if (moment().isBefore(task.deadline)) {
......@@ -106,8 +108,9 @@ class Homework extends Component {
// given parameters separates the active/inactive tasks and normal/staff users
renderTaskList(active, staff) {
const { user, homeworks } = this.props;
const profileSolutions = homeworks.solutions
.filter((solution) => solution.created_by === user.id);
const profileSolutions = homeworks.solutions.filter(
(solution) => solution.created_by === user.id
);
// Normal user
if (!staff) {
......@@ -118,14 +121,14 @@ class Homework extends Component {
<Table.Row
key={task.id}
warning={
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.warning
}
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.warning
}
positive={
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.positive
}
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.positive
}
negative={
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.negative
}
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.negative
}
>
{/* Form component */}
<Table.Cell>
......@@ -143,47 +146,53 @@ class Homework extends Component {
</Table.Cell>
<Table.Cell>
<Label color={
<Label
color={
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.positive
? 'green'
: moment().isAfter(task.deadline) ? 'red'
: displayTypes[this.getTaskDisplayStyle(task)].rowstyle.negative ? 'red' : null
}
: moment().isAfter(task.deadline)
? 'red'
: displayTypes[this.getTaskDisplayStyle(task)].rowstyle
.negative
? 'red'
: null
}
>
{task.bits}
{' '}
bit
{task.bits} bit
</Label>
</Table.Cell>
{/* Status (Javításra vár, ...) */}
<Table.Cell>
<Icon name={displayTypes[this.getTaskDisplayStyle(task)].icon} />
{' '}
<Icon name={displayTypes[this.getTaskDisplayStyle(task)].icon} />{' '}
{displayTypes[this.getTaskDisplayStyle(task)].text}
{profileSolutions.filter((solution) => solution.task === task.id)
&& profileSolutions.filter((solution) => solution.task === task.id)
.slice(-1)[0]
&& profileSolutions.filter((solution) => solution.task === task.id)
.slice(-1)[0].note
? (
<div>
<InfoModal
button={(
<button type='button' id='tasknote'>
(Megjegyzés
{' '}
<Icon name='external' />
)
</button>
)}
title='Megjegyzés a feladathoz'
content={profileSolutions
.filter((solution) => solution.task === task.id).slice(-1)[0].note}
onAccept={() => {}}
/>
</div>
)
: ''}
{profileSolutions.filter(
(solution) => solution.task === task.id
) &&
profileSolutions
.filter((solution) => solution.task === task.id)
.slice(-1)[0] &&
profileSolutions
.filter((solution) => solution.task === task.id)
.slice(-1)[0].note ? (
<div>
<InfoModal
button={
<button type="button" id="tasknote">
(Megjegyzés <Icon name="external" />)
</button>
}
title="Megjegyzés a feladathoz"
content={
profileSolutions
.filter((solution) => solution.task === task.id)
.slice(-1)[0].note
}
onAccept={() => {}}
/>
</div>
) : (
''
)}
</Table.Cell>
</Table.Row>
));
......@@ -192,14 +201,8 @@ bit
// Staff
const deleteButton = (
<Button
inverted
style={{ marginRight: '2em' }}
color='red'
>
<Icon name='x' />
{' '}
Törlés
<Button inverted style={{ marginRight: '2em' }} color="red">
<Icon name="x" /> Törlés
</Button>
);
......@@ -209,14 +212,14 @@ Törlés
<Table.Row
key={task.id}
warning={
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.warning
}
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.warning
}
positive={
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.positive
}
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.positive
}
negative={
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.negative
}
displayTypes[this.getTaskDisplayStyle(task)].rowstyle.negative
}
>
{/* Form */}
<Table.Cell>
......@@ -232,18 +235,14 @@ Törlés
</Table.Cell>
{/* Bits */}
<Table.Cell>
<Label color={null}>
{task.bits}
{' '}
bit
</Label>
<Label color={null}>{task.bits} bit</Label>
</Table.Cell>
{/* Admin buttons */}
<Table.Cell>
<EditTaskForm onClick={() => this.props.setSelectedTask(task)} />
<ConfirmModal
button={deleteButton}
text='törlöd a kiválaszott feladatot a már beadott megoldásokkal együtt'
text="törlöd a kiválaszott feladatot a már beadott megoldásokkal együtt"
onAccept={() => this.props.deleteTask(task)}
/>
</Table.Cell>
......@@ -267,17 +266,16 @@ bit
<Table.Header>
<Table.Row>
<Table.HeaderCell>
<Icon circular name='home' />
<Icon circular name="home" />
Feladat megnevezése / beadása
</Table.HeaderCell>
<Table.HeaderCell>
<Icon circular name='calendar' />
<Icon circular name="calendar" />
Beadási határidő
</Table.HeaderCell>
<Table.HeaderCell width={2}>
</Table.HeaderCell>
<Table.HeaderCell width={2}></Table.HeaderCell>
<Table.HeaderCell>
<Icon circular name='tasks' />
<Icon circular name="tasks" />
Állapot
</Table.HeaderCell>
</Table.Row>
......@@ -291,17 +289,16 @@ bit
<Table.Header>
<Table.Row>
<Table.HeaderCell>
<Icon circular name='home' />
<Icon circular name="home" />
Feladat megnevezése / Beadások állapota
</Table.HeaderCell>
<Table.HeaderCell>
<Icon circular name='calendar' />
<Icon circular name="calendar" />
Beadási határidő
</Table.HeaderCell>
<Table.HeaderCell width={2}>
</Table.HeaderCell>
<Table.HeaderCell width={2}></Table.HeaderCell>
<Table.HeaderCell>
<Icon circular name='edit' />
<Icon circular name="edit" />
Módosítás / Törlés
</Table.HeaderCell>
</Table.Row>
......@@ -323,15 +320,18 @@ bit
headerText = 'Aktív feladatok kijavítása, módosítása vagy törlése';
}
if (this.props.homeworks.tasks.filter((task) => moment()
.isBefore(task.deadline) === active).length === 0
if (
this.props.homeworks.tasks.filter(
(task) => moment().isBefore(task.deadline) === active
).length === 0
) {
noTask = true;
}
if (!active) {
if (staff) {
headerText = 'Lejárt határidejű feladatok kijavítása, módosítása vagy törlése';
headerText =
'Lejárt határidejű feladatok kijavítása, módosítása vagy törlése';
} else {
headerText = 'Lejárt határidejű feladatok';
}
......@@ -343,11 +343,9 @@ bit
<Segment style={{ padding: '0 0 2em 0' }} vertical basic>
<Container>
<Header
as='h1'
as="h1"
dividing
content={
headerText
}
content={headerText}
style={{
fontSize: '2em',
fontWeight: 'normal',
......@@ -355,36 +353,30 @@ bit
marginTop: '0.5em',
}}
/>
{noTask
? customMessage(noTaskHeaderText, noTaskText, marginBottom, false)
: (
<div>
{this.renderHomeworksTable(active, staff)}
</div>
)}
{!active && !staff
? (
<Header
as='h3'
content={(
<div>
Jelenlegi bitjeid száma:
<Label color='green' size='large'>
{this.props.user.bits}
{' '}
bit
</Label>
</div>
)}
style={{
fontWeight: 'normal',
marginTop: '0.5em',
marginBottom: '1em',
}}
textAlign='right'
/>
)
: null}
{noTask ? (
customMessage(noTaskHeaderText, noTaskText, marginBottom, false)
) : (
<div>{this.renderHomeworksTable(active, staff)}</div>
)}
{!active && !staff ? (
<Header
as="h3"
content={
<div>
Jelenlegi bitjeid száma:
<Label color="green" size="large">
{this.props.user.bits} bit
</Label>
</div>
}
style={{
fontWeight: 'normal',
marginTop: '0.5em',
marginBottom: '1em',
}}
textAlign="right"
/>
) : null}
</Container>
</Segment>
);
......@@ -400,15 +392,16 @@ bit
{this.renderHomeworks(false, false)}
</div>
);
} if (user.role === 'Staff') {
}
if (user.role === 'Staff') {
return (
<div style={{ paddingBottom: '2em' }}>
<Segment style={{ padding: '0 0 2em 0' }} vertical basic>
<Container>
<Header
dividing
as='h1'
content='Új házi feladat létrehozása'
as="h1"
content="Új házi feladat létrehozása"
style={{
fontSize: '2em',
fontWeight: 'normal',
......@@ -430,17 +423,18 @@ bit
}
}
const mapStateToProps = ({ selectedTask, homeworks, user }) => ({ selectedTask, homeworks, user });
const mapStateToProps = ({ selectedTask, homeworks, user }) => ({
selectedTask,
homeworks,
user,
});
export default connect(
mapStateToProps,
{
getTasks,
setSelectedTask,
getSolutions,
getDocuments,
addTask,
deleteTask,
getProfiles,
},
)(Homework);
export default connect(mapStateToProps, {
getTasks,
setSelectedTask,
getSolutions,
getDocuments,
addTask,
deleteTask,
getProfiles,
})(Homework);
src/components/pages/LeaderBoard.js
View file @ 2eef83d2
import React, { Component } from 'react';
import { Container, Table } from 'semantic-ui-react';
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { getTrainees } from '../../actions/statistics';
......@@ -10,59 +11,48 @@ class LeaderBoard extends Component {
// Every event rendered
renderTraineeBits() {
return this.props.trainees.sort((a, b) => (Number(b.homework_bits) + b.events_visited)
- (Number(a.homework_bits) + a.events_visited)).map((trainee) => (
trainee.role === 'Student'
? (
return this.props.trainees
.sort(
(a, b) =>
(Number(b.homework_bits) + Number(b.events_visited) + Number(b.extra_bits)) -
(Number(a.homework_bits) + Number(a.events_visited) + Number(a.extra_bits))
)
.map((trainee) =>
trainee.role === 'Student' ? (
<Table.Row key={trainee.nick}>
<Table.Cell textAlign='center'>
{trainee.full_name}
</Table.Cell>
<Table.Cell textAlign='center'>
{trainee.events_visited}
</Table.Cell>
<Table.Cell textAlign='center'>
{Number(trainee.homework_bits)}
<Table.Cell textAlign="center">{trainee.full_name}</Table.Cell>
<Table.Cell textAlign="center">{trainee.events_visited}</Table.Cell>
<Table.Cell textAlign="center">
{Number(trainee.homework_bits) + Number(trainee.extra_bits)}
</Table.Cell>
<Table.Cell textAlign='center'>
{Number(trainee.homework_bits) + trainee.events_visited}
<Table.Cell textAlign="center">
{Number(trainee.homework_bits) + trainee.events_visited + Number(trainee.extra_bits)}
</Table.Cell>
</Table.Row>
)
: null
));
) : null
);
}
render() {
return (
<Container textAlign='center' style={{ overflowX: 'scroll' }}>
<Table color='blue' unstackable celled selectable compact>
<Container textAlign="center" style={{ overflowX: 'scroll' }}>
<Table color="blue" unstackable celled selectable compact>
<Table.Header>
<Table.Row>
<Table.HeaderCell textAlign='center'>
Képződők
</Table.HeaderCell>
<Table.HeaderCell textAlign='center'>
Jelenlét
</Table.HeaderCell>
<Table.HeaderCell textAlign='center'>
Bitek
</Table.HeaderCell>
<Table.HeaderCell textAlign='center'>
Szumma
</Table.HeaderCell>
<Table.HeaderCell textAlign="center">Képződők</Table.HeaderCell>
<Table.HeaderCell textAlign="center">Jelenlét</Table.HeaderCell>
<Table.HeaderCell textAlign="center">Bitek</Table.HeaderCell>
<Table.HeaderCell textAlign="center">Szumma</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
{this.props.trainees
? this.renderTraineeBits()
: (
<Table.Row>
<Table.Cell>
Nincsenek képződők
</Table.Cell>
</Table.Row>
)}
{this.props.trainees ? (
this.renderTraineeBits()
) : (
<Table.Row>
<Table.Cell>Nincsenek képződők</Table.Cell>
</Table.Row>
)}
</Table.Body>
</Table>
</Container>
......@@ -70,6 +60,9 @@ class LeaderBoard extends Component {
}
}
const mapStateToProps = ({ trainees: { trainees }, user }) => ({ trainees, user });
const mapStateToProps = ({ trainees: { trainees }, user }) => ({
trainees,
user,
});
export default connect(mapStateToProps, { getTrainees })(LeaderBoard);
src/components/pages/Mentors.js
View file @ 2eef83d2
import React, { Component } from 'react';
import {
Container, Segment, Item, Header, Card, Label, Icon, Responsive, Image,
Card,
Container,
Header,
Icon,
Image,
Item,
Label,
Responsive,
Segment,
} from 'semantic-ui-react';
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { getMentors } from '../../actions/mentors';
......@@ -16,22 +25,24 @@ class Mentors extends Component {
<Card.Content style={{ padding: '0' }}>
<Item.Group>
<Item>
{index % 2 === 0
? <Item.Image size='medium' src={item.image} /> : null}
{index % 2 === 0 ? (
<Item.Image size="medium" src={item.image} />
) : null}
<Item.Content style={{ padding: '1rem' }}>
<Item.Header>{item.name}</Item.Header>
<Item.Description>
<p>{item.text}</p>
<p dangerouslySetInnerHTML={{ __html: item.text }}></p>
</Item.Description>
<Item.Extra>
<Label>
<Icon name='mail' />
<Icon name="mail" />
{item.email}
</Label>
</Item.Extra>
</Item.Content>
{index % 2 === 1
? <Item.Image size='medium' src={item.image} /> : null}
{index % 2 === 1 ? (
<Item.Image size="medium" src={item.image} />
) : null}
</Item>
</Item.Group>
</Card.Content>
......@@ -46,12 +57,12 @@ class Mentors extends Component {
<Card.Content>
<Card.Header>{item.name}</Card.Header>
<Card.Description>
{item.text}
<p dangerouslySetInnerHTML={{ __html: item.text }}></p>
</Card.Description>
</Card.Content>
<Card.Content extra>
<Label>
<Icon name='mail' />
<Icon name="mail" />
{item.email}
</Label>
</Card.Content>
......@@ -62,11 +73,11 @@ class Mentors extends Component {
render() {
return (
<div>
<Segment inverted textAlign='center' vertical>
<Segment inverted textAlign="center" vertical>
<Container>
<Header
as='h1'
content='Mentorok'
as="h1"
content="Mentorok"
inverted
style={{
fontSize: '3em',
......
src/components/pages/News.css
View file @ 2eef83d2
.news-extra {
color: grey;
font-size: 0.75em;
font-style: italic;
font-family: fantasy;
text-align: justify;
color: grey;
font-size: 0.75em;
font-style: italic;
font-family: fantasy;
text-align: justify;
}
.news-text {
font-size: 1.15em;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
font-size: 1.15em;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}
src/components/pages/News.js
View file @ 2eef83d2
import './News.css';
import { Button, Container, Grid, Item, Segment } from 'semantic-ui-react';
import React, { Component } from 'react';
import {
Container, Segment, Item, Button, Grid,
} from 'semantic-ui-react';
import { connect } from 'react-redux';
import moment from 'moment';
import { deleteNews, getNews, setSelectedNews } from '../../actions/news';
import AddNewsForm from '../forms/AddNewsForm';
import EditNewsForm from '../forms/EditNewsForm';
import ConfirmModal from '../forms/ConfirmModal';
import EditNewsForm from '../forms/EditNewsForm';
import { connect } from 'react-redux';
import moment from 'moment';
import { getNews, deleteNews, setSelectedNews } from '../../actions/news';
import './News.css';
const linkify = (text) => {
const urlRegex = /(https?:\/\/[^\s]+)/g;
return text.split(urlRegex).map((part, index) =>
part.match(urlRegex) ? (
<a key={index} href={part} target="_blank" rel="noopener noreferrer">
{part}
</a>
) : (
part
)
);
};
class News extends Component {
UNSAFE_componentWillMount() {
......@@ -23,46 +32,38 @@ class News extends Component {
return this.props.news.map((item) => (
<Item key={item.id}>
<Item.Content>
<Container text textAlign='left'>
<Item.Header
style={{ fontSize: '2em', width: '100%' }}
>
<Container text textAlign="left">
<Item.Header style={{ fontSize: '2em', width: '100%' }}>
<Grid>
<Grid.Column
floated='left'
floated="left"
width={this.props.user.role === 'Staff' ? 12 : 16}
>
{item.title}
</Grid.Column>
{ this.props.user.role === 'Staff'
? (
<Grid.Column floated='right' width={4}>
<EditNewsForm
onClick={() => this.props.setSelectedNews(item)}
/>
<ConfirmModal
text={`törölni akarod a következő hírt: ${item.title}`}
button={(
<Button
compact
color='red'
size='mini'
>
Törlés
</Button>
)}
onAccept={() => this.props.deleteNews(item)}
/>
</Grid.Column>
)
: null }
{this.props.user.role === 'Staff' ? (
<Grid.Column floated="right" width={4}>
<EditNewsForm
onClick={() => this.props.setSelectedNews(item)}
/>
<ConfirmModal
text={`törölni akarod a következő hírt: ${item.title}`}
button={
<Button compact color="red" size="mini">
Törlés
</Button>
}
onAccept={() => this.props.deleteNews(item)}
/>
</Grid.Column>
) : null}
</Grid>
</Item.Header>
<Item.Meta style={{ fontSize: '0.75em', fontStyle: 'italic' }}>
Közzétéve:
Közzétéve:
{moment(item.created_at).format('LLLL')}
</Item.Meta>
<Item.Description className='news-text' style={{ fontSize: '1em' }}>
<Item.Description className="news-text" style={{ fontSize: '1em' }}>
{this.renderMultiLine(item.text)}
</Item.Description>
</Container>
......@@ -73,21 +74,17 @@ Közzétéve:
renderMultiLine = (text) => {
const strings = text.split('\n');
return strings.map((string) => <p key={Math.random()}>{string}</p>);
}
return strings.map((string) => <p key={Math.random()}>{linkify(string)}</p>);
};
render() {
return (
<div style={{ paddingTop: '1em', paddingBottom: '5em' }}>
<Segment vertical>
{/* { this.props.user.is_superuser ? <AddNewsForm /> : ''} */}
<Container text textAlign='center'>
{this.props.user.role === 'Staff'
? <AddNewsForm />
: null}
<Item.Group divided>
{this.renderNews()}
</Item.Group>
<Container text textAlign="center">
{this.props.user.role === 'Staff' ? <AddNewsForm /> : null}
<Item.Group divided>{this.renderNews()}</Item.Group>
</Container>
</Segment>
</div>
......@@ -95,7 +92,10 @@ Közzétéve:
}
}
const mapStateToProps = ({ news, user }) => ({ news, user });
export default connect(mapStateToProps, { getNews, deleteNews, setSelectedNews })(News);
export default connect(mapStateToProps, {
getNews,
deleteNews,
setSelectedNews,
})(News);
src/components/pages/NotFound.js
View file @ 2eef83d2
import { Button, Container, Header, Icon, Segment } from 'semantic-ui-react';
import React, { Component } from 'react';
import {
Button, Container, Header, Icon, Segment,
} from 'semantic-ui-react';
export default class NotFound extends Component {
render() {
return (
<div>
<Segment inverted textAlign='center' vertical>
<Segment inverted textAlign="center" vertical>
<Container>
<Header
as='h1'
content='404 - A keresett oldal nem található!'
as="h1"
content="404 - A keresett oldal nem található!"
inverted
style={{
fontSize: '3em',
......@@ -21,9 +19,9 @@ export default class NotFound extends Component {
}}
/>
<Button
href='/'
href="/"
primary
size='huge'
size="huge"
style={{
fontSize: '2em',
marginTop: '1em',
......@@ -31,7 +29,7 @@ export default class NotFound extends Component {
}}
>
Vissza a Főoldalra
<Icon name='right arrow' />
<Icon name="right arrow" />
</Button>
</Container>
</Segment>
......
src/components/pages/Presence.js
View file @ 2eef83d2
import { Container, Icon, Table } from 'semantic-ui-react';
import React, { Component } from 'react';
import { Container, Table, Icon } from 'semantic-ui-react';
import { getStaffEvents, getTrainees } from '../../actions/statistics';
import { connect } from 'react-redux';
import { getTrainees, getStaffEvents } from '../../actions/statistics';
class Presence extends Component {
UNSAFE_componentWillMount() {
......@@ -11,70 +12,61 @@ class Presence extends Component {
// Every event with visit status in table cells
renderVisitedStatus(trainee) {
return (this.props.events.map((event) => {
return this.props.events.map((event) => {
if (event.visitors.includes(trainee.id)) {
return (
<Table.Cell textAlign='center' key={Math.random()}>
<Icon color='green' name='checkmark' />
<Table.Cell textAlign="center" key={Math.random()}>
<Icon color="green" name="checkmark" />
</Table.Cell>
);
}
return (
<Table.Cell textAlign='center' key={Math.random()}>
<Icon color='red' name='cancel' />
<Table.Cell textAlign="center" key={Math.random()}>
<Icon color="red" name="cancel" />
</Table.Cell>
);
}));
});
}
// Every event rendered
renderTraineesWithEvents() {
return this.props.trainees.map((trainee) => (
trainee.role === 'Student'
? (
<Table.Row key={Math.random()}>
<Table.Cell textAlign='center'>
{trainee.full_name}
</Table.Cell>
{this.renderVisitedStatus(trainee)}
</Table.Row>
)
: null
));
return this.props.trainees.map((trainee) =>
trainee.role === 'Student' ? (
<Table.Row key={Math.random()}>
<Table.Cell textAlign="center">{trainee.full_name}</Table.Cell>
{this.renderVisitedStatus(trainee)}
</Table.Row>
) : null
);
}
// Column for each event
renderTableHeaderEvents() {
return (this.props.events.map((event) => (
<Table.HeaderCell textAlign='center' key={event.id}>
return this.props.events.map((event) => (
<Table.HeaderCell textAlign="center" key={event.id}>
{event.name}
</Table.HeaderCell>
)));
));
}
render() {
return (
<Container textAlign='center' style={{ overflowX: 'scroll' }}>
<Table color='blue' unstackable celled selectable compact>
<Container textAlign="center" style={{ overflowX: 'scroll' }}>
<Table color="blue" unstackable celled selectable compact>
<Table.Header>
<Table.Row>
<Table.HeaderCell textAlign='center'>
Képződők
</Table.HeaderCell>
{ this.renderTableHeaderEvents() }
<Table.HeaderCell textAlign="center">Képződők</Table.HeaderCell>
{this.renderTableHeaderEvents()}
</Table.Row>
</Table.Header>
<Table.Body>
{this.props.trainees
? this.renderTraineesWithEvents()
: (
<Table.Row>
<Table.Cell>
Nincsenek képződők
</Table.Cell>
</Table.Row>
)}
{this.props.trainees ? (
this.renderTraineesWithEvents()
) : (
<Table.Row>
<Table.Cell>Nincsenek képződők</Table.Cell>
</Table.Row>
)}
</Table.Body>
</Table>
</Container>
......@@ -82,8 +74,12 @@ class Presence extends Component {
}
}
const mapStateToProps = (
{ trainees: { trainees }, events: { events }, user },
) => ({ trainees, events, user });
const mapStateToProps = ({
trainees: { trainees },
events: { events },
user,
}) => ({ trainees, events, user });
export default connect(mapStateToProps, { getTrainees, getStaffEvents })(Presence);
export default connect(mapStateToProps, { getTrainees, getStaffEvents })(
Presence
);
src/components/pages/Profile.js
View file @ 2eef83d2
import React, { Component } from 'react';
import {
Container, Form, Dropdown, Divider, Segment,
} from 'semantic-ui-react';
import { connect } from 'react-redux';
import { textChange, submitRegistration, groupChange } from '../../actions';
import { getDeadline } from '../../actions/auth';
import HiddenForm from '../forms/HiddenForm';
import { Container, Divider, Dropdown, Form, Segment } from "semantic-ui-react";
import React, { Component } from "react";
import { groupChange, submitRegistration, textChange } from "../../actions";
import HiddenForm from "../forms/HiddenForm";
import { connect } from "react-redux";
import { getDeadline } from "../../actions/auth";
const options = [
{ key: 'DT', text: 'DevTeam', value: 'DT' },
{ key: 'NET', text: 'NETeam', value: 'NET' },
{ key: 'ST', text: 'SecurITeam', value: 'ST' },
{ key: 'SYS', text: 'SysAdmin', value: 'SYS' },
{ key: 'HAT', text: 'Hallgatói Tudásbázis', value: 'HAT' },
{ key: "DT", text: "DevTeam", value: "DT" },
{ key: "NET", text: "NETeam", value: "NET" },
{ key: "ST", text: "SecurITeam", value: "ST" },
{ key: "SYS", text: "SysAdmin", value: "SYS" },
{ key: "HAT", text: "Hallgatói Tudásbázis", value: "HAT" },
];
class Profile extends Component {
UNSAFE_componentWillMount() {
this.props.getDeadline();
if (!this.props.id) {
this.props.history.push('/home');
this.props.history.push("/home");
}
}
render() {
const {
nick, groups, motivationAbout, motivationProfession,
motivationExercise, signed, id, deadline, messageBefore,
nick,
groups,
motivationAbout,
motivationProfession,
motivationExercise,
signed,
id,
deadline,
messageBefore,
messageAfter,
} = this.props;
const endDate = new Date(deadline);
......@@ -34,203 +40,191 @@ class Profile extends Component {
return (
<Container
style={{
marginTop: '1em',
marginTop: "1em",
}}
>
{canEdit
? (
<Segment inverted color='red' tertiary>
<p style={{ fontSize: '1.3em' }} dangerouslySetInnerHTML={{ __html: messageBefore }} />
</Segment>
)
: (
<Segment inverted color='red' tertiary>
<p style={{ fontSize: '1.3em' }} dangerouslySetInnerHTML={{ __html: messageAfter }} />
</Segment>
)}
{canEdit ? (
<Segment inverted color="red" tertiary>
<p
style={{ fontSize: "1.3em" }}
dangerouslySetInnerHTML={{ __html: messageBefore }}
/>
</Segment>
) : (
<Segment inverted color="red" tertiary>
<p
style={{ fontSize: "1.3em" }}
dangerouslySetInnerHTML={{ __html: messageAfter }}
/>
</Segment>
)}
<Form>
{canEdit
? (
<Form.Input
fluid
name='nick'
label='Becenév'
onChange={(e) => this.props.textChange(e)}
placeholder='Becenév'
value={nick}
/>
)
: <HiddenForm fontWeight='bold' label='Becenév' value={nick} />}
{canEdit ? (
<Form.Input
fluid
name="nick"
label="Becenév"
onChange={(e) => this.props.textChange(e)}
placeholder="Becenév"
value={nick}
/>
) : (
<HiddenForm fontWeight="bold" label="Becenév" value={nick} />
)}
<Divider horizontal>Motiváció</Divider>
{canEdit
? (
<Form.TextArea
rows={10}
name='motivationAbout'
label='Mesélj nekünk egy kicsit magadról. Milyen szakmai vagy más eredményeket értél el, amikre büszke vagy?'
onChange={(e) => this.props.textChange(e)}
placeholder='Mesélj nekünk egy kicsit magadról. Milyen szakmai vagy más eredményeket értél el, amikre büszke vagy?'
value={motivationAbout}
/>
)
: (
<HiddenForm
fontWeight='bold'
label='Mesélj nekünk egy kicsit magadról. Milyen szakmai vagy más eredményeket értél el, amikre büszke vagy?'
value={motivationAbout}
/>
)}
{canEdit ? (
<Form.TextArea
rows={10}
name="motivationAbout"
label="Mesélj nekünk egy kicsit magadról. Milyen szakmai vagy más eredményeket értél el, amikre büszke vagy?"
onChange={(e) => this.props.textChange(e)}
placeholder="Mesélj nekünk egy kicsit magadról. Milyen szakmai vagy más eredményeket értél el, amikre büszke vagy?"
value={motivationAbout}
/>
) : (
<HiddenForm
fontWeight="bold"
label="Mesélj nekünk egy kicsit magadról. Milyen szakmai vagy más eredményeket értél el, amikre büszke vagy?"
value={motivationAbout}
/>
)}
<Divider horizontal />
{canEdit
? (
<Form.TextArea
rows={10}
label='Mit vársz el a képzéstől, miért szeretnél rá jelentkezni, szerinted mire tudod majd használni az itt megszerzett tudást? Mit szeretnél elérni a szakmádban?'
name='motivationProfession'
onChange={(e) => this.props.textChange(e)}
placeholder='Mit vársz el a képzéstől, miért szeretnél rá jelentkezni, szerinted mire tudod majd használni az itt megszerzett tudást? Mit szeretnél elérni a szakmádban?'
value={motivationProfession}
/>
)
: (
<HiddenForm
fontWeight='bold'
label='Mit vársz el a képzéstől, miért szeretnél rá jelentkezni, szerinted mire tudod majd használni az itt megszerzett tudást? Mit szeretnél elérni a szakmádban?'
value={motivationProfession}
/>
)}
{canEdit ? (
<Form.TextArea
rows={10}
label="Mit vársz el a képzéstől, miért szeretnél rá jelentkezni, szerinted mire tudod majd használni az itt megszerzett tudást? Mit szeretnél elérni a szakmádban?"
name="motivationProfession"
onChange={(e) => this.props.textChange(e)}
placeholder="Mit vársz el a képzéstől, miért szeretnél rá jelentkezni, szerinted mire tudod majd használni az itt megszerzett tudást? Mit szeretnél elérni a szakmádban?"
value={motivationProfession}
/>
) : (
<HiddenForm
fontWeight="bold"
label="Mit vársz el a képzéstől, miért szeretnél rá jelentkezni, szerinted mire tudod majd használni az itt megszerzett tudást? Mit szeretnél elérni a szakmádban?"
value={motivationProfession}
/>
)}
<Divider horizontal />
{canEdit
? (
<Form.TextArea
rows={10}
name='motivationExercise'
onChange={(e) => this.props.textChange(e)}
placeholder=''
label={(
<div>
<b>
Alább találsz néhány elgondolkodtató kérdést, megoldandó feladatot.
A kérdések és feladatok elkészítése opcionális,
nem titkolt célunk ezzel a lelkesedés felmérése.
A válaszokat a kérdések alatti szövegdobozba várjuk.
</b>
<ul>
<li>
Szeretnéd kedvenc tantárgyad vik.wiki oldalát elérni,
de szomorúan látod, hogy az oldal nem jön be.
A Steam pedig hibátlanul megy a háttérben és az emailek is megérkeznek...
Szobatársadnak pont megvan a vik.wiki szerverének IP-címe.
Csodálkozva látod, hogy a böngésző címsorába írva eléred a kiszolgáló webszervert.
Mi lehet a baj?
</li>
<br />
<li>
Két előadás közti szünetben úgy döntesz,
hogy laptopoddal az index.hu tech cikkeit fogod görgetni.
Ám az oldal nem válaszol, a hiba okát megpróbálod kideríteni.
Ekkor veszed észre, hogy az alábbiakat sem éred el:
sze.hu, 444.hu, corvinus.hu, startlap.hu.
Ugyanakkor a Facebook, a Gmail, a YouTube, de még az egyetemi
oldalak többsége is működik. Szerinted mi lehet a hiba oka?
</li>
<br />
<li>
Találsz egy értelmetlen szöveget egy honlapon (például:
{' '}
<a href='https://ujonc.kszk.bme.hu/zebra.html'>
https://ujonc.kszk.bme.hu/zebra.html
</a>
), de feltűnik, hogy két egyenlőségjellel fejeződik be.
Nyomozz, s a végeredményt (amit találtál) írd ide!
</li>
<br />
<li>
A
{' '}
<b>ujonc.kszk.bme.hu</b>
{' '}
címen elérhető gépen
fut egy szolgáltatás az alapértelmezett
{' '}
<b>5432</b>
{' '}
porton
(használd az előző feladatban kapott adatokat).
Belépés után keresd meg a feladat megoldását!
</li>
</ul>
</div>
)}
value={motivationExercise}
/>
)
: (
<HiddenForm
fontWeight='normal'
label={(
<div>
<b>
Alább találsz néhány elgondolkodtató kérdést, megoldandó feladatot.
A kérdések és feladatok elkészítése opcionális,
nem titkolt célunk ezzel a lelkesedés felmérése.
A válaszokat a kérdések alatti szövegdobozba várjuk.
</b>
<ul>
<li>
Szeretnéd kedvenc tantárgyad vik.wiki oldalát elérni,
de szomorúan látod, hogy az oldal nem jön be.
A Steam pedig hibátlanul megy a háttérben és az emailek is megérkeznek...
Szobatársadnak pont megvan a vik.wiki szerverének IP-címe.
Csodálkozva látod,
hogy a böngésző címsorába írva eléred a kiszolgáló webszervert.
Mi lehet a baj?
</li>
<li>
Két előadás közti szünetben úgy döntesz,
hogy laptopoddal az index.hu tech cikkeit fogod görgetni.
Ám az oldal nem válaszol, a hiba okát megpróbálod kideríteni.
Ekkor veszed észre, hogy az alábbiakat sem éred el:
sze.hu, 444.hu, corvinus.hu, startlap.hu.
Ugyanakkor a Facebook, a Gmail, a YouTube, de még az egyetemi
oldalak többsége is működik. Szerinted mi lehet a hiba oka?
</li>
<li>
Találsz egy értelmetlen szöveget egy honlapon (például:
{' '}
<a href='https://ujonc.kszk.bme.hu/zebra.html'>https://ujonc.kszk.bme.hu/zebra.html</a>
), de feltűnik, hogy két egyenlőségjellel fejeződik be.
Nyomozz, s a végeredményt (amit találtál) írd ide!
</li>
<li>
A
{' '}
<b>ujonc.kszk.bme.hu</b>
{' '}
címen elérhető gépen
fut egy szolgáltatás az alapértelmezett
{' '}
<b>5432</b>
{' '}
porton
(használd az előző feladatban kapott adatokat).
Belépés után keresd meg a feladat megoldását!
</li>
</ul>
</div>
)}
value={motivationExercise}
/>
)}
{canEdit ? (
<Form.TextArea
rows={10}
name="motivationExercise"
onChange={(e) => this.props.textChange(e)}
placeholder=""
label={
<div>
<b>
Alább találsz néhány elgondolkodtató kérdést, megoldandó
feladatot. A kérdések és feladatok elkészítése opcionális,
nem titkolt célunk ezzel a lelkesedés felmérése. A
válaszokat a kérdések alatti szövegdobozba várjuk.
</b>
<ul>
<li>
Szeretnéd kedvenc tantárgyad vik.wiki oldalát elérni, de
szomorúan látod, hogy az oldal nem jön be. A Steam pedig
hibátlanul megy a háttérben és az emailek is
megérkeznek... Szobatársadnak pont megvan a vik.wiki
szerverének IP-címe. Csodálkozva látod, hogy a böngésző
címsorába írva eléred a kiszolgáló webszervert. Mi lehet a
baj?
</li>
<br />
<li>
Kicsit hosszúra nyúlt az előadás és lassan rohannod kell
haza, ezért úgy döntesz, hogy megnézed a menetrendet a
menetrendek.hu weboldalon. Ám az oldal nem válaszol, a
hiba okát megpróbálod kideríteni. Ekkor veszed észre, hogy
az alábbiakat sem éred el: sze.hu, corvinus.hu,
startlap.hu. Ugyanakkor a Facebook, a Gmail, a YouTube, de
még az egyetemi oldalak többsége is működik. Szerinted mi
lehet a hiba oka?
</li>
<br />
<li>
Találsz egy értelmetlen szöveget egy honlapon (például:{" "}
<a href="https://ujonc.kszk.bme.hu/kepzes-media/public/zebra.html">
https://ujonc.kszk.bme.hu/kepzes-media/public/zebra.html
</a>
), de feltűnik, hogy egyenlőségjellel fejeződik be.
Nyomozz, s a végeredményt (amit találtál) írd ide!
</li>
<br />
<li>
A <b>ujonc-gres.kszk.bme.hu</b> címen elérhető gépen fut
egy szolgáltatás az alapértelmezett <b>5432</b> porton
(használd az előző feladatban kapott adatokat). Belépés
után írd le mit találtál!
</li>
</ul>
</div>
}
value={motivationExercise}
/>
) : (
<HiddenForm
fontWeight="normal"
label={
<div>
<b>
Alább találsz néhány elgondolkodtató kérdést, megoldandó
feladatot. A kérdések és feladatok elkészítése opcionális,
nem titkolt célunk ezzel a lelkesedés felmérése. A
válaszokat a kérdések alatti szövegdobozba várjuk.
</b>
<ul>
<li>
Szeretnéd kedvenc tantárgyad vik.wiki oldalát elérni, de
szomorúan látod, hogy az oldal nem jön be. A Steam pedig
hibátlanul megy a háttérben és az emailek is
megérkeznek... Szobatársadnak pont megvan a vik.wiki
szerverének IP-címe. Csodálkozva látod, hogy a böngésző
címsorába írva eléred a kiszolgáló webszervert. Mi lehet a
baj?
</li>
<br />
<li>
Kicsit hosszúra nyúlt az előadás és lassan rohannod kell
haza, ezért úgy döntesz, hogy megnézed a menetrendet a
menetrendek.hu weboldalon. Ám az oldal nem válaszol, a
hiba okát megpróbálod kideríteni. Ekkor veszed észre, hogy
az alábbiakat sem éred el: sze.hu, corvinus.hu,
startlap.hu. Ugyanakkor a Facebook, a Gmail, a YouTube, de
még az egyetemi oldalak többsége is működik. Szerinted mi
lehet a hiba oka?
</li>
<br />
<li>
Találsz egy értelmetlen szöveget egy honlapon (például:{" "}
<a href="https://ujonc.kszk.bme.hu/kepzes-media/public/zebra.html">
https://ujonc.kszk.bme.hu/kepzes-media/public/zebra.html
</a>
), de feltűnik, hogy egyenlőségjellel fejeződik be.
Nyomozz, s a végeredményt (amit találtál) írd ide!
</li>
<br />
<li>
A <b>ujonc-gres.kszk.bme.hu</b> címen elérhető gépen fut
egy szolgáltatás az alapértelmezett <b>5432</b> porton
(használd az előző feladatban kapott adatokat). Belépés
után keresd meg a feladat megoldását!
</li>
</ul>
</div>
}
value={motivationExercise}
/>
)}
<Divider horizontal>Érdekelődés</Divider>
<Divider horizontal>Érdeklődés</Divider>
<Dropdown
fluid
multiple
selection
placeholder='DevTeam, ...'
placeholder="DevTeam, ..."
onChange={(_, v) => this.props.groupChange(v.value)}
options={options}
defaultValue={groups}
......@@ -238,22 +232,24 @@ Alább találsz néhány elgondolkodtató kérdést, megoldandó feladatot.
/>
<br />
<Form.Checkbox
name='signed'
label='Szeretnék a képzés során emaileket kapni és jelentkezni a KSZKépzésre'
onChange={(_, v) => this.props.textChange({
target: { name: v.name, value: v.checked },
})}
name="signed"
label="Szeretnék a képzés során emaileket kapni és jelentkezni a KSZKépzésre"
onChange={(_, v) =>
this.props.textChange({
target: { name: v.name, value: v.checked },
})
}
checked={signed}
readOnly={!canEdit}
style={!canEdit ? { marginBottom: '5em' } : null}
style={!canEdit ? { marginBottom: "5em" } : null}
/>
{canEdit
? (
<Form.Button
primary
style={{ marginBottom: '5em' }}
disabled={!signed}
onClick={() => this.props.submitRegistration({
{canEdit ? (
<Form.Button
primary
style={{ marginBottom: "5em" }}
disabled={!signed}
onClick={() =>
this.props.submitRegistration({
nick,
motivationAbout,
motivationProfession,
......@@ -261,12 +257,14 @@ Alább találsz néhány elgondolkodtató kérdést, megoldandó feladatot.
signed,
groups,
id,
})}
>
Mentés
</Form.Button>
)
: '' }
})
}
>
Mentés
</Form.Button>
) : (
""
)}
</Form>
</Container>
);
......@@ -275,8 +273,15 @@ Alább találsz néhány elgondolkodtató kérdést, megoldandó feladatot.
const mapStateToProps = ({
user: {
nick, groups, motivationAbout, motivationProfession,
motivationExercise, signed, id, deadline, messageBefore,
nick,
groups,
motivationAbout,
motivationProfession,
motivationExercise,
signed,
id,
deadline,
messageBefore,
messageAfter,
},
}) => ({
......@@ -293,5 +298,8 @@ const mapStateToProps = ({
});
export default connect(mapStateToProps, {
textChange, submitRegistration, groupChange, getDeadline,
textChange,
submitRegistration,
groupChange,
getDeadline,
})(Profile);
src/components/pages/Schedule.js
View file @ 2eef83d2
import React, { Component } from 'react';
import "moment/locale/hu";
import {
Container, Accordion, Icon, Grid, Header, Segment,
} from 'semantic-ui-react';
import { connect } from 'react-redux';
import moment from 'moment';
import 'moment/locale/hu';
import { getStudentEvents } from '../../actions/statistics';
Accordion,
Container,
Grid,
Header,
Icon,
Segment,
} from "semantic-ui-react";
import React, { Component } from "react";
import { connect } from "react-redux";
import { getStudentEvents } from "../../actions/statistics";
import moment from "moment";
class Schedule extends Component {
// eslint-disable-next-line react/state-in-constructor
state = { activeIndex: 0 }
state = { activeIndex: 0 };
UNSAFE_componentWillMount() {
this.props.getStudentEvents();
......@@ -21,64 +28,65 @@ class Schedule extends Component {
const newIndex = activeIndex === index ? -1 : index;
this.setState({ activeIndex: newIndex });
}
};
render() {
const { activeIndex } = this.state;
const { events } = this.props;
const panels = events.map((event) => (
<Accordion key={Math.random()}>
<Accordion.Title
active={activeIndex === event.id}
index={event.id}
onClick={this.handleClick}
>
<h2>
<Grid>
<Grid.Column floated='left' width={5} textAlign='left'>
<Icon name='calendar alternate outline' color='blue' />
{' '}
{event.name}
</Grid.Column>
<Grid.Column floated='right' width={8} textAlign='right'>
{moment(event.date).locale('hu').format('LLLL')}
</Grid.Column>
</Grid>
</h2>
</Accordion.Title>
<Accordion.Content active={activeIndex === event.id}>
<Segment textAlign='left' style={{ overflowWrap: 'break-word' }}>
{event.description}
</Segment>
</Accordion.Content>
</Accordion>
));
const panels = events
.sort((a, b) => a.date - b.date)
.map((event) => (
<Accordion key={Math.random()}>
<Accordion.Title
active={activeIndex === event.id}
index={event.id}
onClick={this.handleClick}
>
<h2>
<Grid>
<Grid.Column floated="left" width={5} textAlign="left">
<Icon name="calendar alternate outline" color="blue" />{" "}
{event.name}
</Grid.Column>
<Grid.Column floated="right" width={8} textAlign="right">
{moment(event.date).locale("hu").format("LLLL")}
</Grid.Column>
</Grid>
</h2>
</Accordion.Title>
<Accordion.Content active={activeIndex === event.id}>
<Segment textAlign="left" style={{ overflowWrap: "break-word" }}>
{event.description}
</Segment>
</Accordion.Content>
</Accordion>
));
return (
<div>
<Container textAlign='center'>
<Container textAlign="center">
<Header
as='h1'
content='Képzés alkalmak'
as="h1"
content="Képzés alkalmak"
style={{
fontSize: '2em',
fontWeight: 'bold',
marginBottom: '0.5em',
marginTop: '0.5em',
fontSize: "2em",
fontWeight: "bold",
marginBottom: "0.5em",
marginTop: "0.5em",
}}
/>
<Accordion fluid styled>
{panels}
</Accordion>
<Header
as='h1'
content='Tábor'
as="h1"
content="Tábor: április 11-13"
style={{
fontSize: '2em',
fontWeight: 'bold',
marginBottom: '0.5em',
marginTop: '1.5em',
fontSize: "2em",
fontWeight: "bold",
marginBottom: "0.5em",
marginTop: "1.5em",
}}
/>
</Container>
......@@ -87,7 +95,6 @@ class Schedule extends Component {
}
}
const mapStateToProps = ({ events: { events }, user }) => ({ events, user });
export default connect(mapStateToProps, { getStudentEvents })(Schedule);
src/components/pages/Statistics.js
View file @ 2eef83d2
import React, { Component } from 'react';
import { Container, Menu } from 'semantic-ui-react';
import React, { Component } from 'react';
import Events from './Events';
import Presence from './Presence';
import LeaderBoard from './LeaderBoard';
import Presence from './Presence';
export default class Statistics extends Component {
// eslint-disable-next-line react/state-in-constructor
state = { activeItem: 'events' }
state = { activeItem: 'events' };
handleItemClick = (e, { name }) => this.setState({ activeItem: name })
handleItemClick = (e, { name }) => this.setState({ activeItem: name });
render() {
const { activeItem } = this.state;
return (
<div>
<Container
textAlign='center'
textAlign="center"
style={{ paddingBottom: '5em', paddingTop: '1em' }}
>
<Menu
tabular
attached='top'
size='huge'
compact
>
<Menu tabular attached="top" size="huge" compact>
<Menu.Item
name='events'
name="events"
active={activeItem === 'events'}
onClick={this.handleItemClick}
>
Alkalmak
</Menu.Item>
<Menu.Item
name='presence'
name="presence"
active={activeItem === 'presence'}
onClick={this.handleItemClick}
>
Jelenlét
</Menu.Item>
<Menu.Item
name='leaderboard'
name="leaderboard"
active={activeItem === 'leaderboard'}
onClick={this.handleItemClick}
>
Ranglista
</Menu.Item>
</Menu>
{ activeItem === 'events' ? <Events /> : '' }
{ activeItem === 'presence' ? <Presence /> : '' }
{ activeItem === 'leaderboard' ? <LeaderBoard /> : '' }
{activeItem === 'events' ? <Events /> : ''}
{activeItem === 'presence' ? <Presence /> : ''}
{activeItem === 'leaderboard' ? <LeaderBoard /> : ''}
</Container>
</div>
);
......
src/configureStore.js
View file @ 2eef83d2
import { createStore, applyMiddleware } from 'redux';
import thunkMiddleware from 'redux-thunk';
import { applyMiddleware, createStore } from 'redux';
// import { createLogger } from 'redux-logger';
import rootReducer from './reducers';
import thunkMiddleware from 'redux-thunk';
// const loggerMiddleware = createLogger();
......@@ -10,8 +11,8 @@ export default function configureStore(preloadedState) {
rootReducer,
preloadedState,
applyMiddleware(
thunkMiddleware,
thunkMiddleware
// loggerMiddleware,
),
)
);
}
src/containers/TodoContainer.js
View file @ 2eef83d2
......@@ -2,11 +2,12 @@
/* eslint-disable import/named */
/* eslint-disable import/extensions */
import React, { Component } from 'react';
import { connect } from 'react-redux';
// eslint-disable-next-line
import PropTypes from 'prop-types';
import Todo from '../components/Todo';
import { addTodo } from '../actions';
import { connect } from 'react-redux';
class TodoContainer extends Component {
render() {
......@@ -14,13 +15,11 @@ class TodoContainer extends Component {
return (
<div>
{
todos.map((todo) => (
<Todo onClick={onTodoClick} key={Math.random()}>
{todo.data}
</Todo>
))
}
{todos.map((todo) => (
<Todo onClick={onTodoClick} key={Math.random()}>
{todo.data}
</Todo>
))}
</div>
);
}
......
src/index.js
View file @ 2eef83d2
import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { BrowserRouter as Router } from 'react-router-dom';
import 'slick-carousel/slick/slick.css';
import 'slick-carousel/slick/slick-theme.css';
import 'semantic-ui-css/semantic.min.css';
import moment from 'moment';
import configureStore from './configureStore';
import App from './components/App';
import * as serviceWorker from './registerServiceWorker';
import App from './components/App';
import { Provider } from 'react-redux';
import React from 'react';
import { BrowserRouter as Router } from 'react-router-dom';
import configureStore from './configureStore';
import moment from 'moment';
import { render } from 'react-dom';
moment.locale();
......@@ -21,7 +22,7 @@ render(
<App />
</Router>
</Provider>,
document.getElementById('root'),
document.getElementById('root')
);
serviceWorker.unregister();
src/reducers/AddNewsReducer.js
View file @ 2eef83d2
import { WRITE_NEWS, CLEAR_WRITE } from '../actions/types';
import { CLEAR_WRITE, WRITE_NEWS } from '../actions/types';
const INITIAL_STATE = { title: '', text: '' };
......
src/reducers/AddSolutionReducer.js
View file @ 2eef83d2
import {
WRITE_SOLUTION, WRITE_SOLUTION_FILE, GET_SOLUTIONS, CLEAR_WRITE,
CLEAR_WRITE,
GET_SOLUTIONS,
WRITE_SOLUTION,
WRITE_SOLUTION_FILE,
} from '../actions/types';
const INITIAL_STATE = {
......
src/reducers/AddTaskReducer.js
View file @ 2eef83d2
import { WRITE_TASK, WRITE_TASK_DEADLINE, CLEAR_WRITE } from '../actions/types';
import { CLEAR_WRITE, WRITE_TASK, WRITE_TASK_DEADLINE } from '../actions/types';
const INITIAL_STATE = { title: '', text: '', deadline: '' };
......
src/reducers/CorrectSolutionReducer.js
View file @ 2eef83d2
import {
WRITE_SOLUTION, CHECK, SETCHECKTRUE, CLEAR_WRITE, SELECT_SOLUTION,
CHECK,
CLEAR_WRITE,
SELECT_SOLUTION,
SETCHECKTRUE,
WRITE_SOLUTION,
} from '../actions/types';
const INITIAL_STATE = {
......

Hosted with :heart: by KSZK