teached-signs.js
2.13 KB
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
38
39
40
41
42
43
44
45
46
47
48
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
77
(function(teachedSigns, $, undefined) {
var totalTasks = 0;
var doneTasks = 0;
var userId = -1;
var projectId = -1;
function _updateTeachedSignsMessage() {
$('.teached-signs-msg').hide();
if (doneTasks == 0) {
$('.teached-signs-msg[type=none]').show();
} else if (doneTasks == 1) {
$('.teached-signs-msg[type=one]').show();
} else {
$('.teached-signs-msg[type=more] span').text(doneTasks);
$('.teached-signs-msg[type=more]').show();
}
}
function _createSigns(answers) {
_updateTeachedSignsMessage();
$('#signs-list-container').html('');
for (i = 0; i < answers.length; i++) {
_addSign(answers[i].info);
}
}
function _addSign(answer) {
var signName = answer.parameter_json.sinal;
var apiUserId = answer.parameter_json.userId;
var videoBaseUrl = renderSign.getRenderedAvatarBaseUrl(apiUserId,
signName);
$('#signs-list-container').append(
'<div class="col-btn col-xs-6 col-sm-3 col-md-2" sign-name="'
+ signName
+ '"><button class="btn btn-danger btn-block">'
+ signName + '</button></div>');
$('#signs-list-container .col-btn[sign-name=' + signName + ']').off(
'click').on(
'click',
function() {
$('#teached-sign-video-container').html(
'<video autoplay loop>'
+ videoHelper.getSource(videoBaseUrl)
+ '</video>');
$('#teached-sign-name').html(signName);
$('#teached-sign-modal').modal('show');
});
}
function _updateTeachedSignsContainer() {
pybossaApiHelper.getAnswers(projectId, userId).done(function(answers) {
_createSigns(answers);
});
}
teachedSigns.show = function() {
$('.sub-main-container').hide();
$('#teached-signs-container').show();
}
teachedSigns.setup = function() {
pybossaApiHelper.getProjectId().done(function(response) {
if (typeof response == 'undefined' || response.length < 1) {
return;
}
projectId = response[0].id;
pybossaApiHelper.getUserProgress().done(function(response) {
totalTasks = response.total;
doneTasks = response.done;
userId = response.user_id;
_updateTeachedSignsContainer();
});
});
};
}(window.teachedSigns = window.teachedSigns || {}, jQuery));