diff options
Diffstat (limited to 'js/ui.feedback.js')
| -rwxr-xr-x | js/ui.feedback.js | 131 |
1 files changed, 131 insertions, 0 deletions
diff --git a/js/ui.feedback.js b/js/ui.feedback.js new file mode 100755 index 0000000..f9304c5 --- /dev/null +++ b/js/ui.feedback.js @@ -0,0 +1,131 @@ +/** +* @fileOverview a scoreboard widget +* @author Bryan Berry <bryan@olenepal.org> +* uses MIT License +*/ + + + +(function($){ + + // This is a dummy function, just here as placeholder to + // to make the jsdoc tool happy + /** @name $.ui.feedback + * @namespace Feedback widget + */ + $.ui.feedback = function(){}; + + $.widget('ui.feedback', + /** @lends $.ui.feedback.prototype */ + { + /** Displays the correct icon in the center of the screen + * and plays the sound "correct" if loaded + */ + correct: function(){ + var $correct = this.$correct.css('display','block'); + setTimeout ( function() { + $correct.fadeOut(500); + }, 500); + if (Karma && Karma.audio && Karma.audio.correct){ + Karma.audio.correct.play(); + } + + }, + /** Displays the incorrect icon in the center of the screen + * and plays the sound "incorrect" if loaded + */ + incorrect: function(){ + + var $incorrect = this.$incorrect.css('display','block'); + setTimeout ( function() { + $incorrect.fadeOut(500); + }, 500); + + //this.$incorrect.css('display','block').fadeOut(3000); + if (Karma && Karma.audio && Karma.audio.incorrect){ + Karma.audio.incorrect.play(); + } + + }, + win: function(){ + this.$win.show(); + this.$overlay.show(); + }, + lose: function(){ + this.$lose.show(); + this.$overlay.show(); + }, + _init : function(){ + var self = this; + + this.element + .addClass('ui-feedback') + .css({position:'absolute', + top: '40%', left: '40%'}); + + this.$correct = $('<div></div>') + .addClass('ui-feedback-correct') + .appendTo(this.element); + + this.$incorrect = $('<div></div>') + .addClass('ui-feedback-incorrect') + .appendTo(this.element); + + this.$win = $("<div class='ui-feedback-over'>" + + "<div class='ui-feedback-win'></div>" + + "<div class='ui-feedback-txt'>You win!" + + "</div></div>") + .click( + function(){ + self.$win.hide(); + self.$overlay.hide(); + } + ) + .appendTo(this.element); + + this.$lose = $("<div class='ui-feedback-over'>" + + "<div class='ui-feedback-lose'></div>" + + "<div class='ui-feedback-txt'>You lose!" + + "</div></div>") + .click( + function(){ + self.$lose.hide(); + self.$overlay.hide(); + } + ) + .appendTo(this.element); + + this.$overlay = $('<div></div>') + .addClass('ui-feedback-overlay') + .appendTo($('body')); + + + + $('body') + .bind('feedbackCorrect', function(){ + self.correct(); + }) + .bind('feedbackIncorrect', function(){ + self.incorrect(); + }); + + }, + /** Removes the feedback widget and all related data from the DOM */ + destroy : function(){ + this.element.remove(); + $.widget.prototype.destroy.apply(this, arguments); + } + + + }); + + $.ui.feedback.getter = []; + + /** Default settings for the feedback widget + * @namespace Default settings for the feedback widget + * @extends $.ui.feedback + */ + $.ui.feedback.defaults = { + }; + + })(jQuery);
\ No newline at end of file |