mirror of
https://gitlab.com/harald.mueller/aktuelle.kurse.git
synced 2024-12-01 06:01:57 +01:00
203 lines
9.3 KiB
Plaintext
203 lines
9.3 KiB
Plaintext
|
<!doctype html>
|
||
|
|
<html lang="en" ng-app="quizApp" >
|
||
|
|
<head >
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Herdt: Wissenstest</title>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="css/editor.css">
|
||
|
|
<link rel="stylesheet" href="css/herdt.css">
|
||
|
|
<style>
|
||
|
|
.test {
|
||
|
|
background-color: #9adecc;
|
||
|
|
}
|
||
|
|
.test2 {
|
||
|
|
background-color: #efc082;
|
||
|
|
}
|
||
|
|
.richtig {
|
||
|
|
color: #00a375;
|
||
|
|
}
|
||
|
|
.falsch {
|
||
|
|
color: #f68b01;
|
||
|
|
}
|
||
|
|
|
||
|
|
label.checkbox-label input[type=checkbox],label.checkbox-label input[type="radio"]{
|
||
|
|
position: relative;
|
||
|
|
vertical-align: middle;
|
||
|
|
bottom: 1px;
|
||
|
|
margin:0px;
|
||
|
|
|
||
|
|
}
|
||
|
|
label.checkbox-label {
|
||
|
|
font-weight:normal;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
label.checkbox-label span.content{
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<style type="text/css" media="print">
|
||
|
|
#hr_show, #review_link, #exit_link, #druken {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script src="bower_components/jquery/jquery.js"></script>
|
||
|
|
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
|
||
|
|
<script src="bower_components/bootstrap-dialog/src/js/bootstrap-dialog.js"></script>
|
||
|
|
<script src="bower_components/angular/angular.js"></script>
|
||
|
|
<script src="bower_components/angular-route/angular-route.js"></script>
|
||
|
|
<script src="bower_components/angular-resource/angular-resource.js"></script>
|
||
|
|
<script src="js/ngStorage.js"></script>
|
||
|
|
|
||
|
|
<script src="js/app.js"></script>
|
||
|
|
<script src="js/controllers.js"></script>
|
||
|
|
|
||
|
|
<script type="text/ng-template" id="start.tpl.html">
|
||
|
|
<p class="text-center"><img src="img/header-logo.png"></p><hr>
|
||
|
|
<h3 class="text-center" ng-cloak>{{quiz.name}}</h3><br><br>
|
||
|
|
<p ng-bind-html="description" class="text-center"></p><br><br>
|
||
|
|
|
||
|
|
<p class="text-center" ng-cloak>Anzahl der Fragen: {{size}}</p>
|
||
|
|
<table width="240px" align="center" style="margin-bottom:20px">
|
||
|
|
<tbody>
|
||
|
|
<tr><td><span class="badge question_correct" style="margin:2px"><a href="#/process/0" class="ng-binding">?</a></span></td>
|
||
|
|
<td>Frage richtig beantwortet</td></tr>
|
||
|
|
<tr><td><span class="badge question_wrong" style="margin:2px"><a href="#/process/0" class="ng-binding">?</a></span></td>
|
||
|
|
<td>Frage falsch beantwortet</td></tr>
|
||
|
|
<tr><td><span class="badge" style="margin:2px"><a href="#/process/0" class="ng-binding">?</a></span></td>
|
||
|
|
<td>Frage noch nicht beantwortet</td></tr>
|
||
|
|
</tbody></table>
|
||
|
|
<p class="text-center"><button class="btn btn-primary" ng-click="go('/process')">Test beginnen</button></p>
|
||
|
|
</script>
|
||
|
|
<script type="text/ng-template" id="process.tpl.html">
|
||
|
|
<div class="row ng-scope">
|
||
|
|
<div class="col-md-10"><img style="margin-bottom: 12px;" src="img/header-logo.png"></div>
|
||
|
|
<div class="col-md-2" style="text-align:right; margin-top:10px"><a class="exit" ng-click="stop()">Beenden</a></div>
|
||
|
|
</div>
|
||
|
|
<div style="font-size: 22px; color: rgb(170, 170, 170); " class="text-center" ng-cloak>{{data.name}}</div>
|
||
|
|
<hr>
|
||
|
|
<h3 class="text-center" ng-cloak>{{question.title}}</h3>
|
||
|
|
<p ng-bind-html="description" class="question-description text-center"></p>
|
||
|
|
|
||
|
|
<div class="answers-area" ng-repeat="one_answer in question.answers" >
|
||
|
|
<div ng-class="{test: !showSubmit && one_answer.correct==1,test2:!showSubmit && (answer==one_answer.id || answer.indexOf(one_answer.id)!= -1) && one_answer.correct != 1}">
|
||
|
|
<label class="checkbox-label">
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td><input ng-checked="{{question.type == '1' ? answer && answer.indexOf(one_answer.id)!= -1 : answer==one_answer.id}}" ng-disabled="!showSubmit" type="{{question.type == '1' ? 'checkbox' : 'radio'}}" value="{{one_answer.id}}" name="answer" id="answer" data-correct="{{one_answer.correct}}" ></td>
|
||
|
|
<td style="padding:10px"><span class="" ng-bind-html="one_answer.details" ></span></td>
|
||
|
|
</table>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-4" style="width:33.333%;float:left">
|
||
|
|
<p class="text-left">
|
||
|
|
<a ng-show="showPrev"class="btn btn-primary" href="#/process/{{current-1}}">Vorherige Frage</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4" style="width:33.333%;float:left">
|
||
|
|
<p class="text-center">
|
||
|
|
<a ng-show="showResult" class="btn btn-orange" href="#/results">Testergebnis</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-md-4 text-right" style="width:33.333%; float:left;white-space:nowrap;">
|
||
|
|
<button ng-show="showSubmit" ng-click="submit()" class="btn btn-primary" >Bestätigen</button> <a ng-show="showSkip" class="btn btn-primary" href="#/process/{{current+1}}">Überspringen</a> <a ng-show="showNext" class="btn btn-primary" href="#/process/{{current+1}}">Nächste Frage</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<p class='skipped text-center' ng-show="showMissed" style="margin-top:20px">
|
||
|
|
Sie haben einige Fragen übersprungen. Bitte gehen Sie zurück und beantworten diese, um den Test abzuschließen. Die nicht beantworteten Fragen sind grau hinterlegt.
|
||
|
|
</p>
|
||
|
|
<br><br><hr>
|
||
|
|
<div style="margin-top: 20px; clear: both;text-align: center;">
|
||
|
|
<p>Frage:</p>
|
||
|
|
<span ng-repeat="i in range" >
|
||
|
|
<span class="badge" ng-class="{'question_correct':results[i-1]==1,'question_wrong':results[i-1]==0,'badge-active': (i-1 == current)}"><a href="#/process/{{i-1}}" >{{i}}</a></span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<div ng-show="reference && !showSubmit"><hr>
|
||
|
|
<h3 class="text-center">Informationen zum Thema</h3><br>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-3"></div>
|
||
|
|
<div class="col-md-6" ng-bind-html="reference" style="text-align:center;margin-left:auto; margin-right:auto;min-height:100px;margin-bottom: 20px;margin-button:20px;"></div>
|
||
|
|
<div class="col-md-3"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
</script>
|
||
|
|
<script type="text/ng-template" id="results.tpl.html">
|
||
|
|
<div class="row ng-scope">
|
||
|
|
<div class="col-md-10"><img style="margin-bottom: 12px;" src="img/header-logo.png"></div>
|
||
|
|
<div class="col-md-2" style="text-align:right; margin-top:10px" id="exit_link"><a class="exit" ng-click="stop()">Beenden</a></div>
|
||
|
|
</div>
|
||
|
|
<div style="font-size: 22px; color: rgb(170, 170, 170); " class="text-center" ng-cloak>{{data.name}}</div>
|
||
|
|
<hr>
|
||
|
|
<p class="text-center"> <span ng-show="passed"><strong>Sie haben den Test bestanden.</strong></span>
|
||
|
|
<span ng-show="!passed && score" ng-cloak><strong>Sie haben den Test leider nicht bestanden. Sie benötigen {{score}}% um den Test zu bestehen.</strong></span>
|
||
|
|
<strong ng-cloak>Sie haben {{percent}}% erreicht.</strong>
|
||
|
|
</p>
|
||
|
|
<p class="text-center" ng-cloak>Sie haben {{sum}} von {{size}} Fragen korrekt beantwortet. <a id="review_link" href='#/process/{{size-1}}' class="link-orange">Zurück zu den Fragen</a></p>
|
||
|
|
<div ng-show="group">
|
||
|
|
<hr>
|
||
|
|
<p class="text-center" ng-cloak><strong>Ihr Wissen wurde als "{{group}}" eingestuft.</strong></p>
|
||
|
|
<p ng-show="group_description" ng-bind-html="group_description"></p>
|
||
|
|
</div>
|
||
|
|
<div ng-show="reference">
|
||
|
|
<hr>
|
||
|
|
<h5 class="text-center" style="font-weight: bold;">Hier finden Sie die Unterlage zum Test</h5>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-2"></div>
|
||
|
|
<div class="col-md-8 text-center" ng-bind-html="reference" style="margin-bottom: 20px;margin-button:20px;"></div>
|
||
|
|
<div class="col-md-2"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div><br>
|
||
|
|
<hr>
|
||
|
|
<table class="results-table">
|
||
|
|
<tr valign="top" >
|
||
|
|
<th>Frage</th><th>Wahr - Falsch</th><th>Informationen zum Thema</th>
|
||
|
|
</tr>
|
||
|
|
<tr valign="top" ng-repeat="(index, quest) in data.questions">
|
||
|
|
<td style="width:40%" ng-cloak>{{quest.title}}</td><td style="width:10%" ng-class="{richtig: results[index],falsch:!results[index]}" ng-cloak>{{results[index] ? 'richtig beantwortet': 'falsch beantwortet' }}</td><td ng-cloak><span ng-bind-html="quest.reference"></span></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
<p id="druken" class="text-center" style="margin:10px"><button class="btn btn-primary" onclick="window.print()">Drucken</button></p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body >
|
||
|
|
<noscript>
|
||
|
|
<p style="margin:10px">Javascript is disabled in your browser. Page functionality requires Javascript in order to work properly.</p>
|
||
|
|
</noscript>
|
||
|
|
<div class="view-container" style="margin:20px">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-2"></div>
|
||
|
|
<div class="col-md-8" ng-view>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-2"></div>
|
||
|
|
</div>
|
||
|
|
<hr id="hr_show">
|
||
|
|
<div class="text-center copyright">© <span style="font-weight:bold;color:#00A375">HERDT</span> 2016</div></p
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|