Miguel Barão / perguntations

Download as
Browse Code »

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
Showing 6 changed files with 31 additions and 26 deletions   Show diff stats
perguntations/static/js/admin.js
  Diff comments   View file @0d5211b
... ... @@ -75,7 +75,6 @@ $(document).ready(function() {
75 75 data: {"cmd": "test", "value": ""},
76 76 dataType: "json",
77 77 success: function(data) {
78   - // fill jumbotron data
79 78 $("#title").html(data['data']['title']);
80 79 $("#ref").html(data['data']['ref']);
81 80 $("#filename").html(data['data']['filename']);
... ...
perguntations/templates/question-checkbox.html
  Diff comments   View file @0d5211b
... ... @@ -8,7 +8,7 @@
8 8 <a class="list-group-item">
9 9 <div class="d-flex flex-row">
10 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 12 </div>
13 13 <div class="p-2">
14 14 <label for="{{i}}:{{n}}">{{ md(opt) }}</label>
... ...
perguntations/templates/question-radio.html
  Diff comments   View file @0d5211b
... ... @@ -3,19 +3,19 @@
3 3  
4 4 {% block answer %}
5 5 <fieldset data-role="controlgroup">
6   - <div class="list-group">
  6 + <div class="list-group">
7 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 18 {% end %}
19   - </div>
  19 + </div>
20 20 </fieldset>
21 21 {% end %}
... ...
perguntations/templates/question.html
  Diff comments   View file @0d5211b
... ... @@ -2,13 +2,15 @@
2 2  
3 3 {% block question %}
4 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 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 12 </div>
11   - </h5>
  13 + </div>
12 14 <div class="card-body bg-light">
13 15 <div id="text">
14 16 {{ md(q['text']) }}
... ...
perguntations/templates/review-question-checkbox.html
  Diff comments   View file @0d5211b
... ... @@ -9,7 +9,7 @@
9 9 <div class="d-flex flex-row">
10 10 {% if q['answer'] is not None and str(n) in q['answer'] %}
11 11 <div class="p-2">
12   - <i class="bi bi-check-square"></i>
  12 + <i class="bi bi-check-square-fill"></i>
13 13 </div>
14 14 <div class="p-2">
15 15 {{ md(opt) }}
... ...
perguntations/templates/review-question.html
  Diff comments   View file @0d5211b
... ... @@ -4,13 +4,15 @@
4 4 {% if q['answer'] is not None %}
5 5  
6 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 9 {{ q['number'] }}. {{ q['title'] }}
  10 + </strong>
9 11 <div class="float-end">
10   - <small>Classificar&nbsp;</small>
  12 + Classificar&nbsp;
11 13 <i class="bi bi-check-square"></i>
12 14 </div>
13   - </h5> <!-- card-header -->
  15 + </div> <!-- card-header -->
14 16  
15 17 <div class="card-body">
16 18 <div id="text">
... ... @@ -74,13 +76,15 @@
74 76 {% else %}
75 77  
76 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 81 {{ q['number'] }}. {{ q['title'] }}
  82 + </strong>
79 83 <div class="float-end">
80   - <small>Classificar</small>
  84 + Classificar&nbsp;
81 85 <i class="bi bi-square"></i>
82 86 </div>
83   - </h5> <!-- card-header -->
  87 + </div> <!-- card-header -->
84 88  
85 89 <div class="card-body text-secondary bg-light">
86 90 <p id="text">
... ...