nodebb-plugin-poll 1.1.7 → 2.0.2

package/public/js/poll/view.js

@@ -1,19 +1,166 @@
-"use strict";
-/* globals $, app,config  */
+'use strict';
 
-(function(Poll) {
+(function (Poll) {
+	var Actions = [
+		{
+			// Voting
+			register: function (view) {
+				var self = this;
+				view.dom.voteButton.off('click').on('click', function () {
+					self.handle(view);
+				});
+			},
+			handle: function (view) {
+				var form = view.dom.votingPanel.find('form');
+				var votes = form.serializeArray().map(function (option) {
+					return parseInt(option.value, 10);
+				});
+
+				if (votes.length > 0) {
+					var voteData = {
+						pollId: view.pollData.info.pollId,
+						options: votes,
+					};
 
-	var View = function(pollData) {
+					Poll.sockets.vote(voteData, function (err) {
+						if (!config.loggedIn) {
+							$(window).trigger('action:poll.vote.notloggedin');
+						}
+
+						if (err) {
+							return app.alertError(err.message);
+						}
+
+						view.showResultsPanel();
+					});
+				}
+			},
+		},
+		{
+			// Voting
+			register: function (view) {
+				var self = this;
+				view.dom.updateVoteButton.off('click').on('click', function () {
+					self.handle(view);
+				});
+			},
+			handle: function (view) {
+				var form = view.dom.votingPanel.find('form');
+				var votes = form.serializeArray().map(function (option) {
+					return parseInt(option.value, 10);
+				});
+
+				if (votes.length > 0) {
+					var voteData = {
+						pollId: view.pollData.info.pollId,
+						options: votes,
+					};
+
+					Poll.sockets.updateVote(voteData, function (err) {
+						if (err) {
+							return app.alertError(err.message);
+						}
+						view.showResultsPanel();
+					});
+				}
+			},
+		},
+		{
+			// Remove vote
+			register: function (view) {
+				var self = this;
+				view.dom.removeVoteButton.off('click').on('click', function () {
+					self.handle(view);
+				});
+			},
+			handle: function (view) {
+				var voteData = { pollId: view.pollData.info.pollId };
+
+				Poll.sockets.removeVote(voteData, function (err) {
+					if (err) {
+						return app.alertError(err.message);
+					}
+					view.showResultsPanel();
+				});
+			},
+		},
+		{
+			// Results button
+			register: function (view) {
+				var self = this;
+				view.dom.resultsPanelButton.off('click').on('click', function () {
+					self.handle(view);
+				});
+			},
+			handle: function (view) {
+				view.showResultsPanel();
+			},
+		},
+		{
+			// To Voting button
+			register: function (view) {
+				var self = this;
+				view.dom.votingPanelButton.off('click').on('click', function () {
+					self.handle(view);
+				});
+			},
+			handle: function (view) {
+				view.showVotingPanel();
+			},
+		},
+		{
+			// Option details
+			register: function (view) {
+				var self = this;
+				view.dom.resultsPanel.off('click').on('click', '.poll-result-votecount', function (e) {
+					self.handle(view, e);
+				});
+			},
+			handle: function (view, e) {
+				var optionId = $(e.currentTarget).parents('[data-poll-option-id]').data('poll-option-id');
+
+				Poll.sockets.getOptionDetails({
+					pollId: view.pollData.info.pollId,
+					optionId: optionId,
+				}, function (err, details) {
+					if (err) {
+						return app.alertError(err.message);
+					}
+
+					view.showOptionDetails(details);
+				});
+			},
+		},
+		{
+			// Editing
+			register: function (view) {
+				var self = this;
+				view.dom.editButton.off('click').on('click', function () {
+					self.handle(view);
+				});
+			},
+			handle: function (view) {
+				Poll.sockets.getConfig(null, function (err, config) {
+					if (err) {
+						console.error(err);
+					}
+					Poll.creator.show(view.pollData, config, function () {});
+				});
+			},
+		},
+	];
+
+	var View = function (pollData) {
 		this.pollData = pollData;
 	};
 
-	View.prototype.load = function() {
+	View.prototype.load = function () {
 		var self = this;
 
-		require(['components'], function(components) {
+		require(['components'], function (components) {
 			var posts = components.get('post');
 			if (posts.length > 0 && parseInt(posts.eq(0).data('pid'), 10) === parseInt(self.pollData.info.pid, 10)) {
-				app.parseAndTranslate('poll/view', { poll: self.pollData }, function(panel) {
+				app.parseAndTranslate('poll/view', { poll: self.pollData }, function (panel) {
 					posts.eq(0).find('[component="post/content"]').prepend(panel);
 
 					self.dom = {
@@ -27,7 +174,7 @@
 						removeVoteButton: panel.find('.poll-button-remove-vote'),
 						votingPanelButton: panel.find('.poll-button-voting'),
 						resultsPanelButton: panel.find('.poll-button-results'),
-						editButton: panel.find('.poll-button-edit')
+						editButton: panel.find('.poll-button-edit'),
 					};
 
 					self.hideMessage();
@@ -41,7 +188,7 @@
 						self.showVotingPanel();
 					}
 
-					Actions.forEach(function(action) {
+					Actions.forEach(function (action) {
 						action.register(self);
 					});
 				});
@@ -49,15 +196,15 @@
 		});
 	};
 
-	View.prototype.hasPollEndedOrDeleted = function() {
+	View.prototype.hasPollEndedOrDeleted = function () {
 		return (parseInt(this.pollData.info.ended, 10) === 1 || parseInt(this.pollData.info.deleted, 10) === 1);
 	};
 
-	View.prototype.voteUpdateAllowed = function() {
+	View.prototype.voteUpdateAllowed = function () {
 		return parseInt(this.pollData.settings.disallowVoteUpdate, 10) !== 1;
 	};
 
-	View.prototype.pollEndedOrDeleted = function() {
+	View.prototype.pollEndedOrDeleted = function () {
 		if (this.hasPollEndedOrDeleted()) {
 			this.showResultsPanel();
 			this.hideVotingPanelButton();
@@ -65,7 +212,7 @@
 		}
 	};
 
-	View.prototype.hasVotedAndVotingUpdateDisallowed = function() {
+	View.prototype.hasVotedAndVotingUpdateDisallowed = function () {
 		if (this.pollData.hasVoted && !this.voteUpdateAllowed()) {
 			this.showResultsPanel();
 			this.hideVotingPanelButton();
@@ -73,12 +220,12 @@
 		}
 	};
 
-	View.prototype.update = function(pollData) {
+	View.prototype.update = function (pollData) {
 		this.pollData = pollData;
 
 		this.pollEndedOrDeleted();
 
-		this.pollData.options.forEach(function(option) {
+		this.pollData.options.forEach(function (option) {
 			var el = this.dom.resultsPanel.find('[data-poll-option-id=' + option.id + ']');
 			el.find('.poll-result-votecount span').text(option.voteCount);
 			el.find('.poll-result-progressbar').css('width', option.percentage + '%')
@@ -86,32 +233,32 @@
 		}, this);
 	};
 
-	View.prototype.showMessage = function(title, content) {
+	View.prototype.showMessage = function (title, content) {
 		var self = this;
 
-		app.parseAndTranslate('poll/view/messages', {title: title, content: content}, function(html) {
+		app.parseAndTranslate('poll/view/messages', { title: title, content: content }, function (html) {
 			self.dom.messages.html(html).removeClass('hidden');
 		});
 	};
 
-	View.prototype.hideMessage = function() {
+	View.prototype.hideMessage = function () {
 		this.dom.messages.addClass('hidden');
 	};
 
-	View.prototype.showOptionDetails = function(details) {
-		app.parseAndTranslate('poll/view/details', details, function(html) {
+	View.prototype.showOptionDetails = function (details) {
+		app.parseAndTranslate('poll/view/details', details, function (html) {
 			bootbox.dialog({
 				message: html,
 				buttons: {
 					close: {
-						label: 'Close'
-					}
-				}
+						label: 'Close',
+					},
+				},
 			});
-		})
+		});
 	};
 
-	View.prototype.fillVotingForm = function() {
+	View.prototype.fillVotingForm = function () {
 		var self = this;
 		this.resetVotingForm();
 		if (this.pollData.vote && this.pollData.vote.options) {
@@ -123,11 +270,11 @@
 		}
 	};
 
-	View.prototype.resetVotingForm = function() {
+	View.prototype.resetVotingForm = function () {
 		this.dom.votingForm.get(0).reset();
 	};
 
-	View.prototype.showVotingPanel = function() {
+	View.prototype.showVotingPanel = function () {
 		this.hideResultsPanel();
 		this.showResultsPanelButton();
 		if (this.pollData.hasVoted) {
@@ -142,7 +289,7 @@
 		this.dom.votingPanel.removeClass('hidden');
 	};
 
-	View.prototype.hideVotingPanel = function() {
+	View.prototype.hideVotingPanel = function () {
 		this.hideResultsPanelButton();
 		this.hideUpdateVoteButton();
 		this.hideRemoveVoteButton();
@@ -151,9 +298,9 @@
 		this.dom.votingPanel.addClass('hidden');
 	};
 
-	View.prototype.showResultsPanel = function() {
+	View.prototype.showResultsPanel = function () {
 		this.hideVotingPanel();
-		if (this.voteUpdateAllowed() && !this.hasPollEndedOrDeleted()) {
+		if ((!this.pollData.hasVoted || this.voteUpdateAllowed()) && !this.hasPollEndedOrDeleted()) {
 			this.showVotingPanelButton();
 		} else {
 			this.hideVotingPanelButton();
@@ -161,213 +308,64 @@
 		this.dom.resultsPanel.removeClass('hidden');
 	};
 
-	View.prototype.hideResultsPanel = function() {
+	View.prototype.hideResultsPanel = function () {
 		this.hideVotingPanelButton();
 		this.dom.resultsPanel.addClass('hidden');
 	};
 
-	View.prototype.showVoteButton = function() {
+	View.prototype.showVoteButton = function () {
 		this.dom.voteButton.removeClass('hidden');
 	};
 
-	View.prototype.hideVoteButton = function() {
+	View.prototype.hideVoteButton = function () {
 		this.dom.voteButton.addClass('hidden');
 	};
 
-	View.prototype.showUpdateVoteButton = function() {
+	View.prototype.showUpdateVoteButton = function () {
 		this.dom.updateVoteButton.removeClass('hidden');
 	};
 
-	View.prototype.hideUpdateVoteButton = function() {
+	View.prototype.hideUpdateVoteButton = function () {
 		this.dom.updateVoteButton.addClass('hidden');
 	};
 
-	View.prototype.showRemoveVoteButton = function() {
+	View.prototype.showRemoveVoteButton = function () {
 		this.dom.removeVoteButton.removeClass('hidden');
 	};
 
-	View.prototype.hideRemoveVoteButton = function() {
+	View.prototype.hideRemoveVoteButton = function () {
 		this.dom.removeVoteButton.addClass('hidden');
 	};
 
-	View.prototype.showVotingPanelButton = function() {
+	View.prototype.showVotingPanelButton = function () {
 		this.dom.votingPanelButton.removeClass('hidden');
 	};
 
-	View.prototype.hideVotingPanelButton = function() {
+	View.prototype.hideVotingPanelButton = function () {
 		this.dom.votingPanelButton.addClass('hidden');
 	};
 
-	View.prototype.showResultsPanelButton = function() {
+	View.prototype.showResultsPanelButton = function () {
 		this.dom.resultsPanelButton.removeClass('hidden');
 	};
 
-	View.prototype.hideResultsPanelButton = function() {
+	View.prototype.hideResultsPanelButton = function () {
 		this.dom.resultsPanelButton.addClass('hidden');
 	};
 
-	var Actions = [
-		{
-			// Voting
-			register: function(view) {
-				var self = this;
-				view.dom.voteButton.off('click').on('click', function() {
-					self.handle(view);
-				});
-			},
-			handle: function(view) {
-				var form = view.dom.votingPanel.find('form');
-				var votes = form.serializeArray().map(function(option) {
-					return parseInt(option.value, 10);
-				});
-
-				if (votes.length > 0) {
-					var voteData = {
-						pollId: view.pollData.info.pollId,
-						options: votes
-					};
-
-					Poll.sockets.vote(voteData, function(err, result) {
-						
-						if(!config.loggedIn)
-						{
-							$(window).trigger('action:poll.vote.notloggedin');
-						}
-
-						if (err) {
-							return app.alertError(err.message);
-						}
-
-						view.showResultsPanel();
-					});
-				}
-			}
-		},
-		{
-			// Voting
-			register: function(view) {
-				var self = this;
-				view.dom.updateVoteButton.off('click').on('click', function() {
-					self.handle(view);
-				});
-			},
-			handle: function(view) {
-				var form = view.dom.votingPanel.find('form');
-				var votes = form.serializeArray().map(function(option) {
-					return parseInt(option.value, 10);
-				});
-
-				if (votes.length > 0) {
-					var voteData = {
-						pollId: view.pollData.info.pollId,
-						options: votes
-					};
-
-					Poll.sockets.updateVote(voteData, function(err, result) {
-						if (err) {
-							return app.alertError(err.message);
-						}
-						view.showResultsPanel();
-					});
-				}
-			}
-		},
-		{
-			// Remove vote
-			register: function(view) {
-				var self = this;
-				view.dom.removeVoteButton.off('click').on('click', function() {
-					self.handle(view);
-				});
-			},
-			handle: function(view) {
-				var voteData = { pollId: view.pollData.info.pollId };
-
-				Poll.sockets.removeVote(voteData, function(err, result) {
-					if (err) {
-						return app.alertError(err.message);
-					}
-					view.showResultsPanel();
-				});
-			}
-		},
-		{
-			// Results button
-			register: function(view) {
-				var self = this;
-				view.dom.resultsPanelButton.off('click').on('click', function() {
-					self.handle(view);
-				});
-			},
-			handle: function(view) {
-				view.showResultsPanel();
-			}
-		},
-		{
-			// To Voting button
-			register: function(view) {
-				var self = this;
-				view.dom.votingPanelButton.off('click').on('click', function() {
-					self.handle(view);
-				});
-			},
-			handle: function(view) {
-				view.showVotingPanel();
-			}
-		},
-		{
-			// Option details
-			register: function(view) {
-				var self = this;
-				view.dom.resultsPanel.off('click').on('click', '.poll-result-votecount', function(e) {
-					self.handle(view, e);
-				});
-			},
-			handle: function(view, e) {
-				var optionId = $(e.currentTarget).parents('[data-poll-option-id]').data('poll-option-id');
-
-				Poll.sockets.getOptionDetails({
-					pollId: view.pollData.info.pollId,
-					optionId: optionId
-				}, function(err, details) {
-					if (err) {
-						return app.alertError(err.message);
-					}
-
-					view.showOptionDetails(details);
-				});
-			}
-		},
-		{
-			// Editing
-			register: function(view) {
-				var self = this;
-				view.dom.editButton.off('click').on('click', function() {
-					self.handle(view);
-				});
-			},
-			handle: function(view) {
-				Poll.sockets.getConfig(null, function(err, config) {
-					Poll.creator.show(view.pollData, config, function(data) {
-					});
-				});
-			}
-		}
-	];
-
 	Poll.view = {
 		polls: {},
-		load: function(pollData) {
+		load: function (pollData) {
 			var view = new View(pollData);
 			this.polls[pollData.info.pollId] = view;
 
 			view.load();
 		},
-		update: function(pollData) {
+		update: function (pollData) {
 			var pollId = pollData.info.pollId;
 			if (this.polls.hasOwnProperty(pollId)) {
 				this.polls[pollId].update(pollData);
 			}
-		}
+		},
 	};
-})(window.Poll);
+}(window.Poll));