4 files changed, 24 insertions, 2 deletions
diff --git a/assets/css/lustige-styles.css b/assets/css/lustige-styles.css
index e752c13..22e9e37 100644
--- a/assets/css/lustige-styles.css
+++ b/assets/css/lustige-styles.css
@@ -5467,6 +5467,11 @@ h1 + .news-item {
     padding: 20px; }
     .tab-content #feedback label {
       color: white; }
+    .tab-content #feedback h3 {
+      display: none;
+      color: white; }
+    .tab-content #feedback iframe {
+      display: none; }
     .tab-content #feedback .col {
       padding: 0 30px; }
 
diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index 2939d3c..634d5fe 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -238,6 +238,8 @@ h1 + .news-item {
     padding: 20px;
 
     label { color: white; }
+    h3 { display: none; color: white; }
+    iframe { display: none; }
 
     .col {
       padding: 0 30px;
diff --git a/assets/js/lustiges-script.js b/assets/js/lustiges-script.js
index 170a15d..59fd6ff 100644
--- a/assets/js/lustiges-script.js
+++ b/assets/js/lustiges-script.js
@@ -379,3 +379,12 @@ $(function() {
 
 	fetchProgram();
 });
+
+
+// feedback form
+$(function() {
+	$('.feedback-form').on('submit', function() {
+		$('.feedback-form').hide();
+		$('.feedback-thankyou').show();
+	});
+});
diff --git a/template/assemblies/feedback.phtml b/template/assemblies/feedback.phtml
index 2c5824f..7bbaa04 100644
--- a/template/assemblies/feedback.phtml
+++ b/template/assemblies/feedback.phtml
@@ -1,4 +1,4 @@
-<form action="http://c3voc.de/feedback/" target="_blank" method="post" role="form" class="form-horizontal row">
+<form action="http://c3voc.de/feedback/" target="feedback-target" method="post" role="form" class="feedback-form form-horizontal row">
 	<div class="col-sm-4 col">
 		<div class="form-group">
 			<label for="net">Network Connection</label>
@@ -125,8 +125,14 @@
 		</div>
 
 		<div class="form-group">
+		<label for="issuetext">Something else was good/bad</label>
+			<input type="text" value="" name="issuetext" id="issuetext" class="form-control" />
+		</div>
+
+		<div class="form-group">
 			<input type="submit" value="Submit" />
 		</div>
 	</div>
-
 </form>
+<h3 class="feedback-thankyou">Thank you!</h3>
+<iframe name="feedback-target"></iframe>