| Current Path : /home/wirbesti/unwaehlbar.ch/ |
| Current File : /home/wirbesti/unwaehlbar.ch/politicianDetail.php |
<?php
if (!isset($_SESSION)) {
session_start();
}
?>
<?php
require_once "settings.config.php";
require_once "DBConnection.php";
require_once "i18n.php";
require_once "DAO/polvotes.php";
require_once "DAO/stats.php";
require_once "DAO/politician.php";
$pictureRoot = "./images";
$database = new DbConnection($config);
$polvoteObj = new polvotes($database);
$statsObj = new Stats($database);
$politicianObj = new Politician($database);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://jacoblett.github.io/bootstrap4-latest/bootstrap-4-latest.min.css" rel="stylesheet">
<link href="./css/fontawesome.css" rel="stylesheet">
<!-- <script src="./libs/jquery-3.5.1.min.js"></script> -->
<script src="./libs/site.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js"
integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous">
</script>
<script src="./libs/jquery-3.5.1.min.js"></script>
<script src="https://jacoblett.github.io/bootstrap4-latest/bootstrap-4-latest.min.js"></script>
</script>
<link href="css/detail.css" rel="stylesheet">
<script src="https://www.gstatic.com/charts/loader.js"></script>
<script>
var t = <?php echo json_encode($t); ?>;
var lang = '<?php echo $_SESSION['lang']; ?>';
</script>
<script>
google.charts.load('current', {
'packages': ['corechart']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var language = getCookie("lang");
if (typeof language == "undefined" || language == null) {
language = lang;
if (typeof language == "undefined" || language == null || language == '') {
language = '<?php echo $_GET['language']; ?>';
}
}
var data = google.visualization.arrayToDataTable([
[t['Datum'][language], t['Beliebtheit'][language]],
<?php
$popularityPerDay = $statsObj->getPopularity($_GET['id']);
$rows = count($popularityPerDay);
$index = 0;
foreach ($popularityPerDay as $date => $popularity) {
if ($index == ($rows -1)) {
echo '[\''.$date.'\','.$popularity['popularity'].']';
} else {
echo '[\''.$date.'\','.$popularity['popularity'].'],';
}
$index++;
}
?>
]);
var options = {
title: t['Beliebtheit'][language],
curveType: 'function',
legend: {
position: 'bottom'
}
};
var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
chart.draw(data, options);
}
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-T51P2G7FB6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-T51P2G7FB6');
</script>
</head>
<body>
<br /><br />
<div class="container px-4">
<div class="row gx-5 gy-5">
<div class="col-xs-12">
<?php
$id = $_GET['id'];
$language = $_COOKIE['lang'] ?? 'de';
$locality = $language;
$politicians = $politicianObj->getPoliticianById($id, $language);
$politician = $politicians[0];
$picture = $politician['picture'];
$src = "$pictureRoot/$picture";
$name = $politician['name'];
$position = $politician['position'];
$party = $politician['party'];
$canton = $politician['canton'];
?>
<figure>
<img src="<?=$src?>"
alt="<?=$name?>" class="img-responsive">
<figcaption><strong><?=$name?></strong>
</figcaption>
<table width="260px">
<tbody>
<tr>
<td style="text-align: left;"><?=$position?>
</td>
<td style="text-align: right;"><?=$canton?>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: left;"><?=$party?>
</td>
</tr>
</tbody>
</table>
</figure>
</div>
<?php
$query = "SELECT * FROM `evaluation` ".
"WHERE `politicianid` = :politicianid ".
"AND `language` = :language ".
"AND `status` = 2 ".
"ORDER BY `created` DESC";
$eval = $database->dbc->prepare($query);
$eval->bindParam(":language", $language);
$eval->bindParam(":politicianid", $id);
$eval->execute();
$evaluations = $eval->fetchAll();
?>
<div class="col-8">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<!-- <li class="nav-item">
<a class="nav-link active" id="comments-tab" data-toggle="tab" href="#comments" role="tab"
aria-controls="comments" aria-selected="true" onclick="hidevoteb()">Kommentare</a>
</li> -->
<li class="nav-item">
<a class="nav-link active" id="poplularity-tab" data-toggle="tab" href="#popularity" role="tab"
aria-controls="popularity" aria-selected="true" onclick="hidevoteb()"><?=$t['Beliebtheit'][$language]?></a>
</li>
<li class="nav-item">
<a class="nav-link" id="votingbehavior-tab" data-toggle="tab" href="#votingbehavior" role="tab"
aria-controls="votingbehavior" aria-selected="false"
onclick="hidepopularity()"><?=$t['Abstimmungsverhalten'][$language]?></a>
</li>
</ul>
<!-- <div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="comments" role="tabpanel" aria-labelledby="comments-tab">
<div data-spy="scroll" data-target="#mytab" data-offset="0">
<ul class="list-group list-group-flush">
<?php
foreach ($evaluations as $evaluation) {
$type = $evaluation['type'];
$text = $evaluation['evaluationtext'];
if ($type == 0) {
echo '<li class="list-group-item"><div class="contra">'.$text.'</div></li>';
} else {
echo '<li class="list-group-item"><div class="pro">'.$text.'</div></li>';
}
}
?>
</ul>
</div>
</div>
</div> -->
<div class="tab-content" id="myPopularity">
<div class="tab-pane fade show active" id="popularity" role="tabpanel" aria-labelledby="popularity-tab">
<div id="curve_chart" style="width: 600px; height: 500px; position: relative; left: -15px"></div>
<p style="border: solid black; border-radius: 10px; margin-left:40px; margin-right:30px; padding:10px;"><?=$t['DieBeliebtheit'][$language]?>
</div>
</p>
</div>
<div class="tab-pane fade" id="votingbehavior" role="tabpanel" aria-labelledby="votingbehavior-tab">
<div data-spy="scroll" data-target="#mytab" data-offset="0">
<?php
$polvotes = $polvoteObj->displayDataById($id);
?>
<table class="table table-striped">
<thead>
<th><?=$t['Datum'][$language]?></th>
<th><?=$t['Abstimmung'][$language]?></th>
<th><?=$t['Gestimmt'][$language]?></th>
</thead>
<?php
foreach ($polvotes as $polvote) :
$votedate = $polvote['votedate'];
$votedivisiontext = $polvote['votedivisiontext'];
$voted = $polvote['voted'];
?>
<tr>
<td style="width: 10%;">
<h6>
<p style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top: 6px;">
<?=(DateTime::createFromFormat("Y-m-d H:i:s", $votedate))->format("d.m.Y")?>
</p>
</h6>
</td>
<td style="width: 80%;">
<h6>
<p style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top: 6px;">
<?=$votedivisiontext?>
</p>
</h6>
</td>
<td style="width: 10%;">
<h6>
<p style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-top: 6px;">
<?=$polvoteObj->votedToText($voted)?>
</p>
</h6>
</td>
</tr>
<?php
endforeach;
?>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<p>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseForm"
aria-expanded="false" aria-controls="collapseForm" onclick="initMessage()"><?=$t['Informationen'][$language].'<br/>'.$name?></button>
</p>
<div class="collapse" id="collapseForm">
<div class="card card-body">
<div class="ProCon">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="radioPro"
value="pro">
<label class="form-check-label" for="radioPro">Pro</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="inlineRadioOptions" id="radioContra"
value="con">
<label class="form-check-label" for="radioContra">Contra</label>
</div>
</div>
<div class="mb-3">
<label for="informationAboutPolitician" class="form-label"><?=$t['Information'][$language]?></label>
<textarea class="form-control" id="informationAboutPolitician" rows="3"></textarea>
</div>
<button type="button" class="btn btn-primary" data-bs-toggle="collapse"
data-bs-target="#collapseForm"
onclick="sendInformation(<?=$id.', \''.$language.'\''?>)"><?=$t['Senden'][$language]?></button>
</div>
</div>
</div>
<br /><br />
<div id="thankyou"></div>
</div>
</div>
<script>
function hidevoteb() {
$('#votingbehavior').addClass('tabhidden');
$('#votingbehavior').removeClass('active');
$('#votingbehavior').removeClass('show');
$('#popularity').addClass('active');
$('#popularity').addClass('show');
$('#popularity').removeAttr('hidden');
$('#popularity').removeClass('tabhidden');
}
function hidepopularity() {
$('#popularity').addClass('tabhidden');
$('#popularity').removeClass('active');
$('#popularity').removeClass('show');
$('#votingbehavior').addClass('active');
$('#votingbehavior').addClass('show');
$('#votingbehavior').removeAttr('hidden');
$('#votingbehavior').removeClass('tabhidden');
}
</script>
</body>
</html>
<?php