Commit 0d5211b6f4e05552813c92abe973880f35a8cc77

Authored by Miguel Barão
1 parent 54f51eca
Exists in master and in 1 other branch dev

update templates

- changes card-header
- changes radio and checkbox sizes
perguntations/static/js/admin.js
@@ -75,7 +75,6 @@ $(document).ready(function() { @@ -75,7 +75,6 @@ $(document).ready(function() {
75 data: {"cmd": "test", "value": ""}, 75 data: {"cmd": "test", "value": ""},
76 dataType: "json", 76 dataType: "json",
77 success: function(data) { 77 success: function(data) {
78 - // fill jumbotron data  
79 $("#title").html(data['data']['title']); 78 $("#title").html(data['data']['title']);
80 $("#ref").html(data['data']['ref']); 79 $("#ref").html(data['data']['ref']);
81 $("#filename").html(data['data']['filename']); 80 $("#filename").html(data['data']['filename']);
perguntations/templates/question-checkbox.html
@@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
8 <a class="list-group-item"> 8 <a class="list-group-item">
9 <div class="d-flex flex-row"> 9 <div class="d-flex flex-row">
10 <div class="p-2"> 10 <div class="p-2">
11 - <input type="checkbox" id="{{i}}:{{n}}" name="{{i}}" value="{{n}}" autocomplete="off"> 11 + <input type="checkbox" class="form-check-input" id="{{i}}:{{n}}" name="{{i}}" value="{{n}}" autocomplete="off">
12 </div> 12 </div>
13 <div class="p-2"> 13 <div class="p-2">
14 <label for="{{i}}:{{n}}">{{ md(opt) }}</label> 14 <label for="{{i}}:{{n}}">{{ md(opt) }}</label>
perguntations/templates/question-radio.html
@@ -3,19 +3,19 @@ @@ -3,19 +3,19 @@
3 3
4 {% block answer %} 4 {% block answer %}
5 <fieldset data-role="controlgroup"> 5 <fieldset data-role="controlgroup">
6 - <div class="list-group"> 6 + <div class="list-group">
7 {% for n, opt in enumerate(q['options']) %} 7 {% for n, opt in enumerate(q['options']) %}
8 - <a class="list-group-item">  
9 - <div class="d-flex flex-row">  
10 - <div class="p-2">  
11 - <input type="radio" id="{{i}}:{{n}}" name="{{i}}" value="{{n}}" autocomplete="off">  
12 - </div>  
13 - <div class="p-2">  
14 - <label for="{{i}}:{{n}}">{{ md(opt) }}</label>  
15 - </div>  
16 - </div>  
17 - </a> 8 + <a class="list-group-item">
  9 + <div class="d-flex flex-row">
  10 + <div class="p-2">
  11 + <input type="radio" class="form-check-input" id="{{i}}:{{n}}" name="{{i}}" value="{{n}}" autocomplete="off">
  12 + </div>
  13 + <div class="p-2">
  14 + <label for="{{i}}:{{n}}">{{ md(opt) }}</label>
  15 + </div>
  16 + </div>
  17 + </a>
18 {% end %} 18 {% end %}
19 - </div> 19 + </div>
20 </fieldset> 20 </fieldset>
21 {% end %} 21 {% end %}
perguntations/templates/question.html
@@ -2,13 +2,15 @@ @@ -2,13 +2,15 @@
2 2
3 {% block question %} 3 {% block question %}
4 <div class="card border-dark"> 4 <div class="card border-dark">
5 - <h5 class="card-header text-white bg-dark">  
6 - {{ q['number'] }}. {{ q['title'] }} 5 + <div class="card-header text-white bg-dark">
  6 + <strong>
  7 + {{ q['number'] }}. {{ q['title'] }}
  8 + </strong>
7 <div class="float-end"> 9 <div class="float-end">
8 - <small>Classificar&nbsp;</small>  
9 - <input type="checkbox" class="question_disabler" data-size="mini" name="answered-{{i}}" id="answered-{{i}}" checked=""> 10 + Classificar&nbsp;
  11 + <input type="checkbox" class="question_disabler form-check-input" name="answered-{{i}}" id="answered-{{i}}" checked="">
10 </div> 12 </div>
11 - </h5> 13 + </div>
12 <div class="card-body bg-light"> 14 <div class="card-body bg-light">
13 <div id="text"> 15 <div id="text">
14 {{ md(q['text']) }} 16 {{ md(q['text']) }}
perguntations/templates/review-question-checkbox.html
@@ -9,7 +9,7 @@ @@ -9,7 +9,7 @@
9 <div class="d-flex flex-row"> 9 <div class="d-flex flex-row">
10 {% if q['answer'] is not None and str(n) in q['answer'] %} 10 {% if q['answer'] is not None and str(n) in q['answer'] %}
11 <div class="p-2"> 11 <div class="p-2">
12 - <i class="bi bi-check-square"></i> 12 + <i class="bi bi-check-square-fill"></i>
13 </div> 13 </div>
14 <div class="p-2"> 14 <div class="p-2">
15 {{ md(opt) }} 15 {{ md(opt) }}
perguntations/templates/review-question.html
@@ -4,13 +4,15 @@ @@ -4,13 +4,15 @@
4 {% if q['answer'] is not None %} 4 {% if q['answer'] is not None %}
5 5
6 <div class="card border-dark"> 6 <div class="card border-dark">
7 - <h5 class="card-header text-light bg-dark"> 7 + <div class="card-header text-light bg-dark">
  8 + <strong>
8 {{ q['number'] }}. {{ q['title'] }} 9 {{ q['number'] }}. {{ q['title'] }}
  10 + </strong>
9 <div class="float-end"> 11 <div class="float-end">
10 - <small>Classificar&nbsp;</small> 12 + Classificar&nbsp;
11 <i class="bi bi-check-square"></i> 13 <i class="bi bi-check-square"></i>
12 </div> 14 </div>
13 - </h5> <!-- card-header --> 15 + </div> <!-- card-header -->
14 16
15 <div class="card-body"> 17 <div class="card-body">
16 <div id="text"> 18 <div id="text">
@@ -74,13 +76,15 @@ @@ -74,13 +76,15 @@
74 {% else %} 76 {% else %}
75 77
76 <div class="card border-secondary"> 78 <div class="card border-secondary">
77 - <h5 class="card-header text-secondary bg-light"> 79 + <div class="card-header text-secondary bg-light">
  80 + <strong>
78 {{ q['number'] }}. {{ q['title'] }} 81 {{ q['number'] }}. {{ q['title'] }}
  82 + </strong>
79 <div class="float-end"> 83 <div class="float-end">
80 - <small>Classificar</small> 84 + Classificar&nbsp;
81 <i class="bi bi-square"></i> 85 <i class="bi bi-square"></i>
82 </div> 86 </div>
83 - </h5> <!-- card-header --> 87 + </div> <!-- card-header -->
84 88
85 <div class="card-body text-secondary bg-light"> 89 <div class="card-body text-secondary bg-light">
86 <p id="text"> 90 <p id="text">