mirror of
https://github.com/brachiel/Androtafl.git
synced 2026-03-16 22:50:23 +00:00
First playable version.
Introduced jo java script framework.
This commit is contained in:
Wanja
parent
63df6b0b52
commit
c6f826efc9
26 changed files with 8131 additions and 209 deletions
BIN
assets/www/css/back-icon.png
Normal file
BIN
assets/www/css/back-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 176 B |
BIN
assets/www/css/back-line.png
Normal file
BIN
assets/www/css/back-line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 203 B |
BIN
assets/www/css/back-mini.png
Normal file
BIN
assets/www/css/back-mini.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 176 B |
BIN
assets/www/css/bright-shiny.png
Normal file
BIN
assets/www/css/bright-shiny.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 486 B |
47
assets/www/css/browser.css
Normal file
47
assets/www/css/browser.css
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
joscroller {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: auto;
|
||||
width: auto;
|
||||
top: 0; left: 0; bottom: 0; right: 0;
|
||||
overflow: auto;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
-o-transform: none;
|
||||
-ms-transform: none;
|
||||
}
|
||||
joscroller > * {
|
||||
position: relative;
|
||||
top: auto;
|
||||
}
|
||||
.flick {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
}
|
||||
.flickback {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
}
|
||||
.flickfast {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
}
|
||||
|
||||
jocard {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
jocontainer {
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
joscroller {
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
BIN
assets/www/css/dark_matte.png
Normal file
BIN
assets/www/css/dark_matte.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 365 B |
BIN
assets/www/css/expando.png
Normal file
BIN
assets/www/css/expando.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 601 B |
BIN
assets/www/css/full-matte.png
Normal file
BIN
assets/www/css/full-matte.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 772 B |
1031
assets/www/css/jo.css
Normal file
1031
assets/www/css/jo.css
Normal file
File diff suppressed because it is too large
Load diff
BIN
assets/www/css/lite-matte.png
Normal file
BIN
assets/www/css/lite-matte.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 567 B |
53
assets/www/css/sample.html
Normal file
53
assets/www/css/sample.html
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
|
||||
<meta name="format-detection" content="false">
|
||||
<title>joTest</title>
|
||||
<link rel="stylesheet" href="simple/simple.css" type="text/css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--
|
||||
Sample page with static markup to make it easier to create CSS.
|
||||
Adjust the stylesheet link above to pull in the stylesheet you
|
||||
want to work on.
|
||||
-->
|
||||
|
||||
<jostack>
|
||||
<jocard>
|
||||
<jotitle>Hello, Jo</jotitle>
|
||||
<jocaption>This is a sample static HTML page with Jo UI markup. It is designed
|
||||
to make it easier to design stylesheets which work with Jo.
|
||||
</jocaption>
|
||||
<jodivider></jodivider>
|
||||
<jocaption>Menu sample</jocaption>
|
||||
<jogroup>
|
||||
<jomenu>
|
||||
<jomenuitem>Menu Item 1</jomenuitem>
|
||||
<jomenuitem class="selected">Menu Item 2</jomenuitem>
|
||||
<jomenuitem>Menu Item 3</jomenuitem>
|
||||
</jomenu>
|
||||
</jogroup>
|
||||
<jodivider></jodivider>
|
||||
<jocaption>Dialog Sample</jocaption>
|
||||
<jogroup>
|
||||
<jolabel>Username</jolabel>
|
||||
<joinput class="focus">Jo</joinput>
|
||||
<jolabel>Password</jolabel>
|
||||
<joinput class="password">12345</joinput class="password">
|
||||
<jolabel class="disabled">Realm</jolabel>
|
||||
<joinput class="disabled">Disabled Input</joinput>
|
||||
</jogroup>
|
||||
<jofooter>
|
||||
<jodivider></jodivider>
|
||||
<jobutton>Go, Jo</jobutton>
|
||||
<jobutton class="disabled">Cancel</jobutton>
|
||||
</jofooter>
|
||||
</jocard>
|
||||
</jostack>
|
||||
</body>
|
||||
</html>
|
||||
BIN
assets/www/css/shade-top.png
Normal file
BIN
assets/www/css/shade-top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 382 B |
BIN
assets/www/css/shade.png
Normal file
BIN
assets/www/css/shade.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 270 B |
BIN
assets/www/css/shiny-button.png
Normal file
BIN
assets/www/css/shiny-button.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 762 B |
BIN
assets/www/css/shiny.png
Normal file
BIN
assets/www/css/shiny.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 480 B |
BIN
assets/www/css/subtle-matte-full.png
Normal file
BIN
assets/www/css/subtle-matte-full.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 784 B |
BIN
assets/www/css/subtle-shiny-button.png
Normal file
BIN
assets/www/css/subtle-shiny-button.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 779 B |
BIN
assets/www/css/subtle-shiny.png
Normal file
BIN
assets/www/css/subtle-shiny.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 478 B |
34
assets/www/css/webos.css
Normal file
34
assets/www/css/webos.css
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
joscroller > * {
|
||||
-webkit-user-drag: element;
|
||||
}
|
||||
|
||||
jotoolbar joflexrow jobutton.back {
|
||||
display: none;
|
||||
}
|
||||
jotoolbar {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
jopopup {
|
||||
max-width: inherit;
|
||||
margin: 0;
|
||||
-webkit-border-radius: 20px 20px 0 0;
|
||||
-webkit-transform: translateY(100%);
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
jopopup.show {
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
|
||||
joshim>joflexcol>*:first-child {
|
||||
-webkit-box-flex: 1;
|
||||
}
|
||||
joshim>joflexcol>*:last-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
jobackbutton.active {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,10 +1,19 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>PhoneGap</title>
|
||||
<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello World</h1>
|
||||
</body>
|
||||
</html>
|
||||
<head>
|
||||
<title>PhoneGap</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="css/jo.css" />
|
||||
|
||||
<!-- Libraries -->
|
||||
<script type="text/javascript" charset="utf-8" src="js/cordova-1.5.0.js"></script>
|
||||
|
||||
<!-- Application Code -->
|
||||
<script type="text/javascript" charset="utf-8" src="js/tafl.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<script type="text/javascript" charset="utf-8" src="js/jo_min.js"></script>
|
||||
<script type="text/javascript" charset="utf-8" src="js/ui.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
6146
assets/www/js/jo.js
Normal file
6146
assets/www/js/jo.js
Normal file
File diff suppressed because it is too large
Load diff
379
assets/www/js/jo_min.js
Normal file
379
assets/www/js/jo_min.js
Normal file
|
|
@ -0,0 +1,379 @@
|
|||
|
||||
joLog=function(){var strings=[];for(var i=0;i<arguments.length;i++){strings.push(arguments[i]);}
|
||||
console.log(strings.join(" "));}
|
||||
Function.prototype.extend=function(superclass,proto){this.prototype=new superclass();if(proto){for(var i in proto)
|
||||
this.prototype[i]=proto[i];}};if(typeof Function.prototype.bind==='undefined'){Function.prototype.bind=function(context){var self=this;function callbind(){return self.apply(context,arguments);}
|
||||
return callbind;};}
|
||||
if(typeof HTMLElement==='undefined')
|
||||
HTMLElement=Object;if(typeof console==='undefined'||typeof console.log!=='function')
|
||||
console={log:function(msg){}};jo={platform:"webkit",version:"0.4.1",useragent:['ipad','iphone','webos','bada','android','opera','chrome','safari','mozilla','gecko','explorer'],debug:false,setDebug:function(state){this.debug=state;},flag:{stopback:false},load:function(call,context){joDOM.enable();this.loadEvent=new joSubject(this);this.unloadEvent=new joSubject(this);document.body.onMouseDown=function(e){e.preventDefault();};document.body.onDragStart=function(e){e.preventDefault();};if(typeof navigator=='object'&&navigator.userAgent){var agent=navigator.userAgent.toLowerCase();for(var i=0;i<this.useragent.length;i++){if(agent.indexOf(this.useragent[i])>=0){this.platform=this.useragent[i];break;}}}
|
||||
if(joEvent){var o=document.createElement('div');var test=("ontouchstart"in o);if(!test){o.setAttribute("ontouchstart",'return;');test=(typeof o.ontouchstart==='function');}
|
||||
joEvent.touchy=test;o=null;}
|
||||
if(joGesture)
|
||||
joGesture.load();var s=joScroller.prototype;if(typeof document.body.style.webkitTransition!=="undefined"){}
|
||||
else if(typeof document.body.style.MozTransition!=="undefined"){s.transitionEnd="transitionend";s.setPosition=function(x,y,node){node.style.MozTransform="translate("+x+"px,"+y+"px)";};}
|
||||
else if(typeof document.body.style.msTransform!=="undefined"){s.transitionEnd="transitionend";s.setPosition=function(x,y,node){node.style.msTransform="translate("+x+"px,"+y+"px)";};}
|
||||
else if(typeof document.body.style.OTransition!=="undefined"){s.transitionEnd="otransitionend";s.setPosition=function(x,y,node){node.style.OTransform="translate("+x+"px,"+y+"px)";};}
|
||||
else{s.velocity=0;s.bump=0;s.transitionEnd="transitionend";s.setPosition=function(x,y,node){if(this.vertical)
|
||||
node.style.top=y+"px";if(this.horizontal)
|
||||
node.style.left=x+"px";};}
|
||||
joLog("Jo",this.version,"loaded for",this.platform,"environment");this.loadEvent.fire();},tagMap:{},tagMapLoaded:false,initTagMap:function(){if(this.tagMapLoaded)
|
||||
return;var key=this.tagMap;key.JOVIEW=joView;key.BODY=joScreen;for(var p in window){var o=window[p];if(typeof o==='function'&&o.prototype&&typeof o.prototype.tagName!=='undefined'&&o.prototype instanceof joView){var tag=o.prototype.tagName.toUpperCase();if(o.prototype.type){if(!key[tag])
|
||||
key[tag]={};key[tag][o.prototype.type]=o;}
|
||||
else{key[tag]=o;}}}},getPlatform:function(){return this.platform;},matchPlatform:function(test){return(test.indexOf(this.platform)>=0);},getVersion:function(){return this.version;},getLanguage:function(){return this.language;}};joDOM={enabled:false,get:function(id){if(typeof id==="string"){return document.getElementById(id);}
|
||||
else if(typeof id==='object'){if(id instanceof joView)
|
||||
return id.container;else
|
||||
return id;}},remove:function(node){if(node.parentNode){node.parentNode.removeChild(node);}},enable:function(){this.enabled=true;},getParentWithin:function(node,ancestor){while(node.parentNode!==window&&node.parentNode!==ancestor){node=node.parentNode;}
|
||||
return node;},addCSSClass:function(node,classname){var node=joDOM.get(node);if(typeof node.className!=="undefined"){var n=node.className.split(/\s+/);for(var i=0,l=n.length;i<l;i++){if(n[i]==classname)
|
||||
return;}
|
||||
n.push(classname);node.className=n.join(" ");}
|
||||
else{node.className=classname;}},removeCSSClass:function(node,classname,toggle){var node=joDOM.get(node);if(typeof node.className!=="undefined"){var n=node.className.split(/\s+/);for(var i=0,l=n.length;i<l;i++){if(n[i]==classname){if(l==1)
|
||||
node.className="";else{n.splice(i,i);node.className=n.join(" ");}
|
||||
return;}}
|
||||
if(toggle){n.push(classname);node.className=n.join(" ");}}
|
||||
else{node.className=classname;}},toggleCSSClass:function(node,classname){this.removeCSSClass(node,classname,true);},create:function(tag,style){if(!this.enabled)
|
||||
return null;if(typeof tag==="object"&&typeof tag.tagName==="string"){var o=document.createElement(tag.tagName);if(tag.className)
|
||||
this.setStyle(o,tag.className);}
|
||||
else{var o=document.createElement(tag);if(style)
|
||||
this.setStyle(o,style);}
|
||||
return o;},setStyle:function(node,style){if(typeof style==="string"){node.className=style;}
|
||||
else if(typeof style==="object"){for(var i in style){switch(i){case"id":case"className":node[i]=style[i];break;default:node.style[i]=style[i];}}}
|
||||
else if(typeof style!=="undefined"){throw("joDOM.setStyle(): unrecognized type for style argument; must be object or string.");}},applyCSS:function(style,oldnode){if(oldnode)
|
||||
document.body.removeChild(oldnode);var css=joDOM.create('jostyle');css.innerHTML='<style>'+style+'</style>';document.body.appendChild(css);return css;},removeCSS:function(node){document.body.removeChild(node);},loadCSS:function(filename,oldnode){if(oldnode)
|
||||
var css=oldnode;else
|
||||
var css=joDOM.create('link');css.rel='stylesheet';css.type='text/css';css.href=filename+(jo.debug?("?"+joTime.timestamp()):"");if(!oldnode)
|
||||
document.body.appendChild(css);return css;},pageOffsetLeft:function(node){var l=0;while(typeof node!=='undefined'&&node&&node.parentNode!==window){if(node.offsetLeft)
|
||||
l+=node.offsetLeft;node=node.parentNode;}
|
||||
return l;},pageOffsetTop:function(node){var t=0;while(typeof node!=='undefined'&&node&&node.parentNode!==window){t+=node.offsetTop;node=node.parentNode;}
|
||||
return t;}};joCSSRule=function(data){this.setData(data);};joCSSRule.prototype={container:null,setData:function(data){this.data=data||"";this.enable();},clear:function(){this.setData();},disable:function(){joDOM.removeCSS(this.container);},enable:function(){this.container=joDOM.applyCSS(this.data,this.container);}};joEvent={eventMap:{"mousedown":"touchstart","mousemove":"touchmove","mouseup":"touchend","mouseout":"touchcancel"},touchy:false,getTarget:function(e){if(!e)
|
||||
var e=window.event;return e.target?e.target:e.srcElement;},capture:function(element,event,call,context,data){return this.on(element,event,call,context,data,true);},on:function(element,event,call,context,data,capture){if(!call||!element)
|
||||
return false;if(this.touchy){if(this.eventMap[event])
|
||||
event=this.eventMap[event];}
|
||||
var element=joDOM.get(element);var call=call;var data=data||"";function wrappercall(e){if(e.touches&&e.touches.length==1){var touches=e.touches[0];e.pageX=touches.pageX;e.pageY=touches.pageY;e.screenX=touches.screenX;e.screenY=touches.screenY;e.clientX=touches.clientX;e.clientY=touches.clientY;}
|
||||
if(context)
|
||||
call.call(context,e,data);else
|
||||
call(e,data);};wrappercall.capture=capture||false;if(!window.addEventListener)
|
||||
element.attachEvent("on"+event,wrappercall);else
|
||||
element.addEventListener(event,wrappercall,capture||false);return wrappercall;},remove:function(element,event,call,capture){if(this.touchy){if(this.eventMap[event]){event=this.eventMap[event];}}
|
||||
if(typeof element.removeEventListener!=='undefined')
|
||||
element.removeEventListener(event,call,capture||false);},stop:function(e){if(e.stopPropagation)
|
||||
e.stopPropagation();else
|
||||
e.cancelBubble=true;},preventDefault:function(e){e.preventDefault();},block:function(e){if(window.event)
|
||||
var e=window.event;if(typeof e.target=='undefined')
|
||||
e.target=e.srcElement;switch(e.target.nodeName.toLowerCase()){case'input':case'textarea':return true;break;default:return false;}}};joSubject=function(subject){this.subscriptions=[];this.subject=subject;};joSubject.prototype={last:-1,subscribe:function(call,observer,data){if(!call)
|
||||
return false;var o={"call":call};if(observer)
|
||||
o.observer=observer;if(data)
|
||||
o.data=data;this.subscriptions.push(o);return this.subject;},unsubscribe:function(call,observer){if(!call)
|
||||
return false;for(var i=0,l=this.subscriptions.length;i<l;i++){var sub=this.subscriptions[i];if(sub.call===call&&(typeof sub.observer==='undefined'||sub.observer===observer)){this.subscriptions.splice(i,1);break;}}
|
||||
return this.subject;},resume:function(data){if(this.last!=-1)
|
||||
this.fire(data,true);return this.subject;},fire:function(data,resume){if(typeof data==='undefined')
|
||||
data="";var i=(resume)?(this.last||0):0;this.last=-1;for(var l=this.subscriptions.length;i<l;i++){var sub=this.subscriptions[i];var subjectdata=(typeof sub.data!=='undefined')?sub.data:null;if(sub.observer)
|
||||
sub.call.call(sub.observer,data,this.subject,subjectdata);else
|
||||
sub.call(data,this.subject,subjectdata);if(sub.capture){this.last=i+1;break;}}
|
||||
return this.subject;},capture:function(call,observer,data){if(!call)
|
||||
return false;var o={"call":call,capture:true};if(observer)
|
||||
o.observer=observer;if(data)
|
||||
o.data=data;this.subscriptions.unshift(o);return this.subject;},release:function(call,observer){return this.unsubscribe(call,observer);}};var SEC=1000;var MIN=60*SEC;var HOUR=60*MIN;var DAY=24*HOUR;joTime={timestamp:function(){var now=new Date();return now/1;}};function joDefer(call,context,delay,data){if(!delay)
|
||||
var delay=100;if(!context)
|
||||
var context=this;var timer=window.setTimeout(function(){call.call(context,data);},delay);return timer;};joYield=joDefer;joCache={cache:{},set:function(key,call,context){if(call)
|
||||
this.cache[key]={"call":call,"context":context||this};},get:function(key){var cache=this.cache[key]||null;if(cache){if(!cache.view)
|
||||
cache.view=cache.call.apply(cache.context,arguments);return cache.view;}
|
||||
else{return new joView("View not found: "+key);}}};joChain=function(){this.queue=[];this.active=false;this.addEvent=new joSubject("add",this);this.startEvent=new joSubject("start",this);this.stopEvent=new joSubject("stop",this);this.nextEvent=new joSubject("next",this);this.stop();this.delay=100;};joChain.prototype={add:function(call,context,data){if(!context)
|
||||
var context=this;if(!data)
|
||||
var data="";this.queue.push({"call":call,"context":context,"data":data});if(this.active&&!this.timer)
|
||||
this.next();},start:function(){this.active=true;this.startEvent.fire();this.next();},stop:function(){this.active=false;if(this.timer!=null)
|
||||
window.clearTimeout(this.timer);this.timer=null;this.stopEvent.fire();},next:function(){var nextcall=this.queue.shift();if(!nextcall){this.timer=null;return;}
|
||||
this.nextEvent.fire(nextcall);nextcall.call.call(nextcall.context,nextcall.data);if(this.queue.length)
|
||||
this.timer=joEvent.yield(this.next,this,this.delay);else
|
||||
this.timer=null;}};joClipboard={data:"",get:function(){return joPreference.get("joClipboardData")||this.data;},set:function(clip){this.data=clip;joPreference.set("joClipboardData");}};joDataSource=function(data){this.changeEvent=new joSubject(this);this.errorEvent=new joSubject(this);if(typeof data!=="undefined")
|
||||
this.setData(data);else
|
||||
this.data="";};joDataSource.prototype={autoSave:true,data:null,setQuery:function(query){this.query=query;},setAutoSave:function(state){this.autoSave=state;return this;},setData:function(data){var last=this.data;this.data=data;if(data!==last)
|
||||
this.changeEvent.fire(data);},getData:function(){return this.data;},getDataCount:function(){return this.getData().length;},getPageCount:function(){if(this.pageSize)
|
||||
return Math.floor(this.getData().length/this.pageSize)+1;else
|
||||
return 1;},getPage:function(index){var start=index*this.pageSize;var end=start+this.pageSize;if(end>this.getData().length)
|
||||
end=this.getData().length;if(start<0)
|
||||
start=0;return this.data.slice(start,end);},refresh:function(){},setPageSize:function(length){this.pageSize=length;},getPageSze:function(){return this.pageSize;},load:function(data){this.data=data;this.changeEvent.fire(data);},error:function(msg){this.errorEvent.fire(msg);}};joRecord=function(data){joDataSource.call(this,data);this.delegate={};};joRecord.extend(joDataSource,{link:function(p){return this.getDelegate(p);},getDelegate:function(p){if(!this.delegate[p])
|
||||
this.delegate[p]=new joProperty(this,p);return this.delegate[p];},getProperty:function(p){return this.data[p];},setProperty:function(p,data){if(this.data[p]===data)
|
||||
return;this.data[p]=data;this.changeEvent.fire(this);if(this.autoSave)
|
||||
this.save();return this;},load:function(){console.log("TODO: extend the load() method");return this;},save:function(){console.log("TODO: extend the save() method");return this;}});joProperty=function(datasource,p){joDataSource.call(this);this.changeEvent=new joSubject(this);datasource.changeEvent.subscribe(this.onSourceChange,this);this.datasource=datasource;this.p=p;};joProperty.extend(joDataSource,{setData:function(data){if(this.datasource)
|
||||
this.datasource.setProperty(this.p,data);return this;},getData:function(){if(!this.datasource)
|
||||
return null;return this.datasource.getProperty(this.p);},onSourceChange:function(){this.changeEvent.fire(this.getData());}});joDatabase=function(datafile,size){this.openEvent=new joEvent.Subject(this);this.closeEvent=new joEvent.Subject(this);this.errorEvent=new joEvent.Subject(this);this.datafile=datafile;this.size=size||256000;this.db=null;};joDatabase.prototype={open:function(){this.db=openDatabase(this.datafile,"1.0",this.datafile,this.size);if(this.db){this.openEvent.fire();}
|
||||
else{joLog("DataBase Error",this.db);this.errorEvent.fire();}},close:function(){this.db.close();this.closeEvent.fire();},now:function(offset){var date=new Date();if(offset)
|
||||
date.setDate(date.valueOf()+(offset*1000*60*60*24));return date.format("yyyy-mm-dd");}};joSQLDataSource=function(db,query,args){this.db=db;this.query=(typeof query=='undefined')?"":query;this.args=(typeof args=='undefined')?[]:args;this.changeEvent=new joEvent.subject(this);this.errorEvent=new joEvent.subject(this);};joSQLDataSource.prototype={setDatabase:function(db){this.db=db;},setQuery:function(query){this.query=query;},setData:function(data){this.data=data;this.changeEvent.fire();},clear:function(){this.data=[];this.changeEvent.fire();},setParameters:function(args){this.args=args;},execute:function(query,args){this.setQuery(query||"");this.setParameters(args);if(this.query)
|
||||
this.refresh();},refresh:function(){if(!this.db){this.errorEvent.fire();return;}
|
||||
var self=this;if(arguments.length){var args=[];for(var i=0;i<arguments.length;i++)
|
||||
args.push(arguments[i]);}
|
||||
else{var args=this.args;}
|
||||
var query=this.query;function success(t,result){self.data=[];for(var i=0,l=result.rows.length;i<l;i++){var row=result.rows.item(i);self.data.push(row);}
|
||||
self.changeEvent.fire(self.data);}
|
||||
function error(){joLog('SQL error',query,"argument count",args.length);self.errorEvent.fire();}
|
||||
this.db.db.transaction(function(t){t.executeSql(query,args,success,error);});}};joFileSource=function(url,timeout){this.changeEvent=new joSubject(this);this.errorEvent=new joSubject(this);if(timeout)
|
||||
this.setTimeout(timeout);if(url)
|
||||
this.setQuery(url);};joFileSource.extend(joDataSource,{baseurl:'',query:'',load:function(){var get=this.baseurl+this.query;joFile(get,this.callBack,this);},callBack:function(data,error){if(error)
|
||||
this.errorEvent.fire(error);else
|
||||
this.setData(data);}});joFile=function(url,call,context,timeout){var req=new XMLHttpRequest();if(!req)
|
||||
return onerror();if(!timeout)
|
||||
var timeout=60*SEC;var timer=(timeout>0)?setTimeout(onerror,timeout):null;req.open('GET',url,true);req.onreadystatechange=onchange;req.onError=onerror;req.send(null);function onchange(e){if(timer)
|
||||
timer=clearTimeout(timer);if(req.readyState==4)
|
||||
handler(req.responseText,0);}
|
||||
function onerror(){handler(null,true);}
|
||||
function handler(data,error){if(call){if(context)
|
||||
call.call(context,data,error);else
|
||||
call(error,data,error);}}}
|
||||
function joScript(url,call,context){var node=joDOM.create('script');if(!node)
|
||||
return;node.onload=onload;node.onerror=onerror;node.src=url;document.body.appendChild(node);function onerror(){handler(true);}
|
||||
function onload(){handler(false);}
|
||||
function handler(error){if(call){if(context)
|
||||
call.call(context,error,url);else
|
||||
call(error,url);}
|
||||
document.body.removeChild(node);node=null;}}
|
||||
joPreference=joRecord;joYQL=function(query){joDataSource.call(this);this.setQuery(query);};joYQL.extend(joDataSource,{baseurl:'http://query.yahooapis.com/v1/public/yql?',format:'json',query:'',exec:function(){var get=this.baseurl+"q="+encodeURIComponent(this.query)
|
||||
+"&format="+this.format+"&callback="+joDepot(this.load,this);joScript(get,this.callBack,this);},load:function(data){var results=data.query&&data.query.results&&data.query.results.item;if(!results)
|
||||
this.errorEvent.fire(data);else{this.data=results;this.changeEvent.fire(results);}},callBack:function(error){if(error)
|
||||
this.errorEvent.fire();}});joDepotCall=[];joDepot=function(call,context){joDepotCall.push(handler);function handler(data){if(context)
|
||||
call.call(context,data);else
|
||||
call(data);};return"joDepotCall["+(joDepotCall.length-1)+"]";};joInterface=function(parent){jo.initTagMap();return this.get(parent);};joInterface.prototype={get:function(parent){parent=joDOM.get(parent);if(!parent)
|
||||
parent=document.body;var ui={};var setContainer=joView.setContainer;var draw=joView.draw;parse(parent);joView.setContainer=setContainer;joView.draw=draw;function parse(node){if(!node)
|
||||
return;var args="";if(node.childNodes&&node.firstChild){var kids=node.childNodes;args=[];for(var i=0,l=kids.length;i<l;i++){var p=parse(kids[i]);if(p)
|
||||
args.push(p);}}
|
||||
return newview(node,args);}
|
||||
function newview(node,args){var tag=node.tagName;var view=node;if(jo.tagMap[tag]){if(args instanceof Array&&args.length){if(args.length==1)
|
||||
args=args[0];}
|
||||
if(args instanceof Text)
|
||||
args=node.nodeData;if(!args)
|
||||
args=node.value||node.checked||node.innerText||node.innerHTML;joView.setContainer=function(){this.container=node;return this;};if(typeof jo.tagMap[tag]==="function"){var o=jo.tagMap[tag];}
|
||||
else{var t=node.type||node.getAttribute("type");var o=jo.tagMap[tag][t];}
|
||||
if(typeof o==="function")
|
||||
var view=new o(args);else
|
||||
joLog("joInterface can't process ",tag,"'type' attribute?");}
|
||||
if(node.id)
|
||||
ui[node.id]=view;return view;}
|
||||
return ui;}};joCollect={get:function(parent){return new joInterface(parent);}};joView=function(data){this.changeEvent=new joSubject(this);this.setContainer();if(data)
|
||||
this.setData(data);};joView.prototype={tagName:"joview",busyNode:null,container:null,data:null,getContainer:function(){return this.container;},setContainer:function(container){this.container=joDOM.get(container);if(!this.container)
|
||||
this.container=this.createContainer();this.setEvents();return this;},createContainer:function(){return joDOM.create(this);},clear:function(){this.data="";if(this.container)
|
||||
this.container.innerHTML="";this.changeEvent.fire();},setData:function(data){this.data=data;this.refresh();return this;},getData:function(){return this.data;},refresh:function(){if(!this.container||typeof this.data=="undefined")
|
||||
return 0;this.container.innerHTML="";this.draw();this.changeEvent.fire(this.data);},draw:function(){this.container.innerHTML=this.data;},setStyle:function(style){joDOM.setStyle(this.container,style);return this;},attach:function(parent){if(!this.container)
|
||||
return this;var node=joDOM.get(parent)||document.body;node.appendChild(this.container);return this;},detach:function(parent){if(!this.container)
|
||||
return this;var node=joDOM.get(parent)||document.body;if(this.container&&this.container.parentNode===node)
|
||||
node.removeChild(this.container);return this;},setEvents:function(){}};joContainer=function(data){joView.apply(this,arguments);};joContainer.extend(joView,{tagName:"jocontainer",title:null,getContent:function(){return this.container.childNodes;},setTitle:function(title){this.title=title;return this;},setData:function(data){this.data=data;this.refresh();return this;},activate:function(){},deactivate:function(){},push:function(data){if(typeof data==='object'){if(data instanceof Array){for(var i=0;i<data.length;i++)
|
||||
this.push(data[i]);}
|
||||
else if(data instanceof joView&&data.container!==this.container){this.container.appendChild(data.container);}
|
||||
else if(data instanceof HTMLElement){this.container.appendChild(data);}}
|
||||
else{var o=document.createElement("div");o.innerHTML=data;this.container.appendChild(o);}},getTitle:function(){return this.title;},refresh:function(){if(this.container)
|
||||
this.container.innerHTML="";this.draw();this.changeEvent.fire();},draw:function(){this.push(this.data);}});joControl=function(data,value){this.selectEvent=new joSubject(this);this.enabled=true;this.value=null;if(typeof value!=="undefined"&&value!=null){if(value instanceof joDataSource)
|
||||
this.setValueSource(value);else
|
||||
this.value=value;}
|
||||
if(data instanceof joDataSource){joView.call(this);this.setDataSource(data);}
|
||||
else{joView.apply(this,arguments);}};joControl.extend(joView,{tagName:"jocontrol",setEvents:function(){joEvent.on(this.container,"click",this.onMouseDown,this);joEvent.on(this.container,"blur",this.onBlur,this);joEvent.on(this.container,"focus",this.onFocus,this);},onMouseDown:function(e){this.select(e);},select:function(e){if(e)
|
||||
joEvent.stop(e);this.selectEvent.fire(this.data);},enable:function(){joDOM.removeCSSClass(this.container,'disabled');this.container.contentEditable=true;this.enabled=true;return this;},disable:function(){joDOM.addCSSClass(this.container,'disabled');this.container.contentEditable=false;this.enabled=false;return this;},setReadOnly:function(value){if(typeof value==='undefined'||value)
|
||||
this.container.setAttribute('readonly','1');else
|
||||
this.container.removeAttribute('readonly');return this;},onFocus:function(e){joEvent.stop(e);if(this.enabled)
|
||||
joFocus.set(this);},onBlur:function(e){this.data=(this.container.value)?this.container.value:this.container.innerHTML;joEvent.stop(e);if(this.enabled){this.blur();this.changeEvent.fire(this.data);}},focus:function(e){if(!this.enabled)
|
||||
return;joDOM.addCSSClass(this.container,'focus');if(!e)
|
||||
this.container.focus();return this;},setValue:function(value){this.value=value;this.changeEvent.fire(value);return this;},getValue:function(){return this.value;},blur:function(){joDOM.removeCSSClass(this.container,'focus');return this;},setDataSource:function(source){this.dataSource=source;source.changeEvent.subscribe(this.setData,this);this.setData(source.getData()||null);this.changeEvent.subscribe(source.setData,source);return this;},setValueSource:function(source){this.valueSource=source;source.changeEvent.subscribe(this.setValue,this);this.setValue(source.getData()||null);this.selectEvent.subscribe(source.setData,source);return this;}});joButton=function(data,classname){joControl.apply(this,arguments);this.enabled=true;if(classname)
|
||||
this.container.className=classname;};joButton.extend(joControl,{tagName:"jobutton",createContainer:function(){var o=joDOM.create(this.tagName);if(o)
|
||||
o.setAttribute("tabindex","1");return o;},enable:function(){this.container.setAttribute("tabindex","1");return joControl.prototype.enable.call(this);},disable:function(){this.container.removeAttribute("tabindex");return joControl.prototype.disable.call(this);}});joBusy=function(data){joContainer.apply(this,arguments);};joBusy.extend(joContainer,{tagName:"jobusy",draw:function(){this.container.innerHTML="";for(var i=0;i<9;i++)
|
||||
this.container.appendChild(joDom.create("jobusyblock"));},setMessage:function(msg){this.message=msg||"";},setEvents:function(){return this;}});joList=function(){this.setIndex=this.setValue;this.getIndex=this.getValue;joControl.apply(this,arguments);};joList.extend(joControl,{tagName:"jolist",defaultMessage:"",lastNode:null,value:null,autoSort:false,setDefault:function(msg){this.defaultMessage=msg;if(typeof this.data==='undefined'||!this.data||!this.data.length){if(typeof msg==='object'){this.innerHTML="";if(msg instanceof joView)
|
||||
this.container.appendChild(msg.container);else if(msg instanceof HTMLElement)
|
||||
this.container.appendChild(msg);}
|
||||
else{this.innerHTML=msg;}}
|
||||
return this;},draw:function(){var html="";var length=0;if(typeof this.data==='undefined'||!this.data||!this.data.length){if(this.defaultMessage)
|
||||
this.container.innerHTML=this.defaultMessage;return;}
|
||||
for(var i=0,l=this.data.length;i<l;i++){var element=this.formatItem(this.data[i],i,length);if(element==null)
|
||||
continue;if(typeof element==="string")
|
||||
html+=element;else
|
||||
this.container.appendChild((element instanceof joView)?element.container:element);++length;}
|
||||
if(html.length)
|
||||
this.container.innerHTML=html;if(this.value>=0)
|
||||
this.setValue(this.value,true);return;},deselect:function(){if(typeof this.container=='undefined'||!this.container['childNodes'])
|
||||
return;var node=this.getNode(this.value);if(node){if(this.lastNode){joDOM.removeCSSClass(this.lastNode,"selected");this.value=null;}}
|
||||
return this;},setValue:function(index,silent){this.value=index;if(index==null)
|
||||
return;if(typeof this.container==='undefined'||!this.container||!this.container.firstChild){return this;}
|
||||
var node=this.getNode(this.value);if(node){if(this.lastNode)
|
||||
joDOM.removeCSSClass(this.lastNode,"selected");joDOM.addCSSClass(node,"selected");this.lastNode=node;}
|
||||
if(index>=0&&!silent){this.fireSelect(index);this.changeEvent.fire(index);}
|
||||
return this;},getNode:function(index){return this.container.childNodes[index];},fireSelect:function(index){this.selectEvent.fire(index);},getValue:function(){return this.value;},onMouseDown:function(e){joEvent.stop(e);var node=joEvent.getTarget(e);var index=-1;while(index==-1&&node!==this.container){index=node.getAttribute("index")||-1;node=node.parentNode;}
|
||||
if(index>=0)
|
||||
this.setValue(index);},refresh:function(){if(this.autoSort)
|
||||
this.sort();joControl.prototype.refresh.apply(this);},getNodeData:function(index){if(this.data&&this.data.length&&index>=0&&index<this.data.length)
|
||||
return this.data[index];else
|
||||
return null;},getLength:function(){return this.length||this.data.length||0;},sort:function(){this.data.sort(this.compareItems);},getNodeIndex:function(element){var index=element.getAttribute('index');if(typeof index!=="undefined"&&index!=null)
|
||||
return parseInt(index)
|
||||
else
|
||||
return-1;},formatItem:function(itemData,index){var element=document.createElement('jolistitem');element.innerHTML=itemData;element.setAttribute("index",index);return element;},compareItems:function(a,b){if(a>b)
|
||||
return 1;else if(a==b)
|
||||
return 0;else
|
||||
return-1;},setAutoSort:function(state){this.autoSort=state;return this;},next:function(){if(this.getValue()<this.getLength()-1)
|
||||
this.setValue(this.value+1);},prev:function(){if(this.getValue()>0)
|
||||
this.setValue(this.value-1);}});joBusy=function(data){joContainer.apply(this,arguments);};joBusy.extend(joContainer,{tagName:"jobusy",draw:function(){this.container.innerHTML="";for(var i=0;i<9;i++)
|
||||
this.container.appendChild(joDom.create("jobusyblock"));},setMessage:function(msg){this.message=msg||"";},setEvents:function(){return this;}});joCaption=function(data){joControl.apply(this,arguments);};joCaption.extend(joControl,{tagName:"jocaption"});joCard=function(data){joContainer.apply(this,arguments);};joCard.extend(joContainer,{tagName:"jocard"});joStack=function(data){this.visible=false;this.data=[];joContainer.apply(this,arguments);if(this.data&&!(this.data instanceof Array))
|
||||
this.data=[this.data];else if(this.data.length>1)
|
||||
this.data=[this.data[0]];if(this.container&&this.container.firstChild)
|
||||
this.container.innerHTML="";this.setLocked(true);this.pushEvent=new joSubject(this);this.popEvent=new joSubject(this);this.homeEvent=new joSubject(this);this.showEvent=new joSubject(this);this.hideEvent=new joSubject(this);this.backEvent=new joSubject(this);this.forwardEvent=new joSubject(this);this.index=0;this.lastIndex=0;this.lastNode=null;};joStack.extend(joContainer,{tagName:"jostack",type:"fixed",eventset:false,setEvents:function(){},onClick:function(e){joEvent.stop(e);},forward:function(){if(this.index<this.data.length-1){this.index++;this.draw();this.forwardEvent.fire();}},back:function(){if(this.index>0){this.index--;this.draw();this.backEvent.fire();}},draw:function(){if(!this.container)
|
||||
this.createContainer();if(!this.data||!this.data.length)
|
||||
return;jo.flag.stopback=this.index?true:false;var container=this.container;var oldchild=this.lastNode;var newnode=getnode(this.data[this.index]);var newchild=this.getChildStyleContainer(newnode);function getnode(o){return(o instanceof joView)?o.container:o;}
|
||||
if(!newchild)
|
||||
return;if(this.index>this.lastIndex){var oldclass="prev";var newclass="next";joDOM.addCSSClass(newchild,newclass);}
|
||||
else if(this.index<this.lastIndex){var oldclass="next";var newclass="prev";joDOM.addCSSClass(newchild,newclass);}
|
||||
else{}
|
||||
this.appendChild(newnode);var self=this;var transitionevent=null;joDefer(animate,this,1);function animate(){if(typeof window.onwebkittransitionend!=='undefined')
|
||||
transitionevent=joEvent.on(newchild,"webkitTransitionEnd",cleanup,self);else
|
||||
joDefer(cleanup,this,200);if(newclass&&newchild)
|
||||
joDOM.removeCSSClass(newchild,newclass);if(oldclass&&oldchild)
|
||||
joDOM.addCSSClass(oldchild,oldclass);}
|
||||
function cleanup(){if(oldchild){self.removeChild(oldchild);joDOM.removeCSSClass(oldchild,"next");joDOM.removeCSSClass(oldchild,"prev");}
|
||||
if(newchild){if(transitionevent)
|
||||
joEvent.remove(newchild,"webkitTransitionEnd",transitionevent);joDOM.removeCSSClass(newchild,"next");joDOM.removeCSSClass(newchild,"prev");}}
|
||||
if(typeof this.data[this.index].activate!=="undefined")
|
||||
this.data[this.index].activate.call(this.data[this.index]);this.lastIndex=this.index;this.lastNode=newchild;},appendChild:function(child){this.container.appendChild(child);},getChildStyleContainer:function(child){return child;},getChild:function(){return this.container.firstChild;},getContentContainer:function(){return this.container;},removeChild:function(child){if(child&&child.parentNode===this.container)
|
||||
this.container.removeChild(child);},isVisible:function(){return this.visible;},push:function(o){if(this.data&&this.data.length&&this.data[this.data.length-1]===o)
|
||||
return;this.data.push(o);this.index=this.data.length-1;this.draw();this.pushEvent.fire(o);},setLocked:function(state){this.locked=(state)?1:0;},pop:function(){if(this.data.length>this.locked){var o=this.data.pop();this.index=this.data.length-1;this.draw();if(typeof o.deactivate==="function")
|
||||
o.deactivate.call(o);if(!this.data.length)
|
||||
this.hide();}
|
||||
if(this.data.length>0)
|
||||
this.popEvent.fire();},home:function(){if(this.data&&this.data.length&&this.data.length>1){var o=this.data[0];var c=this.data[this.index];if(o===c)
|
||||
return;this.data=[o];this.lastIndex=1;this.index=0;this.draw();this.popEvent.fire();this.homeEvent.fire();}},showHome:function(){this.home();if(!this.visible){this.visible=true;joDOM.addCSSClass(this.container,"show");this.showEvent.fire();}},getTitle:function(){var c=this.data[this.index];if(typeof c.getTitle==='function')
|
||||
return c.getTitle();else
|
||||
return false;},show:function(){if(!this.visible){this.visible=true;joDOM.addCSSClass(this.container,"show");joDefer(this.showEvent.fire,this.showEvent,500);}},hide:function(){if(this.visible){this.visible=false;joDOM.removeCSSClass(this.container,"show");joDefer(this.hideEvent.fire,this.hideEvent,500);}}});joScroller=function(data){this.points=[];this.eventset=false;this.horizontal=0;this.vertical=1;this.inMotion=false;this.moved=false;this.mousemove=null;this.mouseup=null;this.bump=0;joContainer.apply(this,arguments);};joScroller.extend(joContainer,{tagName:"joscroller",velocity:1.6,transitionEnd:"webkitTransitionEnd",setEvents:function(){joEvent.capture(this.container,"click",this.onClick,this);joEvent.on(this.container,"mousedown",this.onDown,this);},onFlick:function(e){},onClick:function(e){if(this.moved){this.moved=false;joEvent.stop(e);joEvent.preventDefault(e);}},onDown:function(e){joEvent.stop(e);this.reset();var node=this.container.firstChild;joDOM.removeCSSClass(node,"flick");joDOM.removeCSSClass(node,"flickback");joDOM.removeCSSClass(node,"flickfast");this.start=this.getMouse(e);this.points.unshift(this.start);this.inMotion=true;if(!this.mousemove){this.mousemove=joEvent.capture(document.body,"mousemove",this.onMove,this);this.mouseup=joEvent.capture(document.body,"mouseup",this.onUp,this);}},reset:function(){this.points=[];this.moved=false;this.inMotion=false;},onMove:function(e){if(!this.inMotion)
|
||||
return;joEvent.stop(e);e.preventDefault();var point=this.getMouse(e);var y=point.y-this.points[0].y;var x=point.x-this.points[0].x;this.points.unshift(point);if(this.points.length>7)
|
||||
this.points.pop();var self=this;this.timer=window.setTimeout(function(){if(self.inMotion&&self.points.length>1)
|
||||
self.points.pop();},100);this.scrollBy(x,y,true);if(!this.moved&&this.points.length>3)
|
||||
this.moved=true;},onUp:function(e){if(!this.inMotion)
|
||||
return;joEvent.remove(document.body,"mousemove",this.mousemove,true);joEvent.remove(document.body,"mouseup",this.mouseup,true);this.mousemove=null;this.inMotion=false;joEvent.stop(e);joEvent.preventDefault(e);var end=this.getMouse(e);var node=this.container.firstChild;var top=this.getTop();var left=this.getLeft();var dy=0;var dx=0;for(var i=0;i<this.points.length-1;i++){dy+=(this.points[i].y-this.points[i+1].y);dx+=(this.points[i].x-this.points[i+1].x);}
|
||||
var max=0-node.offsetHeight+this.container.offsetHeight;var maxx=0-node.offsetWidth+this.container.offsetWidth;if((Math.abs(dy)*this.vertical>4||Math.abs(dx)*this.horizontal>4)){var flick=dy*(this.velocity*(node.offsetHeight/this.container.offsetHeight));var flickx=dx*(this.velocity*(node.offsetWidth/this.container.offsetWidth));if((flick+top<max||flick+top>0)||(flickx+left<maxx||flickx+left>0)){joDOM.addCSSClass(node,"flickfast");}
|
||||
else{joDOM.addCSSClass(node,"flick");}
|
||||
this.scrollBy(flickx,flick,false);joDefer(this.snapBack,this,3000);}
|
||||
else{joDefer(this.snapBack,this,10);}},getMouse:function(e){return{x:(this.horizontal)?e.screenX:0,y:(this.vertical)?e.screenY:0};},scrollBy:function(x,y,test){var node=this.container.firstChild;var top=this.getTop();var left=this.getLeft();var dy=Math.floor(top+y);var dx=Math.floor(left+x);if(this.vertical&&(node.offsetHeight<=this.container.offsetHeight))
|
||||
return;var max=0-node.offsetHeight+this.container.offsetHeight;var maxx=0-node.offsetWidth+this.container.offsetWidth;var ody=dy;var odx=dx;if(this.bump){if(dy>this.bump)
|
||||
dy=this.bump;else if(dy<max-this.bump)
|
||||
dy=max-this.bump;if(dx>this.bump)
|
||||
dx=this.bump;else if(dy<maxx-this.bump)
|
||||
dx=maxx-this.bump;}
|
||||
if(!this.eventset)
|
||||
this.eventset=joEvent.capture(node,this.transitionEnd,this.snapBack,this);if(top!=dx||left!=dy)
|
||||
this.moveTo(dx,dy);},scrollTo:function(y,instant){var node=this.container.firstChild;if(!node)
|
||||
return;if(typeof y=='object'){if(y instanceof HTMLElement)
|
||||
var e=y;else if(y instanceof joView)
|
||||
var e=y.container;var t=0-e.offsetTop;var h=e.offsetHeight+80;var y=top;var top=this.getTop();var bottom=top-this.container.offsetHeight;if(t-h<bottom)
|
||||
y=(t-h)+this.container.offsetHeight;if(y<t)
|
||||
y=t;}
|
||||
if(y<0-node.offsetHeight)
|
||||
y=0-node.offsetHeight;else if(y>0)
|
||||
y=0;if(!instant){joDOM.addCSSClass(node,'flick');}
|
||||
else{joDOM.removeCSSClass(node,'flick');joDOM.removeCSSClass(node,'flickback');}
|
||||
this.moveTo(0,y);},snapBack:function(){var node=this.container.firstChild;var top=this.getTop();var left=this.getLeft();var dy=top;var dx=left;var max=0-node.offsetHeight+this.container.offsetHeight;var maxx=0-node.offsetWidth+this.container.offsetWidth;if(this.eventset)
|
||||
joEvent.remove(node,this.transitionEnd,this.eventset);this.eventset=null;joDOM.removeCSSClass(node,'flick');if(dy>0)
|
||||
dy=0;else if(dy<max)
|
||||
dy=max;if(dx>0)
|
||||
dx=0;else if(dx<maxx)
|
||||
dx=maxx;if(dx!=left||dy!=top){joDOM.addCSSClass(node,'flickback');this.moveTo(dx,dy);}},setScroll:function(x,y){this.horizontal=x?1:0;this.vertical=y?1:0;return this;},moveTo:function(x,y){var node=this.container.firstChild;if(!node)
|
||||
return;this.setPosition(x*this.horizontal,y*this.vertical,node);node.jotop=y;node.joleft=x;},setPosition:function(x,y,node){node.style.webkitTransform="translate3d("+x+"px, "+y+"px, 0)";},getTop:function(){return this.container.firstChild.jotop||0;},getLeft:function(){return this.container.firstChild.joleft||0;},setData:function(data){joContainer.prototype.setData.apply(this,arguments);}});joDivider=function(data){joView.apply(this,arguments);};joDivider.extend(joView,{tagName:"jodivider"});joExpando=function(data){this.openEvent=new joSubject(this);this.closeEvent=new joSubject(this);joContainer.apply(this,arguments);};joExpando.extend(joContainer,{tagName:"joexpando",draw:function(){if(!this.data)
|
||||
return;joContainer.prototype.draw.apply(this,arguments);this.setToggleEvent();},setEvents:function(){},setToggleEvent:function(){joEvent.on(this.container.childNodes[0],"click",this.toggle,this);},toggle:function(){if(this.container.className.indexOf("open")>=0)
|
||||
this.close();else
|
||||
this.open();},open:function(){joDOM.addCSSClass(this.container,"open");this.openEvent.fire();},close:function(){joDOM.removeCSSClass(this.container,"open");this.closeEvent.fire();}});joExpandoContent=function(){joContainer.apply(this,arguments);};joExpandoContent.extend(joContainer,{tagName:"joexpandocontent"});joExpandoTitle=function(data){joControl.apply(this,arguments);};joExpandoTitle.extend(joControl,{tagName:"joexpandotitle",setData:function(){joView.prototype.setData.apply(this,arguments);this.draw();},draw:function(){this.container.innerHTML=this.data+"<joicon></joicon>";}});joFlexrow=function(data){joContainer.apply(this,arguments);};joFlexrow.extend(joContainer,{tagName:"joflexrow"});joFlexcol=function(data){joContainer.apply(this,arguments);};joFlexcol.extend(joContainer,{tagName:"joflexcol"});joFocus={last:null,set:function(control){if(this.last&&this.last!==control)
|
||||
this.last.blur();if(control&&control instanceof joControl){control.focus();this.last=control;}},get:function(control){return this.last;},refresh:function(){if(this.last)
|
||||
this.last.focus();},clear:function(){this.set();}};joFooter=function(data){joContainer.apply(this,arguments);};joFooter.extend(joContainer,{tagName:"jofooter"});joGesture={load:function(){this.upEvent=new joSubject(this);this.downEvent=new joSubject(this);this.leftEvent=new joSubject(this);this.rightEvent=new joSubject(this);this.forwardEvent=new joSubject(this);this.backEvent=new joSubject(this);this.homeEvent=new joSubject(this);this.closeEvent=new joSubject(this);this.activateEvent=new joSubject(this);this.deactivateEvent=new joSubject(this);this.resizeEvent=new joSubject(this);this.setEvents();},setEvents:function(){joEvent.on(document.body,"keydown",this.onKeyDown,this);joEvent.on(document.body,"keyup",this.onKeyUp,this);joEvent.on(document.body,"unload",this.closeEvent,this);joEvent.on(window,"activate",this.activateEvent,this);joEvent.on(window,"deactivate",this.deactivateEvent,this);joEvent.on(window,"resize",this.resize,this);},resize:function(){this.resizeEvent.fire(window);},onKeyUp:function(e){if(!e)
|
||||
var e=window.event;if(e.keyCode==18){this.altkey=false;return;}
|
||||
if(e.keyCode==27){if(jo.flag.stopback){joEvent.stop(e);joEvent.preventDefault(e);}
|
||||
this.backEvent.fire("back");return;}
|
||||
if(!this.altkey)
|
||||
return;joEvent.stop(e);switch(e.keyCode){case 37:this.leftEvent.fire("left");break;case 38:this.upEvent.fire("up");break;case 39:this.rightEvent.fire("right");break;case 40:this.downEvent.fire("down");break;case 27:this.backEvent.fire("back");break;case 13:this.forwardEvent.fire("forward");break;}},onKeyDown:function(e){if(!e)
|
||||
var e=window.event;if(e.keyCode==27){joEvent.stop(e);joEvent.preventDefault(e);}
|
||||
else if(e.keyCode==13&&joFocus.get()instanceof joInput){joEvent.stop(e);}
|
||||
else if(e.keyCode==18){this.altkey=true;}
|
||||
return;}};joGroup=function(data){joContainer.apply(this,arguments);};joGroup.extend(joContainer,{tagName:"jogroup"});joHTML=function(data){joControl.apply(this,arguments);};joHTML.extend(joControl,{tagName:"johtml",setEvents:function(){joEvent.on(this.container,"click",this.onClick,this);},onClick:function(e){joEvent.stop(e);joEvent.preventDefault(e);var container=this.container;var hrefnode=findhref(joEvent.getTarget(e));if(hrefnode){this.selectEvent.fire(hrefnode.href);}
|
||||
function findhref(node){if(!node)
|
||||
return null;if(node.href)
|
||||
return node;if(typeof node.parentNode!=="undefined"&&node.parentNode!==container)
|
||||
return findhref(node.parentNode);else
|
||||
return null;}}});joInput=function(data){joControl.apply(this,arguments);};joInput.extend(joControl,{tagName:"input",type:"text",setData:function(data){if(data!==this.data){this.data=data;if(typeof this.container.value!=="undefined")
|
||||
this.container.value=data;else
|
||||
this.container.innerHTML=data;this.changeEvent.fire(this.data);}},getData:function(){if(typeof this.container.value!=="undefined")
|
||||
return this.container.value;else
|
||||
return this.container.innerHTML;},enable:function(){this.container.setAttribute("tabindex","1");joControl.prototype.enable.call(this);},disable:function(){this.container.removeAttribute("tabindex");joControl.prototype.disable.call(this);},createContainer:function(){var o=joDOM.create(this);if(!o)
|
||||
return;o.setAttribute("type","text");o.setAttribute("tabindex","1");o.contentEditable=this.enabled;return o;},setEvents:function(){joControl.prototype.setEvents.call(this);joEvent.on(this.container,"keydown",this.onKeyDown,this);},onKeyDown:function(e){if(e.keyCode==13){e.preventDefault();joEvent.stop(e);}
|
||||
return false;},draw:function(){if(this.container.value)
|
||||
this.value=this.data;else
|
||||
this.innerHTML=this.value;},onMouseDown:function(e){joEvent.stop(e);this.focus();},storeData:function(){this.data=this.getData();if(this.dataSource)
|
||||
this.dataSource.set(this.value);}});joLabel=function(data){joControl.apply(this,arguments);};joLabel.extend(joControl,{tagName:"jolabel"});joMenu=function(){joList.apply(this,arguments);};joMenu.extend(joList,{tagName:"jomenu",itemTagName:"jomenuitem",value:null,fireSelect:function(index){if(typeof this.data[index].id!=="undefined"&&this.data[index].id)
|
||||
this.selectEvent.fire(this.data[index].id);else
|
||||
this.selectEvent.fire(index);},formatItem:function(item,index){var o=joDOM.create(this.itemTagName);o.setAttribute("index",index);if(typeof item==="object"){o.innerHTML=item.title;if(item.icon){o.style.backgroundImage="url("+item.icon+")";joDOM.addCSSClass(o,"icon");}}
|
||||
else{o.innerHTML=item;}
|
||||
return o;}});joOption=function(){joMenu.apply(this,arguments);};joOption.extend(joMenu,{tagName:"jooption",itemTagName:"jooptionitem"});joPasswordInput=function(data){joInput.apply(this,arguments);};joPasswordInput.extend(joInput,{className:"password",type:"password"});joPopup=function(){this.showEvent=new joSubject(this);this.hideEvent=new joSubject(this);joContainer.apply(this,arguments);};joPopup.extend(joContainer,{tagName:"jopopup",setEvents:function(){joEvent.on(this.container,"mousedown",this.onClick,this);},onClick:function(e){joEvent.stop(e);},hide:function(){joEvent.on(this.container,"webkitTransitionEnd",this.onHide,this);this.container.className='hide';},onHide:function(){this.hideEvent.fire();},show:function(){this.container.className='show';this.showEvent.fire();}});joScreen=function(){this.resizeEvent=new joSubject(this);this.menuEvent=new joSubject(this);this.activateEvent=new joSubject(this);this.deactivateEvent=new joSubject(this);this.backEvent=new joSubject(this);this.forwardEvent=new joSubject(this);joContainer.apply(this,arguments);};joScreen.extend(joContainer,{tagName:"screen",setupEvents:function(){joEvent.on(window,"resize",this.resizeEvent.fire,this);joEvent.on(window,"appmenushow",this.menuEvent.fire,this);joEvent.on(window,"activate",this.activateEvent.fire,this);joEvent.on(window,"deactivate",this.deactivateEvent.fire,this);joEvent.on(window,"back",this.backEvent.fire,this);},createContainer:function(){return document.body;},showPopup:function(data){if(!this.popup){this.shim=new joShim(new joFlexcol([' ',this.popup=new joPopup(data),' ']));}
|
||||
else{this.popup.setData(data);}
|
||||
this.shim.show();this.popup.show();},hidePopup:function(){if(this.shim)
|
||||
this.shim.hide();},alert:function(title,msg,options,context){var buttons=[];var callback;var context=(typeof context==='object')?context:null;if(typeof options==='object'){if(options instanceof Array){for(var i=0;i<options.length;i++)
|
||||
addbutton(options[i]);}
|
||||
else{addbutton(options);}}
|
||||
else if(typeof options==='string'){addbutton({label:options});}
|
||||
else{if(typeof options==='function')
|
||||
callback=options;addbutton();}
|
||||
var view=[new joTitle(title),new joHTML(msg),buttons];this.showPopup(view);var self=this;function addbutton(options){if(!options)
|
||||
var options={label:'OK'};var button=new joButton(options.label);button.selectEvent.subscribe(function(){if(options.action)
|
||||
options.action.call(options.context);defaultaction();},options.context||self);buttons.push(button);}
|
||||
function defaultaction(){self.hidePopup();if(callback){if(context)
|
||||
callback.call(context);else
|
||||
callback();}}}});joShim=function(){this.showEvent=new joSubject(this);this.hideEvent=new joSubject(this);this.selectEvent=new joSubject(this);joContainer.apply(this,arguments);};joShim.extend(joContainer,{tagName:"joshim",setEvents:function(){joEvent.on(this.container,"mousedown",this.onMouseDown,this);},onMouseDown:function(e){joEvent.stop(e);this.hide();},hide:function(){this.container.className='';joEvent.on(this.container,"webkitTransitionEnd",this.onHide,this);},show:function(){this.attach();this.container.className='show';joEvent.on(this.container,"webkitTransitionEnd",this.onShow,this);if(!this.lastParent)
|
||||
this.lastParent=document.body;},onShow:function(){this.showEvent.fire();},onHide:function(){this.detach();this.hideEvent.fire();}});joSound=function(filename,repeat){this.endedEvent=new joSubject(this);this.errorEvent=new joSubject(this);if(typeof Audio=='undefined')
|
||||
return;this.filename=filename;this.audio=new Audio();this.audio.autoplay=false;if(!this.audio)
|
||||
return;joDefer(function(){this.audio.src=filename;this.audio.load();},this,5);this.setRepeatCount(repeat);joEvent.on(this.audio,"ended",this.onEnded,this);};joSound.prototype={play:function(){if(!this.audio||this.audio.volume==0)
|
||||
return;this.audio.play();return this;},onEnded:function(e){this.endedEvent.fire(this.repeat);if(++this.repeat<this.repeatCount)
|
||||
this.play();else
|
||||
this.repeat=0;},setRepeatCount:function(repeat){this.repeatCount=repeat;this.repeat=0;return this;},pause:function(){if(!this.audio)
|
||||
return;this.audio.pause();return this;},rewind:function(){if(!this.audio)
|
||||
return;try{this.audio.currentTime=0.0;}
|
||||
catch(e){joLog("joSound: can't rewind...");}
|
||||
this.repeat=0;return this;},stop:function(){this.pause();this.rewind();this.repeat=0;return this;},setVolume:function(vol){if(!this.audio||vol<0||vol>1)
|
||||
return;this.audio.volume=vol;return this;}};joStackScroller=function(data){this.scrollers=[new joScroller(),new joScroller()];this.scroller=this.scrollers[0];joStack.apply(this,arguments);this.scroller.attach(this.container);};joStackScroller.extend(joStack,{type:"scroll",scrollerindex:1,scroller:null,scrollers:[],switchScroller:function(){this.scrollerindex=this.scrollerindex?0:1;this.scroller=this.scrollers[this.scrollerindex];},getLastScroller:function(){return this.scrollers[this.scrollerindex?0:1];},scrollTo:function(something){this.scroller.scrollTo(something);},scrollBy:function(y){this.scroller.scrollBy(y);},getChildStyleContainer:function(){return this.scroller.container;},getContentContainer:function(){return this.scroller.container;},appendChild:function(child){var scroller=this.scroller;scroller.setData(child);this.container.appendChild(scroller.container);},getChild:function(){return this.scroller.container||null;},forward:function(){if(this.index<this.data.length-1)
|
||||
this.switchScroller();joStack.prototype.forward.call(this);},back:function(){if(this.index>0)
|
||||
this.switchScroller();joStack.prototype.forward.call(this);},home:function(){if(this.data&&this.data.length&&this.data.length>1){this.switchScroller();joStack.prototype.home.call(this);}},push:function(o){if(this.data&&this.data.length&&this.data[this.data.length-1]===o)
|
||||
return;this.switchScroller();joDOM.removeCSSClass(o,'flick');joDOM.removeCSSClass(o,'flickback');this.scroller.setData(o);this.scroller.scrollTo(0,true);joStack.prototype.push.call(this,o);},pop:function(){if(this.data.length>this.locked)
|
||||
this.switchScroller();joStack.prototype.pop.call(this);}});joTabBar=function(){joList.apply(this,arguments);};joTabBar.extend(joList,{tagName:"jotabbar",formatItem:function(data,index){var o=document.createElement("jotab");if(data.label)
|
||||
o.innerHTML=data.label;if(data.type)
|
||||
o.className=data.type;o.setAttribute("index",index);return o;}});joTable=function(data){joList.apply(this,arguments);};joTable.extend(joList,{tagName:"jotable",formatItem:function(row,index){var tr=document.createElement("tr");for(var i=0,l=row.length;i<l;i++){var o=document.createElement(index?"td":"th");o.innerHTML=row[i];o.setAttribute("index",index*l+i);tr.appendChild(o);}
|
||||
return tr;},getNode:function(index){var row=this.getRow(index);var col=this.getCol(index);return this.container.childNodes[row].childNodes[col];},getRow:function(index){if(typeof index=="undefined")
|
||||
var index=this.getIndex();var rowsize=this.data[0].length;return Math.floor(index/rowsize);},getCol:function(index){if(typeof index=="undefined")
|
||||
var index=this.getIndex();var rowsize=this.data[0].length;return index%rowsize;}});joTextarea=function(data){joInput.apply(this,arguments);};joTextarea.extend(joInput,{tagName:"textarea",onKeyDown:function(e){return false;}});joTitle=function(data){joView.apply(this,arguments);};joTitle.extend(joView,{tagName:"jotitle"});joToolbar=function(data){joContainer.apply(this,arguments);};joToolbar.extend(joContainer,{tagName:"jotoolbar"});joForm=function(){joContainer.apply(this,arguments);};joForm.extend(joContainer,{tagName:"form"});joDialog=function(data){joShim.call(this,new joFlexcol(['',new joPopup(new joScroller(data)).setStyle("show"),'']));};joDialog.extend(joShim,{});joSelectList=function(){joList.apply(this,arguments);};joSelectList.extend(joList,{tagName:"joselectlist"});joNavbar=function(title){if(title)
|
||||
this.firstTitle=title;var ui=[this.titlebar=new joView(title||' ').setStyle('title'),new joFlexrow([this.back=new joBackButton('Back').selectEvent.subscribe(this.back,this),""])];joContainer.call(this,ui);};joNavbar.extend(joContainer,{tagName:"jonavbar",stack:null,back:function(){if(this.stack)
|
||||
this.stack.pop();},setStack:function(stack){if(this.stack){this.stack.pushEvent.unsubscribe(this.update,this);this.stack.popEvent.unsubscribe(this.update,this);}
|
||||
if(!stack){this.stack=null;return;}
|
||||
this.stack=stack;stack.pushEvent.subscribe(this.update,this);stack.popEvent.subscribe(this.update,this);this.refresh();},update:function(){if(!this.stack)
|
||||
return;joDOM.removeCSSClass(this.back,'selected');joDOM.removeCSSClass(this.back,'focus');if(this.stack.data.length>1)
|
||||
joDOM.addCSSClass(this.back,'active');else
|
||||
joDOM.removeCSSClass(this.back,'active');var title=this.stack.getTitle();if(typeof title==='string')
|
||||
this.titlebar.setData(title);else
|
||||
this.titlebar.setData(this.firstTitle);},setTitle:function(title){this.titlebar.setData(title);this.firstTitle=title;return this;}});joBackButton=function(){joButton.apply(this,arguments);};joBackButton.extend(joButton,{tagName:"jobackbutton"});joSelect=function(data,value){var v=value;if(value instanceof joDataSource)
|
||||
v=value.getData();var ui=[this.field=new joSelectTitle(v),this.list=new joSelectList(data,value)];this.field.setList(this.list);this.changeEvent=this.list.changeEvent;this.selectEvent=this.list.selectEvent;joExpando.call(this,ui);this.container.setAttribute("tabindex",1);this.field.setData(this.list.value);this.list.selectEvent.subscribe(this.setValue,this);};joSelect.extend(joExpando,{setValue:function(value,list){if(list){this.field.setData(value);this.close();}
|
||||
else{this.field.setData(value);}},getValue:function(){return this.list.getValue();},setEvents:function(){joControl.prototype.setEvents.call(this);},onBlur:function(e){joEvent.stop(e);joDOM.removeCSSClass(this,"focus");this.close();}});joSelectTitle=function(){joExpandoTitle.apply(this,arguments);};joSelectTitle.extend(joExpandoTitle,{list:null,setList:function(list){this.list=list;},setData:function(value){if(this.list)
|
||||
joExpandoTitle.prototype.setData.call(this,this.list.getNodeData(value)||"Select...");else
|
||||
joExpandoTitle.prototype.setData.call(this,value);}});joToggle=function(data){joControl.call(this,data);};joToggle.extend(joControl,{tagName:"jotoggle",button:null,labels:["Off","On"],setLabels:function(labels){if(labels instanceof Array)
|
||||
this.labels=labels;else if(arguments.length==2)
|
||||
this.labels=arguments;this.draw();return this;},select:function(e){if(e)
|
||||
joEvent.stop(e);this.setData((this.data)?false:true);},onBlur:function(e){joEvent.stop(e);this.blur();},draw:function(){if(!this.container)
|
||||
return;if(!this.container.firstChild){this.button=joDOM.create("div");this.container.appendChild(this.button);}
|
||||
this.button.innerHTML=this.labels[(this.data)?1:0];if(this.data)
|
||||
joDOM.addCSSClass(this.container,"on");else
|
||||
joDOM.removeCSSClass(this.container,"on");}});joSlider=function(value){this.min=0;this.max=1;this.snap=0;this.range=1;this.thumb=null;this.horizontal=1;this.vertical=0;this.moved=false;this.jump=true;joControl.call(this,null,value);};joSlider.extend(joControl,{tagName:"joslider",setRange:function(min,max,snap){if(min>=max){joLog("WARNING: joSlider.setRange, min must be less than max.");return this;}
|
||||
this.min=min||0;this.max=max||1;if(min<0&&max>=0)
|
||||
this.range=Math.abs(min)+max;else if(min<0&&max<=0)
|
||||
this.range=min-max;else
|
||||
this.range=max-min;if(typeof snap!=='undefined')
|
||||
this.snap=(snap>=0&&snap<=this.range)?snap:0;else
|
||||
this.snap=0;this.setValue(this.value);return this;},setValue:function(value,silent){var v=this.adjustValue(value);if(v!=this.value){joControl.prototype.setValue.call(this,v);if(!silent)
|
||||
this.draw();}
|
||||
return this;},adjustValue:function(v){var value=v;if(this.snap)
|
||||
value=Math.floor(value/this.snap)*this.snap;if(value<this.min)
|
||||
value=this.min;else if(value>this.max)
|
||||
value=this.max;return value;},createContainer:function(){var o=joDOM.create(this.tagName);if(o){o.setAttribute("tabindex","1");var t=joDOM.create("josliderthumb");o.appendChild(t);this.thumb=t;}
|
||||
return o;},onDown:function(e){joEvent.stop(e);this.reset();var node=this.container.firstChild;this.inMotion=true;this.moved=false;if(!this.mousemove){this.mousemove=joEvent.on(document.body,"mousemove",this.onMove,this);this.mouseup=joEvent.capture(document.body,"mouseup",this.onUp,this);}},reset:function(){this.moved=false;this.inMotion=false;this.firstX=-1;this.firstY=-1;},onMove:function(e){if(!this.inMotion)
|
||||
return;joEvent.stop(e);e.preventDefault();var point=this.getMouse(e);var y=point.y;var x=point.x;if(this.firstX==-1){this.firstX=x;this.firstY=y;this.ox=this.thumb.offsetLeft;this.oy=this.thumb.offsetTop;}
|
||||
var x=(x-this.firstX)+this.ox;var y=(y-this.firstY)+this.oy;if(x>4||y>4)
|
||||
this.moved=true;var t=this.thumb.offsetWidth;var w=this.container.offsetWidth-t;if(x<0)
|
||||
x=0;else if(x>w)
|
||||
x=w;if(!this.snap)
|
||||
this.moveTo(x);this.setValue((x/w)*this.range+this.min,!this.snap);},moveTo:function(x){this.thumb.style.left=x+"px";},initValue:function(value){var t=this.container.firstChild.offsetWidth;var w=this.container.offsetWidth-t;var x=Math.floor((this.value/this.range)*w);this.moveTo(x);return this;},onUp:function(e){if(!this.inMotion)
|
||||
return;joEvent.remove(document.body,"mousemove",this.mousemove);joEvent.remove(document.body,"mouseup",this.mouseup);this.mousemove=null;joEvent.stop(e);joEvent.preventDefault(e);joDefer(function(){this.reset();},this);},setEvents:function(){joEvent.on(this.container,"click",this.onClick,this);joEvent.on(this.thumb,"mousedown",this.onDown,this);joGesture.resizeEvent.subscribe(this.draw,this);console.log('setevents');},onClick:function(e){if(this.inMotion||this.moved)
|
||||
return;joEvent.stop(e);joEvent.preventDefault(e);var point=this.getMouse(e);var l=joDOM.pageOffsetLeft(this.container);var x=Math.floor((point.x-l)-this.thumb.offsetWidth*1.5);var t=this.thumb.offsetWidth;x=x-t;var w=this.container.offsetWidth-t;if((x<t&&this.snap)||x<0)
|
||||
x=0;else if(x>w)
|
||||
x=w;this.setValue((x/w)*this.range+this.min);},getMouse:function(e){return{x:(this.horizontal)?e.screenX:0,y:(this.vertical)?e.screenY:0};},draw:function(){if(!this.container)
|
||||
this.setContainer();this.initValue(this.value);}});
|
||||
292
assets/www/js/tafl.js
Normal file
292
assets/www/js/tafl.js
Normal file
|
|
@ -0,0 +1,292 @@
|
|||
/*
|
||||
* This is the JS Tafl Game lib and part of Androtafl.
|
||||
*/
|
||||
|
||||
|
||||
Array.prototype.has = function(obj) {
|
||||
var i = this.length;
|
||||
while (i--) {
|
||||
if (this[i] === obj) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
String.prototype.setCharAt = function(index,chr) {
|
||||
if(index > this.length-1) return this;
|
||||
return this.substr(0,index) + chr + this.substr(index+1);
|
||||
}
|
||||
|
||||
function TaflState() {
|
||||
'use strict';
|
||||
|
||||
this.board = [''];
|
||||
this.N = 0;
|
||||
this.to_move = 'w';
|
||||
this.legal_moves_cache = null;
|
||||
this.winner = null;
|
||||
this.win_reason = null;
|
||||
|
||||
this.loadBoard = function(board) {
|
||||
this.board = board;
|
||||
this.N = board.length;
|
||||
if (board[0].length !== this.N) throw "BoardNotSquare";
|
||||
};
|
||||
|
||||
this.clone = function() {
|
||||
var i, t = new TaflState();
|
||||
|
||||
for (i = 0; i < this.N; ++i) {
|
||||
t.board[i] = this.board[i];
|
||||
}
|
||||
|
||||
t.N = this.N;
|
||||
t.to_move = this.to_move;
|
||||
t.legal_moves_cache = this.legal_moves_cache;
|
||||
t.winner = this.winner;
|
||||
t.win_reason = this.win_reason;
|
||||
}
|
||||
}
|
||||
|
||||
var Tafl = {
|
||||
legal_moves: function(s) {
|
||||
if (s.legal_moves_cache) return s.legal_moves_cache;
|
||||
|
||||
var i,j,k, N=s.N, moves=[], legal_fields;
|
||||
|
||||
|
||||
for (i=0; i<N; ++i) {
|
||||
for (j=0; j<N; ++j) {
|
||||
if (! this.is_moving_color(s, [i,j])) continue;
|
||||
|
||||
legal_fields = ['.'];
|
||||
if (s.board[i][j] === 'K') legal_fields.push(','); // Only king can step on throne
|
||||
|
||||
for (k=i+1; k<N; ++k) {
|
||||
if (legal_fields.has(s.board[k][j])) {
|
||||
moves.push([ [i,j], [k,j] ]);
|
||||
} else break;
|
||||
}
|
||||
|
||||
for (k=1; k<i+1; ++k) {
|
||||
if (legal_fields.has(s.board[i-k][j])) {
|
||||
moves.push([ [i,j], [i-k,j] ]);
|
||||
} else break;
|
||||
}
|
||||
|
||||
for (k=j+1; k<N; ++k) {
|
||||
if (legal_fields.has(s.board[i][k])) {
|
||||
moves.push([ [i,j], [i,k] ]);
|
||||
} else break;
|
||||
}
|
||||
|
||||
for (k=1; k<j+1; ++k) {
|
||||
if (legal_fields.has(s.board[i][j-k])) {
|
||||
moves.push([ [i,j], [i,j-k] ]);
|
||||
} else break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
s.legal_moves_cache = moves;
|
||||
return moves;
|
||||
},
|
||||
|
||||
make_move: function(s, move) {
|
||||
function replaceCharAt(string, index) {
|
||||
}
|
||||
|
||||
if (! this.movelist_has_move(this.legal_moves(s), move) ) throw "IllegalMove";
|
||||
|
||||
var i=move[0][0],j=move[0][1],k=move[1][0],l=move[1][1],c, piece,empty='.', t;
|
||||
|
||||
piece = s.board[i][j];
|
||||
|
||||
if (piece === 'k') empty = ','; // King was on throne
|
||||
if (piece === 'k' && s.board[k][l] === '.') piece = 'K'; // King steps off the throne
|
||||
|
||||
s.board[k] = s.board[k].setCharAt(l, piece);
|
||||
s.board[i] = s.board[i].setCharAt(j, empty);;
|
||||
|
||||
c = this.get_captures(s, [k,l]);
|
||||
for ( t=0; t < c.length; ++t ) {
|
||||
s.board[c[t][0]] = s.board[c[t][0]].setCharAt(c[t][1], '.');
|
||||
}
|
||||
|
||||
if (s.to_move === 'W') s.to_move = 'B';
|
||||
else s.to_move = 'W';
|
||||
|
||||
s.legal_moves_cache = null;
|
||||
},
|
||||
|
||||
get_captures: function(s, last_move) {
|
||||
var captures = [], k=last_move[0], l=last_move[1], directions,
|
||||
d, di, dj, king_pos, i,j, king_capturers;
|
||||
|
||||
directions = [[1,0],[-1,0],[0,1],[0,-1]];
|
||||
|
||||
for (d=0; d < directions.length; ++d) {
|
||||
di = directions[d][0]; dj = directions[d][1];
|
||||
|
||||
if (k+2*di < 0 || k+2*di >= s.N || l+2*dj < 0 || l+2*dj >= s.N) continue;
|
||||
|
||||
if (this.is_not_moving_color(s, [k+di, l+dj]) &&
|
||||
this.is_moving_color(s, [k+2*di, l+2*dj]) &&
|
||||
s.board[k+di][l+dj].toUpperCase() !== 'K') {
|
||||
captures.push([k+di, l+dj]);
|
||||
}
|
||||
}
|
||||
|
||||
// Check if king is captured separately
|
||||
king_pos = this.find_king(s);
|
||||
i = king_pos[0]; j=king_pos[1];
|
||||
|
||||
king_capturers = ['W',',']; // Kings can be captured by white stones
|
||||
// or the throne
|
||||
if (i > 0 && j > 0 && i < s.N-1 && j < s.N-1) { // King is in not on
|
||||
// an edge
|
||||
if (king_capturers.has(s.board[i][j-1]) && king_capturers.has(s.board[i][j+1]) &&
|
||||
king_capturers.has(s.board[i-1][j]) && king_capturers.has(s.board[i+1][j])) {
|
||||
captures.push([i,j]);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return captures;
|
||||
},
|
||||
|
||||
is_moving_color: function(s, pos) {
|
||||
var i=pos[0], j=pos[1];
|
||||
|
||||
if (s.to_move === s.board[i][j]) return true;
|
||||
// K and k are both kings
|
||||
if (s.to_move === 'B' && s.board[i][j].toUpperCase() === 'K') return true;
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
is_not_moving_color: function(s, pos) { // Returns true if it's a piece, but not of the current color
|
||||
if (this.is_moving_color(s, pos) || ['.', ','].has(s.board[pos[0]][pos[1]])) {
|
||||
return false;
|
||||
} else {
|
||||
return true;
|
||||
}
|
||||
},
|
||||
|
||||
find_king: function(s) {
|
||||
var i,j;
|
||||
|
||||
for (i=0; i<s.N; ++i){
|
||||
j = s.board[i].toUpperCase().indexOf('K'); // Kind is in the field?
|
||||
if (j >= 0) return [i,j];
|
||||
}
|
||||
|
||||
return null;
|
||||
},
|
||||
|
||||
terminal_test: function(s) {
|
||||
var i, j, king_found = false, corners;
|
||||
|
||||
// find position of king and check if he's on an edge
|
||||
for (i=0; i<s.N; ++i){
|
||||
j = s.board[i].toUpperCase().indexOf('K'); // King is in the field?
|
||||
|
||||
if (j >= 0) { // Found king
|
||||
|
||||
// King is at an edge
|
||||
if (i === 0 || i === s.N-1 || j === 0 || j === s.N-1) {
|
||||
s.winner = 'B';
|
||||
s.win_reason = 'KingEscaped';
|
||||
return true;
|
||||
}
|
||||
|
||||
king_found = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (king_found === false) {
|
||||
s.winner = 'W';
|
||||
s.win_reason = 'NoKing';
|
||||
return true; // King was captured
|
||||
}
|
||||
|
||||
// Are there any legal moves? If not, player loses
|
||||
if (this.legal_moves(s).length == 0) {
|
||||
if (s.to_move === 'W') s.winner = 'B';
|
||||
else s.winner = 'W';
|
||||
s.win_reason = 'NoLegalMoves';
|
||||
return true;
|
||||
}
|
||||
|
||||
return false; // no one won, yet
|
||||
},
|
||||
|
||||
movelist_has_move: function(movelist, move) {
|
||||
var i;
|
||||
for (i = 0; i < movelist.length; ++i) {
|
||||
if (movelist[i][0][0] === move[0][0] &&
|
||||
movelist[i][0][1] === move[0][1] &&
|
||||
movelist[i][1][0] === move[1][0] &&
|
||||
movelist[i][1][1] === move[1][1])
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
initialStates: {
|
||||
Hnefatafl: {
|
||||
board: function(){return [
|
||||
"...WWWWW...", // W = attacker
|
||||
".....W.....", // B = defender
|
||||
"...........", // k = king on throne
|
||||
"W....B....W",
|
||||
"W...BBB...W",
|
||||
"WW.BBkBB.WW",
|
||||
"W...BBB...W",
|
||||
"W....B....W",
|
||||
"...........",
|
||||
".....W.....",
|
||||
"...WWWWW..."]},
|
||||
to_move: function(){return "W"},
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var TaflUnitTest = function() {
|
||||
function test(name,a,b) {
|
||||
if (a !== b) console.log("Unit test '" + name + "' failed: '" + a + "' !== '" + b + "'");
|
||||
//else console.log("Unit test " + name + " passed");
|
||||
}
|
||||
|
||||
var state = new TaflState();
|
||||
state.loadBoard(Tafl.initialStates.Hnefatafl.board());
|
||||
state.to_move = Tafl.initialStates.Hnefatafl.to_move();
|
||||
|
||||
test("is_moving_color 1", true, Tafl.is_moving_color(state, [0, 4])); // W
|
||||
test("is_moving_color 2", false, Tafl.is_moving_color(state, [1, 4])); // .
|
||||
test("is_moving_color 3", false, Tafl.is_moving_color(state, [4, 5])); // B
|
||||
test("is_moving_color 4", false, Tafl.is_moving_color(state, [5, 5])); // k
|
||||
|
||||
test("is_not_moving_color 1", false, Tafl.is_not_moving_color(state, [0, 0])); // W
|
||||
test("is_not_moving_color 2", false, Tafl.is_not_moving_color(state, [1, 4])); // .
|
||||
test("is_not_moving_color 3", true, Tafl.is_not_moving_color(state, [4, 5])); // B
|
||||
test("is_not_moving_color 4", true, Tafl.is_not_moving_color(state, [4, 5])); // k
|
||||
|
||||
|
||||
test("loadBoard", state.board[3], "W....B....W");
|
||||
|
||||
Tafl.make_move(state, [[10, 7], [10, 9]]);
|
||||
|
||||
test("make_move white", state.board[10], "...WWWW..W.");
|
||||
|
||||
Tafl.make_move(state, [[5, 7], [10, 7]]);
|
||||
|
||||
test("make_move black 1", state.board[5], "WW.BBkB..WW");
|
||||
test("make_move black 2", state.board[10], "...WWWWB.W.");
|
||||
|
||||
Tafl.make_move(state, [[10, 9], [10, 8]]);
|
||||
|
||||
test("capture", state.board[10], "...WWWW.W..");
|
||||
};
|
||||
132
assets/www/js/ui.js
Normal file
132
assets/www/js/ui.js
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
|
||||
jo.load();
|
||||
|
||||
//Test
|
||||
//TaflUnitTest();
|
||||
var uiScreen;
|
||||
|
||||
var tafl_game = new TaflState();
|
||||
tafl_game.loadBoard(Tafl.initialStates.Hnefatafl.board());
|
||||
tafl_game.to_move = Tafl.initialStates.Hnefatafl.to_move();
|
||||
|
||||
var N = tafl_game.board.length;
|
||||
var uiBoard;
|
||||
|
||||
function prepareBoard(board) {
|
||||
var ret_board = [];
|
||||
for (var i=0; i<board.length; ++i) {
|
||||
ret_board.push(board[i].split(''));
|
||||
}
|
||||
return ret_board;
|
||||
}
|
||||
|
||||
function updateBoard(board) {
|
||||
var N = board.length;
|
||||
|
||||
for (var i=0; i<board.length; ++i) {
|
||||
for (var j=0; j<board[i].length; ++j) {
|
||||
uiBoard.data[i][j] = board[i][j];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function drawBoard(table, board) {
|
||||
for (var i = 0; i < board.length; ++i) {
|
||||
for (var j = 0; j < board[i].length; ++j) {
|
||||
table.setCell
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var uiBoardData = prepareBoard(tafl_game.board);
|
||||
var uiBoard = new joTable(uiBoardData);
|
||||
|
||||
// Add jo function that is not implemented, yet
|
||||
if (! uiBoard.setCell) {
|
||||
uiBoard.setCell = function(i,j) {
|
||||
uiBoard.setValue(i*N + j);
|
||||
}
|
||||
}
|
||||
|
||||
// Build board widget and connect events
|
||||
|
||||
var moveFrom = null;
|
||||
uiBoard.selectEvent.subscribe(function(index, table){
|
||||
var i = table.getRow();
|
||||
var j = table.getCol();
|
||||
|
||||
if (moveFrom === null) {
|
||||
if (Tafl.is_moving_color(tafl_game, [i, j])) {
|
||||
|
||||
// Check if there is a move possible from this location
|
||||
var legal_moves = Tafl.legal_moves(tafl_game);
|
||||
for (var k = 0; k < legal_moves.length; ++k) {
|
||||
if (legal_moves[k][0][0] === i && legal_moves[k][0][1] === j) {
|
||||
moveFrom = [i,j];
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
// If this is reached, no possible move from here
|
||||
}
|
||||
|
||||
table.deselect();
|
||||
} else {
|
||||
if (moveFrom[0] === i && moveFrom[1] === j) { // Deactivate active piece
|
||||
moveFrom = null;
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
makeMove([moveFrom, [i, j]]);
|
||||
|
||||
moveFrom = null;
|
||||
} catch(e) {
|
||||
if (e === "IllegalMove") {
|
||||
table.deselect();
|
||||
moveFrom = null;
|
||||
|
||||
joLog("IllegalMove");
|
||||
} else {
|
||||
throw e;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
function makeMove(move) {
|
||||
Tafl.make_move(tafl_game, move);
|
||||
|
||||
updateBoard(tafl_game.board);
|
||||
uiBoard.refresh();
|
||||
|
||||
if (Tafl.terminal_test(tafl_game) === true) {
|
||||
// Game ended
|
||||
var win_reason;
|
||||
|
||||
switch(tafl_game.win_reason) {
|
||||
case 'NoKing': win_reason = 'The King was captured.'; break;
|
||||
case 'KingEscaped': win_reason = 'The King escaped.'; break;
|
||||
case 'NoLegalMoves': win_reason = 'There are no legal moves.'; break;
|
||||
default: win_reason = 'For a unknown reason';
|
||||
}
|
||||
|
||||
var winner = (tafl_game.winner == 'W')?'White':'Black';
|
||||
|
||||
uiScreen.alert(win_reason + "<br/>" + winner + " player wins.");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Build page
|
||||
var uiCard = new joCard([
|
||||
new joTitle("Andotafl"),
|
||||
uiBoard
|
||||
]);
|
||||
|
||||
var uiStack = new joStack();
|
||||
var uiScreen = new joScreen(uiStack);
|
||||
|
||||
uiStack.push(uiCard);
|
||||
|
|
@ -1,201 +0,0 @@
|
|||
/*
|
||||
* This is the JS Tafl Game lib and part of Androtafl.
|
||||
*/
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
Array.prototype.has = function(obj) {
|
||||
var i = this.length;
|
||||
while (i--) {
|
||||
if (this[i] === obj) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
function TaflState() {
|
||||
this.board = [''];
|
||||
this.N = 0;
|
||||
this.to_move = 'w';
|
||||
this.legal_moves_cache = null;
|
||||
this.winner = null;
|
||||
|
||||
this.loadBoard = function(board) {
|
||||
this.board = board;
|
||||
this.N = board.length;
|
||||
if (board[0].length !== this.N) throw "BoardNotSquare";
|
||||
};
|
||||
|
||||
this.clone = function() {
|
||||
var i, t = new TaflState();
|
||||
|
||||
for (i = 0; i < this.N; ++i) {
|
||||
t.board[i] = this.board[i];
|
||||
}
|
||||
|
||||
t.N = this.N;
|
||||
t.to_move = this.to_move;
|
||||
t.legal_moves_cache = this.legal_moves_cache;
|
||||
t.winner = this.winner;
|
||||
}
|
||||
}
|
||||
|
||||
var Tafl = {
|
||||
legal_moves: function(s) {
|
||||
if (s.legal_moves_cache) return s.legal_moves_cache;
|
||||
|
||||
var i,j,k, N=s.N, moves=[], legal_fields;
|
||||
|
||||
|
||||
for (i=0; i<N; ++i) {
|
||||
for (j=0; j<N; ++j) {
|
||||
if (! this.is_moving_color(s, [i,j])) continue;
|
||||
|
||||
legal_fields = ['.'];
|
||||
if (s.board[i][j] === 'K') legal_fields.push(','); // Only king can step on throne
|
||||
|
||||
for (k=i+1; k<N; ++k) {
|
||||
if (legal_fields.has(s.board[k][j])) {
|
||||
moves.push([ [i,j], [k,j] ]);
|
||||
} else break;
|
||||
}
|
||||
|
||||
for (k=1; k<i+1; ++k) {
|
||||
if (legal_fields.has(s.board[i-k][j])) {
|
||||
moves.push([ [i,j], [i-k,j] ]);
|
||||
} else break;
|
||||
}
|
||||
|
||||
for (k=j+1; k<N; ++k) {
|
||||
if (legal_fields.has(s.board[i][k])) {
|
||||
moves.push([ [i,j], [i,k] ]);
|
||||
} else break;
|
||||
}
|
||||
|
||||
for (k=1; k<j+1; ++k) {
|
||||
if (legal_fields.has(s.board[i][j-k])) {
|
||||
moves.push([ [i,j], [i,j-k] ]);
|
||||
} else break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
s.legal_moves_cache = moves;
|
||||
return moves;
|
||||
},
|
||||
|
||||
make_move: function(s, move) {
|
||||
if (! ( this.legal_moves(s).has(move) )) throw "IllegalMove";
|
||||
|
||||
var i=move[0][0],j=move[0][1],k=move[1][0],l=move[1][1],c, empty='.', t;
|
||||
|
||||
|
||||
if (s.board[k][l] === 'k') empty = ','; // King was on throne
|
||||
|
||||
s.board[k][l] = s.board[i][j];
|
||||
s.board[i][j] = empty;
|
||||
|
||||
c = this.get_catches(s, [k,l]);
|
||||
for ( t=0; t < c.length; ++t ) {
|
||||
s[c[t][0]][c[t][1]] = '.';
|
||||
}
|
||||
|
||||
if (s.to_move === 'W') s.to_move = 'B';
|
||||
else s.to_move = 'W';
|
||||
|
||||
s.legal_moves_cache = null;
|
||||
},
|
||||
|
||||
get_catches: function(s, last_move) {
|
||||
var catches = [], k=last_move[0], l=last_move[1], directions,
|
||||
d, di, dj, king_pos, i,j, king_capturers;
|
||||
|
||||
directions = [[1,0],[-1,0],[0,1],[0,-1]];
|
||||
|
||||
for (d=0; d < directions.length; ++d) {
|
||||
di = directions[d][0]; dj = directions[d][1];
|
||||
|
||||
if (!this.is_moving_color(s, [k+di, j+dj]) &&
|
||||
this.is_moving_color(s, [k+2*di, j+2*dj]) &&
|
||||
s.board[k][l].toUpperCase() !== 'K') {
|
||||
catches.push([k+di, l+dj]);
|
||||
}
|
||||
}
|
||||
|
||||
// Check if king is captured separately
|
||||
king_pos = this.find_king(s);
|
||||
i = king_pos[0]; j=king_pos[1];
|
||||
|
||||
king_capturers = ['W',',']; // Kings can be captured by white stones
|
||||
// or the throne
|
||||
if (i > 0 && j > 0 && i < s.N-1 && j < s.N-1) { // King is in not on
|
||||
// an edge
|
||||
if (king_capturers.has(s.board[i][j-1]) && king_capturers.has(s.board[i][j+1]) &&
|
||||
king_capturers.has(s.board[i-1][j]) && king_capturers.has(s.board[i+1][j])) {
|
||||
catches.push([i,j]);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
return catches;
|
||||
},
|
||||
|
||||
is_moving_color: function(s, move) {
|
||||
var i=move[0], j=move[1];
|
||||
|
||||
if (s.to_move === s.board[i][j]) return true;
|
||||
// K and k are both kings
|
||||
if (s.to_move === 'B' && s.board[i][j].toUpperCase() === 'K') return true;
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
find_king: function(s) {
|
||||
for (i=0; i<s.N; ++i){
|
||||
j = s.board[i].find('K'); // Kind is in the field?
|
||||
if (! j > 0) s.board[i].find('k'); // King is on throne?
|
||||
if (j >= 0) return [i,j];
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
terminal_test: function(s) {
|
||||
var i, j, king_found = false, corners;
|
||||
|
||||
// find position of king and check if he's on an edge
|
||||
for (i=0; i<s.N; ++i){
|
||||
j = s.board[i].find('K'); // Kind is in the field?
|
||||
if (! j > 0) s.board[i].find('k'); // King is on throne?
|
||||
|
||||
if (j >= 0) { // Found king
|
||||
|
||||
// King is at an edge
|
||||
if (i === 0 || i === s.N-1 || j === 0 || j === s.N-1) {
|
||||
s.winner = 'B';
|
||||
return true;
|
||||
}
|
||||
|
||||
kind_found = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (! king_found) {
|
||||
s.winner = 'W';
|
||||
return true; // King was captured
|
||||
}
|
||||
|
||||
// Are there any legal moves? If not, player loses
|
||||
if (this.legal_moves(s).length == 0) {
|
||||
if (s.to_move === 'W') s.winner = 'B';
|
||||
else s.winner = 'W';
|
||||
return true;
|
||||
}
|
||||
|
||||
return false; // no one won, yet
|
||||
}
|
||||
};
|
||||
})();
|
||||
Loading…
Reference in a new issue