Skip to content
Snippets Groups Projects
Commit 7e6f9af8 authored by Rafael László's avatar Rafael László :speech_balloon:
Browse files

#62 read-only profile page after deadline

parent f0bc9790
No related branches found
No related tags found
No related merge requests found
import React, {Component} from 'react'
import { Segment } from 'semantic-ui-react';
class HiddenForm extends Component {
render(){
return (
<div>
<p style={{ marginBottom: 0, fontWeight: this.props.fontWeight }}>{this.props.label}</p>
<Segment style={{ marginTop: 0 }}>
<p>
{this.props.value}
</p>
</Segment>
</div>
)
}
}
export default HiddenForm
\ No newline at end of file
......@@ -2,6 +2,7 @@ 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 HiddenForm from '../forms/HiddenForm'
const options = [
{ key: 'DT', text: 'DevTeam', value: 'DT' },
......@@ -22,6 +23,9 @@ class Profile extends Component {
const {
nick, groups, motivationAbout, motivationProfession, motivationExercise, signed, id,
} = this.props;
const endDate = new Date(2020, 2, 14, 23, 59, 59)
const endDateText = `február 14. 23:59-ig`
let canEdit = Date.now()<endDate
return (
<Container
style={{
......@@ -30,20 +34,23 @@ class Profile extends Component {
>
<Segment inverted color='red' tertiary>
<p style={{ fontSize: '1.33em' }}>
A profilod mentés után is módosítható a későbbiekben, egészen február 14. 23:59-ig.
A profilod mentés után is módosítható a későbbiekben, egészen {endDateText}.
</p>
</Segment>
<Form>
<Form.Input
{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'
......@@ -51,9 +58,14 @@ class Profile extends Component {
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?'
......@@ -61,9 +73,15 @@ class Profile extends Component {
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'
......@@ -110,7 +128,51 @@ class Profile extends Component {
</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>
<ol>
<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='http://kszkepzes18.sch.bme.hu/zebra.html'>http://kszkepzes18.sch.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>kszkepzes18.sch.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>
</ol>
</div>
}
value={motivationExercise} />
}
<Divider horizontal>Érdekelődés</Divider>
<Dropdown
......@@ -121,6 +183,7 @@ class Profile extends Component {
onChange={(_, v) => this.props.groupChange(v.value)}
options={options}
defaultValue={groups}
disabled={!canEdit}
/>
<br />
<Form.Checkbox
......@@ -130,6 +193,7 @@ class Profile extends Component {
this.props.textChange({ target: { name: v.name, value: v.checked } })
}
checked={signed}
readOnly={!canEdit}
/>
<Form.Button
primary
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment