experiment_statistics.html 4.39 KB
Newer Older
Timo Heikkilä's avatar
Timo Heikkilä committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
{% extends "base.html" %}
{% block content %}

<h1 class="container mt-5 display-4 text-left"><br>Experiment info:</h1>
<br>


{% for exp in experiment_info %}

<table class="table">
  <tbody>
    <tr>
      <td>Name:</td>
      <td>{{ exp.name }}</td>
    </tr>
    <tr>
      <td>ID:</td>
      <td>{{ exp.idexperiment }}</td>
    </tr>
    <tr>
      <td>Language:</td>
      <td>{{ exp.language }}</td>
    </tr>
    <tr>
      <td>Status:</td>
      <td>{{ exp.status }}</td>
    </tr>
    <tr>
      <td>Instructions:</td>
      <td>{{ exp.instruction }}</td>
    </tr>
    <tr>
      <td>Number of started ratings:</td>
      <td>{{ started_ratings }}</td>
    </tr>
    <tr>
      <td>Number of finished ratings:</td>
Timo Heikkilä's avatar
Timo Heikkilä committed
38
      <td>{{ finished_ratings }}</td>
Timo Heikkilä's avatar
Timo Heikkilä committed
39
40
41
42
43
44
45
46
47
48
    </tr>
    <tr>
    <td><a class="btn btn-primary btn-info" href="{{ url_for('download_csv', exp_id=exp.idexperiment) }}" role="button">Export results (csv)</a></td>
    <td></td>
    </tr>
  </tbody>
</table>

{% endfor %}

Timo Heikkilä's avatar
Timo Heikkilä committed
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<h1 class="container mt-5 display-4 text-left"><br>Rating task question headers:</h1>
<br>
<table class="table">
  <thead>
    <tr>
    <th scope="col" nowrap>Question ID:</td>
    <th scope="col" nowrap>Question:</th>
    <th scope="col" nowrap>Left scale</th>
    <th scope="col" nowrap>Right scale</th>
    </tr>
  </thead>
  <tbody>
    {% for q in question_headers %}    
    <tr>
    <td>{{ q.idquestion }}</td>
    <td>{{ q.question }}</td>
    <td>{{ q.left }}</td>
    <td>{{ q.right }}</td>
    </tr>
    {% endfor %}    
  </tbody>
</table>

<h1 class="container mt-5 display-4 text-left"><br>Rating task stimulus headers:</h1>
<br>
<table class="table">
  <thead>
    <tr>
Ossi Laine's avatar
Ossi Laine committed
77
78
79
80
    <th style="width:25%;%" scope="col" nowrap>Stimulus:</td>
    <th style="width:25%;%" scope="col" nowrap>Picture:</th>
    <th style="width:25%;%" scope="col" nowrap>Description:</th>
    <th style="width:25%;%" scope="col" nowrap></th>
Timo Heikkilä's avatar
Timo Heikkilä committed
81
82
83
84
    </tr>
  </thead>
  <tbody>
    {% for s in stimulus_headers %}    
Ossi Laine's avatar
Ossi Laine committed
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
      {% for embody_picture in embody_questions %}
        <tr>

          {% if s.type == 'text' %}
            <td>{{ s.text }}</td>
          {% else %}
            <td>{{ s.media }}</td>
          {% endif %}

          <td><img src="{{ embody_picture.picture }}" class="thumbnail" /></td>
          <td>{{ embody_picture.question }}</td>

          <td>
          <button data-value="{{ s.idpage }}-{{ embody_picture.idembody }}" class="btn btn-primary embody-get-drawing">
            <span class="spinner-border spinner-border-sm hidden"></span>
            Draw
          </button>
          </td>

        </tr>
      {% endfor %}    
Timo Heikkilä's avatar
Timo Heikkilä committed
106
107
108
109
    {% endfor %}    
  </tbody>
</table>

110

Ossi Laine's avatar
Ossi Laine committed
111
<div class="progress hidden" id="plotted-image">
112
113
114
115
  <div id="image-loading-progress" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
    <!-- Creating image... -->
  </div>
</div>
116
<img class="embody-image-container">
Timo Heikkilä's avatar
Timo Heikkilä committed
117
118
119


<h1 class="container mt-5 display-4 text-left"><br>Rating task values: (Stimulus ID/Question ID)</h1>
Timo Heikkilä's avatar
Timo Heikkilä committed
120
121
122
123
124
<br>


<table class="table">
  <thead>
Timo Heikkilä's avatar
Timo Heikkilä committed
125
      
Timo Heikkilä's avatar
Timo Heikkilä committed
126
    <tr>
Timo Heikkilä's avatar
Timo Heikkilä committed
127
     <th scope="col" nowrap>Participant ID:</th>
Timo Heikkilä's avatar
Timo Heikkilä committed
128
129
130
     {% for page in pages_and_questions %}
     
            {% for p in pages_and_questions[page] %}
Timo Heikkilä's avatar
Timo Heikkilä committed
131
             <th scope="col" nowrap>{{ p[0]}}/{{ p[1]}}</th>
Timo Heikkilä's avatar
Timo Heikkilä committed
132
133
134
135
136
137
138
139
140
141
            {% endfor %}

     {% endfor %}
    </tr>
  </thead>
  <tbody>
    {% for participant in participants_and_answers %}    
    <tr>
        <td>{{ participant }}</td>
        {% for answer in participants_and_answers[participant] %}
Timo Heikkilä's avatar
Timo Heikkilä committed
142
            <td>{{ answer[3] }}</td>
Timo Heikkilä's avatar
Timo Heikkilä committed
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
        {% endfor %}
    </tr>
    {% endfor %}
  </tbody>
</table>

<h1 class="container mt-5 display-4 text-left"><br>Background question answers:</h1>
<br>

<table class="table">
  <thead>
    <tr>
     <th scope="col" nowrap>Question:</th>
     
     {% for bg in bg_questions %}
     <th scope="col" nowrap>{{ bg.background_question }}</th>
     {% endfor %}
    </tr>
  </thead>
  <tbody>
    {% for p in bg_answers_for_participants %}    
    <tr>
        <td>{{ p }}</td>
        {% for bg_answer in bg_answers_for_participants[p] %}
            <td align="center">{{ bg_answer }}</td>
        {% endfor %}
    </tr>
    {% endfor %}
  </tbody>
</table>

174
<script src="{{ url_for('static', filename='lib/js/socket.io.js') }}" ></script>
175
<script src="{{ url_for('static', filename='js/getDrawing.js') }}" ></script>
Timo Heikkilä's avatar
Timo Heikkilä committed
176
177

{% endblock %}