From c97fe0d7d10c4f858fc3fec693063d989ca0a0c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tam=C3=A1s=20Szab=C3=B3?= <tamas@szaboo.com>
Date: Tue, 6 Feb 2018 08:36:21 +0100
Subject: [PATCH] solves #16

---
 src/components/pages/Profile.js | 141 +++++++++++++++++---------------
 1 file changed, 75 insertions(+), 66 deletions(-)

diff --git a/src/components/pages/Profile.js b/src/components/pages/Profile.js
index af9a8b9..4fcb72a 100644
--- a/src/components/pages/Profile.js
+++ b/src/components/pages/Profile.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { Container, Segment, Form, Dropdown, Divider, Header } from 'semantic-ui-react';
+import { Container, Form, Dropdown, Divider } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import { textChange, submitRegistration, groupChange } from '../../actions';
 
@@ -29,75 +29,84 @@ class Profile extends Component {
           marginTop: '0.5em',
         }}
       >
-        <Divider horizontal>
-          <Header as='h2' content='Profil (JelentkezĂŠs)' />
-        </Divider>
-        <Segment textAlign='center'>
-          <Form>
-            <Divider horizontal>BecenĂŠv</Divider>
-            <Form.Input
-              fluid
-              name='nick'
-              onChange={e => this.props.textChange(e)}
-              placeholder='BecenĂŠv'
-              value={nick}
-            />
+        <Form>
+          <Form.Input
+            fluid
+            name='nick'
+            label='BecenĂŠv'
+            onChange={e => this.props.textChange(e)}
+            placeholder='BecenĂŠv'
+            value={nick}
+          />
 
-            <Divider horizontal>MotivĂĄciĂł</Divider>
-            <Form.TextArea
-              rows={10}
-              name='motivationAbout'
-              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}
-            />
+          <Divider horizontal>MotivĂĄciĂł</Divider>
+          <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}
+          />
 
-            <Divider horizontal />
-            <Form.TextArea
-              rows={10}
-              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}
-            />
+          <Divider horizontal />
+          <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}
+          />
 
-            <Divider horizontal />
-            <Form.TextArea
-              rows={10}
-              name='motivationExercise'
-              onChange={e => this.props.textChange(e)}
-              placeholder='Itt egy feladat kĂŠrdĂŠse lesz, ĂŠjfĂŠlig megcsinĂĄljuk a kĂŠrdĂŠst.'
-              value={motivationExercise}
-            />
+          <Divider horizontal />
+          <Form.TextArea
+            rows={10}
+            name='motivationExercise'
+            onChange={e => this.props.textChange(e)}
+            placeholder=''
+            label={
+              <p>
+                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 lenti szĂśvegdobozba vĂĄrjuk a feladatszĂĄmok megjelĂślĂŠsĂŠvel.
+                <br />
+                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?
+                <br />
+                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. Sőt: a régebbi oldalak többsége sem. Ugyanakkor a Facebook, Gmail, de még az egyetemi oldalak többsége is működik. Van valami ötleted mi okozhatja a gondot?
+                <br />
+                Találsz egy értelmetlen szöveget egy honlapon (például: https://static.mbraptor.ml/zebra.html), de feltűnik, hogy két egyenlőségjellel fejeződik be. Nyomozz, s a végeredményt (amit találtál) írd ide!
+              </p>
+            }
+            value={motivationExercise}
+          />
 
-            <Divider horizontal>Érdekelődés</Divider>
-            <Dropdown
-              fluid
-              multiple
-              selection
-              placeholder='DevTeam, ...'
-              onChange={(_, v) => this.props.groupChange(v.value)}
-              options={options}
-              defaultValue={groups}
-            />
-            <br />
-            <Form.Checkbox
-              name='signed'
-              label='SzeretnĂŠk jelentkezni a KSZK-ba'
-              onChange={(_, v) =>
-                this.props.textChange({ target: { name: v.name, value: v.checked } })
-              }
-              checked={signed}
-            />
-            <Form.Button
-              onClick={() => this.props.submitRegistration({
-                nick, motivationAbout, motivationProfession, motivationExercise, signed, groups, id,
-              })}
-            >
-              MentĂŠs
-            </Form.Button>
-          </Form>
-        </Segment>
+          <Divider horizontal>Érdekelődés</Divider>
+          <Dropdown
+            fluid
+            multiple
+            selection
+            placeholder='DevTeam, ...'
+            onChange={(_, v) => this.props.groupChange(v.value)}
+            options={options}
+            defaultValue={groups}
+          />
+          <br />
+          <Form.Checkbox
+            name='signed'
+            label='SzeretnĂŠk jelentkezni a KSZK-ba'
+            onChange={(_, v) =>
+              this.props.textChange({ target: { name: v.name, value: v.checked } })
+            }
+            checked={signed}
+          />
+          <Form.Button
+            primary
+            onClick={() => this.props.submitRegistration({
+              nick, motivationAbout, motivationProfession, motivationExercise, signed, groups, id,
+            })}
+          >
+            MentĂŠs
+          </Form.Button>
+        </Form>
       </Container>
     );
   }
-- 
GitLab