diff options
author | Bryan Berry <bryan@olenepal.org> | 2010-01-20 11:27:57 (GMT) |
---|---|---|
committer | Bryan Berry <bryan@olenepal.org> | 2010-01-20 11:27:57 (GMT) |
commit | 60315560bd22d62c5b798d6c1365a1d03f0829ff (patch) | |
tree | e5e2709eceba64507944e355f1c7fb6591c846d5 | |
parent | b199494d6f49522686ddf26517c0ba6b910a2556 (diff) |
fixed jsdoc for scoreboard widget
23 files changed, 2673 insertions, 66 deletions
@@ -40,7 +40,7 @@ JAKE.task('docs', function(){ var path = './tools/jsdoc-toolkit'; if(FILE.exists(path)){ var cmd = 'java -jar ' + path + '/jsrun.jar ' + - path + '/app/run.js ' + './js/karma.js -d=docs/ ' + + path + '/app/run.js ' + './js/karma.js ./js/ui.scoreboard.js -d=docs/ ' + '-t=tools/jsdoc-toolkit/templates/jsdoc/'; OS.system(cmd); } else { diff --git a/css/theme/images/ui-icons_222222_768x720.png b/css/theme/images/ui-icons_222222_768x720.png Binary files differindex 2437773..2437773 100644..100755 --- a/css/theme/images/ui-icons_222222_768x720.png +++ b/css/theme/images/ui-icons_222222_768x720.png diff --git a/css/theme/images/ui-icons_2e83ff_768x720.png b/css/theme/images/ui-icons_2e83ff_768x720.png Binary files differindex 9727a25..9727a25 100644..100755 --- a/css/theme/images/ui-icons_2e83ff_768x720.png +++ b/css/theme/images/ui-icons_2e83ff_768x720.png diff --git a/css/theme/images/ui-icons_454545_768x720.png b/css/theme/images/ui-icons_454545_768x720.png Binary files differindex 761d947..761d947 100644..100755 --- a/css/theme/images/ui-icons_454545_768x720.png +++ b/css/theme/images/ui-icons_454545_768x720.png diff --git a/css/theme/images/ui-icons_7811a2_768x720.png b/css/theme/images/ui-icons_7811a2_768x720.png Binary files differindex cb1d7a2..cb1d7a2 100644..100755 --- a/css/theme/images/ui-icons_7811a2_768x720.png +++ b/css/theme/images/ui-icons_7811a2_768x720.png diff --git a/css/theme/images/ui-icons_cd0a0a_768x720.png b/css/theme/images/ui-icons_cd0a0a_768x720.png Binary files differindex 788be14..788be14 100644..100755 --- a/css/theme/images/ui-icons_cd0a0a_768x720.png +++ b/css/theme/images/ui-icons_cd0a0a_768x720.png diff --git a/css/ui.scoreboard.css b/css/ui.scoreboard.css index 802144f..02728d0 100755 --- a/css/ui.scoreboard.css +++ b/css/ui.scoreboard.css @@ -2,42 +2,47 @@ max-width: 500em; max-height: 200px; float:left; -padding-top:0.4em; -padding-bottom:0.4em; +padding-top:0.2em; +padding-bottom:0.2em; } -.ui-scoreboard-spacing-h{ -max-width: 200em; -max-height: 300em; +#uiScoreboard .ui-scoreboard-spacing-h{ display:inline; -margin-left:0.4em; -margin-right:0.4em; } -.ui-scoreboard-text{ -font-size:larger; +#uiScoreboard .ui-scoreboard-text span{ +/*font-size:larger;*/ text-align: center; +font-size:larger; +float:left; +margin-top: 0.3em; +margin-left: 0.2em; +margin-right: 0.2em; } -.ui-scoreboard-number-h { +#uiScoreboard .ui-scoreboard-number-h span { background-color:black; color: white; padding-left:0.4em; padding-right:0.4em; -font-size:larger; } -.ui-scoreboard-button{ +#uiScoreboard .ui-scoreboard-button{ float:right; cursor:pointer; } -button .ui-scoreboard-icon{ +#uiScoreboard button{ +float:left; +margin-left: 0.2em; +margin-right: 0.2em; +} + +#uiScoreboard button .ui-scoreboard-icon{ float: left; -/*margin-right:0.3em;*/ } -button span.centered { +#uiScoreboard button span.centered { float: left; padding-top: 0.4em; } @@ -49,12 +54,12 @@ float:left; padding-top:0.4em; padding-bottom:0.4em; } -.ui-scoreboard-spacing-v{ +#uiScoreboard .ui-scoreboard-spacing-v{ display:block; margin: 0.4em; } -.ui-scoreboard-number-v{ +#uiScoreboard .ui-scoreboard-number-v{ background-color:black; color: white; width: 1em; @@ -62,7 +67,6 @@ text-align:center; margin-left:auto; margin-right: auto; padding:0.4em; -font-size:larger; } diff --git a/docs/files.html b/docs/files.html index 7465d21..59b1829 100755 --- a/docs/files.html +++ b/docs/files.html @@ -184,6 +184,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="symbols/_global_.html">_global_</a></i></li> <li><a href="symbols/Karma.html">Karma</a></li> @@ -207,6 +211,23 @@ ul.inheritsList <div> + <h2><a href="symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a></h2> + +a scoreboard widget + <dl> + + <dt class="heading">Author:</dt> + <dd>Bryan Berry <bryan@olenepal.org> + uses MIT License</dd> + + + + + </dl> + </div> + <hr /> + + <div> <h2><a href="symbols/src/js_karma.js.html">karma.js</a></h2> Contains karma library @@ -226,7 +247,7 @@ Contains karma library </div> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:15 GMT+0545 (NPT) </div> </body> </html>
\ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 8e28feb..02f1d94 100755 --- a/docs/index.html +++ b/docs/index.html @@ -184,6 +184,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="symbols/_global_.html">_global_</a></i></li> <li><a href="symbols/Karma.html">Karma</a></li> @@ -207,6 +211,18 @@ ul.inheritsList <div> + <h2><a href="symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></h2> + Scoreboard widget + </div> + <hr /> + + <div> + <h2><a href="symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></h2> + Default settings for the scoreboard widget + </div> + <hr /> + + <div> <h2><a href="symbols/_global_.html">_global_</a></h2> </div> @@ -257,7 +273,7 @@ to Karma in the Karma() method </div> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:15 GMT+0545 (NPT) </div> </body> </html>
\ No newline at end of file diff --git a/docs/symbols/$.html b/docs/symbols/$.html new file mode 100644 index 0000000..fa154c5 --- /dev/null +++ b/docs/symbols/$.html @@ -0,0 +1,322 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <meta name="generator" content="JsDoc Toolkit" /> + + <title>JsDoc Reference - $</title> + + <style type="text/css"> + /* default.css */ +body +{ + font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; + width: 800px; +} + +.header +{ + clear: both; + background-color: #ccc; + padding: 8px; +} + +h1 +{ + font-size: 150%; + font-weight: bold; + padding: 0; + margin: 1em 0 0 .3em; +} + +hr +{ + border: none 0; + border-top: 1px solid #7F8FB1; + height: 1px; +} + +pre.code +{ + display: block; + padding: 8px; + border: 1px dashed #ccc; +} + +#index +{ + margin-top: 24px; + float: left; + width: 160px; + position: absolute; + left: 8px; + background-color: #F3F3F3; + padding: 8px; +} + +#content +{ + margin-left: 190px; + width: 600px; +} + +.classList +{ + list-style-type: none; + padding: 0; + margin: 0 0 0 8px; + font-family: arial, sans-serif; + font-size: 1em; + overflow: auto; +} + +.classList li +{ + padding: 0; + margin: 0 0 8px 0; +} + +.summaryTable { width: 100%; } + +h1.classTitle +{ + font-size:170%; + line-height:130%; +} + +h2 { font-size: 110%; } +caption, div.sectionTitle +{ + background-color: #7F8FB1; + color: #fff; + font-size:130%; + text-align: left; + padding: 2px 6px 2px 6px; + border: 1px #7F8FB1 solid; +} + +div.sectionTitle { margin-bottom: 8px; } +.summaryTable thead { display: none; } + +.summaryTable td +{ + vertical-align: top; + padding: 4px; + border-bottom: 1px #7F8FB1 solid; + border-right: 1px #7F8FB1 solid; +} + +/*col#summaryAttributes {}*/ +.summaryTable td.attributes +{ + border-left: 1px #7F8FB1 solid; + width: 140px; + text-align: right; +} + +td.attributes, .fixedFont +{ + line-height: 15px; + color: #002EBE; + font-family: "Courier New",Courier,monospace; + font-size: 13px; +} + +.summaryTable td.nameDescription +{ + text-align: left; + font-size: 13px; + line-height: 15px; +} + +.summaryTable td.nameDescription, .description +{ + line-height: 15px; + padding: 4px; + padding-left: 4px; +} + +.summaryTable { margin-bottom: 8px; } + +ul.inheritsList +{ + list-style: square; + margin-left: 20px; + padding-left: 0; +} + +.detailList { + margin-left: 20px; + line-height: 15px; +} +.detailList dt { margin-left: 20px; } + +.detailList .heading +{ + font-weight: bold; + padding-bottom: 6px; + margin-left: 0; +} + +.light, td.attributes, .light a:link, .light a:visited +{ + color: #777; + font-style: italic; +} + +.fineprint +{ + text-align: right; + font-size: 10px; +} + </style> + </head> + + <body> +<!-- ============================== header ================================= --> + <!-- begin static/header.html --> + <div id="header"> +</div> + <!-- end static/header.html --> + +<!-- ============================== classes index ============================ --> + <div id="index"> + <!-- begin publish.classesIndex --> + <div align="center"><a href="../index.html">Class Index</a> +| <a href="../files.html">File Index</a></div> +<hr /> +<h2>Classes</h2> +<ul class="classList"> + + <li><a href="../symbols/%24.html">$</a></li> + + <li><a href="../symbols/%24.ui.html">$.ui</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> + + <li><a href="../symbols/Karma.html">Karma</a></li> + + <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> + + <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> + + <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li> + + <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li> + + <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li> + +</ul> +<hr /> + <!-- end publish.classesIndex --> + </div> + + <div id="content"> +<!-- ============================== class title ============================ --> + <h1 class="classTitle"> + + Namespace $ + </h1> + +<!-- ============================== class summary ========================== --> + <p class="description"> + + + + + + + <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>. + + </p> + +<!-- ============================== constructor summary ==================== --> + + <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $."> + <caption>Namespace Summary</caption> + <thead> + <tr> + <th scope="col">Constructor Attributes</th> + <th scope="col">Constructor Name and Description</th> + </tr> + </thead> + <tbody> + <tr> + <td class="attributes"> </td> + <td class="nameDescription" > + <div class="fixedFont"> + <b><a href="../symbols/%24.html#constructor">$</a></b> + </div> + <div class="description"></div> + </td> + </tr> + </tbody> + </table> + + +<!-- ============================== properties summary ===================== --> + + + + + + + +<!-- ============================== methods summary ======================== --> + +<!-- ============================== events summary ======================== --> + + +<!-- ============================== constructor details ==================== --> + + <div class="details"><a name="constructor"> </a> + <div class="sectionTitle"> + Namespace Detail + </div> + + <div class="fixedFont"> + <b>$</b> + </div> + + <div class="description"> + + + </div> + + + + + + + + + + + + + </div> + + +<!-- ============================== field details ========================== --> + + +<!-- ============================== method details ========================= --> + + +<!-- ============================== event details ========================= --> + + + <hr /> + </div> + + +<!-- ============================== footer ================================= --> + <div class="fineprint" style="clear:both"> + + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 16:31:15 GMT+0545 (NPT) + </div> + </body> +</html> diff --git a/docs/symbols/$.ui.html b/docs/symbols/$.ui.html new file mode 100644 index 0000000..f7cfe10 --- /dev/null +++ b/docs/symbols/$.ui.html @@ -0,0 +1,322 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <meta name="generator" content="JsDoc Toolkit" /> + + <title>JsDoc Reference - $.ui</title> + + <style type="text/css"> + /* default.css */ +body +{ + font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; + width: 800px; +} + +.header +{ + clear: both; + background-color: #ccc; + padding: 8px; +} + +h1 +{ + font-size: 150%; + font-weight: bold; + padding: 0; + margin: 1em 0 0 .3em; +} + +hr +{ + border: none 0; + border-top: 1px solid #7F8FB1; + height: 1px; +} + +pre.code +{ + display: block; + padding: 8px; + border: 1px dashed #ccc; +} + +#index +{ + margin-top: 24px; + float: left; + width: 160px; + position: absolute; + left: 8px; + background-color: #F3F3F3; + padding: 8px; +} + +#content +{ + margin-left: 190px; + width: 600px; +} + +.classList +{ + list-style-type: none; + padding: 0; + margin: 0 0 0 8px; + font-family: arial, sans-serif; + font-size: 1em; + overflow: auto; +} + +.classList li +{ + padding: 0; + margin: 0 0 8px 0; +} + +.summaryTable { width: 100%; } + +h1.classTitle +{ + font-size:170%; + line-height:130%; +} + +h2 { font-size: 110%; } +caption, div.sectionTitle +{ + background-color: #7F8FB1; + color: #fff; + font-size:130%; + text-align: left; + padding: 2px 6px 2px 6px; + border: 1px #7F8FB1 solid; +} + +div.sectionTitle { margin-bottom: 8px; } +.summaryTable thead { display: none; } + +.summaryTable td +{ + vertical-align: top; + padding: 4px; + border-bottom: 1px #7F8FB1 solid; + border-right: 1px #7F8FB1 solid; +} + +/*col#summaryAttributes {}*/ +.summaryTable td.attributes +{ + border-left: 1px #7F8FB1 solid; + width: 140px; + text-align: right; +} + +td.attributes, .fixedFont +{ + line-height: 15px; + color: #002EBE; + font-family: "Courier New",Courier,monospace; + font-size: 13px; +} + +.summaryTable td.nameDescription +{ + text-align: left; + font-size: 13px; + line-height: 15px; +} + +.summaryTable td.nameDescription, .description +{ + line-height: 15px; + padding: 4px; + padding-left: 4px; +} + +.summaryTable { margin-bottom: 8px; } + +ul.inheritsList +{ + list-style: square; + margin-left: 20px; + padding-left: 0; +} + +.detailList { + margin-left: 20px; + line-height: 15px; +} +.detailList dt { margin-left: 20px; } + +.detailList .heading +{ + font-weight: bold; + padding-bottom: 6px; + margin-left: 0; +} + +.light, td.attributes, .light a:link, .light a:visited +{ + color: #777; + font-style: italic; +} + +.fineprint +{ + text-align: right; + font-size: 10px; +} + </style> + </head> + + <body> +<!-- ============================== header ================================= --> + <!-- begin static/header.html --> + <div id="header"> +</div> + <!-- end static/header.html --> + +<!-- ============================== classes index ============================ --> + <div id="index"> + <!-- begin publish.classesIndex --> + <div align="center"><a href="../index.html">Class Index</a> +| <a href="../files.html">File Index</a></div> +<hr /> +<h2>Classes</h2> +<ul class="classList"> + + <li><a href="../symbols/%24.html">$</a></li> + + <li><a href="../symbols/%24.ui.html">$.ui</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> + + <li><a href="../symbols/Karma.html">Karma</a></li> + + <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> + + <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> + + <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li> + + <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li> + + <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li> + +</ul> +<hr /> + <!-- end publish.classesIndex --> + </div> + + <div id="content"> +<!-- ============================== class title ============================ --> + <h1 class="classTitle"> + + Namespace $.ui + </h1> + +<!-- ============================== class summary ========================== --> + <p class="description"> + + + + + + + <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>. + + </p> + +<!-- ============================== constructor summary ==================== --> + + <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui."> + <caption>Namespace Summary</caption> + <thead> + <tr> + <th scope="col">Constructor Attributes</th> + <th scope="col">Constructor Name and Description</th> + </tr> + </thead> + <tbody> + <tr> + <td class="attributes"> </td> + <td class="nameDescription" > + <div class="fixedFont"> + <b><a href="../symbols/%24.ui.html#constructor">$.ui</a></b> + </div> + <div class="description"></div> + </td> + </tr> + </tbody> + </table> + + +<!-- ============================== properties summary ===================== --> + + +<!-- ============================== methods summary ======================== --> + + + + + + +<!-- ============================== events summary ======================== --> + + +<!-- ============================== constructor details ==================== --> + + <div class="details"><a name="constructor"> </a> + <div class="sectionTitle"> + Namespace Detail + </div> + + <div class="fixedFont"> + <b>$.ui</b> + </div> + + <div class="description"> + + + </div> + + + + + + + + + + + + + </div> + + +<!-- ============================== field details ========================== --> + + +<!-- ============================== method details ========================= --> + + +<!-- ============================== event details ========================= --> + + + <hr /> + </div> + + +<!-- ============================== footer ================================= --> + <div class="fineprint" style="clear:both"> + + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 16:31:15 GMT+0545 (NPT) + </div> + </body> +</html> diff --git a/docs/symbols/$.ui.scoreboard.defaults.html b/docs/symbols/$.ui.scoreboard.defaults.html new file mode 100644 index 0000000..9727ae8 --- /dev/null +++ b/docs/symbols/$.ui.scoreboard.defaults.html @@ -0,0 +1,665 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <meta name="generator" content="JsDoc Toolkit" /> + + <title>JsDoc Reference - $.ui.scoreboard.defaults</title> + + <style type="text/css"> + /* default.css */ +body +{ + font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; + width: 800px; +} + +.header +{ + clear: both; + background-color: #ccc; + padding: 8px; +} + +h1 +{ + font-size: 150%; + font-weight: bold; + padding: 0; + margin: 1em 0 0 .3em; +} + +hr +{ + border: none 0; + border-top: 1px solid #7F8FB1; + height: 1px; +} + +pre.code +{ + display: block; + padding: 8px; + border: 1px dashed #ccc; +} + +#index +{ + margin-top: 24px; + float: left; + width: 160px; + position: absolute; + left: 8px; + background-color: #F3F3F3; + padding: 8px; +} + +#content +{ + margin-left: 190px; + width: 600px; +} + +.classList +{ + list-style-type: none; + padding: 0; + margin: 0 0 0 8px; + font-family: arial, sans-serif; + font-size: 1em; + overflow: auto; +} + +.classList li +{ + padding: 0; + margin: 0 0 8px 0; +} + +.summaryTable { width: 100%; } + +h1.classTitle +{ + font-size:170%; + line-height:130%; +} + +h2 { font-size: 110%; } +caption, div.sectionTitle +{ + background-color: #7F8FB1; + color: #fff; + font-size:130%; + text-align: left; + padding: 2px 6px 2px 6px; + border: 1px #7F8FB1 solid; +} + +div.sectionTitle { margin-bottom: 8px; } +.summaryTable thead { display: none; } + +.summaryTable td +{ + vertical-align: top; + padding: 4px; + border-bottom: 1px #7F8FB1 solid; + border-right: 1px #7F8FB1 solid; +} + +/*col#summaryAttributes {}*/ +.summaryTable td.attributes +{ + border-left: 1px #7F8FB1 solid; + width: 140px; + text-align: right; +} + +td.attributes, .fixedFont +{ + line-height: 15px; + color: #002EBE; + font-family: "Courier New",Courier,monospace; + font-size: 13px; +} + +.summaryTable td.nameDescription +{ + text-align: left; + font-size: 13px; + line-height: 15px; +} + +.summaryTable td.nameDescription, .description +{ + line-height: 15px; + padding: 4px; + padding-left: 4px; +} + +.summaryTable { margin-bottom: 8px; } + +ul.inheritsList +{ + list-style: square; + margin-left: 20px; + padding-left: 0; +} + +.detailList { + margin-left: 20px; + line-height: 15px; +} +.detailList dt { margin-left: 20px; } + +.detailList .heading +{ + font-weight: bold; + padding-bottom: 6px; + margin-left: 0; +} + +.light, td.attributes, .light a:link, .light a:visited +{ + color: #777; + font-style: italic; +} + +.fineprint +{ + text-align: right; + font-size: 10px; +} + </style> + </head> + + <body> +<!-- ============================== header ================================= --> + <!-- begin static/header.html --> + <div id="header"> +</div> + <!-- end static/header.html --> + +<!-- ============================== classes index ============================ --> + <div id="index"> + <!-- begin publish.classesIndex --> + <div align="center"><a href="../index.html">Class Index</a> +| <a href="../files.html">File Index</a></div> +<hr /> +<h2>Classes</h2> +<ul class="classList"> + + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> + + <li><a href="../symbols/Karma.html">Karma</a></li> + + <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> + + <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> + + <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li> + + <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li> + + <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li> + +</ul> +<hr /> + <!-- end publish.classesIndex --> + </div> + + <div id="content"> +<!-- ============================== class title ============================ --> + <h1 class="classTitle"> + + Namespace $.ui.scoreboard.defaults + </h1> + +<!-- ============================== class summary ========================== --> + <p class="description"> + + <br />Extends + <a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a>.<br /> + + + Default settings for the scoreboard widget + + + <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>. + + </p> + +<!-- ============================== constructor summary ==================== --> + + <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.scoreboard.defaults."> + <caption>Namespace Summary</caption> + <thead> + <tr> + <th scope="col">Constructor Attributes</th> + <th scope="col">Constructor Name and Description</th> + </tr> + </thead> + <tbody> + <tr> + <td class="attributes"> </td> + <td class="nameDescription" > + <div class="fixedFont"> + <b><a href="../symbols/%24.ui.scoreboard.defaults.html#constructor">$.ui.scoreboard.defaults</a></b> + </div> + <div class="description">Default settings for the scoreboard widget</div> + </td> + </tr> + </tbody> + </table> + + +<!-- ============================== properties summary ===================== --> + + + + <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class $.ui.scoreboard.defaults."> + <caption>Field Summary</caption> + <thead> + <tr> + <th scope="col">Field Attributes</th> + <th scope="col">Field Name and Description</th> + </tr> + </thead> + <tbody> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.layout">layout</a></b> + </div> + <div class="description">Initial layout, valid options are "horizontal" and "vertical"</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.locale">locale</a></b> + </div> + <div class="description">Default locale, valid options are "en" and "ne"</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.pauseButton">pauseButton</a></b> + </div> + <div class="description">Display the Pause Button</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.restartButton">restartButton</a></b> + </div> + <div class="description">Display the Retart Button</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.score">score</a></b> + </div> + <div class="description">Initial score</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.startButton">startButton</a></b> + </div> + <div class="description">Display the Start Button</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.total">total</a></b> + </div> + <div class="description">Initial total</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + $.ui.scoreboard.defaults.<b><a href="../symbols/%24.ui.scoreboard.defaults.html#.winningScore">winningScore</a></b> + </div> + <div class="description">The score that will win the game</div> + </td> + </tr> + + </tbody> + </table> + + + + <dl class="inheritsList"> + + </dl> + + + +<!-- ============================== methods summary ======================== --> + + + + + + <dl class="inheritsList"> + <dt>Methods borrowed from class <a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a>: </dt><dd><a href="../symbols/%24.ui.scoreboard.html#dec">dec</a>, <a href="../symbols/%24.ui.scoreboard.html#decTotal">decTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#destroy">destroy</a>, <a href="../symbols/%24.ui.scoreboard.html#getScore">getScore</a>, <a href="../symbols/%24.ui.scoreboard.html#getTotal">getTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#inc">inc</a>, <a href="../symbols/%24.ui.scoreboard.html#incTotal">incTotal</a>, <a href="../symbols/%24.ui.scoreboard.html#restart">restart</a>, <a href="../symbols/%24.ui.scoreboard.html#setScore">setScore</a>, <a href="../symbols/%24.ui.scoreboard.html#setTotal">setTotal</a></dd> + </dl> + + +<!-- ============================== events summary ======================== --> + + +<!-- ============================== constructor details ==================== --> + + <div class="details"><a name="constructor"> </a> + <div class="sectionTitle"> + Namespace Detail + </div> + + <div class="fixedFont"> + <b>$.ui.scoreboard.defaults</b> + </div> + + <div class="description"> + Default settings for the scoreboard widget + + </div> + + + + + + + + + + + + + </div> + + +<!-- ============================== field details ========================== --> + + <div class="sectionTitle"> + Field Detail + </div> + + <a name=".layout"> </a> + <div class="fixedFont"><static> + + <span class="light">{String}</span> + <span class="light">$.ui.scoreboard.defaults.</span><b>layout</b> + + </div> + <div class="description"> + Initial layout, valid options are "horizontal" and "vertical" + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + "horizontal" + </dd> + </dl> + + + <hr /> + + <a name=".locale"> </a> + <div class="fixedFont"><static> + + <span class="light">{String}</span> + <span class="light">$.ui.scoreboard.defaults.</span><b>locale</b> + + </div> + <div class="description"> + Default locale, valid options are "en" and "ne" + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + "en" + </dd> + </dl> + + + <hr /> + + <a name=".pauseButton"> </a> + <div class="fixedFont"><static> + + <span class="light">{boolean}</span> + <span class="light">$.ui.scoreboard.defaults.</span><b>pauseButton</b> + + </div> + <div class="description"> + Display the Pause Button + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + false + </dd> + </dl> + + + <hr /> + + <a name=".restartButton"> </a> + <div class="fixedFont"><static> + + <span class="light">{boolean}</span> + <span class="light">$.ui.scoreboard.defaults.</span><b>restartButton</b> + + </div> + <div class="description"> + Display the Retart Button + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + true + </dd> + </dl> + + + <hr /> + + <a name=".score"> </a> + <div class="fixedFont"><static> + + <span class="light">{Number}</span> + <span class="light">$.ui.scoreboard.defaults.</span><b>score</b> + + </div> + <div class="description"> + Initial score + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + 0 + </dd> + </dl> + + + <hr /> + + <a name=".startButton"> </a> + <div class="fixedFont"><static> + + <span class="light">{boolean}</span> + <span class="light">$.ui.scoreboard.defaults.</span><b>startButton</b> + + </div> + <div class="description"> + Display the Start Button + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + false + </dd> + </dl> + + + <hr /> + + <a name=".total"> </a> + <div class="fixedFont"><static> + + <span class="light">{Number}</span> + <span class="light">$.ui.scoreboard.defaults.</span><b>total</b> + + </div> + <div class="description"> + Initial total + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + 0 + </dd> + </dl> + + + <hr /> + + <a name=".winningScore"> </a> + <div class="fixedFont"><static> + + <span class="light">{Number}</span> + <span class="light">$.ui.scoreboard.defaults.</span><b>winningScore</b> + + </div> + <div class="description"> + The score that will win the game + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + 0 + </dd> + </dl> + + + + + + +<!-- ============================== method details ========================= --> + + +<!-- ============================== event details ========================= --> + + + <hr /> + </div> + + +<!-- ============================== footer ================================= --> + <div class="fineprint" style="clear:both"> + + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT) + </div> + </body> +</html> diff --git a/docs/symbols/$.ui.scoreboard.html b/docs/symbols/$.ui.scoreboard.html new file mode 100644 index 0000000..d76893c --- /dev/null +++ b/docs/symbols/$.ui.scoreboard.html @@ -0,0 +1,763 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <meta name="generator" content="JsDoc Toolkit" /> + + <title>JsDoc Reference - $.ui.scoreboard</title> + + <style type="text/css"> + /* default.css */ +body +{ + font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; + width: 800px; +} + +.header +{ + clear: both; + background-color: #ccc; + padding: 8px; +} + +h1 +{ + font-size: 150%; + font-weight: bold; + padding: 0; + margin: 1em 0 0 .3em; +} + +hr +{ + border: none 0; + border-top: 1px solid #7F8FB1; + height: 1px; +} + +pre.code +{ + display: block; + padding: 8px; + border: 1px dashed #ccc; +} + +#index +{ + margin-top: 24px; + float: left; + width: 160px; + position: absolute; + left: 8px; + background-color: #F3F3F3; + padding: 8px; +} + +#content +{ + margin-left: 190px; + width: 600px; +} + +.classList +{ + list-style-type: none; + padding: 0; + margin: 0 0 0 8px; + font-family: arial, sans-serif; + font-size: 1em; + overflow: auto; +} + +.classList li +{ + padding: 0; + margin: 0 0 8px 0; +} + +.summaryTable { width: 100%; } + +h1.classTitle +{ + font-size:170%; + line-height:130%; +} + +h2 { font-size: 110%; } +caption, div.sectionTitle +{ + background-color: #7F8FB1; + color: #fff; + font-size:130%; + text-align: left; + padding: 2px 6px 2px 6px; + border: 1px #7F8FB1 solid; +} + +div.sectionTitle { margin-bottom: 8px; } +.summaryTable thead { display: none; } + +.summaryTable td +{ + vertical-align: top; + padding: 4px; + border-bottom: 1px #7F8FB1 solid; + border-right: 1px #7F8FB1 solid; +} + +/*col#summaryAttributes {}*/ +.summaryTable td.attributes +{ + border-left: 1px #7F8FB1 solid; + width: 140px; + text-align: right; +} + +td.attributes, .fixedFont +{ + line-height: 15px; + color: #002EBE; + font-family: "Courier New",Courier,monospace; + font-size: 13px; +} + +.summaryTable td.nameDescription +{ + text-align: left; + font-size: 13px; + line-height: 15px; +} + +.summaryTable td.nameDescription, .description +{ + line-height: 15px; + padding: 4px; + padding-left: 4px; +} + +.summaryTable { margin-bottom: 8px; } + +ul.inheritsList +{ + list-style: square; + margin-left: 20px; + padding-left: 0; +} + +.detailList { + margin-left: 20px; + line-height: 15px; +} +.detailList dt { margin-left: 20px; } + +.detailList .heading +{ + font-weight: bold; + padding-bottom: 6px; + margin-left: 0; +} + +.light, td.attributes, .light a:link, .light a:visited +{ + color: #777; + font-style: italic; +} + +.fineprint +{ + text-align: right; + font-size: 10px; +} + </style> + </head> + + <body> +<!-- ============================== header ================================= --> + <!-- begin static/header.html --> + <div id="header"> +</div> + <!-- end static/header.html --> + +<!-- ============================== classes index ============================ --> + <div id="index"> + <!-- begin publish.classesIndex --> + <div align="center"><a href="../index.html">Class Index</a> +| <a href="../files.html">File Index</a></div> +<hr /> +<h2>Classes</h2> +<ul class="classList"> + + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> + + <li><a href="../symbols/Karma.html">Karma</a></li> + + <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> + + <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> + + <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li> + + <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li> + + <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li> + +</ul> +<hr /> + <!-- end publish.classesIndex --> + </div> + + <div id="content"> +<!-- ============================== class title ============================ --> + <h1 class="classTitle"> + + Namespace $.ui.scoreboard + </h1> + +<!-- ============================== class summary ========================== --> + <p class="description"> + + + + Scoreboard widget + + + <br /><i>Defined in: </i> <a href="../symbols/src/js_ui.scoreboard.js.html">ui.scoreboard.js</a>. + + </p> + +<!-- ============================== constructor summary ==================== --> + + <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class $.ui.scoreboard."> + <caption>Namespace Summary</caption> + <thead> + <tr> + <th scope="col">Constructor Attributes</th> + <th scope="col">Constructor Name and Description</th> + </tr> + </thead> + <tbody> + <tr> + <td class="attributes"> </td> + <td class="nameDescription" > + <div class="fixedFont"> + <b><a href="../symbols/%24.ui.scoreboard.html#constructor">$.ui.scoreboard</a></b> + </div> + <div class="description"></div> + </td> + </tr> + </tbody> + </table> + + +<!-- ============================== properties summary ===================== --> + + + + + + + +<!-- ============================== methods summary ======================== --> + + + + <table class="summaryTable" cellspacing="0" summary="A summary of the methods documented in the class $.ui.scoreboard."> + <caption>Method Summary</caption> + <thead> + <tr> + <th scope="col">Method Attributes</th> + <th scope="col">Method Name and Description</th> + </tr> + </thead> + <tbody> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#dec">dec</a></b>(val) + </div> + <div class="description">Decrements the score by 1 or by the supplied numeric argument</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#decTotal">decTotal</a></b>(val) + </div> + <div class="description">Decrements the total by 1 or by the supplied numeric argument</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#destroy">destroy</a></b>() + </div> + <div class="description">Removes the scoreboard widget and all related data from the DOM</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#getScore">getScore</a></b>() + </div> + <div class="description">Gets the current score</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#getTotal">getTotal</a></b>() + </div> + <div class="description">Gets the current total</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#inc">inc</a></b>(val) + </div> + <div class="description">Increments the score by 1 or by the supplied numeric argument</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#incTotal">incTotal</a></b>(val) + </div> + <div class="description">Increments the total by 1 or by the supplied numeric argument</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#restart">restart</a></b>() + </div> + <div class="description">Restarts the scoreboard and triggers the "scoreboardRestart" event</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#setScore">setScore</a></b>(newScore) + </div> + <div class="description">Sets the current score</div> + </td> + </tr> + + <tr> + <td class="attributes"> </td> + <td class="nameDescription"> + <div class="fixedFont"><b><a href="../symbols/%24.ui.scoreboard.html#setTotal">setTotal</a></b>(newTotal) + </div> + <div class="description">Sets the current total</div> + </td> + </tr> + + </tbody> + </table> + + + + +<!-- ============================== events summary ======================== --> + + +<!-- ============================== constructor details ==================== --> + + <div class="details"><a name="constructor"> </a> + <div class="sectionTitle"> + Namespace Detail + </div> + + <div class="fixedFont"> + <b>$.ui.scoreboard</b> + </div> + + <div class="description"> + + + </div> + + + + + + + + + + + + + </div> + + +<!-- ============================== field details ========================== --> + + +<!-- ============================== method details ========================= --> + + <div class="sectionTitle"> + Method Detail + </div> + + <a name="dec"> </a> + <div class="fixedFont"> + + + <b>dec</b>(val) + + </div> + <div class="description"> + Decrements the score by 1 or by the supplied numeric argument + + + </div> + + + + + <dl class="detailList"> + <dt class="heading">Parameters:</dt> + + <dt> + <span class="light fixedFont">{Number}</span> <b>val</b> + <i>Optional</i> + </dt> + <dd>decrement value</dd> + + </dl> + + + + + + + + + <hr /> + + <a name="decTotal"> </a> + <div class="fixedFont"> + + + <b>decTotal</b>(val) + + </div> + <div class="description"> + Decrements the total by 1 or by the supplied numeric argument + + + </div> + + + + + <dl class="detailList"> + <dt class="heading">Parameters:</dt> + + <dt> + <span class="light fixedFont">{Number}</span> <b>val</b> + <i>Optional</i> + </dt> + <dd>decrement value</dd> + + </dl> + + + + + + + + + <hr /> + + <a name="destroy"> </a> + <div class="fixedFont"> + + + <b>destroy</b>() + + </div> + <div class="description"> + Removes the scoreboard widget and all related data from the DOM + + + </div> + + + + + + + + + + + + <hr /> + + <a name="getScore"> </a> + <div class="fixedFont"> + + <span class="light">{Number}</span> + <b>getScore</b>() + + </div> + <div class="description"> + Gets the current score + + + </div> + + + + + + + + + <dl class="detailList"> + <dt class="heading">Returns:</dt> + + <dd><span class="light fixedFont">{Number}</span> current score</dd> + + </dl> + + + + + <hr /> + + <a name="getTotal"> </a> + <div class="fixedFont"> + + <span class="light">{Number}</span> + <b>getTotal</b>() + + </div> + <div class="description"> + Gets the current total + + + </div> + + + + + + + + + <dl class="detailList"> + <dt class="heading">Returns:</dt> + + <dd><span class="light fixedFont">{Number}</span> current total</dd> + + </dl> + + + + + <hr /> + + <a name="inc"> </a> + <div class="fixedFont"> + + + <b>inc</b>(val) + + </div> + <div class="description"> + Increments the score by 1 or by the supplied numeric argument + + + </div> + + + + + <dl class="detailList"> + <dt class="heading">Parameters:</dt> + + <dt> + <span class="light fixedFont">{Number}</span> <b>val</b> + <i>Optional</i> + </dt> + <dd>increment value</dd> + + </dl> + + + + + + + + + <hr /> + + <a name="incTotal"> </a> + <div class="fixedFont"> + + + <b>incTotal</b>(val) + + </div> + <div class="description"> + Increments the total by 1 or by the supplied numeric argument + + + </div> + + + + + <dl class="detailList"> + <dt class="heading">Parameters:</dt> + + <dt> + <span class="light fixedFont">{Number}</span> <b>val</b> + <i>Optional</i> + </dt> + <dd>increment value</dd> + + </dl> + + + + + + + + + <hr /> + + <a name="restart"> </a> + <div class="fixedFont"> + + + <b>restart</b>() + + </div> + <div class="description"> + Restarts the scoreboard and triggers the "scoreboardRestart" event + + + </div> + + + + + + + + + + + + <hr /> + + <a name="setScore"> </a> + <div class="fixedFont"> + + + <b>setScore</b>(newScore) + + </div> + <div class="description"> + Sets the current score + + + </div> + + + + + <dl class="detailList"> + <dt class="heading">Parameters:</dt> + + <dt> + <span class="light fixedFont">{Number}</span> <b>newScore</b> + + </dt> + <dd>new score</dd> + + </dl> + + + + + + + + + <hr /> + + <a name="setTotal"> </a> + <div class="fixedFont"> + + + <b>setTotal</b>(newTotal) + + </div> + <div class="description"> + Sets the current total + + + </div> + + + + + <dl class="detailList"> + <dt class="heading">Parameters:</dt> + + <dt> + <span class="light fixedFont">{Number}</span> <b>newTotal</b> + + </dt> + <dd>new score</dd> + + </dl> + + + + + + + + + + + + +<!-- ============================== event details ========================= --> + + + <hr /> + </div> + + +<!-- ============================== footer ================================= --> + <div class="fineprint" style="clear:both"> + + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT) + </div> + </body> +</html> diff --git a/docs/symbols/Karma.html b/docs/symbols/Karma.html index ee4f830..9002f0e 100755 --- a/docs/symbols/Karma.html +++ b/docs/symbols/Karma.html @@ -189,6 +189,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> <li><a href="../symbols/Karma.html">Karma</a></li> @@ -1429,7 +1433,7 @@ Karma({ options }) function</dd> <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:09 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kAudio.html b/docs/symbols/Karma.kAudio.html index 577824e..56c18b8 100755 --- a/docs/symbols/Karma.kAudio.html +++ b/docs/symbols/Karma.kAudio.html @@ -189,6 +189,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> <li><a href="../symbols/Karma.html">Karma</a></li> @@ -491,7 +495,7 @@ via the media property of kAudio. Read more about the properties of the <a href= <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:09 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kCanvas.html b/docs/symbols/Karma.kCanvas.html index 19a5ae2..edc5e7d 100755 --- a/docs/symbols/Karma.kCanvas.html +++ b/docs/symbols/Karma.kCanvas.html @@ -189,6 +189,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> <li><a href="../symbols/Karma.html">Karma</a></li> @@ -3391,7 +3395,7 @@ alphabetic, ideographic, or bottom, then the value must be changed to the new va <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:14 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kImage.html b/docs/symbols/Karma.kImage.html index d0669a7..421234d 100755 --- a/docs/symbols/Karma.kImage.html +++ b/docs/symbols/Karma.kImage.html @@ -189,6 +189,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> <li><a href="../symbols/Karma.html">Karma</a></li> @@ -428,7 +432,7 @@ ul.inheritsList <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:14 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kSvg.html b/docs/symbols/Karma.kSvg.html index 116ef4c..6c2c448 100755 --- a/docs/symbols/Karma.kSvg.html +++ b/docs/symbols/Karma.kSvg.html @@ -189,6 +189,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> <li><a href="../symbols/Karma.html">Karma</a></li> @@ -713,7 +717,7 @@ $('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...);</pre <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:14 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kVideo.html b/docs/symbols/Karma.kVideo.html index 7139b4e..54af752 100755 --- a/docs/symbols/Karma.kVideo.html +++ b/docs/symbols/Karma.kVideo.html @@ -189,6 +189,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> <li><a href="../symbols/Karma.html">Karma</a></li> @@ -423,7 +427,7 @@ to Karma in the Karma() method <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:12 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:15 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/_global_.html b/docs/symbols/_global_.html index e2ec569..30d02ea 100755 --- a/docs/symbols/_global_.html +++ b/docs/symbols/_global_.html @@ -189,6 +189,10 @@ ul.inheritsList <h2>Classes</h2> <ul class="classList"> + <li><a href="../symbols/%24.ui.scoreboard.html">$.ui.scoreboard</a></li> + + <li><a href="../symbols/%24.ui.scoreboard.defaults.html">$.ui.scoreboard.defaults</a></li> + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> <li><a href="../symbols/Karma.html">Karma</a></li> @@ -255,7 +259,7 @@ ul.inheritsList <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 20:48:08 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Wed Jan 20 2010 17:12:11 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/src/js_ui.scoreboard.js.html b/docs/symbols/src/js_ui.scoreboard.js.html new file mode 100644 index 0000000..5807b6a --- /dev/null +++ b/docs/symbols/src/js_ui.scoreboard.js.html @@ -0,0 +1,333 @@ +<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"> <style> + .KEYW {color: #933;} + .COMM {color: #bbb; font-style: italic;} + .NUMB {color: #393;} + .STRN {color: #393;} + .REGX {color: #339;} + .line {border-right: 1px dotted #666; color: #666; font-style: normal;} + </style></head><body><pre><span class='line'> 1</span> <span class="COMM">/** +<span class='line'> 2</span> * @fileOverview a scoreboard widget +<span class='line'> 3</span> * @author Bryan Berry <bryan@olenepal.org> +<span class='line'> 4</span> * uses MIT License +<span class='line'> 5</span> */</span><span class="WHIT"> +<span class='line'> 6</span> +<span class='line'> 7</span> +<span class='line'> 8</span> +<span class='line'> 9</span> </span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">$</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 10</span> +<span class='line'> 11</span> </span><span class="WHIT"> </span><span class="COMM">// This is a dummy function, just here as placeholder to</span><span class="WHIT"> +<span class='line'> 12</span> </span><span class="WHIT"> </span><span class="COMM">// to make the jsdoc tool happy</span><span class="WHIT"> +<span class='line'> 13</span> </span><span class="WHIT"> </span><span class="COMM">/** @name $.ui.scoreboard +<span class='line'> 14</span> * @namespace Scoreboard widget +<span class='line'> 15</span> */</span><span class="WHIT"> +<span class='line'> 16</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.scoreboard</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 17</span> +<span class='line'> 18</span> </span><span class="WHIT"> </span><span class="NAME">$.widget</span><span class="PUNC">(</span><span class="STRN">'ui.scoreboard'</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 19</span> </span><span class="WHIT"> </span><span class="COMM">/** @lends $.ui.scoreboard.prototype */</span><span class="WHIT"> +<span class='line'> 20</span> </span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 21</span> </span><span class="WHIT"> </span><span class="COMM">/** Gets the current score +<span class='line'> 22</span> * @returns {Number} current score +<span class='line'> 23</span> */</span><span class="WHIT"> +<span class='line'> 24</span> </span><span class="WHIT"> </span><span class="NAME">getScore</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 25</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 26</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 27</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the current score +<span class='line'> 28</span> * @param {Number} newScore new score +<span class='line'> 29</span> */</span><span class="WHIT"> +<span class='line'> 30</span> </span><span class="WHIT"> </span><span class="NAME">setScore</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">newScore</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 31</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">newScore</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 32</span> </span><span class="WHIT"> </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 33</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 34</span> </span><span class="WHIT"> </span><span class="COMM">/** Gets the current total +<span class='line'> 35</span> * @returns {Number} current total +<span class='line'> 36</span> */</span><span class="WHIT"> +<span class='line'> 37</span> </span><span class="WHIT"> </span><span class="NAME">getTotal</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 38</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 39</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 40</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the current total +<span class='line'> 41</span> * @param {Number} newTotal new score +<span class='line'> 42</span> */</span><span class="WHIT"> +<span class='line'> 43</span> </span><span class="WHIT"> </span><span class="NAME">setTotal</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">newTotal</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 44</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">newTotal</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 45</span> </span><span class="WHIT"> </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 46</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 47</span> </span><span class="WHIT"> </span><span class="COMM">/** +<span class='line'> 48</span> * Restarts the scoreboard and triggers the "scoreboardRestart" event +<span class='line'> 49</span> */</span><span class="WHIT"> +<span class='line'> 50</span> </span><span class="WHIT"> </span><span class="NAME">restart</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 51</span> </span><span class="WHIT"> </span><span class="NAME">this.element.trigger</span><span class="PUNC">(</span><span class="STRN">'scoreboardRestart'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 52</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'initialScore'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 53</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'initialTotal'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 54</span> </span><span class="WHIT"> </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 55</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 56</span> </span><span class="WHIT"> </span><span class="COMM">/** Increments the score by 1 or by the supplied numeric argument +<span class='line'> 57</span> * @param {Number} [val] increment value +<span class='line'> 58</span> */</span><span class="WHIT"> +<span class='line'> 59</span> </span><span class="WHIT"> </span><span class="NAME">inc</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 60</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">incVal</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 61</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">incVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 62</span> </span><span class="WHIT"> </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 63</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'winScore'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 64</span> </span><span class="WHIT"> </span><span class="NAME">this.element.trigger</span><span class="PUNC">(</span><span class="STRN">'scoreboardWinGame'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 65</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'> 66</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 67</span> </span><span class="WHIT"> </span><span class="COMM">/** Increments the total by 1 or by the supplied numeric argument +<span class='line'> 68</span> * @param {Number} [val] increment value +<span class='line'> 69</span> */</span><span class="WHIT"> +<span class='line'> 70</span> </span><span class="WHIT"> </span><span class="NAME">incTotal</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 71</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">incVal</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 72</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">incVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 73</span> </span><span class="WHIT"> </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 74</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 75</span> </span><span class="WHIT"> </span><span class="COMM">/** Decrements the score by 1 or by the supplied numeric argument +<span class='line'> 76</span> * @param {Number} [val] decrement value +<span class='line'> 77</span> */</span><span class="WHIT"> +<span class='line'> 78</span> </span><span class="WHIT"> </span><span class="NAME">dec</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 79</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">decVal</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 80</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">decVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 81</span> </span><span class="WHIT"> </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 82</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 83</span> </span><span class="WHIT"> </span><span class="COMM">/** Decrements the total by 1 or by the supplied numeric argument +<span class='line'> 84</span> * @param {Number} [val] decrement value +<span class='line'> 85</span> */</span><span class="WHIT"> +<span class='line'> 86</span> </span><span class="WHIT"> </span><span class="NAME">decTotal</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 87</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">decVal</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 88</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">decVal</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 89</span> </span><span class="WHIT"> </span><span class="NAME">this._refresh</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 90</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'> 91</span> </span><span class="WHIT"> </span><span class="NAME">_</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 92</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 93</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertNumLocale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">num</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 94</span> </span><span class="WHIT"> </span><span class="COMM">//48 is the base for western numerals</span><span class="WHIT"> +<span class='line'> 95</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertDigit</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">digit</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'> 96</span> </span><span class="WHIT"> +<span class='line'> 97</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">48</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 98</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"u00"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'> 99</span> </span><span class="WHIT"> +<span class='line'>100</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"ne"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>101</span> </span><span class="WHIT"> </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"u0"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>102</span> </span><span class="WHIT"> </span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">2406</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>103</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>104</span> </span><span class="WHIT"> +<span class='line'>105</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">'\\'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">prefix</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>106</span> </span><span class="PUNC">(</span><span class="NAME">numBase</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">digit</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toString</span><span class="PUNC">(</span><span class="NUMB">16</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>107</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>108</span> </span><span class="WHIT"> +<span class='line'>109</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">charArray</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">num.toString</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">split</span><span class="PUNC">(</span><span class="STRN">""</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">map</span><span class="PUNC">(</span><span class="NAME">convertDigit</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>110</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">eval</span><span class="PUNC">(</span><span class="STRN">'"'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">charArray.join</span><span class="PUNC">(</span><span class="STRN">''</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'"'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>111</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>112</span> </span><span class="WHIT"> +<span class='line'>113</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">convertStringLocale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>114</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">self._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"ne"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>115</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">str</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>116</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Score"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>117</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"foo"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>118</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"Total"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>119</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"bar"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>120</span> </span><span class="WHIT"> </span><span class="KEYW">default</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>121</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"string not translated"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>122</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>123</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>124</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="STRN">"String really not translated"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>125</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>126</span> +<span class='line'>127</span> +<span class='line'>128</span> +<span class='line'>129</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">val</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"number"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>130</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">convertNumLocale</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>131</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>132</span> </span><span class="WHIT"> +<span class='line'>133</span> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="STRN">"en"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>134</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">convertStringLocale</span><span class="PUNC">(</span><span class="NAME">val</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>135</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>136</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">val</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>137</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>138</span> +<span class='line'>139</span> </span><span class="WHIT"> +<span class='line'>140</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>141</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>142</span> +<span class='line'>143</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divDisplay</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"inline"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>144</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">score</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.options.score</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>145</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.options.total</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>146</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"h"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>147</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">self</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>148</span> </span><span class="WHIT"> +<span class='line'>149</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$.extend</span><span class="PUNC">(</span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">$.ui.scoreboard.defaults</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">this.options</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>150</span> +<span class='line'>151</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'initialScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.score</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>152</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'initialTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.total</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>153</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.score</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>154</span> </span><span class="WHIT"> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.total</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>155</span> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'winScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">options.winningScore</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>156</span> </span><span class="NAME">this._setData</span><span class="PUNC">(</span><span class="STRN">'locale'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">options.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>157</span> +<span class='line'>158</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.options.layout</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"vertical"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>159</span> </span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"v"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>160</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>161</span> +<span class='line'>162</span> </span><span class="NAME">this.element.addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-container-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>163</span> </span><span class="WHIT"> </span><span class="STRN">' ui-widget ui-widget-content ui-corner-all'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>164</span> +<span class='line'>165</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$parent</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<div>'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>166</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">attr</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'uiScoreboard'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>167</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>168</span> </span><span class="WHIT"> +<span class='line'>169</span> </span><span class="NAME">this._scoreText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div><span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="STRN">"Score"</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</span></div>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>170</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>171</span> </span><span class="WHIT"> </span><span class="STRN">' ui-corner-all ui-scoreboard-text'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>172</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>173</span> +<span class='line'>174</span> </span><span class="WHIT"> </span><span class="NAME">this._score</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div><span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">score</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</span></div>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>175</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>176</span> </span><span class="WHIT"> </span><span class="STRN">' ui-scoreboard-text ui-scoreboard-number-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>177</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>178</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>179</span> +<span class='line'>180</span> +<span class='line'>181</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div><span>Total</span></div>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>182</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>183</span> </span><span class="WHIT"> </span><span class="STRN">' ui-corner-all '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>184</span> </span><span class="STRN">'ui-scoreboard-text'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>185</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>186</span> +<span class='line'>187</span> </span><span class="WHIT"> </span><span class="NAME">this._total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">"<div><span>"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">total</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"</span></div>"</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>188</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>189</span> </span><span class="WHIT"> </span><span class="STRN">' ui-scoreboard-text ui-scoreboard-number-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>190</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>191</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>192</span> +<span class='line'>193</span> +<span class='line'>194</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$templateBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<button></button>'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>195</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-scoreboard-spacing-'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">layoutId</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>196</span> </span><span class="STRN">' ui-scoreboard-button '</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>197</span> </span><span class="WHIT"> </span><span class="STRN">'ui-corner-all ui-state-default'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>198</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">append</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>199</span> </span><span class="WHIT"> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<span></span>'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>200</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon '</span><span class="WHIT"> +<span class='line'>201</span> </span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">'ui-scoreboard-icon'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>202</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>203</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">append</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>204</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="STRN">'<span>Restart</span>'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>205</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'centered'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>206</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>207</span> </span><span class="WHIT"> +<span class='line'>208</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.restartButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>209</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$restartBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>210</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>211</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-arrowrefresh-1-w'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>212</span> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>213</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>214</span> </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="STRN">'Restart'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>215</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>216</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">self.restart</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>217</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>218</span> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>219</span> +<span class='line'>220</span> +<span class='line'>221</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.pauseButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>222</span> +<span class='line'>223</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$pauseBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>224</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="COMM">//</span><span class="WHIT"> +<span class='line'>225</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">removeClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-arrowrefresh-1-w'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>226</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-pause'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>227</span> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>228</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>229</span> </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="STRN">'Pause'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>230</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>231</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>232</span> </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'scoreboardPause'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>233</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>234</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>235</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>236</span> +<span class='line'>237</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">options.startButton</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>238</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">$startBtn</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">$templateBtn.clone</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>239</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:first'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>240</span> </span><span class="WHIT"> </span><span class="COMM">//.removeClass('ui-icon-arrowrefresh-1-w')</span><span class="WHIT"> +<span class='line'>241</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">'ui-icon-arrowreturnthick-1-s'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>242</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>243</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">find</span><span class="PUNC">(</span><span class="STRN">'span:last'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>244</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">text</span><span class="PUNC">(</span><span class="STRN">'Start'</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>245</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">end</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>246</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">click</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>247</span> </span><span class="NAME">self.element.trigger</span><span class="PUNC">(</span><span class="STRN">'scoreboardStart'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>248</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="WHIT"> +<span class='line'>249</span> </span><span class="WHIT"> </span><span class="PUNC">.</span><span class="NAME">appendTo</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>250</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>251</span> +<span class='line'>252</span> +<span class='line'>253</span> </span><span class="WHIT"> </span><span class="NAME">$parent.find</span><span class="PUNC">(</span><span class="STRN">'button'</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">hover</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>254</span> </span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>255</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">addClass</span><span class="PUNC">(</span><span class="STRN">"ui-state-hover"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>256</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>257</span> </span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>258</span> </span><span class="NAME">$</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">removeClass</span><span class="PUNC">(</span><span class="STRN">"ui-state-hover"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>259</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>260</span> +<span class='line'>261</span> </span><span class="WHIT"> </span><span class="NAME">this.element.append</span><span class="PUNC">(</span><span class="NAME">$parent</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>262</span> +<span class='line'>263</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>264</span> </span><span class="WHIT"> </span><span class="NAME">_refresh</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>265</span> </span><span class="WHIT"> </span><span class="NAME">this._score.text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'score'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>266</span> </span><span class="WHIT"> </span><span class="NAME">this._total.text</span><span class="PUNC">(</span><span class="NAME">this._</span><span class="PUNC">(</span><span class="NAME">this._getData</span><span class="PUNC">(</span><span class="STRN">'total'</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>267</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>268</span> </span><span class="WHIT"> </span><span class="COMM">/** Removes the scoreboard widget and all related data from the DOM */</span><span class="WHIT"> +<span class='line'>269</span> </span><span class="WHIT"> </span><span class="NAME">destroy</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>270</span> </span><span class="WHIT"> </span><span class="NAME">this.element.remove</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>271</span> </span><span class="WHIT"> </span><span class="NAME">$.widget.prototype.destroy.apply</span><span class="PUNC">(</span><span class="KEYW">this</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>272</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>273</span> +<span class='line'>274</span> </span><span class="WHIT"> +<span class='line'>275</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>276</span> +<span class='line'>277</span> </span><span class="WHIT"> </span><span class="NAME">$.ui.scoreboard.getter</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="STRN">'getScore'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'getTotal'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'_convertNumLocale'</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>278</span> </span><span class="WHIT"> +<span class='line'>279</span> </span><span class="COMM">/** Default settings for the scoreboard widget +<span class='line'>280</span> * @namespace Default settings for the scoreboard widget +<span class='line'>281</span> * @extends $.ui.scoreboard +<span class='line'>282</span> */</span><span class="WHIT"> +<span class='line'>283</span> </span><span class="NAME">$.ui.scoreboard.defaults</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>284</span> </span><span class="WHIT"> </span><span class="COMM">/** Initial score +<span class='line'>285</span> * @type Number +<span class='line'>286</span> * @default 0 +<span class='line'>287</span> */</span><span class="WHIT"> +<span class='line'>288</span> </span><span class="WHIT"> </span><span class="NAME">score</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>289</span> </span><span class="COMM">/** Initial total +<span class='line'>290</span> * @type Number +<span class='line'>291</span> * @default 0 +<span class='line'>292</span> */</span><span class="WHIT"> +<span class='line'>293</span> </span><span class="WHIT"> </span><span class="NAME">total</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>294</span> </span><span class="COMM">/** Initial layout, valid options are "horizontal" and "vertical" +<span class='line'>295</span> * @type String +<span class='line'>296</span> * @default "horizontal" +<span class='line'>297</span> */</span><span class="WHIT"> +<span class='line'>298</span> </span><span class="WHIT"> </span><span class="NAME">layout</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"horizontal"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>299</span> </span><span class="COMM">/** The score that will win the game +<span class='line'>300</span> * @type Number +<span class='line'>301</span> * @default 0 +<span class='line'>302</span> */</span><span class="WHIT"> +<span class='line'>303</span> </span><span class="WHIT"> </span><span class="NAME">winningScore</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>304</span> </span><span class="WHIT"> </span><span class="COMM">/** Default locale, valid options are "en" and "ne" +<span class='line'>305</span> * @type String +<span class='line'>306</span> * @default "en" +<span class='line'>307</span> */</span><span class="WHIT"> +<span class='line'>308</span> </span><span class="WHIT"> </span><span class="NAME">locale</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"en"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>309</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Start Button +<span class='line'>310</span> * @type boolean +<span class='line'>311</span> * @default false +<span class='line'>312</span> */</span><span class="WHIT"> +<span class='line'>313</span> </span><span class="WHIT"> </span><span class="NAME">startButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>314</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Retart Button +<span class='line'>315</span> * @type boolean +<span class='line'>316</span> * @default true +<span class='line'>317</span> */</span><span class="WHIT"> +<span class='line'>318</span> </span><span class="WHIT"> </span><span class="NAME">restartButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>319</span> </span><span class="WHIT"> </span><span class="COMM">/** Display the Pause Button +<span class='line'>320</span> * @type boolean +<span class='line'>321</span> * @default false +<span class='line'>322</span> */</span><span class="WHIT"> +<span class='line'>323</span> </span><span class="WHIT"> </span><span class="NAME">pauseButton</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="WHIT"> +<span class='line'>324</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>325</span> +<span class='line'>326</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">(</span><span class="NAME">jQuery</span><span class="PUNC">)</span><span class="PUNC">;</span></pre></body></html>
\ No newline at end of file diff --git a/examples/English_Animal_Identification/js/lesson.js b/examples/English_Animal_Identification/js/lesson.js index d51c8c5..f261596 100755 --- a/examples/English_Animal_Identification/js/lesson.js +++ b/examples/English_Animal_Identification/js/lesson.js @@ -22,9 +22,8 @@ $(document).ready( var t; var current_image; - var scoreboard = $('#scoreArea').scoreboard({'layout':'vertical', - 'winningScore': 6}); - scoreboard.bind('winGame', + var scoreboard = $('#scoreArea').scoreboard({'winningScore': 6}); + scoreboard.bind('scoreboardWinGame', function(){ $('.optImg').hide(); $('.imageBox').hide(); diff --git a/js/ui.scoreboard.js b/js/ui.scoreboard.js index 6b1eaea..0ffb835 100755 --- a/js/ui.scoreboard.js +++ b/js/ui.scoreboard.js @@ -1,43 +1,88 @@ +/** +* @fileOverview a scoreboard widget +* @author Bryan Berry <bryan@olenepal.org> +* uses MIT License +*/ + + + (function($){ - $.widget('ui.scoreboard', + + // 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(); }, - reset : function(){ + /** + * 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('winGame'); + 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); @@ -62,7 +107,6 @@ }; var charArray = num.toString().split("").map(convertDigit); - console.log(charArray.join('')); return eval('"' + charArray.join('') + '"'); }; @@ -102,69 +146,118 @@ var layoutId = "h"; var self = this; - - this._setData('initialScore', parseInt(this.options.score)); - this._setData('initialTotal', parseInt(this.options.total)); - this._setData('score', parseInt(this.options.score)); - this._setData('total', parseInt(this.options.total)); - this._setData('winScore', parseInt(this.options.winningScore) || 0); - this._setData('locale', this.options.locale || "en"); + 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>" + this._("Score") + "</div>") + this._scoreText = $("<div><span>" + this._("Score") + "</span></div>") .addClass('ui-scoreboard-spacing-'+ layoutId + ' ui-corner-all ui-scoreboard-text') .appendTo($parent); - this._score = $("<div>" + this._(score) + "</div>") + this._score = $("<div><span>" + this._(score) + "</span></div>") .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-scoreboard-number-' + layoutId) - .appendTo($parent); + ' ui-scoreboard-text ui-scoreboard-number-' + layoutId) + .appendTo($parent) + .find('span:first'); + - $("<div>Total</div>") + $("<div><span>Total</span></div>") .addClass('ui-scoreboard-spacing-' + layoutId + ' ui-corner-all ' + 'ui-scoreboard-text') .appendTo($parent); - this._total = $("<div>" + this._(total) + "</div>") + this._total = $("<div><span>" + this._(total) + "</span></div>") .addClass('ui-scoreboard-spacing-' + layoutId + - ' ui-scoreboard-number-' + layoutId) - .appendTo($parent); + ' ui-scoreboard-text ui-scoreboard-number-' + layoutId) + .appendTo($parent) + .find('span:first'); + - var $playAgainDiv = $('<button></button>') + var $templateBtn = $('<button></button>') .addClass('ui-scoreboard-spacing-' + layoutId + ' ui-scoreboard-button ' + 'ui-corner-all ui-state-default') - .click(function(){ self.reset();}) - .hover( + .append( + $('<span></span>') + .addClass('ui-icon ' + + 'ui-scoreboard-icon') + ) + .append( + $('<span>Restart</span>') + .addClass('centered') + ); + + if(options.restartButton){ + var $restartBtn = $templateBtn.clone() + .find('span:first') + .addClass('ui-icon-arrowrefresh-1-w') + .end() + .find('span:last') + .text('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('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('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"); - }) - .appendTo($parent); + }); - var $playAgainIcon = $('<span></span>') - .addClass('ui-icon ui-icon-arrowreturnthick-1-s ' - + 'ui-scoreboard-icon') - .appendTo($playAgainDiv); - - var $playAgainTest = $('<span>Restart</span>') - .addClass('centered') - .appendTo($playAgainDiv); - this.element.append($parent); }, @@ -172,6 +265,7 @@ 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); @@ -181,12 +275,52 @@ }); $.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, - locale: "en" + /** 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 |