Skip to content
Permalink
master
Switch branches/tags

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?
Go to file
 
 
Cannot retrieve contributors at this time
<?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>