Skip to content
Snippets Groups Projects
Commit c3d34bc3 authored by Rasmus Fuhse's avatar Rasmus Fuhse
Browse files

Resolve "Likertskala und Polskala sollen absolute Zahlen in der Auswertungen anzeigen" 

Closes #2911

Merge request studip/studip!1963
parent 89c64c37
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
app/views/questionnaire/question_types/likert/likert_evaluation.php
+ 57
− 3
View file @ c3d34bc3
...@@ -17,6 +17,12 @@ $options = $vote->questiondata['options']; ...@@ -17,6 +17,12 @@ $options = $vote->questiondata['options'];
</div> </div>
<table class="default nohover"> <table class="default nohover">
<colgroup>
<col>
<? foreach ($options as $option) : ?>
<col style="width: 70px">
<? endforeach ?>
</colgroup>
<thead> <thead>
<tr> <tr>
<th><?= _('Aussage') ?></th> <th><?= _('Aussage') ?></th>
...@@ -34,7 +40,17 @@ $options = $vote->questiondata['options']; ...@@ -34,7 +40,17 @@ $options = $vote->questiondata['options'];
<strong><?= htmlReady($statement) ?></strong> <strong><?= htmlReady($statement) ?></strong>
</td> </td>
<? foreach($options as $option_index => $option) : ?> <?
$average = 0;
if (count($answers) > 0) {
foreach ($answers as $answer) {
$average += $answer['answerdata']['answers'][$key];
}
$average /= count($answers);
}
?>
<? foreach($options as $option_index => $option) : ?>
<? <?
$hits = 0; $hits = 0;
$names = []; $names = [];
...@@ -46,23 +62,61 @@ $options = $vote->questiondata['options']; ...@@ -46,23 +62,61 @@ $options = $vote->questiondata['options'];
} }
} }
} }
$color = 'hsl(0 0% '.round(70 + (30 * (1 - ($hits / $countAnswers ?? 1)) )).'%)';
?> ?>
<td style="background-color: <?= $color ?>;" <?= count($names) > 0 ? 'title="'.htmlReady(implode(', ', $names)).'"' : ''?>> <td <?= count($names) > 0 ? 'title="'.htmlReady(implode(', ', $names)).'"' : ''?>>
<? if ($option_index === 0 && count($answers)) : ?>
<div class="average" style="margin-left: <?= 80 * $average + 34 ?>px;">
Ø<?= htmlReady(str_replace('.', ',', (string) round($average, 2) + 1)) ?>
</div>
<? endif ?><?
$bubble_width = 70;
$font_size = 2.5;
if ($countAnswers === 1) {
$bubble_width /= 3;
$font_size /= 3;
} elseif ($countAnswers === 2) {
$bubble_width /= 2;
$font_size /= 2;
} elseif ($countAnswers === 3) {
$bubble_width /= 1.5;
$font_size /= 1.5;
}
?>
<? if (count($answers) > 0) : ?>
<div class="centerline"></div>
<? endif ?>
<? if ($countAnswers) : ?>
<? $bubble_width = $hits > 0 ? ($bubble_width - 14) * $hits / $countAnswers + 14 : 0 ?>
<? $font_size = $hits > 0 ? ($font_size - 0.5) * $hits / $countAnswers + 0.5 : 0 ?>
<? if ($filtered !== null && $filtered == $key.'_'.$option_index) : ?> <? if ($filtered !== null && $filtered == $key.'_'.$option_index) : ?>
<a href="" <a href=""
class="questionnaire-evaluation-circle-container"
onclick="STUDIP.Questionnaire.removeFilter('<?= htmlReady($vote['questionnaire_id']) ?>'); return false;" onclick="STUDIP.Questionnaire.removeFilter('<?= htmlReady($vote['questionnaire_id']) ?>'); return false;"
title="<?= _('Zeige wieder alle Ergebnisse ohne Filterung an.') ?>"> title="<?= _('Zeige wieder alle Ergebnisse ohne Filterung an.') ?>">
<div class="questionnaire-evaluation-circle">
<div class="value" style="font-size: <?= $font_size ?>em; max-width: <?= $bubble_width ?>px; max-height: <?= $bubble_width ?>px;">
<?= htmlReady($hits) ?>
</div>
</div>
<?= Icon::create('filter2', Icon::ROLE_CLICKABLE)->asImg(16, ['class' => 'text-bottom']) ?> <?= Icon::create('filter2', Icon::ROLE_CLICKABLE)->asImg(16, ['class' => 'text-bottom']) ?>
<?= round(100 * $hits / $countAnswers) ?>% <?= round(100 * $hits / $countAnswers) ?>%
</a> </a>
<? else : ?> <? else : ?>
<a href="" <a href=""
class="questionnaire-evaluation-circle-container"
onclick="STUDIP.Questionnaire.addFilter('<?= htmlReady($vote['questionnaire_id']) ?>', '<?= htmlReady($vote->getId()) ?>', '<?= $key.'_'.$option_index ?>'); return false;" onclick="STUDIP.Questionnaire.addFilter('<?= htmlReady($vote['questionnaire_id']) ?>', '<?= htmlReady($vote->getId()) ?>', '<?= $key.'_'.$option_index ?>'); return false;"
title="<?= _('Zeige nur Ergebnisse von Personen an, die diese Option gewählt haben.') ?>"> title="<?= _('Zeige nur Ergebnisse von Personen an, die diese Option gewählt haben.') ?>">
<div class="questionnaire-evaluation-circle">
<div class="value" style="font-size: <?= $font_size ?>em; max-width: <?= $bubble_width ?>px; max-height: <?= $bubble_width ?>px;">
<?= htmlReady($hits) ?>
</div>
</div>
<?= round(100 * $hits / $countAnswers) ?>% <?= round(100 * $hits / $countAnswers) ?>%
</a> </a>
<? endif ?> <? endif ?>
<? else : ?>
0%
<? endif ?>
</td> </td>
<? endforeach ?> <? endforeach ?>
</tr> </tr>
......
app/views/questionnaire/question_types/rangescale/rangescale_evaluation.php
+ 72
− 16
View file @ c3d34bc3
...@@ -17,11 +17,17 @@ $options = range($vote->questiondata['minimum'], $vote->questiondata['maximum']) ...@@ -17,11 +17,17 @@ $options = range($vote->questiondata['minimum'], $vote->questiondata['maximum'])
</div> </div>
<table class="default nohover"> <table class="default nohover">
<colgroup>
<col>
<? foreach ($options as $option) : ?>
<col style="width: 70px">
<? endforeach ?>
</colgroup>
<thead> <thead>
<tr> <tr>
<th><?= _('Aussage') ?></th> <th><?= _('Aussage') ?></th>
<? for ($i = $vote->questiondata['minimum'] ?? 1; $i <= $vote->questiondata['maximum']; $i++) : ?> <? for ($i = $vote->questiondata['minimum'] ?? 1; $i <= $vote->questiondata['maximum']; $i++) : ?>
<th><?= htmlReady($i) ?></th> <th class="rangescale_center"><?= htmlReady($i) ?></th>
<? endfor ?> <? endfor ?>
</tr> </tr>
</thead> </thead>
...@@ -33,7 +39,18 @@ $options = range($vote->questiondata['minimum'], $vote->questiondata['maximum']) ...@@ -33,7 +39,18 @@ $options = range($vote->questiondata['minimum'], $vote->questiondata['maximum'])
<strong><?= htmlReady($statement) ?></strong> <strong><?= htmlReady($statement) ?></strong>
</td> </td>
<? foreach($options as $option) : ?> <?
$average = 0;
if (count($answers) > 0) {
foreach ($answers as $answer) {
$average += $answer['answerdata']['answers'][$key];
}
$average /= count($answers);
$average = round($average, 2);
}
?>
<? foreach($options as $option_index => $option) : ?>
<? <?
$hits = 0; $hits = 0;
$names = []; $names = [];
...@@ -45,22 +62,61 @@ $options = range($vote->questiondata['minimum'], $vote->questiondata['maximum']) ...@@ -45,22 +62,61 @@ $options = range($vote->questiondata['minimum'], $vote->questiondata['maximum'])
} }
} }
} }
$color = 'hsl(0 0% '.round(70 + (30 * (1 - ($hits / $countAnswers ?? 1)) )).'%)';
?> ?>
<td style="background-color: <?= $color ?>;" style="white-space: nowrap;"<?= count($names) > 0 ? 'title="'.htmlReady(implode(', ', $names)).'"' : ''?>> <td style="white-space: nowrap;"<?= count($names) > 0 ? 'title="'.htmlReady(implode(', ', $names)).'"' : ''?>>
<? if ($filtered !== null && $filtered == ($key.'_'.$option)) : ?> <? if ($option_index === 0 && count($answers) > 0) : ?>
<a href="" <div class="average" style="margin-left: <?= (count($options) * 80) * $average / $vote->questiondata['maximum'] - $vote->questiondata['minimum'] * 80 + 34 ?>px;">
onclick="STUDIP.Questionnaire.removeFilter('<?= htmlReady($vote['questionnaire_id']) ?>'); return false;" Ø<?= htmlReady(str_replace('.', ',', (string) round($average, 2))) ?>
title="<?= _('Zeige wieder alle Ergebnisse ohne Filterung an.') ?>"> </div>
<?= Icon::create('filter2', Icon::ROLE_CLICKABLE)->asImg(16, ['class' => 'text-bottom']) ?> <? endif ?>
<?= round(100 * $hits / $countAnswers) ?>% <?
</a> $bubble_width = 70;
$font_size = 2.5;
if ($countAnswers === 1) {
$bubble_width /= 3;
$font_size /= 3;
} elseif ($countAnswers === 2) {
$bubble_width /= 2;
$font_size /= 2;
} elseif ($countAnswers === 3) {
$bubble_width /= 1.5;
$font_size /= 1.5;
}
?>
<? if (count($answers) > 0) : ?>
<div class="centerline"></div>
<? endif ?>
<? if ($countAnswers) : ?>
<? $bubble_width = $hits > 0 ? ($bubble_width - 14) * $hits / $countAnswers + 14 : 0 ?>
<? $font_size = $hits > 0 ? ($font_size - 0.5) * $hits / $countAnswers + 0.5 : 0 ?>
<? if ($filtered !== null && $filtered == ($key.'_'.$option)) : ?>
<a href=""
class="questionnaire-evaluation-circle-container"
onclick="STUDIP.Questionnaire.removeFilter('<?= htmlReady($vote['questionnaire_id']) ?>'); return false;"
title="<?= _('Zeige wieder alle Ergebnisse ohne Filterung an.') ?>">
<div class="questionnaire-evaluation-circle">
<div class="value" style="font-size: <?= $font_size ?>em; max-width: <?= $bubble_width ?>px; max-height: <?= $bubble_width ?>px;">
<?= htmlReady($hits) ?>
</div>
</div>
<?= Icon::create('filter2', Icon::ROLE_CLICKABLE)->asImg(16, ['class' => 'text-bottom']) ?>
<?= round(100 * $hits / $countAnswers) ?>%
</a>
<? else : ?>
<a href=""
class="questionnaire-evaluation-circle-container"
onclick="STUDIP.Questionnaire.addFilter('<?= htmlReady($vote['questionnaire_id']) ?>', '<?= htmlReady($vote->getId()) ?>', '<?= $key.'_'.$option ?>'); return false;"
title="<?= _('Zeige nur Ergebnisse von Personen an, die diese Option gewählt haben.') ?>">
<div class="questionnaire-evaluation-circle">
<div class="value" style="font-size: <?= $font_size ?>em; max-width: <?= $bubble_width ?>px; max-height: <?= $bubble_width ?>px;">
<?= htmlReady($hits) ?>
</div>
</div>
<?= round(100 * $hits / $countAnswers) ?>%
</a>
<? endif ?>
<? else : ?> <? else : ?>
<a href="" 0%
onclick="STUDIP.Questionnaire.addFilter('<?= htmlReady($vote['questionnaire_id']) ?>', '<?= htmlReady($vote->getId()) ?>', '<?= $key.'_'.$option ?>'); return false;"
title="<?= _('Zeige nur Ergebnisse von Personen an, die diese Option gewählt haben.') ?>">
<?= round(100 * $hits / $countAnswers) ?>%
</a>
<? endif ?> <? endif ?>
</td> </td>
<? endforeach ?> <? endforeach ?>
......
resources/assets/stylesheets/scss/questionnaire.scss
+ 79
− 0
View file @ c3d34bc3
...@@ -342,6 +342,85 @@ $width: 270px; ...@@ -342,6 +342,85 @@ $width: 270px;
color: var(--red); color: var(--red);
} }
} }
.average {
position: absolute;
border-left: 2px solid var(--red);
height: 70px;
z-index: 1;
font-size: 0.7em;
padding-left: 5px;
}
.rangescale_center {
text-align: center;
}
.centerline {
border-top: 1px solid var(--base-color);
position: relative;
top: 35px;
margin-left: -5px;
margin-right: -5px;
z-index: 2;
}
.questionnaire-evaluation-circle-container {
text-align: center;
display: block;
.questionnaire-evaluation-circle {
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
z-index: 3;
position: relative;
> .value {
border-radius: 100px;
color: var(--white);
display: flex;
justify-content: center;
align-items: center;
background-color: var(--base-color);
width: 100%;
height: 100%;
}
}
}
.centerline {
border-top: 1px solid var(--base-color);
position: relative;
top: 35px;
margin-left: -5px;
margin-right: -5px;
z-index: 2;
}
.questionnaire-evaluation-circle-container {
text-align: center;
display: block;
.questionnaire-evaluation-circle {
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
z-index: 3;
position: relative;
> .value {
border-radius: 100px;
color: white;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--base-color);
width: 100%;
height: 100%;
}
}
}
} }
.courseselector, .courseselector,
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment