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"> |