Commit 0d5211b6f4e05552813c92abe973880f35a8cc77
1 parent
54f51eca
Exists in
master
and in
1 other branch
update templates
- changes card-header - changes radio and checkbox sizes
Showing
6 changed files
with
31 additions
and
26 deletions
Show diff stats
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 </small> | ||
9 | - <input type="checkbox" class="question_disabler" data-size="mini" name="answered-{{i}}" id="answered-{{i}}" checked=""> | 10 | + Classificar |
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 </small> | 12 | + Classificar |
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 |
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"> |