<!--
/**
 * /resulttest.html
 * @version 1.1
 * @desc View and analyse results
 * @author Fándly Gergő Zoltán (gergo@systemtest.tk, systemtest.tk)
 * @copy 2017 Fándly Gergő Zoltán
 * License:
    sQuiz for creating small jQuery based quizs in an implementable way
    Copyright (C) 2017  Fándly Gergő Zoltán

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
 **/
 -->

<button id="back" type="button" onclick="window.history.back()"><i class="fa fa-arrow-left" aria-hidden="true"></i> {{back}}</button>
<button type="button" onclick="screenfull.toggle()"><i class="fa fa-expand"></i></button>
<br>
<br>
<div id="menuwrapper">
    <hr class="placeholder" style="height: 20vh">
    <div id="menu" class="menu">
        <button type="button" class="big" onclick="resultFromFile()">{{uploadResult}}</button>
        <button type="button" class="big" onclick="resultFromId()">{{resultById}}</button>
    </div>
</div>
<div id="resFromFile" class="container center" style="display: none">
    <input type="file" name="resfile" accept="text/json">
    <br>
    <button type="button" onclick="openResultFromFile()">{{ok}}</button>
</div>
<div id="resFromId" class="container center" style="display: none">
    <input type="number" min="1" name="testid">
    <br>
    <button type="button" onclick="openResultFromId()">{{ok}}</button>
</div>
<div id="analitycs" style="display: none">
    <h2>{{quizdata}}:</h2>
    <div class="indented">
        <p>{{name}}: <b><span id="quizName"></span></b></p>
        <p>{{desc}}: <b><span id="quizDesc"></span></b></p>
        <p>{{doneAtDate}}: <b><span id="quizDone"></span></b></p>
        <p>{{doneIn}}: <b><span id="quizTimeSpent"></span></b></p>
        <p id="quizDoneByHolder">{{doneBy}}: <b><span id="quizDoneBy"></span></b></p>
    </div>
    <hr class="placeholder">
    <h2>{{charts}}</h2>
    <div class="flexcontainer">
        <canvas id="chartCorrect" style="width: 20em; height: 20em"></canvas>
        <canvas id="chartAnswers" style="width: 50em; height: 20em"></canvas>
        <canvas id="chartTimeSpent" style="width: 50em; height: 20em"></canvas>
        <canvas id="chartTimeSpentPie" style="width: 20em; height: 20em"></canvas>
    </div>
</div>
