- progress bar under the menu shows the remaining time.

- update BUGS.md - add example of random choice of questions in demo.yaml - update .gitignore - remove package-lock.json from git repository

- progress bar under the menu shows the remaining time.
- update BUGS.md - add example of random choice of questions in demo.yaml - update .gitignore - remove package-lock.json from git repository
Miguel Barão
1 parent 8bc0b519
Showing 5 changed files with 39 additions and 11 deletions Show diff stats
BUGS.md
demo/demo.yaml
demo/questions/questions-tutorial.yaml
perguntations/__init__.py
perguntations/templates/test.html
@@ -5,7 +5,6 @@
 - servidor ntpd para configurar a data/hora dos portateis dell
 - link na pagina com a nota para voltar ao principio.
 - CRITICAL se answer for `i<n` a revisão de provas mostra apenas i (interpreta `<` como tag?)
-- sock.bind(sockaddr)  OSError: [Errno 48] Address already in use
 - na pagina grade.html as barras estao normalizadas para os limites scale_min e max do teste actual e nao do realizado.
 - codigo `hello   world` nao esta a preservar o whitespace. O renderer de markdown gera a tag <code> que não preserva whitespace. Necessario adicionar <pre>.
 - teste nao esta a mostrar imagens de vez em quando.
@@ -16,15 +15,14 @@
 - melhorar o botao de autorizar (desliga-se), usar antes um botao?
 e.g. retornar None quando nao ha alteracoes relativamente à última vez.
 ou usar push (websockets?)
-- lidar com eventos unfocus.
-- servidor nao esta a lidar com eventos scroll/resize. ignorar?
 - Test.reset_answers() unused.
 - mudar ref do test para test_id (ref já é usado nas perguntas)
 - incluir test_id na tabela questions (futuro semestre, pode quebrar compatibilidade).
-- na pagina admin, mostrar com cor vermelha as horas de entrada dos alunos que ja tenha excedido o tempo
+- na pagina admin, mostrar com cor vermelha as horas de entrada dos alunos que ja tenham excedido o tempo
 # TODO
+- mostrar unfocus e window area em /admin
 - testar as perguntas todas no início do teste.
 - test: mostrar duração do teste com progressbar no navbar.
 - submissao fazer um post ajax?
@@ -65,6 +63,9 @@ ou usar push (websockets?)
 # FIXED
+- lidar com eventos unfocus.
+- servidor nao esta a lidar com eventos resize.
+- sock.bind(sockaddr)  OSError: [Errno 48] Address already in use
 - dizer quanto desconta em cada pergunta de escolha multipla
 - se houver erros a abrir ficheiros .yaml de perguntas, depois dos testes diz "No errors found".
 - se faltarem files na especificação do teste, o check não detecta e factory não gera para essas perguntas.
@@ -64,9 +64,10 @@ questions:
   - tut-information
   - tut-success
   - tut-warning
-  - tut-alert
+  - [tut-alert1, tut-alert2]
   - tut-generator
+
 # test:
 #   - ref1
 #   - block: a
@@ -535,8 +535,24 @@
 # ----------------------------------------------------------------------------
 - type: alert
-  ref: tut-alert
-  title: Texto informativo (perigo)
+  ref: tut-alert1
+  title: Texto informativo (perigo) - versão 1
+  text: |
+    Não conta para avaliação. Texto importante.
+
+    ![planetas](planets.png "Planetas do Sistema Solar")
+
+    As imagens podem ser adicionadas usando a notação standard em markdown. Há
+    duas possibilidads:
+
+    - Imagens inline: não têm título definido e podem ser incluídas no meio de
+    uma linha de texto usando`![alt text](image.jpg)`.
+    - Imagens centradas com título: `![alt text](image.jpg "Título da imagem")`.
+    O título aprece por baixo da imagem. O título pode ser uma string vazia.
+
+- type: alert
+  ref: tut-alert2
+  title: Texto informativo (perigo) - versão 2
   text: |
     Não conta para avaliação. Texto importante.
@@ -555,7 +571,7 @@
   text: |
     This question is not included in the test and will not shown up.
     It also lacks a "ref" and is automatically named
-    `questions/questions-tutorial.yaml:0012`.
+    `questions/questions-tutorial.yaml:0013`.
     A warning is shown on the console about this.
     The number at the end is the index position of this question.
     Indices start at 0.
@@ -32,7 +32,7 @@ proof of submission and for review.
 '''
 APP_NAME = 'perguntations'
-APP_VERSION = '2020.04.dev4'
+APP_VERSION = '2020.04.dev5'
 APP_DESCRIPTION = __doc__
 __author__ = 'Miguel Barão'
@@ -44,8 +44,12 @@
 <!-- ===================================================================== -->
 <body>
 <!-- ===================================================================== -->
+<div class="progress fixed-top" style="height: 60px; border-radius: 0px;">
+  <div class="progress-bar bg-secondary" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
+</div>
 <nav id="navbar" class="navbar navbar-expand-sm fixed-top navbar-dark bg-dark">
+
   <a class="navbar-brand" href="#">
     <img src="/static/logo_horizontal.png" height="30" alt="">
   </a>
@@ -62,6 +66,7 @@
         <li class="nav-item"><h5>
           <span class="navbar-text" id="clock"> --:-- </span>
           </h5>
+
         </li>
     </ul>
@@ -76,6 +81,7 @@
         </li>
     </ul>
   </div>
+
 </nav>
 <!-- ===================================================================== -->
@@ -152,7 +158,8 @@
 </script>
 <script>
-  var finishtime = new Date().getTime() + {{ t['duration']*60*1000 }};
+  var duration = {{ t['duration']*60*1000 }}; // ms
+  var finishtime = new Date().getTime() + duration;
   {% if t['duration'] == 0 %}
     $("#clock").html("+\u221e");
@@ -161,7 +168,7 @@
     // Update the count down every 1 second
     var x = setInterval(function() {
       var now = new Date().getTime();
-      var distance = finishtime - now;
+      var distance = finishtime - now; // ms
       // Time calculations for days, hours, minutes and seconds
       var minutes = Math.floor((distance / (1000 * 60)));
@@ -180,6 +187,9 @@
           $("#test").submit();
         {% end %}
       }
+
+      var progress = distance/duration*100 + '%'
+      $('.progress-bar').css('width', progress).attr('aria-valuenow', progress);
     }, 1000);
   {% end %}
	@@ -535,8 +535,24 @@		@@ -535,8 +535,24 @@
535		535
536	# ----------------------------------------------------------------------------	536	# ----------------------------------------------------------------------------
537	- type: alert	537	- type: alert
538	- ref: tut-alert
539	- title: Texto informativo (perigo)	538	+ ref: tut-alert1
		539	+ title: Texto informativo (perigo) - versão 1
		540	+ text: \|
		541	+ Não conta para avaliação. Texto importante.
		542	+
		543	+ ![planetas](planets.png "Planetas do Sistema Solar")
		544	+
		545	+ As imagens podem ser adicionadas usando a notação standard em markdown. Há
		546	+ duas possibilidads:
		547	+
		548	+ - Imagens inline: não têm título definido e podem ser incluídas no meio de
		549	+ uma linha de texto usando`![alt text](image.jpg)`.
		550	+ - Imagens centradas com título: `![alt text](image.jpg "Título da imagem")`.
		551	+ O título aprece por baixo da imagem. O título pode ser uma string vazia.
		552	+
		553	+- type: alert
		554	+ ref: tut-alert2
		555	+ title: Texto informativo (perigo) - versão 2
540	text: \|	556	text: \|
541	Não conta para avaliação. Texto importante.	557	Não conta para avaliação. Texto importante.
542		558
	@@ -555,7 +571,7 @@		@@ -555,7 +571,7 @@
555	text: \|	571	text: \|
556	This question is not included in the test and will not shown up.	572	This question is not included in the test and will not shown up.
557	It also lacks a "ref" and is automatically named	573	It also lacks a "ref" and is automatically named
558	- `questions/questions-tutorial.yaml:0012`.	574	+ `questions/questions-tutorial.yaml:0013`.
559	A warning is shown on the console about this.	575	A warning is shown on the console about this.
560	The number at the end is the index position of this question.	576	The number at the end is the index position of this question.
561	Indices start at 0.	577	Indices start at 0.
	@@ -32,7 +32,7 @@ proof of submission and for review.		@@ -32,7 +32,7 @@ proof of submission and for review.
32	'''	32	'''
33		33
34	APP_NAME = 'perguntations'	34	APP_NAME = 'perguntations'
35	-APP_VERSION = '2020.04.dev4'	35	+APP_VERSION = '2020.04.dev5'
36	APP_DESCRIPTION = __doc__	36	APP_DESCRIPTION = __doc__
37		37
38	__author__ = 'Miguel Barão'	38	__author__ = 'Miguel Barão'