giuliomoro@0: <?php
giuliomoro@0: function fisherYatesShuffle(&$items, $seed) // http://stackoverflow.com/questions/6557805/randomize-a-php-array-with-a-seed
giuliomoro@0: {
giuliomoro@0:   @mt_srand($seed);
giuliomoro@0:   for ($i = count($items) - 1; $i > 0; $i--)
giuliomoro@0:   {
giuliomoro@0:     $j = @mt_rand(0, $i);
giuliomoro@0:     $tmp = $items[$i];
giuliomoro@0:     $items[$i] = $items[$j];
giuliomoro@0:     $items[$j] = $tmp;
giuliomoro@0:   }
giuliomoro@0: }
giuliomoro@0: function url_origin( $s, $use_forwarded_host = false ) //http://stackoverflow.com/questions/6768793/get-the-full-url-in-php
giuliomoro@0: {
giuliomoro@0:   $ssl      = ( ! empty( $s['HTTPS'] ) && $s['HTTPS'] == 'on' );
giuliomoro@0:   $sp       = strtolower( $s['SERVER_PROTOCOL'] );
giuliomoro@0:   $protocol = substr( $sp, 0, strpos( $sp, '/' ) ) . ( ( $ssl ) ? 's' : '' );
giuliomoro@0:   $port     = $s['SERVER_PORT'];
giuliomoro@0:   $port     = ( ( ! $ssl && $port=='80' ) || ( $ssl && $port=='443' ) ) ? '' : ':'.$port;
giuliomoro@0:   $host     = ( $use_forwarded_host && isset( $s['HTTP_X_FORWARDED_HOST'] ) ) ? $s['HTTP_X_FORWARDED_HOST'] : ( isset( $s['HTTP_HOST'] ) ? $s['HTTP_HOST'] : null );
giuliomoro@0:   $host     = isset( $host ) ? $host : $s['SERVER_NAME'] . $port;
giuliomoro@0:   return $protocol . '://' . $host;
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0: function full_url( $s, $use_forwarded_host = false )
giuliomoro@0: {
giuliomoro@0:   return url_origin( $s, $use_forwarded_host ) . $s['REQUEST_URI'];
giuliomoro@0: }
giuliomoro@0:   $toAppendToUrl = '';
giuliomoro@0:   if(isset($_GET["id"])){
giuliomoro@0:     $id = $_GET["id"];
giuliomoro@0:   } else {
giuliomoro@0:     $max = pow(2, 24);
giuliomoro@0:     $rand = openssl_random_pseudo_bytes($max);
giuliomoro@0:     $id = sha1($rand);
giuliomoro@0:     if(sizeof($_GET) == 0){ // if the query string is empty
giuliomoro@0:       $toAppendToUrl = '?';  // start the query string
giuliomoro@0:     } else {
giuliomoro@0:       $toAppendToUrl = '&'; // otherwise, append to it
giuliomoro@0:     }
giuliomoro@0:     $toAppendToUrl .= 'id='.$id;
giuliomoro@0:   }
giuliomoro@0:   if(isset($_GET["next"])){
giuliomoro@0:     $next = $_GET["next"];
giuliomoro@0:   } else {
giuliomoro@0:     $next = 0;
giuliomoro@0:   }
giuliomoro@0: 
giuliomoro@0:   $absoluteUrl = full_url($_SERVER).$toAppendToUrl;
giuliomoro@0:   // echo "<br \>".$absoluteUrl."<br \>";
giuliomoro@0:   // if there is a "next" in the query string, create a version of $absoluteUrl with
giuliomoro@0:   // next:=next+1
giuliomoro@0:   $absoluteUrlSplit = explode('?', $absoluteUrl);
giuliomoro@0:   $absoluteUrlNextPlusOne = $absoluteUrl;
giuliomoro@0:   if(sizeof($absoluteUrlSplit) === 2){
giuliomoro@0:     $queryString = $absoluteUrlSplit[1];
giuliomoro@0:     parse_str($queryString, $queryStringParsed);
giuliomoro@0:     $queryStringParsed['next'] += 1;
giuliomoro@0:     $queryString = http_build_query($queryStringParsed);
giuliomoro@0:     $absoluteUrlNextPlusOne = $absoluteUrlSplit[0]."?".$queryString;
giuliomoro@0:   }
giuliomoro@0:   $defaultTestEntry = Array('url' => null, 'string' => null, 'class' => 'disabled', 'a' => false, 'editable' => false);
giuliomoro@0: 
giuliomoro@0:   require_once('test_list.php'); //this returns $tests
giuliomoro@0: 
giuliomoro@0:   if($next == sizeof($tests)){
giuliomoro@0:     // we are done 
giuliomoro@0:     $bottomBox = 'The test is complete, thank you for your participation.';
giuliomoro@0:   } else {
giuliomoro@0:     $bottomBox = 'If you want to have a break, come back to this page and continue from where you left, just come back to this URL:<br /><div id="currentUrl">'.$absoluteUrl.'</div>';
giuliomoro@0:   }
giuliomoro@0:   // until this point, the content of $tests will always be the same for a given $id,
giuliomoro@0:   // regardless of how many times we visited this page.
giuliomoro@0:   for($n = 0; $n < sizeof($tests); $n++ ){
giuliomoro@0:     //TODO: check if the corresponding file exists
giuliomoro@0:     // meantime, let us just rely on the GET variable 'next'
giuliomoro@0:     if($n <= $next){
giuliomoro@0:       $tests[$n]['a'] = true;
giuliomoro@0:       $tests[$n]['class'] = 'enabled done';
giuliomoro@0:   // if we are going to re-run a test, return to the same page
giuliomoro@0:       $tests[$n]['returnUrl'] = urlencode($absoluteUrl);
giuliomoro@0:     }
giuliomoro@0:     if($n == $next){
giuliomoro@0:       $tests[$n]['editable'] = true;
giuliomoro@0:       $tests[$n]['class'] = 'enabled editable';
giuliomoro@0:   // if we are going to run a new test, return to the same page with next:=next+1
giuliomoro@0:       $tests[$n]['returnUrl'] = urlencode($absoluteUrlNextPlusOne);
giuliomoro@0:     }
giuliomoro@0:   }
giuliomoro@0: ?>
giuliomoro@0: <html>
giuliomoro@0: <head>
giuliomoro@0:   <style>
giuliomoro@0: ul.tests-list li{
giuliomoro@0:   margin: 10px 0 5px 0;
giuliomoro@0: 
giuliomoro@0: }
giuliomoro@0: .done {
giuliomoro@0:   list-style-image: url('assets/images/checkbox-checked.png');
giuliomoro@0: }
giuliomoro@0: .done a {
giuliomoro@0:   color: green;
giuliomoro@0: }
giuliomoro@0: .editable{
giuliomoro@0:   list-style-image: url('assets/images/arrow-checkbox-unchecked.png');
giuliomoro@0:   list-style-position: inside;
giuliomoro@0:   margin-left: -30px;
giuliomoro@0: }
giuliomoro@0: .disabled{
giuliomoro@0:   color: grey;
giuliomoro@0:   text-decoration: line-through;
giuliomoro@0:   list-style-image: url('assets/images/checkbox-unchecked-disabled.png');
giuliomoro@0: }
giuliomoro@0: #currentUrl{
giuliomoro@0:   font-weight: bold;
giuliomoro@0:   padding-left: 20px;
giuliomoro@0:   padding-top: 5px;
giuliomoro@0: }
giuliomoro@0: 
giuliomoro@0:   </style>
giuliomoro@0:   <script src="jquery-2.1.4.js"></script>
giuliomoro@0:   <script>
giuliomoro@0:   function confirmEditing(e){
giuliomoro@0:     var message = 'Are you sure you want to edit this item? All previous changes will be lost';
giuliomoro@0:     return window.confirm(message);
giuliomoro@0:   }
giuliomoro@0:   var elements;
giuliomoro@0:   $(document).ready(function(){
giuliomoro@0:     lis = $('ul');
giuliomoro@0:     elements = $('li.done:not(.editable)', lis);
giuliomoro@0:     for(var n = 0; n < elements.length; n++){
giuliomoro@0:       elements[n].onclick = confirmEditing;
giuliomoro@0:     }
giuliomoro@0:     history.pushState({}, null,  location.pathname+location.search+'<?php echo $toAppendToUrl; ?>');
giuliomoro@0: 
giuliomoro@0:     // elements = $('li:not(.editable.done)', lis);
giuliomoro@0:     // for(var element in elements){
giuliomoro@0:     //   element.onclick = confirmEditing;
giuliomoro@0:     // }
giuliomoro@0:   });
giuliomoro@0:   </script>
giuliomoro@0: </head>
giuliomoro@0: <body>
giuliomoro@0: 
giuliomoro@0: <ul class = "tests-list">
giuliomoro@0: <?php foreach($tests as $n => $test) : ?> 
giuliomoro@0:   <li class="test-element <?php echo $test['class'] ?>">
giuliomoro@0: <?php 
giuliomoro@0: if($test['a'] === true) {
giuliomoro@0:   // parameters passed to the test are used to keep track of the state and should be returned back to
giuliomoro@0:   // this page when it is called again.
giuliomoro@0:   // These parameters are:
giuliomoro@0:   // id= keeps track of the user and of the sorting of the tests in this page
giuliomoro@0:   // next= keeps track of the first test not yet undertaken
giuliomoro@0:   
giuliomoro@0:   echo '<a href="'.$test['url'].'&returnUrl='.$test['returnUrl'].'">'.($n+1).' - '.$test['string'].'</a>';
giuliomoro@0: } else {
giuliomoro@0:   echo ($n+1).' - '.$test['string'];
giuliomoro@0: }
giuliomoro@0: ?>
giuliomoro@0:   </li>
giuliomoro@0: <?php endforeach; ?>
giuliomoro@0: </ul>
giuliomoro@0: 
giuliomoro@0:   <div id="bottomBox">
giuliomoro@0:   <?php if($bottomBox!=='') echo $bottomBox ?>
giuliomoro@0:   </div>
giuliomoro@0: </body>
giuliomoro@0: </html>