revert logo to png

This commit is contained in:
Felix Förtsch
2017-08-17 19:48:57 +02:00
parent 4d4bbda957
commit e5cd62bbed
8 changed files with 346 additions and 337 deletions

View File

@@ -1,58 +1,53 @@
body { body {
padding-bottom: 70px; padding-bottom: 70px;
} }
.table a { .table a {
text-decoration: none; text-decoration: none;
} }
.statement { .statement {
min-height: 90px; min-height: 135px;
}
.btn.btn-default.listbtn {
height: 70px;
border-top-width: 1px;
}
.btn.btn-default.listbtn.listbtn-on {
border-color: #00CC66;
}
.img-list-logo-small {
width: 50px;
height: auto;
} }
#thesesbox{ #thesesbox{
min-height: 150px; min-height: 150px;
} }
.button-wrapper .btn { .button-wrapper .btn {
margin-bottom: 10px; margin-bottom: 10px;
} }
.pagination > .pagination-yes > a { .pagination > .pagination-yes > a {
background-color: #00CC66; background-color: #00CC66;
} }
.pagination > .active.pagination-yes > a { .pagination > .active.pagination-yes > a {
background-color: #00CC66;
background-color: #00CC66; border-color: #00CC66;
border-color: #00CC66;
} }
.pagination > .pagination-neutral > a { .pagination > .pagination-neutral > a {
background-color: #ff851b; background-color: #ff851b;
} }
.pagination > .active.pagination-neutral > a { .pagination > .active.pagination-neutral > a {
background-color: #ff851b; background-color: #ff851b;
border-color: #00CC66; border-color: #00CC66;
} }
.pagination > .pagination-no > a { .pagination > .pagination-no > a {
background-color: #ff4136; background-color: #ff4136;
} }
.pagination > .active.pagination-no > a { .pagination > .active.pagination-no > a {
background-color: #ff4136; background-color: #ff4136;
border-color: #00CC66; border-color: #00CC66;
} }
.m-t-5 { .mt-5 {
margin-top: 5px; margin-top: 5px;
}
.mt-25 {
margin-top: 25px;
}
.mt-50 {
margin-top: 50px;
}
#logo {
position: absolute;
} }

188
faq.php
View File

@@ -1,108 +1,110 @@
<?php <?php
isset($_GET['from']) ? $back = $_GET['from'] : $back = "index.php"; isset($_GET['from']) ? $back = $_GET['from'] : $back = "index.php";
if($back != 'index.php' and substr($back, 0, 14) != 'multiplier.php' and substr($back, 0, 10) != 'result.php' and substr($back, 0, 12) != 'mahlowat.php'){ if($back != 'index.php' and substr($back, 0, 14) != 'multiplier.php' and substr($back, 0, 10) != 'result.php' and substr($back, 0, 12) != 'mahlowat.php'){
$back = "index.php"; $back = "index.php";
} }
$answerstring = ''; $answerstring = '';
if(isset($_POST['ans'])){ if(isset($_POST['ans'])){
$answerstring = $_POST['ans']; $answerstring = $_POST['ans'];
} }
$count = 'undefined'; $count = 'undefined';
if(isset($_POST['count'])){ if(isset($_POST['count'])){
$count = $_POST['count']; $count = $_POST['count'];
} }
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>EUromat - FAQ</title> <title>EUromat - FAQ</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta content=""> <meta content="">
<link href="css/jef.min.css" rel="stylesheet" media="screen"> <link href="css/jef.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
</head> </head>
<body> <body>
<script src="js/jquery-2.0.2.min.js"></script> <script src="js/jquery-2.0.2.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
<script src="js/mahlowat.js"></script> <script src="js/mahlowat.js"></script>
<div class="container" style="margin-top: 20px;"> <div class="container mt-50">
<div class="col-md-4 pull-right"> <div class="col-md-4 pull-right">
<a href="https://jef-sachsen.de/euromat"><img class="img-responsive" src="img/euromat.png" title="Euromat Logo" onclick="changeText()"/></a> <a href="https://jef-sachsen.de/euromat">
</div> <img id="logo" class="img-responsive" src="img/euromat.png" title="Euromat Logo"/>
<div class="bottom-buffer top-buffer"> </a>
<h1>FAQ</h1>
<h4>Wer macht den EUromaten?</h4>
<p>Der EUromat ist ein Angebot der Jungen Europäischen Förderalisten Sachsen zur Bundestagswahl 2017.</p>
<h4>Wer hat die Thesen erarbeitet?</h4>
<p>Die Thesen wurden von den Mitgliedern der Jungen Europäischen Förderalisten Sachsen erarbeitet.</p>
<h4>Wo kommen die Positionen der Gruppen her?</h4>
<p>Den an der Wahl teilnehmenden Parteien wurden die Thesen mit der Bitte um Stellungnahme weitergeleitet. Neben ihrer reinen Positionierung (also Zustimmung, Neutral, Ablehnung oder Keine Stellungnahme) konnten sie ihre Position auch in einem kurzen Absatz erläutern. Diese Stellungnahmen findet werden auf der Ergebnis-Seite angezeigt.</p>
<p>Für ihre Stellungnahmen zu den Thesen sind die Parteien selbst verantwortlich.</p>
<h4>Von welcher Wahl reden wir hier überhaupt?</h4>
<p>Hier dreht sich alles um <a href="https://de.wikipedia.org/wiki/Bundestagswahl_2017">die Bundestagswahl 2017</a>.</p>
<h4>Wer hat das hier programmiert?</h4>
<p>Der <a href="http://hszemi.de" title="hszemi.de" target="_blank">Sven</a>, weil der das kann. Die EDVler von der JEF Sachsen haben noch ein paar Sachen verändert und verbessert. Zum Beispiel könnt ihr den EUromat nun auch schön auf euren Handys verwenden.</p>
<h4>Funktioniert das hier wie der "echte" Wahl-O-Mat der bpb?</h4>
<p>Es wurde versucht, die Punkteberechnung so wie beim "echten" Wahl-O-Mat zu gestalten.</p>
<h4>Wie werden die Punkte berechnet?</h4>
<p>Die Antworten der Testperson (das bist Du) werden mit den vorgegebenen Antworten der Gruppen abgeglichen.</p>
<ul>
<li>Stimmt die Antwort überein, werden der Gruppe 2 Punkte gutgeschrieben.</li>
<li>Weicht die Antwort leicht ab (Zustimmung/Neutral oder Neutral/Ablehnung), wird der Gruppe 1 Punkt gutgeschrieben.</li>
<li>Sind die Antworten entgegengesetzt oder hat eine Gruppe eine Frage nicht beantwortet, gibt es keine Punkte für die Gruppe.</li>
</ul>
<p>Eine Frage, die die Testperson übersprungen hat, wird nicht gewertet. Entsprechend gibt es dann insgesamt weniger Punkte zu erreichen.</p>
<p>Eine Frage, die doppelt gewichtet werden soll, wird doppelt gewichtet, das heißt, für sie wird die doppelte Punktzahl gutgeschrieben (0/2/4). Entsprechend gibt es insgesamt mehr Punkte zu erreichen.</p>
<div id='log'>
<h4>Werden meine Antworten gespeichert?</h4>
<p>Vor der Auswertung wirst Du gefragt, ob wir Deine Antworten speichern dürfen. Du kannst dann "Ja" auswählen, was bedeutet, dass wir Deine Antwortkombination zusammen mit einer ID speichern, die aus Deiner IP-Adresse und einem täglich wechselnden zufälligen Wert errechnet wird. Bereits am nächsten Tag kann Dein Eintrag auf keinen Fall mehr einer konkreten IP-Adresse zugeordnet werden. Wenn Du "Nein" auswählst, wird lediglich ein Zähler um 1 erhöht.</p>
<h4>Ich möchte gar nicht gezählt werden!</h4>
<p>Unser Webserver legt bei jedem Seitenaufruf einen Log-Eintrag an, der unter anderem einen Zeitstempel, Deine IP-Adresse und die aufgerufene URL enthält. Es wäre also unaufrichtig, dir vorzumachen, dass Dein Aufruf des EUromat nicht gezählt wird. Der EUromat wurde jedoch so konzipiert, dass aus den Server-Logdateien nicht ersichtlich ist, welche Antworten Du ausgewählt hast. Dies sehen wir tatsächlich nur, wenn Du dem am Ende explizit zustimmst.</p>
</div> </div>
<div class="col-md-12">
<h4>Ich habe einen Fehler gefunden!</h4>
<p>Dann solltest Du das <a href="mailto:edv@jef-sachsen.de">an uns</a> melden. Wir freuen uns über sachdienliche Hinweise.</p>
<a class="btn btn-primary" href="<?php echo $back; ?>" <h1>FAQ</h1>
onclick="callPage(event, '<?php echo $back; ?>')" title="Zurück zum
EUromat">Zurück zum EUromat</a> <h4>Wer macht den EUromaten?</h4>
</div> <p>Der EUromat ist ein Angebot der Jungen Europäischen Förderalisten Sachsen zur Bundestagswahl 2017.</p>
</div> <h4>Wer hat die Thesen erarbeitet?</h4>
<p>Die Thesen wurden von den Mitgliedern der Jungen Europäischen Förderalisten Sachsen erarbeitet.</p>
<h4>Wo kommen die Positionen der Gruppen her?</h4>
<p>Den an der Wahl teilnehmenden Parteien wurden die Thesen mit der Bitte um Stellungnahme weitergeleitet. Neben ihrer reinen Positionierung (also Zustimmung, Neutral, Ablehnung oder Keine Stellungnahme) konnten sie ihre Position auch in einem kurzen Absatz erläutern. Diese Stellungnahmen findet werden auf der Ergebnis-Seite angezeigt.</p>
<p>Für ihre Stellungnahmen zu den Thesen sind die Parteien selbst verantwortlich.</p>
<h4>Von welcher Wahl reden wir hier überhaupt?</h4>
<p>Hier dreht sich alles um <a href="https://de.wikipedia.org/wiki/Bundestagswahl_2017">die Bundestagswahl 2017</a>.</p>
<h4>Wer hat das hier programmiert?</h4>
<p>Der <a href="http://hszemi.de" title="hszemi.de" target="_blank">Sven</a>, weil der das kann. Die EDVler von der JEF Sachsen haben noch ein paar Sachen verändert und verbessert. Zum Beispiel könnt ihr den EUromat nun auch schön auf euren Handys verwenden.</p>
<h4>Funktioniert das hier wie der "echte" Wahl-O-Mat der bpb?</h4>
<p>Es wurde versucht, die Punkteberechnung so wie beim "echten" Wahl-O-Mat zu gestalten.</p>
<h4>Wie werden die Punkte berechnet?</h4>
<p>Die Antworten der Testperson (das bist Du) werden mit den vorgegebenen Antworten der Gruppen abgeglichen.</p>
<ul>
<li>Stimmt die Antwort überein, werden der Gruppe 2 Punkte gutgeschrieben.</li>
<li>Weicht die Antwort leicht ab (Zustimmung/Neutral oder Neutral/Ablehnung), wird der Gruppe 1 Punkt gutgeschrieben.</li>
<li>Sind die Antworten entgegengesetzt oder hat eine Gruppe eine Frage nicht beantwortet, gibt es keine Punkte für die Gruppe.</li>
</ul>
<p>Eine Frage, die die Testperson übersprungen hat, wird nicht gewertet. Entsprechend gibt es dann insgesamt weniger Punkte zu erreichen.</p>
<p>Eine Frage, die doppelt gewichtet werden soll, wird doppelt gewichtet, das heißt, für sie wird die doppelte Punktzahl gutgeschrieben (0/2/4). Entsprechend gibt es insgesamt mehr Punkte zu erreichen.</p>
<div id='log'>
<h4>Werden meine Antworten gespeichert?</h4>
<p>Vor der Auswertung wirst Du gefragt, ob wir Deine Antworten speichern dürfen. Du kannst dann "Ja" auswählen, was bedeutet, dass wir Deine Antwortkombination zusammen mit einer ID speichern, die aus Deiner IP-Adresse und einem täglich wechselnden zufälligen Wert errechnet wird. Bereits am nächsten Tag kann Dein Eintrag auf keinen Fall mehr einer konkreten IP-Adresse zugeordnet werden. Wenn Du "Nein" auswählst, wird lediglich ein Zähler um 1 erhöht.</p>
<h4>Ich möchte gar nicht gezählt werden!</h4>
<p>Unser Webserver legt bei jedem Seitenaufruf einen Log-Eintrag an, der unter anderem einen Zeitstempel, Deine IP-Adresse und die aufgerufene URL enthält. Es wäre also unaufrichtig, dir vorzumachen, dass Dein Aufruf des EUromat nicht gezählt wird. Der EUromat wurde jedoch so konzipiert, dass aus den Server-Logdateien nicht ersichtlich ist, welche Antworten Du ausgewählt hast. Dies sehen wir tatsächlich nur, wenn Du dem am Ende explizit zustimmst.</p>
</div>
<h4>Ich habe einen Fehler gefunden!</h4>
<p>Dann solltest Du das <a href="mailto:edv@jef-sachsen.de">an uns</a> melden. Wir freuen uns über sachdienliche Hinweise.</p>
<a class="btn btn-primary" href="<?php echo $back; ?>"
onclick="callPage(event, '<?php echo $back; ?>')" title="Zurück zum
EUromat">Zurück zum EUromat</a>
</div>
</div>
<script type="text/javascript"> <script type="text/javascript">
$( document ).ready( function(){ $( document ).ready( function(){
if(window.location.hash == '#log'){ if(window.location.hash == '#log'){
setTimeout(function() { setTimeout(function() {
$('#log').css("background-color","#ffff55"); $('#log').css("background-color","#ffff55");
}, 1000); }, 1000);
} }
} ); } );
function callPage(evt, action){ function callPage(evt, action){
evt.preventDefault(); evt.preventDefault();
var html = "<input name='ans' value='<?php echo $answerstring;?>'/><input name='count' value='<?php echo $count; ?>'/>"; var html = "<input name='ans' value='<?php echo $answerstring;?>'/><input name='count' value='<?php echo $count; ?>'/>";
$('<form style="display: none;" method="post"/>').attr('action', action).html(html).appendTo('body').submit(); $('<form style="display: none;" method="post"/>').attr('action', action).html(html).appendTo('body').submit();
} }
</script> </script>
</body> </body>
</html> </html>

View File

@@ -28,8 +28,8 @@
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
<script src="js/generator.js"></script> <script src="js/generator.js"></script>
<div class="container" style="margin-top: 20px;"> <div class="container mt-50">
<div class="bottom-buffer top-buffer"> <div class="col-md-12">
<h1>Mahlowat - Generator</h1> <h1>Mahlowat - Generator</h1>

1
img/euromat.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -4,48 +4,50 @@ $baseurl = "http://" . $_SERVER['SERVER_NAME'] . $uri_parts[0];
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>EUromat - Der Bundestagswahl-Helfer zum Thema Europa</title> <title>EUromat - Der Bundestagswahl-Helfer zum Thema Europa</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta content="EUromat"> <meta content="EUromat">
<meta name="image_src" content="img/euromat.png"/> <meta name="image_src" content="img/euromat.png"/>
<meta name="description" content="Der EUromat ist ein Angebot JEF Sachsen zur Bundestagswahl. Er ermöglicht es, zu europapolitischen Themen die eigenen Standpunkte mit denen der Parteien abzugleichen, die zur Wahl antreten."/> <meta name="description" content="Der EUromat ist ein Angebot JEF Sachsen zur Bundestagswahl. Er ermöglicht es, zu europapolitischen Themen die eigenen Standpunkte mit denen der Parteien abzugleichen, die zur Wahl antreten."/>
<meta property="og:title" content="EUromat"/> <meta property="og:title" content="EUromat"/>
<meta property="og:type" content="website"/> <meta property="og:type" content="website"/>
<meta property="og:image" content="img/euromat.png"/> <meta property="og:image" content="img/euromat.png"/>
<meta property="og:url" content=""/> <meta property="og:url" content=""/>
<meta property="og:site-name" content="eurom.at"/> <meta property="og:site-name" content="eurom.at"/>
<meta property="og:description" content="Der EUromat ist ein Angebot JEF Sachsen zur Bundestagswahl. Er ermöglicht es, zu europapolitischen Themen die eigenen Standpunkte mit denen der Parteien abzugleichen, die zur Wahl antreten."/> <meta property="og:description" content="Der EUromat ist ein Angebot JEF Sachsen zur Bundestagswahl. Er ermöglicht es, zu europapolitischen Themen die eigenen Standpunkte mit denen der Parteien abzugleichen, die zur Wahl antreten."/>
<link href="css/jef.min.css" rel="stylesheet" media="screen"> <link href="css/jef.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
<link href="shariff/shariff.min.css" rel="stylesheet"> <link href="shariff/shariff.min.css" rel="stylesheet">
<script src="js/jquery-2.0.2.min.js"></script> <script src="js/jquery-2.0.2.min.js"></script>
</head> </head>
<body> <body>
<div class="container"> <div class="container mt-25">
<div class="jumbotron">
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-6 col-md-offset-3">
<img class="img-responsive" src="img/euromat.png" title="EUromat Logo"/> <img class="img-responsive" src="img/euromat.png" title="Euromat Logo"/>
</div> </div>
</div> <div class="col-md-12 mt-50">
<div class="row">
<div class="col-xs-12">
<h1>Der <strong>#EUromat</strong></h1>
<p>Der EUromat ist ein technisches Hilfsmittel, das es ermöglicht, zu europapolitischen Themen die eigenen Standpunkte mit denen der Parteien abzugleichen, die zur Bundestagswahl antreten.</p> <p>Der EUromat ist ein technisches Hilfsmittel, das es ermöglicht, zu europapolitischen Themen die eigenen Standpunkte mit denen der Parteien abzugleichen, die zur Bundestagswahl antreten.</p>
<p>Er ist selbstverständlich nur als Automat ohne Hirn zu verstehen und spricht keine Wahlempfehlungen aus.</p> <p>Er ist selbstverständlich nur als Automat ohne Hirn zu verstehen und spricht keine Wahlempfehlungen aus.</p>
<p>Für ihre Stellungnahmen zu den Thesen sind die Parteien selbst verantwortlich.</p> <p>Für ihre Stellungnahmen zu den Thesen sind die Parteien selbst verantwortlich.</p>
<p class="text-center"><a class="btn btn-large btn-primary" href="mahlowat.php" title="EUromat starten">Mit der Befragung beginnen!</a></p> <p class="text-center"><a class="btn btn-large btn-primary" href="mahlowat.php" title="EUromat starten">Mit der Befragung beginnen!</a></p>
</div> </div>
</div> </div>
<p class="text-center">
<a href="faq.php" title="Fragen und Antworten"><small>FAQ</small></a>
</p>
<div class="shariff" data-url="<?php echo $baseurl; ?>" data-referrer-track=null></div>
</div> </div>
<p class="text-center">
<a href="faq.php" title="Fragen und Antworten"><small>FAQ</small></a>
</p>
<div class="shariff" data-url="<?php echo $baseurl; ?>" data-referrer-track=null></div>
</div> </div>
</div> </div>
</div>
<script src="shariff/shariff.min.js"></script> <script src="shariff/shariff.min.js"></script>
</body> </body>
</html> </html>

View File

@@ -83,26 +83,26 @@ if(!$data_content){
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 m-t-5"> <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 mt-5">
<button id="weight" type="button" class="btn btn-default btn-block" data-toggle="button">These doppelt gewichten</button> <button id="weight" type="button" class="btn btn-default btn-block" data-toggle="button">These doppelt gewichten</button>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 m-t-5"> <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 mt-5">
<button id='yes' type='submit' class='btn btn-success btn-block' name='yes' onclick="nextThesis('a')"> <button id='yes' type='submit' class='btn btn-success btn-block' name='yes' onclick="nextThesis('a')">
<i class="fa fa-thumbs-up fa-lg"></i> Zustimmung <i class="fa fa-thumbs-up fa-lg"></i> Zustimmung
</button> </button>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 m-t-5"> <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 mt-5">
<button id='neutral' type='submit' class='btn btn-warning btn-block' name='neutral' onclick="nextThesis('b')"> <button id='neutral' type='submit' class='btn btn-warning btn-block' name='neutral' onclick="nextThesis('b')">
<i class="fa fa-asterisk fa-lg"></i> Neutral <i class="fa fa-asterisk fa-lg"></i> Neutral
</button> </button>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 m-t-5"> <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 mt-5">
<button id='no' type='submit' class='btn btn-danger btn-block' name='no' onclick="nextThesis('c')"> <button id='no' type='submit' class='btn btn-danger btn-block' name='no' onclick="nextThesis('c')">
<i class="fa fa-thumbs-down fa-lg"></i> Ablehnung <i class="fa fa-thumbs-down fa-lg"></i> Ablehnung
</button> </button>
@@ -110,7 +110,7 @@ if(!$data_content){
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 m-t-5"> <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1 mt-5">
<button id='skip' type='submit' class='btn btn-default btn-block' name='skip' onclick="nextThesis('d')"> <button id='skip' type='submit' class='btn btn-default btn-block' name='skip' onclick="nextThesis('d')">
Überspringen <i class="fa fa-step-forward fa-lg"></i> Überspringen <i class="fa fa-step-forward fa-lg"></i>
</button> </button>

View File

@@ -1,201 +1,203 @@
<?php <?php
include 'includes/functions.php'; include 'includes/functions.php';
include 'includes/elements.php'; include 'includes/elements.php';
#include 'includes/theses.php'; #include 'includes/theses.php';
$data_content = file_get_contents("config/data.json"); $data_content = file_get_contents("config/data.json");
if (!$data_content) { if (!$data_content) {
echo "ERROR READING CONFIG"; echo "ERROR READING CONFIG";
} else { } else {
$data = json_decode($data_content, true); $data = json_decode($data_content, true);
//$theses = get_theses_array(); //$theses = get_theses_array();
$theses = $data['theses']; $theses = $data['theses'];
$theses_count = sizeof($theses); $theses_count = sizeof($theses);
$ans = array(); $ans = array();
$emph = array(); $emph = array();
$answerstring = ''; $answerstring = '';
$warning = false; $warning = false;
$count = 'undefined'; $count = 'undefined';
if (isset($_POST['count'])) { if (isset($_POST['count'])) {
$count = $_POST['count']; $count = $_POST['count'];
} }
if (isset($_POST['ans'])) { if (isset($_POST['ans'])) {
$answerstring = $_POST['ans']; $answerstring = $_POST['ans'];
$retval = result_from_string($answerstring, $theses_count); $retval = result_from_string($answerstring, $theses_count);
$ans = $retval[0]; $ans = $retval[0];
$emph = $retval[1]; $emph = $retval[1];
} elseif (isset($_GET['ans'])) { } elseif (isset($_GET['ans'])) {
$answerstring = $_GET['ans']; $answerstring = $_GET['ans'];
$retval = result_from_string($answerstring, $theses_count); $retval = result_from_string($answerstring, $theses_count);
$ans = $retval[0]; $ans = $retval[0];
$emph = $retval[1]; $emph = $retval[1];
} else { } else {
$warning = true; $warning = true;
for ($i = 0; $i < $theses_count; $i++) { for ($i = 0; $i < $theses_count; $i++) {
$ans[$i] = 'skip'; $ans[$i] = 'skip';
$emph[$i] = 1; $emph[$i] = 1;
}
}
} }
}
}
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>EUromat - Ergebnis</title> <title>EUromat - Ergebnis</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta content=""> <meta content="">
<link href="css/jef.min.css" rel="stylesheet" media="screen"> <link href="css/jef.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
</head> </head>
<body> <body>
<script src="js/jquery-2.0.2.min.js"></script> <script src="js/jquery-2.0.2.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
<script src="js/mahlowat.js"></script> <script src="js/mahlowat.js"></script>
<?php if ($warning) { <?php if ($warning) {
?> ?>
<div id="warning" class="modal fade"> <div id="warning" class="modal fade">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Hoppla...</h4> <h4 class="modal-title">Hoppla...</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<p><strong>Anscheinend hast du keine Fragen beantwortet.</strong><br /> <p><strong>Anscheinend hast du keine Fragen beantwortet.</strong><br />
Entweder hast du diese Seite direkt aufgerufen, oder du hast die Thesen noch nicht bearbeitet.</p> Entweder hast du diese Seite direkt aufgerufen, oder du hast die Thesen noch nicht bearbeitet.</p>
<p>Falls letzteres zutrifft, möchten wir dir empfehlen, dies nun zu tun.</p> <p>Falls letzteres zutrifft, möchten wir dir empfehlen, dies nun zu tun.</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button> <button type="button" class="btn btn-default" data-dismiss="modal">Schließen</button>
<a href="mahlowat.php" class="btn btn-primary">Thesen bearbeiten</a> <a href="mahlowat.php" class="btn btn-primary">Thesen bearbeiten</a>
</div> </div>
</div><!-- /.modal-content --> </div><!-- /.modal-content -->
</div><!-- /.modal-dialog --> </div><!-- /.modal-dialog -->
</div><!-- /.modal --> </div><!-- /.modal -->
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function() {
setTimeout(function(){ setTimeout(function(){
$('#warning').modal('show'); $('#warning').modal('show');
}, 500); }, 500);
}); });
</script> </script>
<?php <?php
} ?> } ?>
<div class="container"> <div class="container mt-50">
<div class="col-md-4 pull-right"> <div class="col-md-4 pull-right">
<a href="https://jef-sachsen.de/euromat"><img class="img-responsive" src="img/euromat.png" title="Euromat Logo" onclick="changeText()"/></a> <a href="https://jef-sachsen.de/euromat">
<img id="logo" class="img-responsive" src="img/euromat.png" title="Euromat Logo"/>
</a>
</div> </div>
<div class="bottom-buffer top-buffer"> <div class="col-md-8">
<h1>Ergebnisse</h1> <h1>Ergebnisse</h1>
<p>Klicke auf die Titel, um die zugehörige These anzuzeigen.</p> <p>Klicke auf die Titel, um die zugehörige These anzuzeigen.</p>
<table class="table table-bordered"> <table class="table table-bordered">
<tr><th style="width: 320px;">Deine Wahl</th><th>Doppelt gewichten</th> <tr><th style="width: 320px;">Deine Wahl</th><th>Doppelt gewichten</th>
<?php <?php
for ($i = 0; $i < sizeof($ans); $i = $i + 1) { for ($i = 0; $i < sizeof($ans); $i = $i + 1) {
($emph[$i] == 2) ? $active = "btn-info active" : $active = "btn-default"; ($emph[$i] == 2) ? $active = "btn-info active" : $active = "btn-default";
($emph[$i] == 2) ? $multbutton = "These wird doppelt gewichtet" : $multbutton = "These doppelt gewichten"; ($emph[$i] == 2) ? $multbutton = "These wird doppelt gewichtet" : $multbutton = "These doppelt gewichten";
$btnclass = code_to_btnclass(char_to_value($ans[$i])); $btnclass = code_to_btnclass(char_to_value($ans[$i]));
$labelclass = code_to_labelclass($ans[$i]); $labelclass = code_to_labelclass($ans[$i]);
echo "<tr>"; echo "<tr>";
echo "<td><a id='thesis$i' class='btn $btnclass btn-block' onclick='toggleNext(this)'>".$theses[$i]['s']."</a></td> echo "<td><a id='thesis$i' class='btn $btnclass btn-block' onclick='toggleNext(this)'>".$theses[$i]['s']."</a></td>
<td><button id='thesis$i-multiply' class='btn btn-block weight $active' data-toggle='button'>$multbutton</button></td>"; <td><button id='thesis$i-multiply' class='btn btn-block weight $active' data-toggle='button'>$multbutton</button></td>";
echo "</tr>\n"; echo "</tr>\n";
echo "<tr class='multheseslong'><td class='mtl' colspan='2'><!--<span class='label $labelclass'>These ".($i+1).": ".$theses[$i]['s']."</span><br>--> ".$theses[$i]['l']."</td></tr>"; echo "<tr class='multheseslong'><td class='mtl' colspan='2'><!--<span class='label $labelclass'>These ".($i+1).": ".$theses[$i]['s']."</span><br>--> ".$theses[$i]['l']."</td></tr>";
} }
?> ?>
</table> </table>
<button id="commit" class="btn btn-primary">Neu Auswerten</button> <button id="commit" class="btn btn-primary">Neu Auswerten</button>
<div class="text-right"> <div class="text-right">
<hr /> <hr />
<small>Du kannst die Befragung <small>Du kannst die Befragung
<a href="index.php" title="Von vorn beginnen">neu starten</a> <a href="index.php" title="Von vorn beginnen">neu starten</a>
oder deine oder deine
<a href="mahlowat.php" onclick="callPage(event, 'mahlowat.php', array2str(getResultArray()), <?php echo "'$count'"; ?>)" title="Antworten ändern">Antworten ändern</a>.<br /> <a href="mahlowat.php" onclick="callPage(event, 'mahlowat.php', array2str(getResultArray()), <?php echo "'$count'"; ?>)" title="Antworten ändern">Antworten ändern</a>.<br />
Außerdem haben wir auch eine <a href="faq.php?from=multiplier.php" onclick="callPage(event, 'faq.php?from=multiplier.php', array2str(getResultArray()), <?php echo "'$count'"; ?>)" title="FAQ">FAQ-Seite</a>. Außerdem haben wir auch eine <a href="faq.php?from=multiplier.php" onclick="callPage(event, 'faq.php?from=multiplier.php', array2str(getResultArray()), <?php echo "'$count'"; ?>)" title="FAQ">FAQ-Seite</a>.
</small> </small>
</div> </div>
</div> </div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$('#commit').click(function(){ $('#commit').click(function(){
resultArray = getResultArray(); resultArray = getResultArray();
gotoResultPage(resultArray); gotoResultPage(resultArray);
}); });
$('.multheseslong').hide(); $('.multheseslong').hide();
$('.tt').tooltip(); $('.tt').tooltip();
$('.weight').click(function(){ $('.weight').click(function(){
$(this).toggleClass('btn-default'); $(this).toggleClass('btn-default');
$(this).toggleClass('btn-info'); $(this).toggleClass('btn-info');
if($(this).text() == 'These doppelt gewichten'){ if($(this).text() == 'These doppelt gewichten'){
$(this).text('These wird doppelt gewichtet'); $(this).text('These wird doppelt gewichtet');
} else { } else {
$(this).text('These doppelt gewichten'); $(this).text('These doppelt gewichten');
} }
}); });
function getResultArray(){ function getResultArray(){
multipliers = $('.weight'); multipliers = $('.weight');
resultArray = resultStringToArray("<?php echo $answerstring;?>", multipliers.length); resultArray = resultStringToArray("<?php echo $answerstring;?>", multipliers.length);
for(i = 0; i < multipliers.length; i++){ for(i = 0; i < multipliers.length; i++){
if(multipliers.eq(i).hasClass('btn-info')){ if(multipliers.eq(i).hasClass('btn-info')){
resultArray[i] = result2letter(resultArray[i], true); resultArray[i] = result2letter(resultArray[i], true);
} else { } else {
resultArray[i] = result2letter(resultArray[i], false); resultArray[i] = result2letter(resultArray[i], false);
} }
} }
return resultArray; return resultArray;
} }
function toggleNext(caller){ function toggleNext(caller){
$(caller).parent().parent().next().toggle(); $(caller).parent().parent().next().toggle();
} }
function gotoResultPage(resultArray){ function gotoResultPage(resultArray){
count = '<?php echo $count; ?>'; count = '<?php echo $count; ?>';
if(count == 'true') { if(count == 'true') {
callResult(resultArray, true); callResult(resultArray, true);
} else { } else {
callResult(resultArray, false); callResult(resultArray, false);
} }
} }
function callResult(resultArray, count){ function callResult(resultArray, count){
ans = array2str(resultArray); ans = array2str(resultArray);
if(count){ if(count){
url = "count.php?ans=" + ans; url = "count.php?ans=" + ans;
jQuery.get(url,function( data ) { jQuery.get(url,function( data ) {
callPage(null, 'result.php', ans, 'true'); callPage(null, 'result.php', ans, 'true');
}); });
} else { } else {
jQuery.get("count.php?false",function( data ) { jQuery.get("count.php?false",function( data ) {
callPage(null, 'result.php', ans, 'false'); callPage(null, 'result.php', ans, 'false');
}); });
} }
} }
</script> </script>
</body> </body>
</html> </html>

View File

@@ -109,12 +109,14 @@ if(!$data_content){
</head> </head>
<body> <body>
<div class="container" style="margin-top: 20px;"> <div class="container mt-50">
<div class="col-md-4 pull-right"> <div class="col-md-4 pull-right">
<a href="https://jef-sachsen.de/euromat"><img class="img-responsive" src="img/euromat.png" title="Euromat Logo" onclick="changeText()"/></a> <a href="https://jef-sachsen.de/euromat">
<img id="logo" class="img-responsive" src="img/euromat.png" title="Euromat Logo"/>
</a>
</div> </div>
<div class="bottom-buffer top-buffer"> <div class="col-md-12">
<?php <?php
if($bars_only){ if($bars_only){
echo "<h1>Ergebnis</h1>"; echo "<h1>Ergebnis</h1>";
@@ -165,32 +167,37 @@ if(!$data_content){
<p>Nicht zufrieden mit dem Ergebnis? Vielleicht willst du die Thesen <a href="multiplier.php" onclick="callPage(event, 'multiplier.php', <?php echo "'$answerstring', '$count'";?>)" title="Gewichtung ändern">anders gewichten</a>.</p> <p>Nicht zufrieden mit dem Ergebnis? Vielleicht willst du die Thesen <a href="multiplier.php" onclick="callPage(event, 'multiplier.php', <?php echo "'$answerstring', '$count'";?>)" title="Gewichtung ändern">anders gewichten</a>.</p>
<?php } ?> <?php } ?>
<div id="result-bars" class="container"> <div id="result-bars" class="container-fluid mt-25">
<?php <?php
$top = calculate_points($data['answers'][0], $answers); $top = calculate_points($data['answers'][0], $answers);
for($i = 0; $i < sizeof($data['answers']); $i++){ for($i = 0; $i < sizeof($data['answers']); $i++){
(calculate_points($data['answers'][$i], $answers) == $top) ? $class = "" : $class = ""; (calculate_points($data['answers'][$i], $answers) == $top) ? $class = "" : $class = "";
print_list_result_bar($data, $i, $answers, $class); print_list_result_bar($data, $i, $answers, $class);
echo "\n"; echo "\n";
} }
?> ?>
</div> </div>
<?php if(!$bars_only){?> <?php if(!$bars_only){?>
<div id="result-table"> <div id="result-table" class="container-fluid mt-25">
<p>Thesen mit <i class='fa fa-star fa-lg'></i> fandest du besonders wichtig. Wenn du auf den Button mit dem Namen der These klickst, bekommst du die Statements der Listen in einer Übersicht angezeigt. Über die folgenden Schalter kannst Du einzelne Listen ein- oder ausblenden:</p> <p>Thesen mit <i class='fa fa-star fa-lg'></i> fandest du besonders wichtig. Wenn du auf den Button mit dem Namen der These klickst, bekommst du die Statements der Listen in einer Übersicht angezeigt. Über die folgenden Schalter kannst Du einzelne Listen ein- oder ausblenden:</p>
<div class="well"> <ul class="nav nav-pills">
<?php <?php
for($i = 0; $i < sizeof($data['lists']); $i = $i + 1){ for($i = 0; $i < sizeof($data['lists']); $i = $i + 1){
$classname = string_to_css_classname($data['lists'][$i]['name']); $classname = string_to_css_classname($data['lists'][$i]['name']);
$list_logo = $data['lists'][$i]['logo']; $list_logo = $data['lists'][$i]['logo'];
$list_name_short = $data['lists'][$i]['name_x']; $list_name_short = $data['lists'][$i]['name_x'];
echo "<button class='btn btn-default listbtn listbtn-on listbtn-$classname' onclick='toggleColumn(\"$classname\")'><img class='img-responsive img-list-logo-small' src='img/lists/$list_logo' title='$list_name_short Logo'></button>"; echo "
<li role='presentation' class='active listbtn-$classname'>
<a onclick='toggleColumn(\"$classname\")'>
$list_name_short
</a>
</li>
";
} }
?> ?>
</div> </ul>
<table class="table mt-25" id="resulttable">
<table class="table" id="resulttable">
<?php <?php
print_result_detail_table($answers, $data); print_result_detail_table($answers, $data);
@@ -255,7 +262,7 @@ if(!$data_content){
function toggleColumn(listname){ function toggleColumn(listname){
$('.list-'+listname).toggle(200); $('.list-'+listname).toggle(200);
$('.listbtn-'+listname).toggleClass('listbtn-on'); $('.listbtn-'+listname).toggleClass('active');
} }
function showOverview(){ function showOverview(){