From cebfa38fe00bb0f5854e66e87152fb1674e7927f Mon Sep 17 00:00:00 2001
From: Bereczki Sandor <bsandor453@gmail.com>
Date: Sun, 11 Feb 2018 16:54:15 +0100
Subject: [PATCH] example layout for homework main page

---
 src/components/Main.js           |   2 +
 src/components/pages/Homework.js | 150 +++++++++++++++++++++++++++++++
 2 files changed, 152 insertions(+)
 create mode 100644 src/components/pages/Homework.js

diff --git a/src/components/Main.js b/src/components/Main.js
index 9d5e562..c24e23e 100644
--- a/src/components/Main.js
+++ b/src/components/Main.js
@@ -9,6 +9,7 @@ import Profile from './pages/Profile';
 import Statistics from './pages/Statistics';
 import Groups from './pages/Groups';
 import News from './pages/News';
+import Homework from './pages/Homework';
 
 const Main = () => (
   <Switch>
@@ -20,6 +21,7 @@ const Main = () => (
     <Route path='/profile' component={withRouter(Profile)} />
     <Route path='/statistics' component={Statistics} />
     <Route path='/groups' component={Groups} />
+    <Route path='/homework' component={Homework} />
     <Route component={NotFound} />
   </Switch>
 );
diff --git a/src/components/pages/Homework.js b/src/components/pages/Homework.js
new file mode 100644
index 0000000..ae6a7bf
--- /dev/null
+++ b/src/components/pages/Homework.js
@@ -0,0 +1,150 @@
+import React, { Component } from "react";
+import {
+  Container,
+  Header,
+  Segment,
+  Grid,
+  Image,
+  Table,
+  Icon
+} from "semantic-ui-react";
+
+export default class Homework extends Component {
+  render() {
+    return (
+      <div>
+        <Segment inverted textAlign="center" vertical>
+          <Container>
+            <Header
+              as="h1"
+              content="HĂĄzi feladatok"
+              inverted
+              style={{
+                fontSize: "3em",
+                fontWeight: "normal",
+                marginBottom: 0,
+                marginTop: "0.5em"
+              }}
+            />
+          </Container>
+        </Segment>
+        <Segment vertical>
+          <Container>
+            <Header
+              as="h1"
+              dividing
+              content="AktĂ­v feladatok"
+              style={{
+                fontSize: "3em",
+                fontWeight: "normal",
+                marginBottom: 0,
+                marginTop: "0.5em"
+              }}
+            />
+            <Table color="green">
+              <Table.Header>
+                <Table.Row>
+                  <Table.HeaderCell>
+                    <Icon circular name="home" />Feladat megnevezĂŠse
+                  </Table.HeaderCell>
+                  <Table.HeaderCell>
+                    <Icon circular name="calendar" />Beadási határidő
+                  </Table.HeaderCell>
+                  <Table.HeaderCell>
+                    <Icon circular name="tasks" />Állapot
+                  </Table.HeaderCell>
+                </Table.Row>
+              </Table.Header>
+
+              <Table.Body>
+                <Table.Row>
+                  <Table.Cell>
+                    Protocols <Icon name="external" />
+                  </Table.Cell>
+                  <Table.Cell>2018. 03. 05. 23:59</Table.Cell>
+                  <Table.Cell>
+                    <Icon name="send" />BeadhatĂł
+                  </Table.Cell>
+                </Table.Row>
+                <Table.Row warning>
+                  <Table.Cell>
+                    Networks <Icon name="external" />
+                  </Table.Cell>
+                  <Table.Cell>2018. 03. 01. 23:59</Table.Cell>
+                  <Table.Cell>
+                    <Icon name="wait" />JavĂ­tĂĄsra vĂĄr
+                  </Table.Cell>
+                </Table.Row>
+                <Table.Row negative>
+                  <Table.Cell>
+                    Security <Icon name="external" />
+                  </Table.Cell>
+                  <Table.Cell>2018. 02. 28. 23:59</Table.Cell>
+                  <Table.Cell>
+                    <Icon name="warning circle" />Nem elfogadhatĂł
+                  </Table.Cell>
+                </Table.Row>
+              </Table.Body>
+            </Table>
+            <Header
+              as="h1"
+              dividing
+              content="LejĂĄrt hatĂĄridejĹą feladatok"
+              style={{
+                fontSize: "3em",
+                fontWeight: "normal",
+                marginBottom: 0,
+                marginTop: "2em"
+              }}
+            />
+            <Table color="blue">
+              <Table.Header>
+                <Table.Row>
+                  <Table.HeaderCell>
+                    <Icon circular name="home" />Feladat megnevezĂŠse
+                  </Table.HeaderCell>
+                  <Table.HeaderCell>
+                    <Icon circular name="calendar" />Beadási határidő
+                  </Table.HeaderCell>
+                  <Table.HeaderCell>
+                    <Icon circular name="tasks" />Állapot
+                  </Table.HeaderCell>
+                </Table.Row>
+              </Table.Header>
+
+              <Table.Body>
+                <Table.Row warning>
+                  <Table.Cell>
+                    BASH <Icon name="external" />
+                  </Table.Cell>
+                  <Table.Cell>2018. 02. 30. 23:59</Table.Cell>
+                  <Table.Cell>
+                    <Icon name="warning circle" />BeadĂĄs elmaradt
+                  </Table.Cell>
+                </Table.Row>
+                <Table.Row positive>
+                  <Table.Cell>
+                    Virtualbox <Icon name="external" />
+                  </Table.Cell>
+                  <Table.Cell>2018. 02. 25. 23:59</Table.Cell>
+                  <Table.Cell>
+                    <Icon name="checkmark" />Elfogadva
+                  </Table.Cell>
+                </Table.Row>
+                <Table.Row positive>
+                  <Table.Cell>
+                    Selfie <Icon name="external" />
+                  </Table.Cell>
+                  <Table.Cell>2018. 02. 20. 23:59</Table.Cell>
+                  <Table.Cell>
+                    <Icon name="checkmark" />Elfogadva
+                  </Table.Cell>
+                </Table.Row>
+              </Table.Body>
+            </Table>
+          </Container>
+        </Segment>
+      </div>
+    );
+  }
+}
-- 
GitLab