#62 read-only profile page after deadline

src/components/forms/HiddenForm.js

+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

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