Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
golden/feedback.php
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
181 lines (165 sloc)
6.47 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
include_once(__DIR__."/layout/header.php"); | |
include_once (__DIR__."/Utility/dataConnect.php"); | |
include_once (__DIR__."/Utility/feedbackData.php"); | |
session_start(); | |
$isFeedbackSet = FALSE; | |
function debug_to_console( $data ) { | |
$output = $data; | |
if ( is_array( $output ) ) | |
$output = implode( ',', $output); | |
echo "<script>console.log( 'Debug Objects: " . $output . "' );</script>"; | |
} | |
if (isset($_POST['submit'])) { | |
$YearOfSchool = !empty($_POST["YearOfSchool"]) ? $_POST["YearOfSchool"] : '##'; | |
$GeneticGender = !empty($_POST["GeneticGender"]) ? $_POST["GeneticGender"] : '##'; | |
$profileRating = !empty($_POST["profileRating"]) ? $_POST["profileRating"] : '##'; | |
$profileFeedback = !empty($_POST["profileFeedback"]) ? $_POST["profileFeedback"] : '##'; | |
$surveyRating = !empty($_POST["surveyRating"]) ? $_POST["surveyRating"] : '##'; | |
$surveyFeedback = !empty($_POST["surveyFeedback"]) ? $_POST["surveyFeedback"] : '##'; | |
$otherFeedback = !empty($_POST["otherFeedback"]) ? $_POST["otherFeedback"] : '##'; | |
$feedback = $YearOfSchool . '_' | |
. $GeneticGender . '_' | |
. $profileRating . '_' | |
. $profileFeedback . '_' | |
. $surveyRating . '_' | |
. $surveyFeedback . '_' | |
. $otherFeedback; | |
$isFeedbackSet = setFeedback($feedback); | |
} | |
?> | |
<body> | |
<div class="container"> | |
<header class="clearfix"> | |
<nav> | |
<a href="summary.php" data-info="Summary"><span class = "glyphicon glyphicon-stats"></a> | |
<a href="leaderboard.php" data-info="Leaderboard"><span class = "glyphicon glyphicon-star"></a> | |
<a href="profile.php" data-info="Your Profile"><span class = "glyphicon glyphicon-user"></span></a> | |
</nav> | |
</header> | |
<div class="main"> | |
<form class="cbp-mc-form" id="feedback" method="post" action=""> | |
<!-- <div class="cbp-mc-column"> | |
</div> --> | |
<div class="cbp-mc-column" style="width:100%;"> | |
<label>Year of School</label> | |
<select name="YearOfSchool"> | |
<option value = "1">Freshman | |
</option> | |
<option value = "2">Sophomore | |
</option> | |
<option value = "3">Junior | |
</option> | |
<option value = "4">Senior | |
</option> | |
<option value = "4">Graduate | |
</option> | |
</select> | |
<label>Biological Gender</label> | |
<input type="radio" name="GeneticGender" value="Male" class="form-radio" checked> | |
<span class="form-radio-span">Male</span> | |
<input type="radio" name="GeneticGender" value="Female" id="radio-one" class="form-radio"> | |
<span class="form-radio-span">Female</span> | |
<label>How would you rate the registration/profile building process?</label> | |
<span class="star-rating star-5"> | |
<input type="radio" name="profileRating" value="1"><i></i> | |
<input type="radio" name="profileRating" value="2"><i></i> | |
<input type="radio" name="profileRating" value="3" checked><i></i> | |
<input type="radio" name="profileRating" value="4"><i></i> | |
<input type="radio" name="profileRating" value="5"><i></i> | |
</span> | |
<textarea name="profileFeedback" style="font-size:medium;" | |
placeholder="please provide feedback"></textarea> | |
<label>How would you rate the weekly input questions?</label> | |
<span class="star-rating star-5"> | |
<input type="radio" name="surveyRating" value="1"><i></i> | |
<input type="radio" name="surveyRating" value="2"><i></i> | |
<input type="radio" name="surveyRating" value="3" checked><i></i> | |
<input type="radio" name="surveyRating" value="4"><i></i> | |
<input type="radio" name="surveyRating" value="5"><i></i> | |
</span> | |
<textarea name="surveyFeedback" style="font-size:medium;" | |
placeholder="please provide feedback"></textarea> | |
<label>Please Provide any other feedback on the overall Application structure and process.</label> | |
<textarea style="font-size:medium;" name="otherFeedback"></textarea> | |
<div class="cbp-mc-submit-wrap"> | |
<input class="cbp-mc-submit" type="submit" name="submit" value="Submit" /> | |
</div> | |
</div> | |
</form> | |
</div> | |
<div> | |
</body> | |
<style> | |
.star-rating { | |
font-size: 0; | |
white-space: nowrap; | |
display: inline-block; | |
/* width: 250px; remove this */ | |
height: 50px; | |
overflow: hidden; | |
position: relative; | |
background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4='); | |
background-size: contain; | |
} | |
.star-rating i { | |
opacity: 0; | |
position: absolute; | |
left: 0; | |
top: 0; | |
height: 100%; | |
/* width: 20%; remove this */ | |
z-index: 1; | |
background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4='); | |
background-size: contain; | |
} | |
.star-rating input { | |
-moz-appearance: none; | |
-webkit-appearance: none; | |
opacity: 0; | |
display: inline-block; | |
/* width: 20%; remove this */ | |
height: 100%; | |
margin: 0; | |
padding: 0; | |
z-index: 2; | |
position: relative; | |
} | |
.star-rating input:hover + i, | |
.star-rating input:checked + i { | |
opacity: 1; | |
} | |
.star-rating i ~ i { | |
width: 40%; | |
} | |
.star-rating i ~ i ~ i { | |
width: 60%; | |
} | |
.star-rating i ~ i ~ i ~ i { | |
width: 80%; | |
} | |
.star-rating i ~ i ~ i ~ i ~ i { | |
width: 100%; | |
} | |
::after, | |
::before { | |
height: 100%; | |
padding: 0; | |
margin: 0; | |
box-sizing: border-box; | |
text-align: center; | |
vertical-align: middle; | |
} | |
.star-rating.star-5 {width: 250px;} | |
.star-rating.star-5 input, | |
.star-rating.star-5 i {width: 20%;} | |
.star-rating.star-5 i ~ i {width: 40%;} | |
.star-rating.star-5 i ~ i ~ i {width: 60%;} | |
.star-rating.star-5 i ~ i ~ i ~ i {width: 80%;} | |
.star-rating.star-5 i ~ i ~ i ~ i ~i {width: 100%;} | |
.star-rating.star-3 {width: 150px;} | |
.star-rating.star-3 input, | |
.star-rating.star-3 i {width: 33.33%;} | |
.star-rating.star-3 i ~ i {width: 66.66%;} | |
.star-rating.star-3 i ~ i ~ i {width: 100%;} | |
</style> |