started for survey feature

This commit is contained in:
cami 2021-06-23 05:12:01 +02:00
parent 8035172102
commit 80cb99cb36
2 changed files with 48 additions and 0 deletions

View file

@ -10,6 +10,7 @@ import Login from "./components/pages/Login";
import Register from "./components/pages/Register"; import Register from "./components/pages/Register";
import Manual from "./components/pages/Manual"; import Manual from "./components/pages/Manual";
import Secret from "./components/pages/Secret"; import Secret from "./components/pages/Secret";
import Umfrage from "./components/pages/Umfrage";
import PrivateRoute from "./auth/PrivateRoute"; import PrivateRoute from "./auth/PrivateRoute";
function App() { function App() {
@ -27,6 +28,7 @@ function App() {
<Route path="/manual" component={Manual} /> <Route path="/manual" component={Manual} />
<Route path="/ueber" component={Ueber} /> <Route path="/ueber" component={Ueber} />
<PrivateRoute path="/secret" component={Secret} /> <PrivateRoute path="/secret" component={Secret} />
<PrivateRoute path="/umfrage" component={Umfrage} />
</Switch> </Switch>
</Router> </Router>
</> </>

View file

@ -0,0 +1,46 @@
import React from "react";
import "../../App.css";
import Footer from "../../Footer";
import InputField from "../InputField";
import SubmitField from "../SubmitField";
export default function Umfrage() {
return (
<>
<div className="sitePage">
<h1> Umfrage</h1>
<p>
Damit ich etwas über die Studienteilnehmenden erfahre, möchte ich hier
eine kurze Erhebung einiger wichtiger Daten machen. Die Daten werden
natürlich nicht genauer verfolgt und die Auswertung der biometrischen
Verhaltensmerkmale geschieht unabhängig davon. Konkret bedeutet das,
dass ich deine Angaben nicht mit den Informationen aus den
Verhaltensmerkmalen zusammenfliessen lasse.
</p>
<p>
Die Umfrage dauert nur ca. 2 Minuten und nach der ersten Befragung
musst du diese auch nicht mehr ausfüllen, da ich dann eine Auswertung
machen kann.
</p>
<form id="umfrage">
<InputField
InputType="number"
LabelName="Wie alt bist du? (Alter in Jahren)"
/>
<select>
<option value="male">Männlich</option>
<option value="female">Weiblich</option>
<option value="divers">divers</option>
<option value="sex_na">Keine Angabe</option>
</select>
<SubmitField
InputName="Umfrage abschicken"
InputValue="Umfrage abschicken"
LabelName="Umfrage abschicken"
/>
</form>
</div>
<Footer />
</>
);
}