From 07327def33e1a2ae084118bf5dd33aeaa257ae54 Mon Sep 17 00:00:00 2001
From: Markus Schubert <markus@toto.io>
Date: Fri, 13 Mar 2020 10:52:44 +0100
Subject: [PATCH] add login and google survey components

---
 .../components/GoogleSurvey/GoogleSurvey.js   | 14 ++++
 client/src/components/Login/Login.js          | 77 +++++++++++++++++++
 client/src/components/index.js                |  4 +
 .../src/pages/DashboardPage/DashboardPage.js  |  8 +-
 4 files changed, 100 insertions(+), 3 deletions(-)
 create mode 100644 client/src/components/GoogleSurvey/GoogleSurvey.js
 create mode 100644 client/src/components/Login/Login.js

diff --git a/client/src/components/GoogleSurvey/GoogleSurvey.js b/client/src/components/GoogleSurvey/GoogleSurvey.js
new file mode 100644
index 0000000..3cbf3f6
--- /dev/null
+++ b/client/src/components/GoogleSurvey/GoogleSurvey.js
@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+
+class GoogleSurvey extends Component {
+
+  render() {
+    return (
+      <div>
+        <iframe title='quarantale survey' src="https://docs.google.com/forms/d/e/1FAIpQLSeVYlLJL_3qyolGk-pKe_vrW_bpNCvQCf7f7MGAH2gUPlMSgA/viewform?embedded=true" width="640" height="511" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+      </div>
+    )
+  }
+};
+
+export default GoogleSurvey;
diff --git a/client/src/components/Login/Login.js b/client/src/components/Login/Login.js
new file mode 100644
index 0000000..c7fd0d3
--- /dev/null
+++ b/client/src/components/Login/Login.js
@@ -0,0 +1,77 @@
+import React, { Component } from 'react';
+import { Form, Input, Button } from 'antd';
+
+const layout = {
+  labelCol: {
+    span: 8,
+  },
+  wrapperCol: {
+    span: 16,
+  },
+};
+const tailLayout = {
+  wrapperCol: {
+    offset: 8,
+    span: 16,
+  },
+};
+
+class Login extends Component {
+
+  onFinish = values => {
+    console.log('Success:', values);
+  };
+
+  onFinishFailed = errorInfo => {
+    console.log('Failed:', errorInfo);
+  };
+
+  render() {
+    return (
+      <Form
+        {...layout}
+        name="basic"
+        initialValues={{
+          remember: true,
+        }}
+        onFinish={this.onFinish}
+        onFinishFailed={this.onFinishFailed}
+      >
+        <Form.Item
+          label="Username"
+          name="username"
+          rules={[
+            {
+              required: true,
+              message: 'Please input your username!',
+            },
+          ]}
+        >
+          <Input />
+        </Form.Item>
+
+        <Form.Item
+          label="Password"
+          name="password"
+          rules={[
+            {
+              required: true,
+              message: 'Please input your password!',
+            },
+          ]}
+        >
+          <Input.Password />
+        </Form.Item>
+
+        <Form.Item {...tailLayout}>
+          <Button type="primary" htmlType="submit">
+            Submit
+        </Button>
+        </Form.Item>
+      </Form>
+    )
+  }
+
+};
+
+export default Login;
diff --git a/client/src/components/index.js b/client/src/components/index.js
index 3792e0d..8746636 100644
--- a/client/src/components/index.js
+++ b/client/src/components/index.js
@@ -1,7 +1,11 @@
 import AppHeader from './AppHeader/AppHeader';
+import GoogleSurvey from './GoogleSurvey/GoogleSurvey';
+import Login from './Login/Login';
 import QuestionList from './QuestionList/QuestionList';
 
 export {
   AppHeader,
+  GoogleSurvey,
+  Login,
   QuestionList
 };
diff --git a/client/src/pages/DashboardPage/DashboardPage.js b/client/src/pages/DashboardPage/DashboardPage.js
index 0a23135..660f9b3 100644
--- a/client/src/pages/DashboardPage/DashboardPage.js
+++ b/client/src/pages/DashboardPage/DashboardPage.js
@@ -1,13 +1,15 @@
 import React, { Component } from 'react';
-//import { QuestionList } from '../../components/QuestionList';
+import { GoogleSurvey, QuestionList, Login } from '../../components'
 
 class DashboardPage extends Component {
 
   render() {
     return (
       <div>
-        QuestionList
-      </div>      
+        <div><GoogleSurvey /></div>
+        <div><QuestionList /></div>
+        <div><Login /></div>
+      </div>
     )
   }
 }