grade.html 3.91 KB
<!doctype html>
<html lang="pt-PT">
<head>
  <title>Prova de avaliação</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="icon" href="/static/favicon.ico">

  <!-- Styles -->
  <link rel="stylesheet" type="text/css" href="/static/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="/static/bootstrap-icons/font/bootstrap-icons.css">
  <link rel="stylesheet" type="text/css" href="/static/css/test.css">

  <!-- Scripts -->
  <script defer src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
</head>
 <!-- ================================================================= -->
<body>
 <!-- ================================================================= -->
<nav class="navbar navbar-expand-sm fixed-top navbar-dark bg-dark">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">
      <img src="/static/logo_horizontal.png" height="30" alt="">
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarText">
      <ul class="nav navbar-nav">
        <li class="nav-item"></li>
      </ul>

      <ul class="nav navbar-nav mx-auto">
        <li class="nav-item">
          <span class="navbar-text">Resultado</span>
        </li>
      </ul>

      <ul class="nav navbar-nav">
        <li class="nav-item">
          <span class="navbar-text">
            <i class="bi bi-person-fill"></i>
            <span id="name">{{ escape(name) }}</span>
            (<span id="number">{{ escape(uid) }}</span>)
          </span>
        </li>
      </ul>
    </div>
  </div>
</nav>
<!-- ================================================================== -->
<div class="container">
  <div class="card">
    <h5 class="card-header">{{ t['title'] }}</h5>
    <div class="card-body">
      <div class="row">
        <label for="nome" class="col-3">Nome:</label>
        <div class="col-9" id="nome">{{ escape(name) }}</div>
      </div>
      <div class="row">
        <label for="numero" class="col-3">Número:</label>
        <div class="col-9" id="numero">{{ escape(uid) }}</div>
      </div>
      <div class="row">
        <label for="duracao" class="col-3">Duração:</label>
        <div class="col-9" id="duracao">{{ str(t['duration'])+' minutos' if t['duration'] > 0 else 'sem limite de tempo' }}</div>
      </div>
      <div class="row">
        <label for="submissao" class="col-3">Submissão:</label>
        <div class="col-9" id="submissao">{{ 'automática no fim do tempo' if t['autosubmit'] else 'manual' }}</div>
      </div>
      <div class="row">
        <label for="start_time" class="col-3">Início:</label>
        <div class="col-9 font-monospace" id="start_time">{{ t['start_time'] }}</div>
      </div>
      <div class="row">
        <label for="finish_time" class="col-3">Fim:</label>
        <div class="col-9 font-monospace" id="finish_time">{{ t['finish_time'] }}</div>
      </div>
    </div>
    <div class="card-footer">
      {% if t['state'] == 'CORRECTED' %}
        <div class="row">
          <label for="nota" class="col-3">Nota:</label>
          <div class="col-9" id="nota">
            <strong>{{ f'{round(t["grade"], 3)}' }}</strong> valores
          </div>
        </div>
      {% elif t['state'] == 'SUBMITTED' %}
        A prova foi submetida com sucesso. Vai ser corrigida mais tarde.
      {% elif t['state'] == 'QUIT' %}
        Foi registada a sua desistência da prova.
      {% end %}
    </div>
  </div> <!-- card -->
  <div class="d-grid gap-2">
    <a href="/logout" class="btn btn-primary btn-lg active" role="button">
      Sair do teste
    </a>
    <!-- <button class="btn btn-primary" type="button">Button</button> -->
  </div>
</div> <!-- container -->
</body>
</html>