diff options
Diffstat (limited to 'js/ui.feedback.js~')
| -rwxr-xr-x | js/ui.feedback.js~ | 332 |
1 files changed, 332 insertions, 0 deletions
diff --git a/js/ui.feedback.js~ b/js/ui.feedback.js~ new file mode 100755 index 0000000..9704c20 --- /dev/null +++ b/js/ui.feedback.js~ @@ -0,0 +1,332 @@ +/** +* @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.scoreboard + * @namespace Scoreboard widget + */ + $.ui.scoreboard = function(){}; + + $.widget('ui.scoreboard', + /** @lends $.ui.scoreboard.prototype */ + { + /** Gets the current score + * @returns {Number} current score + */ + getScore : function(){ + return this._getData('score'); + }, + /** Sets the current score + * @param {Number} newScore new score + */ + setScore : function(newScore){ + this._setData('score', parseInt(newScore)); + this._refresh(); + }, + /** Gets the current total + * @returns {Number} current total + */ + getTotal : function(){ + return this._getData('total'); + }, + /** Sets the current total + * @param {Number} newTotal new score + */ + setTotal : function(newTotal){ + this._setData('total', parseInt(newTotal)); + this._refresh(); + }, + /** + * Restarts the scoreboard and triggers the "scoreboardRestart" event + */ + restart : function(){ + this.element.trigger('scoreboardRestart'); + this._setData('score', this._getData('initialScore')); + this._setData('total', this._getData('initialTotal')); + this._refresh(); + }, + /** Increments the score by 1 or by the supplied numeric argument + * @param {Number} [val] increment value + */ + inc : function(val){ + var incVal = parseInt(val) || 1; + this._setData('score', this._getData('score') + incVal); + this._refresh(); + if(this._getData('winScore') === this._getData('score')){ + this.element.trigger('scoreboardWinGame'); + } + }, + /** Increments the total by 1 or by the supplied numeric argument + * @param {Number} [val] increment value + */ + incTotal : function(val){ + var incVal = parseInt(val) || 1; + this._setData('total', this._getData('total') + incVal); + this._refresh(); + }, + /** Decrements the score by 1 or by the supplied numeric argument + * @param {Number} [val] decrement value + */ + dec : function(val){ + var decVal = parseInt(val) || 1; + this._setData('score', this._getData('score') - decVal); + this._refresh(); + }, + /** Decrements the total by 1 or by the supplied numeric argument + * @param {Number} [val] decrement value + */ + decTotal : function(val){ + var decVal = parseInt(val) || 1; + this._setData('total', this._getData('total') - decVal); + this._refresh(); + }, + _ : function(val){ + var self = this; + var convertNumLocale = function(num){ + //48 is the base for western numerals + var convertDigit = function(digit){ + + var numBase = 48; + var prefix = "u00"; + + if (self._getData('locale') === "ne"){ + prefix = "u0"; + numBase = 2406; + } + + return '\\' + prefix + + (numBase + parseInt(digit)).toString(16); + }; + + var charArray = num.toString().split("").map(convertDigit); + return eval('"' + charArray.join('') + '"'); + }; + + var convertStringLocale = function (str){ + if (self._getData('locale') === "ne"){ + switch(str){ + case "Score": + return "अङ्क"; + case "Total": + return "जम्मा"; + case "Restart": + return "फेरी खेलौ"; + case "Pause": + return "खेल रोकौ"; + case "Start": + return "सुरु गरौ"; + default: + return "string not translated"; + } + } + return "String really not translated"; + }; + + + + if (typeof val === "number"){ + return convertNumLocale(val); + } + + if (this._getData('locale') !== "en"){ + return convertStringLocale(val); + }else { + return val; + } + + + }, + _init : function(){ + + var divDisplay = "inline"; + var score = this.options.score; + var total = this.options.total; + var layoutId = "h"; + var self = this; + + var options = $.extend({}, $.ui.scoreboard.defaults, this.options); + + this._setData('initialScore', parseInt(options.score)); + this._setData('initialTotal', parseInt(options.total)); + this._setData('score', parseInt(options.score)); + this._setData('total', parseInt(options.total)); + this._setData('winScore', parseInt(options.winningScore)); + this._setData('locale', options.locale); + + if(this.options.layout === "vertical"){ + layoutId = "v"; + } + + this.element.addClass('ui-scoreboard-container-' + layoutId + + ' ui-widget ui-widget-content ui-corner-all'); + + var $parent = $('<div>') + .attr('id', 'uiScoreboard') + .addClass('ui-scoreboard-spacing-' + layoutId); + + this._scoreText = $("<div><span>" + this._("Score") + "</span></div>") + .addClass('ui-scoreboard-spacing-'+ layoutId + + ' ui-corner-all ui-scoreboard-text') + .appendTo($parent); + + this._score = $("<div><span>" + this._(score) + "</span></div>") + .addClass('ui-scoreboard-spacing-' + layoutId + + ' ui-scoreboard-text ui-scoreboard-number-' + layoutId) + .appendTo($parent) + .find('span:first'); + + + $("<div><span>" + this._("Total") + "</span></div>") + .addClass('ui-scoreboard-spacing-' + layoutId + + ' ui-corner-all ' + + 'ui-scoreboard-text') + .appendTo($parent); + + this._total = $("<div><span>" + this._(total) + "</span></div>") + .addClass('ui-scoreboard-spacing-' + layoutId + + ' ui-scoreboard-text ui-scoreboard-number-' + layoutId) + .appendTo($parent) + .find('span:first'); + + + var $templateBtn = $('<button></button>') + .addClass('ui-scoreboard-spacing-' + layoutId + + ' ui-scoreboard-button ' + + 'ui-corner-all ui-state-default') + .append( + $('<span></span>') + .addClass('ui-icon ' + + 'ui-scoreboard-icon') + ) + .append( + $('<span></span>') + .addClass('centered') + ); + + if(options.restartButton){ + var $restartBtn = $templateBtn.clone() + .find('span:first') + .addClass('ui-icon-arrowrefresh-1-w') + .end() + .find('span:last') + .text(this._('Restart')) + .end() + .click(function(){ self.restart();}) + .appendTo($parent); + } + + + if(options.pauseButton){ + + var $pauseBtn = $templateBtn.clone() + .find('span:first') // + .removeClass('ui-icon-arrowrefresh-1-w') + .addClass('ui-icon-pause') + .end() + .find('span:last') + .text(this._('Pause')) + .end() + .click(function(){ + self.element.trigger('scoreboardPause'); + }) + .appendTo($parent); + } + + if(options.startButton){ + var $startBtn = $templateBtn.clone() + .find('span:first') + //.removeClass('ui-icon-arrowrefresh-1-w') + .addClass('ui-icon-arrowreturnthick-1-s') + .end() + .find('span:last') + .text(this._('Start')) + .end() + .click(function(){ + self.element.trigger('scoreboardStart'); + }) + .appendTo($parent); + } + + + $parent.find('button').hover( + function(){ + $(this).addClass("ui-state-hover"); + }, + function(){ + $(this).removeClass("ui-state-hover"); + }); + + this.element.append($parent); + + }, + _refresh : function(){ + this._score.text(this._(this._getData('score'))); + this._total.text(this._(this._getData('total'))); + }, + /** Removes the scoreboard widget and all related data from the DOM */ + destroy : function(){ + this.element.remove(); + $.widget.prototype.destroy.apply(this, arguments); + } + + + }); + + $.ui.scoreboard.getter = ['getScore', 'getTotal', '_convertNumLocale']; + + /** Default settings for the scoreboard widget + * @namespace Default settings for the scoreboard widget + * @extends $.ui.scoreboard + */ + $.ui.scoreboard.defaults = { + /** Initial score + * @type Number + * @default 0 + */ + score: 0, + /** Initial total + * @type Number + * @default 0 + */ + total: 0, + /** Initial layout, valid options are "horizontal" and "vertical" + * @type String + * @default "horizontal" + */ + layout: "horizontal", + /** The score that will win the game + * @type Number + * @default 0 + */ + winningScore: 0, + /** Default locale, valid options are "en" and "ne" + * @type String + * @default "en" + */ + locale: "en", + /** Display the Start Button + * @type boolean + * @default false + */ + startButton: false, + /** Display the Retart Button + * @type boolean + * @default true + */ + restartButton: true, + /** Display the Pause Button + * @type boolean + * @default false + */ + pauseButton: false + }; + + })(jQuery);
\ No newline at end of file |