diff --git a/src/components/forms/HiddenForm.js b/src/components/forms/HiddenForm.js new file mode 100644 index 0000000000000000000000000000000000000000..eeca1f90c808e3ecc22612dfd2067298e9511aa1 --- /dev/null +++ b/src/components/forms/HiddenForm.js @@ -0,0 +1,19 @@ +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 diff --git a/src/components/pages/Profile.js b/src/components/pages/Profile.js index be1396e0629c131b371bc7783b9efbdab65e9b9e..1abe49b2451c79e21fd69f3a1e4b3e8cf8a42791 100644 --- a/src/components/pages/Profile.js +++ b/src/components/pages/Profile.js @@ -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