86 lines
2 KiB
JavaScript
86 lines
2 KiB
JavaScript
app.views.Poll = app.views.Base.extend({
|
|
templateName: "poll",
|
|
|
|
events: {
|
|
"click .submit" : "clickSubmit",
|
|
"click .toggle_result" : "toggleResult"
|
|
},
|
|
|
|
initialize: function(options) {
|
|
this.model.bind('change', this.render, this);
|
|
},
|
|
|
|
postRenderTemplate: function() {
|
|
this.poll = this.model.attributes.poll;
|
|
this.setProgressBar();
|
|
},
|
|
|
|
setProgressBar: function() {
|
|
if(!this.poll) return;
|
|
|
|
var answers = this.poll.poll_answers;
|
|
var participation_count = this.poll.participation_count;
|
|
var _this = this;
|
|
|
|
_.each(answers, function(answer){
|
|
var percent = 0;
|
|
if(participation_count > 0) {
|
|
percent = Math.round(answer.vote_count / participation_count * 100);
|
|
}
|
|
|
|
var progressBar = _this.$(".poll_progress_bar[data-answerid="+answer.id+"]");
|
|
|
|
_this.setProgressBarData(progressBar, percent);
|
|
});
|
|
},
|
|
|
|
setProgressBarData: function(progressBar, percent) {
|
|
progressBar.css("width", percent + "%");
|
|
progressBar.parents('.result-row').find('.percentage').text(percent + "%");
|
|
},
|
|
|
|
toggleResult: function(evt) {
|
|
if(evt) evt.preventDefault();
|
|
|
|
this.toggleElements();
|
|
|
|
var toggle_result = this.$('.toggle_result');
|
|
|
|
if(!this.toggleMode) {
|
|
toggle_result.html(Diaspora.I18n.t("poll.close_result"));
|
|
this.toggleMode = 1;
|
|
}
|
|
else {
|
|
toggle_result.html(Diaspora.I18n.t("poll.show_result"));
|
|
this.toggleMode = 0;
|
|
}
|
|
},
|
|
|
|
toggleElements: function() {
|
|
this.$('.percentage').toggle();
|
|
this.$('.progress').toggle();
|
|
},
|
|
|
|
clickSubmit: function(evt) {
|
|
evt.preventDefault();
|
|
|
|
var answer_id = parseInt($(evt.target).parent().find("input[name=vote]:checked").val());
|
|
this.vote(answer_id);
|
|
},
|
|
|
|
vote: function(answer_id){
|
|
var pollParticipation = new app.models.PollParticipation({
|
|
poll_answer_id: answer_id,
|
|
poll_id: this.poll.poll_id,
|
|
post_id: this.poll.post_id,
|
|
});
|
|
var _this = this;
|
|
|
|
pollParticipation.save({},{
|
|
success : function() {
|
|
_this.model.fetch();
|
|
}
|
|
});
|
|
}
|
|
|
|
});
|