| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html style="font-size: 16px;" lang="en"><head>
|
|---|
| 3 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|---|
| 4 | <meta charset="utf-8">
|
|---|
| 5 | <meta name="keywords" content="">
|
|---|
| 6 | <meta name="description" content="">
|
|---|
| 7 | <title>Top 5 Solvers Report</title>
|
|---|
| 8 | <link rel="stylesheet" href="temp.css" media="screen">
|
|---|
| 9 | <link rel="stylesheet" href="Result.css" media="screen">
|
|---|
| 10 | <link rel="stylesheet" href="styles.css" media="screen">
|
|---|
| 11 | <script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
|
|---|
| 12 | <script class="u-script" type="text/javascript" src="temp.js" defer=""></script>
|
|---|
| 13 | <meta name="generator" content="Nicepage 5.4.4, nicepage.com">
|
|---|
| 14 | <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
|
|---|
| 15 |
|
|---|
| 16 |
|
|---|
| 17 | <script type="application/ld+json">{
|
|---|
| 18 | "@context": "http://schema.org",
|
|---|
| 19 | "@type": "Organization",
|
|---|
| 20 | "name": "",
|
|---|
| 21 | "logo": "images/logo.png"
|
|---|
| 22 | }</script>
|
|---|
| 23 | <meta name="theme-color" content="#478ac9">
|
|---|
| 24 | <meta property="og:title" content="Result">
|
|---|
| 25 | <meta property="og:type" content="website">
|
|---|
| 26 | <meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
|
|---|
| 27 | <body class="u-body u-xl-mode" data-lang="en"><header class="u-clearfix u-header u-header" id="sec-2d07">
|
|---|
| 28 |
|
|---|
| 29 |
|
|---|
| 30 |
|
|---|
| 31 | <div th:insert="~{_layout :: header}"></div>
|
|---|
| 32 |
|
|---|
| 33 |
|
|---|
| 34 |
|
|---|
| 35 | </header>
|
|---|
| 36 | <section class="u-align-center-sm u-align-center-xs u-align-right-lg u-align-right-md u-align-right-xl u-clearfix u-palette-1-base u-section-1" id="sec-88e1" style="height: 250px">
|
|---|
| 37 | <div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
|
|---|
| 38 | <div class="u-bottom-left-radius-19 u-container-align-center u-container-style u-group u-palette-1-base u-shape-round u-top-left-radius-19 u-group-1" style="margin-top: 150px">
|
|---|
| 39 | <div class="u-container-layout u-valign-middle u-container-layout-1">
|
|---|
| 40 | <p class="u-align-center u-text u-text-default u-text-1" style="font-size: 3.25rem;">You scored: <span th:text="${result}"></span> points</p>
|
|---|
| 41 | </div>
|
|---|
| 42 |
|
|---|
| 43 | </div>
|
|---|
| 44 | </div>
|
|---|
| 45 | </section>
|
|---|
| 46 |
|
|---|
| 47 | <section class="u-align-center-sm u-align-center-xs u-align-right-lg u-align-right-md u-align-right-xl u-clearfix u-palette-1-base u-section-1" id="sec-88e2">
|
|---|
| 48 | <div class="u-clearfix u-sheet u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
|
|---|
| 49 | <div class="u-container-layout u-valign-middle u-container-layout-1">
|
|---|
| 50 | <div class="u-align-center u-text u-text-default u-text-1">
|
|---|
| 51 | <h2 style="margin-top: 100px; margin-bottom: 50px" class="u-container-layout u-valign-middle u-container-layout-1">Your Answers</h2>
|
|---|
| 52 | <table class="table table-bordered mt-3 reportTabeli">
|
|---|
| 53 | <thead class="thead-dark">
|
|---|
| 54 | <tr>
|
|---|
| 55 | <th scope="col">Question</th>
|
|---|
| 56 | <th scope="col">Selected Answer</th>
|
|---|
| 57 | <th scope="col">Correct Answer</th>
|
|---|
| 58 | </tr>
|
|---|
| 59 | </thead>
|
|---|
| 60 | <tbody>
|
|---|
| 61 | <tr th:each="question, iterStat1 : ${allQuestions}">
|
|---|
| 62 | <td style="font-size: 1.75rem;" th:text="${question.getQuestiontext()}"></td>
|
|---|
| 63 | <td style="font-size: 1.75rem; background-color: green" th:if="${iterStat1.index < #lists.size(selectedChoices) && selectedChoices[iterStat1.index].isIscorrect()}" th:text="${selectedChoices[iterStat1.index].getChoicetext()}"></td>
|
|---|
| 64 | <td style="font-size: 1.75rem; background-color: red" th:if="${iterStat1.index < #lists.size(selectedChoices) && !selectedChoices[iterStat1.index].isIscorrect()}" th:text="${selectedChoices[iterStat1.index].getChoicetext()}"></td>
|
|---|
| 65 | <td style="font-size: 1.75rem;" th:if="${iterStat1.index < #lists.size(correctChoices)}" th:text="${correctChoices[iterStat1.index].getChoicetext()}"></td>
|
|---|
| 66 | <td style="font-size: 1.75rem;" th:unless="${iterStat1.index < #lists.size(selectedChoices)}">No answer</td>
|
|---|
| 67 | </tr>
|
|---|
| 68 | </tbody>
|
|---|
| 69 | </table>
|
|---|
| 70 | </div>
|
|---|
| 71 | </div>
|
|---|
| 72 | </div>
|
|---|
| 73 | </section>
|
|---|
| 74 |
|
|---|
| 75 |
|
|---|
| 76 | <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-9625">
|
|---|
| 77 |
|
|---|
| 78 | <div th:insert="~{_layout :: footer}"></div>
|
|---|
| 79 |
|
|---|
| 80 | </footer>
|
|---|
| 81 | </body></html>
|
|---|
