update html templates to latest bootstrap5

replace fontawesome by bootstrap-icons cosmetic changes

update html templates to latest bootstrap5
replace fontawesome by bootstrap-icons cosmetic changes
Miguel Barão
1 parent 1fa9c011
Showing 8 changed files with 160 additions and 121 deletions Show diff stats
perguntations/static/fontawesome-free
perguntations/templates/grade.html
perguntations/templates/question.html
perguntations/templates/review-question-checkbox.html
perguntations/templates/review-question-radio.html
perguntations/templates/review-question.html
perguntations/templates/review.html
perguntations/templates/test.html
@@ -1 +0,0 @@
-../../node_modules/@fortawesome/fontawesome-free/
 \ No newline at end of file
@@ -33,13 +33,14 @@
       <ul class="nav navbar-nav mx-auto">
         <li class="nav-item">
-          <span class="navbar-text">{{ t['title'] }}</span>
+          <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>
@@ -49,22 +50,56 @@
   </div>
 </nav>
 <!-- ================================================================== -->
-  <div class="container">
-    <div class="bg-light p-3">
+<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' %}
-        <h3>Nota: <strong>{{ f'{round(t["grade"], 3)}' }}</strong> valores</h3>
+        <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' %}
-        <h3>A prova foi submetida com sucesso. Vai ser corrigida mais tarde.</h3>
+        A prova foi submetida com sucesso. Vai ser corrigida mais tarde.
       {% elif t['state'] == 'QUIT' %}
-        <h3>Foi registada a sua desistência da prova.</h3>
+        Foi registada a sua desistência da prova.
       {% end %}
-
-      <p>
-        <a href="/logout" class="btn btn-primary btn-lg active" role="button">
-          Sair
-        </a>
-      </p>
-    </div> <!-- panel -->
-  </div> <!-- container -->
+    </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>
@@ -4,7 +4,7 @@
 <div class="card border-dark">
   <h5 class="card-header text-white bg-dark">
     {{ q['number'] }}.  {{ q['title'] }}
-    <div class="float-right">
+    <div class="float-end">
       <small>Classificar&nbsp;</small>
       <input type="checkbox" class="question_disabler" data-size="mini" name="answered-{{i}}" id="answered-{{i}}" checked="">
     </div>
@@ -16,7 +16,7 @@
     {% block answer %}{% end %}
-    <p class="text-right">
+    <p class="text-end">
       <small>
         {% if q['type'] == 'radio' %}
           (Cotação: {{ -round(q['points']/(len(q['options'])-1), 2) }} a {{ round(q['points'], 2) }} pontos)
@@ -15,13 +15,13 @@
           {{ md(opt) }}
         </div>
         <div class="ms-auto p-2">
-          <div class="text-end">
+          <h3>
             {% if q['correct'][n] > 0 %}
-                <i class="bi bi-check-lg text-success"></i>
+              <i class="bi bi-check-lg text-success"></i>
             {% else %}
-                <i class="bi bi-x-lg text-danger"></i>
+              <i class="bi bi-x-lg text-danger"></i>
             {% end %}
-          </div>
+          </h3>
         </div>
       {% else %}
@@ -32,13 +32,13 @@
             {{ md(opt) }}
         </div>
         <div class="ms-auto p-2">
-          <div class="text-end">
-            {% if q['correct'][n] > 0 %}
+          <h3>
+              {% if q['correct'][n] > 0 %}
               <i class="bi bi-x-lg text-danger"></i>
-            {% else %}
+              {% else %}
               <i class="bi bi-check-lg text-success"></i>
-            {% end %}
-          </div>
+              {% end %}
+          </h3>
         </div>
       {% end %}
       </div>
@@ -9,17 +9,19 @@
             <div class="d-flex flex-row">
             {% if q['answer'] is not None and str(n)==q['answer'] %}
                 <div class="p-2">
-                    <i class="bi bi-record-circle"></i>
+                    <i class="bi bi-record-circle-fill"></i>
                 </div>
                 <div class="p-2">
                     {{ md(opt) }}
                 </div>
                 <div class="ms-auto p-2">
+                    <h3>
                     {% if q['correct'][n] > 0 %}
                       <i class="bi bi-check-lg text-success"></i>
                     {% else %}
                       <i class="bi bi-x-lg text-danger"></i>
                     {% end %}
+                    </h3>
                 </div>
             {% else %}
@@ -31,7 +33,9 @@
                 </div>
                 <div class="ms-auto p-2">
                     {% if q['correct'][n] > 0 %}
+                    <h3>
                         <i class="bi bi-arrow-left text-info"></i>
+                    </h3>
                     {% end %}
                 </div>
             {% end %}
@@ -3,12 +3,12 @@
 {% block question %}
   {% if q['answer'] is not None %}
-    <div class="card border-dark mb-3">
-      <h5 class="card-header text-white bg-dark">
+    <div class="card border-dark">
+      <h5 class="card-header text-light bg-dark">
         {{ q['number'] }}.  {{ q['title'] }}
         <div class="float-end">
-          <small>Classificada&nbsp;</small>
-          <i class="bi bi-toggle2-on"></i>
+          <small>Classificar&nbsp;</small>
+          <i class="bi bi-check-square"></i>
         </div>
       </h5> <!-- card-header -->
@@ -19,7 +19,7 @@
         {% block answer %}{% end %}
-        <p class="text-right">
+        <p class="text-end">
           <small>
             {% if q['type'] == 'radio' %}
               (Cotação: {{ -round(q['points']/(len(q['options'])-1), 2) }} a {{ round(q['points'], 2) }} pontos)
@@ -35,7 +35,7 @@
       {% if 'grade' in q %}
         <div class="card-footer">
           {% if q['grade'] > 0.999 %}
-            <h1 class="text-success"><i class="bi bi-hand-thumbs-up"></i></h1>
+            <h1 class="text-success"><i class="bi bi-hand-thumbs-up-fill"></i></h1>
             <p class="text-success">
               {{ round(q['grade'] * q['points'], 2) }} pontos
             </p>
@@ -73,12 +73,12 @@
   {% else %}
-    <div class="card border-secondary mb-3">
-      <h5 class="card-header text-white bg-secondary">
+    <div class="card border-secondary">
+      <h5 class="card-header text-secondary bg-light">
         {{ q['number'] }}.  {{ q['title'] }}
         <div class="float-end">
-          <small>Não classificada</small>
-          <i class="bi bi-toggle2-off"></i>
+          <small>Classificar</small>
+          <i class="bi bi-square"></i>
         </div>
       </h5> <!-- card-header -->
@@ -89,14 +89,14 @@
         {% block answer %}{% end %}
-        <p class="text-right">
+        <p class="text-end">
           <small>
             (Cotação: {{ round(q['points'], 2) }})
           </small>
         </p>
       </div> <!-- card-body -->
-      <div class="card-footer">
+      <div class="card-footer text-secondary">
         {{ md(q['comments']) }}
         {% if q['solution'] %}
           {{ md('**Solução:** \n\n' + q['solution']) }}
 <!DOCTYPE html>
 <html lang="pt-PT">
 <head>
-  <title>Teste</title>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+  <title>Revisão de prova</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <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/github.css">  <!-- syntax highlight -->
+  <link rel="stylesheet" type="text/css" href="/static/css/test.css">
+
 <!-- MathJax3 -->
   <script>
   MathJax = {
@@ -16,15 +23,7 @@
     }
   };
   </script>
-  <script type="text/javascript" id="MathJax-script" async
-    src="/static/mathjax/es5/tex-svg.js">
-  </script>
-
-<!-- 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/github.css">  <!-- syntax highlight -->
-  <link rel="stylesheet" type="text/css" href="/static/css/test.css">
+  <script async type="text/javascript" id="MathJax-script" src="/static/mathjax/es5/tex-svg.js"></script>
 <!-- Scripts -->
   <script src="/static/jquery/jquery.min.js"></script>
@@ -56,6 +55,7 @@
       <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>
@@ -67,50 +67,53 @@
 <!-- ===================================================================== -->
 <div class="container">
-  <div class="bg-light p-3">
-    <h1 class="display-5">{{ t['title'] }}</h1>
-    <hr>
-    <div class="row">
-      <label for="nome" class="col-sm-2">Nome:</label>
-      <div class="col-sm-9" id="nome">{{ escape(name) }}</div>
-    </div>
-    <div class="row">
-      <label for="numero" class="col-sm-2">Número:</label>
-      <div class="col-sm-9" id="numero">{{ escape(uid) }}</div>
-    </div>
-    <div class="row">
-      <label for="duracao" class="col-sm-2">Duração:</label>
-      <div class="col-sm-10" id="duracao">
-        {{ str(t.get('duration', 0)) + ' minutos' if t.get('duration', 0) > 0 else '+'+chr(8734) }}
+  <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>
-    <div class="row">
-      <label for="inicio" class="col-sm-2">Início:</label>
-      <div class="col-sm-10" id="inicio">{{t['start_time'][:19]}}</div>
-    </div>
-    <div class="row">
-      <label for="fim" class="col-sm-2">Fim:</label>
-      <div class="col-sm-10" id="fim">{{t['finish_time'][:19]}}</div>
-    </div>
-    <div class="row">
-      <label for="nota" class="col-sm-2">Nota:</label>
-      <div class="col-sm-10" id="nota">
-        {% if t['state'] == 'CORRECTED' %}
-          <strong>{{ round(t['grade'], 2) }}</strong> valores
-        {% elif t['state'] == 'SUBMITTED' %}
-          (não corrigido)
-        {% elif t['state'] == 'QUIT' %}
-          (DESISTIU)
-        {% end %}
+      <div class="row">
+        <label for="numero" class="col-3">Número:</label>
+        <div class="col-9" id="numero">{{ escape(uid) }}</div>
       </div>
-    </div>
-    {% if t['comment'] != '' %}
       <div class="row">
-        <label for="comentario" class="col-sm-2">Comentário:</label>
-        <div class="col-sm-10" id="comentario">{{ t['comment'] }}</div>
+        <label for="duracao" class="col-3">Duração:</label>
+        <div class="col-9" id="duracao">
+          {{ str(t.get('duration', 0)) + ' minutos' if t.get('duration', 0) > 0 else 'sem limite' }}
+        </div>
       </div>
-    {% end %}
-  </div>
+      <div class="row">
+        <label for="inicio" class="col-3">Início:</label>
+        <div class="col-9" id="inicio">{{t['start_time'][:19]}}</div>
+      </div>
+      <div class="row">
+        <label for="fim" class="col-3">Fim:</label>
+        <div class="col-9" id="fim">{{t['finish_time'][:19]}}</div>
+      </div>
+    </div> <!-- card-body -->
+    <div class="card-footer">
+      <div class="row">
+        <label for="nota" class="col-3">Nota:</label>
+        <div class="col-9" id="nota">
+          {% if t['state'] == 'CORRECTED' %}
+            <strong>{{ round(t['grade'], 2) }}</strong> valores
+          {% elif t['state'] == 'SUBMITTED' %}
+            (não corrigido)
+          {% elif t['state'] == 'QUIT' %}
+            (DESISTIU)
+          {% end %}
+        </div>
+      </div>
+      {% if t['comment'] != '' %}
+        <div class="row">
+          <label for="comentario" class="col-3">Comentário:</label>
+          <div class="col-9" id="comentario">{{ t['comment'] }}</div>
+        </div>
+      {% end %}
+    </div> <!-- card-footer -->
+  </div> <!-- card -->
   {% for i, q in enumerate(t['questions']) %}
     {% module Template(templ[q['type']], i=i, q=q, md=md(q['ref']), t=t, debug=debug) %}
@@ -8,6 +8,7 @@
 <!-- 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/codemirror/lib/codemirror.css">
   <link rel="stylesheet" type="text/css" href="/static/codemirror/theme/darcula.css">
   <link rel="stylesheet" type="text/css" href="/static/css/github.css">  <!-- syntax highlight -->
@@ -61,16 +62,15 @@
       </ul>
       <ul class="nav navbar-nav mx-auto">
-        <li class="nav-item"><h5>
-          <span class="navbar-text" id="clock"> --:-- </span>
-          </h5>
-
+        <li class="nav-item">
+          <h5> <span class="navbar-text" id="clock"> --:-- </span> </h5>
         </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>
@@ -82,25 +82,25 @@
 <!-- ===================================================================== -->
 <div class="container">
-
-  <div class="bg-light p-3">
-    <h3 class="display-5">{{ t['title'] }}</h3>
-    <hr>
-    <div class="row">
-      <label for="nome" class="col-sm-3">Nome:</label>
-      <div class="col-sm-9" id="nome">{{ escape(name) }}</div>
-    </div>
-    <div class="row">
-      <label for="numero" class="col-sm-3">Número:</label>
-      <div class="col-sm-9" id="numero">{{ escape(uid) }}</div>
-    </div>
-    <div class="row">
-      <label for="duracao" class="col-sm-3">Duração:</label>
-      <div class="col-sm-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-sm-3">Submissão:</label>
-      <div class="col-sm-9" id="submissao">{{ 'automática no fim do tempo' if t['autosubmit'] else 'manual' }}</div>
+  <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' }}</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>
   </div>
@@ -111,12 +111,10 @@
       {% module Template(templ[q['type']], i=i, q=q, md=md(q['ref']), debug=debug) %}
     {% end %}
-    <div class="form-row">
-      <div class="col-12">
-        <button type="button" class="btn btn-success btn-lg btn-block" data-bs-toggle="modal" data-bs-target="#confirmar" id="form-button-submit">
-          Submeter teste
-        </button>
-      </div>
+    <div class="d-grid gap-2">
+      <button type="button" class="btn btn-success btn-lg btn-block" data-bs-toggle="modal" data-bs-target="#confirmar" id="form-button-submit">
+        Submeter teste
+      </button>
     </div>
   </form>
   <hr>
	@@ -1 +0,0 @@		@@ -1 +0,0 @@
1	-../../node_modules/@fortawesome/fontawesome-free/
2	\ No newline at end of file	0	\ No newline at end of file
	@@ -33,13 +33,14 @@		@@ -33,13 +33,14 @@
33		33
34	<ul class="nav navbar-nav mx-auto">	34	<ul class="nav navbar-nav mx-auto">
35	<li class="nav-item">	35	<li class="nav-item">
36	- <span class="navbar-text">{{ t['title'] }}</span>	36	+ <span class="navbar-text">Resultado</span>
37	</li>	37	</li>
38	</ul>	38	</ul>
39		39
40	<ul class="nav navbar-nav">	40	<ul class="nav navbar-nav">
41	<li class="nav-item">	41	<li class="nav-item">
42	<span class="navbar-text">	42	<span class="navbar-text">
		43	+ <i class="bi bi-person-fill"></i>
43	<span id="name">{{ escape(name) }}</span>	44	<span id="name">{{ escape(name) }}</span>
44	(<span id="number">{{ escape(uid) }}</span>)	45	(<span id="number">{{ escape(uid) }}</span>)
45	</span>	46	</span>
	@@ -49,22 +50,56 @@		@@ -49,22 +50,56 @@
49	</div>	50	</div>
50	</nav>	51	</nav>
51	<!-- ================================================================== -->	52	<!-- ================================================================== -->
52	- <div class="container">
53	- <div class="bg-light p-3">	53	+<div class="container">
		54	+ <div class="card">
		55	+ <h5 class="card-header">{{ t['title'] }}</h5>
		56	+ <div class="card-body">
		57	+ <div class="row">
		58	+ <label for="nome" class="col-3">Nome:</label>
		59	+ <div class="col-9" id="nome">{{ escape(name) }}</div>
		60	+ </div>
		61	+ <div class="row">
		62	+ <label for="numero" class="col-3">Número:</label>
		63	+ <div class="col-9" id="numero">{{ escape(uid) }}</div>
		64	+ </div>
		65	+ <div class="row">
		66	+ <label for="duracao" class="col-3">Duração:</label>
		67	+ <div class="col-9" id="duracao">{{ str(t['duration'])+' minutos' if t['duration'] > 0 else 'sem limite de tempo' }}</div>
		68	+ </div>
		69	+ <div class="row">
		70	+ <label for="submissao" class="col-3">Submissão:</label>
		71	+ <div class="col-9" id="submissao">{{ 'automática no fim do tempo' if t['autosubmit'] else 'manual' }}</div>
		72	+ </div>
		73	+ <div class="row">
		74	+ <label for="start_time" class="col-3">Início:</label>
		75	+ <div class="col-9 font-monospace" id="start_time">{{ t['start_time'] }}</div>
		76	+ </div>
		77	+ <div class="row">
		78	+ <label for="finish_time" class="col-3">Fim:</label>
		79	+ <div class="col-9 font-monospace" id="finish_time">{{ t['finish_time'] }}</div>
		80	+ </div>
		81	+ </div>
		82	+ <div class="card-footer">
54	{% if t['state'] == 'CORRECTED' %}	83	{% if t['state'] == 'CORRECTED' %}
55	- <h3>Nota: <strong>{{ f'{round(t["grade"], 3)}' }}</strong> valores</h3>	84	+ <div class="row">
		85	+ <label for="nota" class="col-3">Nota:</label>
		86	+ <div class="col-9" id="nota">
		87	+ <strong>{{ f'{round(t["grade"], 3)}' }}</strong> valores
		88	+ </div>
		89	+ </div>
56	{% elif t['state'] == 'SUBMITTED' %}	90	{% elif t['state'] == 'SUBMITTED' %}
57	- <h3>A prova foi submetida com sucesso. Vai ser corrigida mais tarde.</h3>	91	+ A prova foi submetida com sucesso. Vai ser corrigida mais tarde.
58	{% elif t['state'] == 'QUIT' %}	92	{% elif t['state'] == 'QUIT' %}
59	- <h3>Foi registada a sua desistência da prova.</h3>	93	+ Foi registada a sua desistência da prova.
60	{% end %}	94	{% end %}
61	-
62	- <p>
63	- <a href="/logout" class="btn btn-primary btn-lg active" role="button">
64	- Sair
65	- </a>
66	- </p>
67	- </div> <!-- panel -->
68	- </div> <!-- container -->	95	+ </div>
		96	+ </div> <!-- card -->
		97	+ <div class="d-grid gap-2">
		98	+ <a href="/logout" class="btn btn-primary btn-lg active" role="button">
		99	+ Sair do teste
		100	+ </a>
		101	+ <!-- <button class="btn btn-primary" type="button">Button</button> -->
		102	+ </div>
		103	+</div> <!-- container -->
69	</body>	104	</body>
70	</html>	105	</html>
	@@ -4,7 +4,7 @@		@@ -4,7 +4,7 @@
4	<div class="card border-dark">	4	<div class="card border-dark">
5	<h5 class="card-header text-white bg-dark">	5	<h5 class="card-header text-white bg-dark">
6	{{ q['number'] }}. {{ q['title'] }}	6	{{ q['number'] }}. {{ q['title'] }}
7	- <div class="float-right">	7	+ <div class="float-end">
8	<small>Classificar </small>	8	<small>Classificar </small>
9	<input type="checkbox" class="question_disabler" data-size="mini" name="answered-{{i}}" id="answered-{{i}}" checked="">	9	<input type="checkbox" class="question_disabler" data-size="mini" name="answered-{{i}}" id="answered-{{i}}" checked="">
10	</div>	10	</div>
	@@ -16,7 +16,7 @@		@@ -16,7 +16,7 @@
16		16
17	{% block answer %}{% end %}	17	{% block answer %}{% end %}
18		18
19	- <p class="text-right">	19	+ <p class="text-end">
20	<small>	20	<small>
21	{% if q['type'] == 'radio' %}	21	{% if q['type'] == 'radio' %}
22	(Cotação: {{ -round(q['points']/(len(q['options'])-1), 2) }} a {{ round(q['points'], 2) }} pontos)	22	(Cotação: {{ -round(q['points']/(len(q['options'])-1), 2) }} a {{ round(q['points'], 2) }} pontos)