117 lines
2.7 KiB
JavaScript
117 lines
2.7 KiB
JavaScript
var Poll = Discourse.Model.extend({
|
|
post: null,
|
|
options: [],
|
|
|
|
postObserver: function() {
|
|
this.updateOptionsFromJson(this.get('post.poll_details'));
|
|
}.observes('post.poll_details'),
|
|
|
|
updateOptionsFromJson: function(json) {
|
|
var selectedOption = json["selected"];
|
|
|
|
var options = [];
|
|
Object.keys(json["options"]).forEach(function(option) {
|
|
options.push(Ember.Object.create({
|
|
option: option,
|
|
votes: json["options"][option],
|
|
checked: (option === selectedOption)
|
|
}));
|
|
});
|
|
this.set('options', options);
|
|
},
|
|
|
|
saveVote: function(option) {
|
|
this.get('options').forEach(function(opt) {
|
|
opt.set('checked', opt.get('option') === option);
|
|
});
|
|
|
|
return Discourse.ajax("/poll", {
|
|
type: "PUT",
|
|
data: {post_id: this.get('post.id'), option: option}
|
|
}).then(function(newJSON) {
|
|
this.updateOptionsFromJson(newJSON);
|
|
}.bind(this));
|
|
}
|
|
});
|
|
|
|
var PollController = Discourse.Controller.extend({
|
|
poll: null,
|
|
showResults: false,
|
|
|
|
actions: {
|
|
selectOption: function(option) {
|
|
if (!this.get('currentUser.id')) {
|
|
this.get('postController').send('showLogin');
|
|
return;
|
|
}
|
|
|
|
this.set('loading', true);
|
|
this.get('poll').saveVote(option).then(function() {
|
|
this.set('loading', false);
|
|
this.set('showResults', true);
|
|
}.bind(this));
|
|
},
|
|
|
|
toggleShowResults: function() {
|
|
this.set('showResults', !this.get('showResults'));
|
|
}
|
|
}
|
|
});
|
|
|
|
var PollView = Ember.View.extend({
|
|
templateName: "poll",
|
|
classNames: ['poll-ui'],
|
|
|
|
replaceElement: function(target) {
|
|
this._insertElementLater(function() {
|
|
target.replaceWith(this.$());
|
|
});
|
|
}
|
|
});
|
|
|
|
function initializePollView(self) {
|
|
var post = self.get('post');
|
|
var pollDetails = post.get('poll_details');
|
|
|
|
var poll = Poll.create({post: post});
|
|
poll.updateOptionsFromJson(pollDetails);
|
|
|
|
var pollController = PollController.create({
|
|
poll: poll,
|
|
showResults: pollDetails["selected"],
|
|
postController: self.get('controller')
|
|
});
|
|
|
|
var pollView = self.createChildView(PollView, {
|
|
controller: pollController
|
|
});
|
|
return pollView;
|
|
}
|
|
|
|
Discourse.PostView.reopen({
|
|
createPollUI: function($post) {
|
|
var post = this.get('post');
|
|
|
|
if (!post.get('poll_details')) {
|
|
return;
|
|
}
|
|
|
|
var view = initializePollView(this);
|
|
|
|
var pollContainer = $post.find(".poll-ui:first");
|
|
if (pollContainer.length === 0) {
|
|
pollContainer = $post.find("ul:first");
|
|
}
|
|
|
|
view.replaceElement(pollContainer);
|
|
this.set('pollView', view);
|
|
|
|
}.on('postViewInserted'),
|
|
|
|
clearPollView: function() {
|
|
if (this.get('pollView')) {
|
|
this.get('pollView').destroy();
|
|
}
|
|
}.on('willClearRender')
|
|
});
|