diff options
| author | MaZderMind | 2014-12-20 15:23:27 +0100 |
|---|---|---|
| committer | MaZderMind | 2014-12-20 15:23:27 +0100 |
| commit | a51c188eb783b1f7b6cd0ba414252572babd8e53 (patch) | |
| tree | beb41c102e073e4519e0742adafbd95769018efa | |
| parent | addbb6b5ceb569e481358b843702ab77b3c4c7e2 (diff) | |
feedback form interaction
| -rw-r--r-- | assets/css/lustige-styles.css | 5 | ||||
| -rw-r--r-- | assets/css/src/lustige-styles.scss | 2 | ||||
| -rw-r--r-- | assets/js/lustiges-script.js | 9 | ||||
| -rw-r--r-- | template/assemblies/feedback.phtml | 10 |
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> |