12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571 |
- require({cache:{
- 'dojox/mobile/ViewController':function(){
- define("dojox/mobile/ViewController", [
- "dojo/_base/kernel",
- "dojo/_base/array",
- "dojo/_base/connect",
- "dojo/_base/declare",
- "dojo/_base/lang",
- "dojo/_base/window",
- "dojo/dom",
- "dojo/dom-class",
- "dojo/dom-construct",
- // "dojo/hash", // optionally prereq'ed
- "dojo/on",
- "dojo/ready",
- "dijit/registry", // registry.byId
- "./ProgressIndicator",
- "./TransitionEvent"
- ], function(dojo, array, connect, declare, lang, win, dom, domClass, domConstruct, on, ready, registry, ProgressIndicator, TransitionEvent){
- // module:
- // dojox/mobile/ViewController
- // summary:
- // A singleton class that controlls view transition.
- var dm = lang.getObject("dojox.mobile", true);
- var Controller = declare("dojox.mobile.ViewController", null, {
- // summary:
- // A singleton class that controlls view transition.
- // description:
- // This class listens to the "startTransition" events and performs
- // view transitions. If the transition destination is an external
- // view specified with the url parameter, retrieves the view
- // content and parses it to create a new target view.
- constructor: function(){
- this.viewMap={};
- this.currentView=null;
- this.defaultView=null;
- ready(lang.hitch(this, function(){
- on(win.body(), "startTransition", lang.hitch(this, "onStartTransition"));
- }));
- },
- findCurrentView: function(moveTo,src){
- // summary:
- // Searches for the currently showing view.
- if(moveTo){
- var w = registry.byId(moveTo);
- if(w && w.getShowingView){ return w.getShowingView(); }
- }
- if(dm.currentView){
- return dm.currentView; //TODO:1.8 may not return an expected result especially when views are nested
- }
- //TODO:1.8 probably never reaches here
- w = src;
- while(true){
- w = w.getParent();
- if(!w){ return null; }
- if(domClass.contains(w.domNode, "mblView")){ break; }
- }
- return w;
- },
- onStartTransition: function(evt){
- // summary:
- // A handler that performs view transition.
- evt.preventDefault();
- if(!evt.detail || (evt.detail && !evt.detail.moveTo && !evt.detail.href && !evt.detail.url && !evt.detail.scene)){ return; }
- var w = this.findCurrentView(evt.detail.moveTo, (evt.target && evt.target.id)?registry.byId(evt.target.id):registry.byId(evt.target)); // the current view widget
- if(!w || (evt.detail && evt.detail.moveTo && w === registry.byId(evt.detail.moveTo))){ return; }
- if(evt.detail.href){
- var t = registry.byId(evt.target.id).hrefTarget;
- if(t){
- dm.openWindow(evt.detail.href, t);
- }else{
- w.performTransition(null, evt.detail.transitionDir, evt.detail.transition, evt.target, function(){location.href = evt.detail.href;});
- }
- return;
- } else if(evt.detail.scene){
- connect.publish("/dojox/mobile/app/pushScene", [evt.detail.scene]);
- return;
- }
- var moveTo = evt.detail.moveTo;
- if(evt.detail.url){
- var id;
- if(dm._viewMap && dm._viewMap[evt.detail.url]){
- // external view has already been loaded
- id = dm._viewMap[evt.detail.url];
- }else{
- // get the specified external view and append it to the <body>
- var text = this._text;
- if(!text){
- if(registry.byId(evt.target.id).sync){
- // We do not add explicit dependency on dojo/_base/xhr to this module
- // to be able to create a build that does not contain dojo/_base/xhr.
- // User applications that do sync loading here need to explicitly
- // require dojo/_base/xhr up front.
- dojo.xhrGet({url:evt.detail.url, sync:true, load:function(result){
- text = lang.trim(result);
- }});
- }else{
- var s = "dojo/_base/xhr"; // assign to a variable so as not to be picked up by the build tool
- require([s], lang.hitch(this, function(xhr){
- var prog = ProgressIndicator.getInstance();
- win.body().appendChild(prog.domNode);
- prog.start();
- var obj = xhr.get({
- url: evt.detail.url,
- handleAs: "text"
- });
- obj.addCallback(lang.hitch(this, function(response, ioArgs){
- prog.stop();
- if(response){
- this._text = response;
- new TransitionEvent(evt.target, {
- transition: evt.detail.transition,
- transitionDir: evt.detail.transitionDir,
- moveTo: moveTo,
- href: evt.detail.href,
- url: evt.detail.url,
- scene: evt.detail.scene},
- evt.detail)
- .dispatch();
- }
- }));
- obj.addErrback(function(error){
- prog.stop();
- console.log("Failed to load "+evt.detail.url+"\n"+(error.description||error));
- });
- }));
- return;
- }
- }
- this._text = null;
- id = this._parse(text, registry.byId(evt.target.id).urlTarget);
- if(!dm._viewMap){
- dm._viewMap = [];
- }
- dm._viewMap[evt.detail.url] = id;
- }
- moveTo = id;
- w = this.findCurrentView(moveTo,registry.byId(evt.target.id)) || w; // the current view widget
- }
- var src = registry.getEnclosingWidget(evt.target);
- var context, method;
- if(src && src.callback){
- context = src;
- method = src.callback;
- }
- w.performTransition(moveTo, evt.detail.transitionDir, evt.detail.transition, context, method);
- },
- _parse: function(text, id){
- // summary:
- // Parses the given view content.
- // description:
- // If the content is html fragment, constructs dom tree with it
- // and runs the parser. If the content is json data, passes it
- // to _instantiate().
- var container, view, i, j, len;
- var currentView = this.findCurrentView();
- var target = registry.byId(id) && registry.byId(id).containerNode
- || dom.byId(id)
- || currentView && currentView.domNode.parentNode
- || win.body();
- // if a fixed bottom bar exists, a new view should be placed before it.
- var refNode = null;
- for(j = target.childNodes.length - 1; j >= 0; j--){
- var c = target.childNodes[j];
- if(c.nodeType === 1){
- if(c.getAttribute("fixed") === "bottom"){
- refNode = c;
- break;
- }
- }
- }
- if(text.charAt(0) === "<"){ // html markup
- container = domConstruct.create("DIV", {innerHTML: text});
- for(i = 0; i < container.childNodes.length; i++){
- var n = container.childNodes[i];
- if(n.nodeType === 1){
- view = n; // expecting <div dojoType="dojox.mobile.View">
- break;
- }
- }
- if(!view){
- console.log("dojox.mobile.ViewController#_parse: invalid view content");
- return;
- }
- view.style.visibility = "hidden";
- target.insertBefore(container, refNode);
- var ws = dojo.parser.parse(container);
- array.forEach(ws, function(w){
- if(w && !w._started && w.startup){
- w.startup();
- }
- });
- // allows multiple root nodes in the fragment,
- // but transition will be performed to the 1st view.
- for(i = 0, len = container.childNodes.length; i < len; i++){
- target.insertBefore(container.firstChild, refNode); // reparent
- }
- target.removeChild(container);
- registry.byNode(view)._visible = true;
- }else if(text.charAt(0) === "{"){ // json
- container = domConstruct.create("DIV");
- target.insertBefore(container, refNode);
- this._ws = [];
- view = this._instantiate(eval('('+text+')'), container);
- for(i = 0; i < this._ws.length; i++){
- var w = this._ws[i];
- w.startup && !w._started && (!w.getParent || !w.getParent()) && w.startup();
- }
- this._ws = null;
- }
- view.style.display = "none";
- view.style.visibility = "visible";
- return dojo.hash ? "#" + view.id : view.id;
- },
- _instantiate: function(/*Object*/obj, /*DomNode*/node, /*Widget*/parent){
- // summary:
- // Given the evaluated json data, does the same thing as what
- // the parser does.
- var widget;
- for(var key in obj){
- if(key.charAt(0) == "@"){ continue; }
- var cls = lang.getObject(key);
- if(!cls){ continue; }
- var params = {};
- var proto = cls.prototype;
- var objs = lang.isArray(obj[key]) ? obj[key] : [obj[key]];
- for(var i = 0; i < objs.length; i++){
- for(var prop in objs[i]){
- if(prop.charAt(0) == "@"){
- var val = objs[i][prop];
- prop = prop.substring(1);
- if(typeof proto[prop] == "string"){
- params[prop] = val;
- }else if(typeof proto[prop] == "number"){
- params[prop] = val - 0;
- }else if(typeof proto[prop] == "boolean"){
- params[prop] = (val != "false");
- }else if(typeof proto[prop] == "object"){
- params[prop] = eval("(" + val + ")");
- }
- }
- }
- widget = new cls(params, node);
- if(node){ // to call View's startup()
- widget._visible = true;
- this._ws.push(widget);
- }
- if(parent && parent.addChild){
- parent.addChild(widget);
- }
- this._instantiate(objs[i], null, widget);
- }
- }
- return widget && widget.domNode;
- }
- });
- new Controller(); // singleton
- return Controller;
- });
- },
- 'dojox/mobile/RoundRect':function(){
- define("dojox/mobile/RoundRect", [
- "dojo/_base/array",
- "dojo/_base/declare",
- "dojo/_base/window",
- "dijit/_Contained",
- "dijit/_Container",
- "dijit/_WidgetBase"
- ], function(array, declare, win, Contained, Container, WidgetBase){
- /*=====
- var Contained = dijit._Contained;
- var Container = dijit._Container;
- var WidgetBase = dijit._WidgetBase;
- =====*/
- // module:
- // dojox/mobile/RoundRect
- // summary:
- // A simple round rectangle container.
- return declare("dojox.mobile.RoundRect", [WidgetBase, Container, Contained], {
- // summary:
- // A simple round rectangle container.
- // description:
- // RoundRect is a simple round rectangle container for any HTML
- // and/or widgets. You can achieve the same appearance by just
- // applying the -webkit-border-radius style to a div tag. However,
- // if you use RoundRect, you can get a round rectangle even on
- // non-CSS3 browsers such as (older) IE.
- // shadow: Boolean
- // If true, adds a shadow effect to the container element.
- shadow: false,
- buildRendering: function(){
- this.domNode = this.containerNode = this.srcNodeRef || win.doc.createElement("DIV");
- this.domNode.className = this.shadow ? "mblRoundRect mblShadow" : "mblRoundRect";
- },
- resize: function(){
- // summary:
- // Calls resize() of each child widget.
- array.forEach(this.getChildren(), function(child){
- if(child.resize){ child.resize(); }
- });
- }
- });
- });
- },
- 'dojox/mobile/RoundRectList':function(){
- define("dojox/mobile/RoundRectList", [
- "dojo/_base/array",
- "dojo/_base/declare",
- "dojo/_base/window",
- "dijit/_Contained",
- "dijit/_Container",
- "dijit/_WidgetBase"
- ], function(array, declare, win, Contained, Container, WidgetBase){
- /*=====
- var Contained = dijit._Contained;
- var Container = dijit._Container;
- var WidgetBase = dijit._WidgetBase;
- =====*/
- // module:
- // dojox/mobile/RoundRectList
- // summary:
- // A rounded rectangle list.
- return declare("dojox.mobile.RoundRectList", [WidgetBase, Container, Contained], {
- // summary:
- // A rounded rectangle list.
- // description:
- // RoundRectList is a rounded rectangle list, which can be used to
- // display a group of items. Each item must be
- // dojox.mobile.ListItem.
- // transition: String
- // The default animated transition effect for child items.
- transition: "slide",
- // iconBase: String
- // The default icon path for child items.
- iconBase: "",
- // iconPos: String
- // The default icon position for child items.
- iconPos: "",
- // select: String
- // Selection mode of the list. The check mark is shown for the
- // selected list item(s). The value can be "single", "multiple", or
- // "". If "single", there can be only one selected item at a time.
- // If "multiple", there can be multiple selected items at a time.
- select: "",
- // stateful: String
- // If true, the last selected item remains highlighted.
- stateful: false,
- buildRendering: function(){
- this.domNode = this.containerNode = this.srcNodeRef || win.doc.createElement("UL");
- this.domNode.className = "mblRoundRectList";
- },
-
- resize: function(){
- // summary:
- // Calls resize() of each child widget.
- array.forEach(this.getChildren(), function(child){
- if(child.resize){ child.resize(); }
- });
- },
- onCheckStateChanged: function(/*Widget*/listItem, /*String*/newState){
- // summary:
- // Stub function to connect to from your application.
- // description:
- // Called when the check state has been changed.
- },
- _setStatefulAttr: function(stateful){
- this.stateful = stateful;
- array.forEach(this.getChildren(), function(child){
- child.setArrow && child.setArrow();
- });
- },
- deselectItem: function(/*ListItem*/item){
- // summary:
- // Deselects the given item.
- item.deselect();
- },
- deselectAll: function(){
- // summary:
- // Deselects all the items.
- array.forEach(this.getChildren(), function(child){
- child.deselect && child.deselect();
- });
- },
- selectItem: function(/*ListItem*/item){
- // summary:
- // Selects the given item.
- item.select();
- }
- });
- });
- },
- 'dojox/mobile/sniff':function(){
- define("dojox/mobile/sniff", [
- "dojo/_base/window",
- "dojo/_base/sniff"
- ], function(win, has){
- var ua = navigator.userAgent;
- // BlackBerry (OS 6 or later only)
- has.add("bb", ua.indexOf("BlackBerry") >= 0 && parseFloat(ua.split("Version/")[1]) || undefined, undefined, true);
- // Android
- has.add("android", parseFloat(ua.split("Android ")[1]) || undefined, undefined, true);
- // iPhone, iPod, or iPad
- // If iPod or iPad is detected, in addition to has("ipod") or has("ipad"),
- // has("iphone") will also have iOS version number.
- if(ua.match(/(iPhone|iPod|iPad)/)){
- var p = RegExp.$1.replace(/P/, 'p');
- var v = ua.match(/OS ([\d_]+)/) ? RegExp.$1 : "1";
- var os = parseFloat(v.replace(/_/, '.').replace(/_/g, ''));
- has.add(p, os, undefined, true);
- has.add("iphone", os, undefined, true);
- }
- if(has("webkit")){
- has.add("touch", (typeof win.doc.documentElement.ontouchstart != "undefined" &&
- navigator.appVersion.indexOf("Mobile") != -1) || !!has("android"), undefined, true);
- }
- return has;
- });
- },
- 'dojox/mobile/TransitionEvent':function(){
- define("dojox/mobile/TransitionEvent", [
- "dojo/_base/declare",
- "dojo/_base/Deferred",
- "dojo/_base/lang",
- "dojo/on",
- "./transition"
- ], function(declare, Deferred, lang, on, transitDeferred){
- return declare("dojox.mobile.TransitionEvent", null, {
- constructor: function(target, transitionOptions, triggerEvent){
- this.transitionOptions=transitionOptions;
- this.target = target;
- this.triggerEvent=triggerEvent||null;
- },
- dispatch: function(){
- var opts = {bubbles:true, cancelable:true, detail: this.transitionOptions, triggerEvent: this.triggerEvent};
- //console.log("Target: ", this.target, " opts: ", opts);
- var evt = on.emit(this.target,"startTransition", opts);
- //console.log('evt: ', evt);
- if(evt){
- Deferred.when(transitDeferred, lang.hitch(this, function(transition){
- Deferred.when(transition.call(this, evt), lang.hitch(this, function(results){
- this.endTransition(results);
- }));
- }));
- }
- },
- endTransition: function(results){
- on.emit(this.target, "endTransition" , {detail: results.transitionOptions});
- }
- });
- });
- },
- 'dijit/_WidgetBase':function(){
- define("dijit/_WidgetBase", [
- "require", // require.toUrl
- "dojo/_base/array", // array.forEach array.map
- "dojo/aspect",
- "dojo/_base/config", // config.blankGif
- "dojo/_base/connect", // connect.connect
- "dojo/_base/declare", // declare
- "dojo/dom", // dom.byId
- "dojo/dom-attr", // domAttr.set domAttr.remove
- "dojo/dom-class", // domClass.add domClass.replace
- "dojo/dom-construct", // domConstruct.create domConstruct.destroy domConstruct.place
- "dojo/dom-geometry", // isBodyLtr
- "dojo/dom-style", // domStyle.set, domStyle.get
- "dojo/_base/kernel",
- "dojo/_base/lang", // mixin(), isArray(), etc.
- "dojo/on",
- "dojo/ready",
- "dojo/Stateful", // Stateful
- "dojo/topic",
- "dojo/_base/window", // win.doc.createTextNode
- "./registry" // registry.getUniqueId(), registry.findWidgets()
- ], function(require, array, aspect, config, connect, declare,
- dom, domAttr, domClass, domConstruct, domGeometry, domStyle, kernel,
- lang, on, ready, Stateful, topic, win, registry){
- /*=====
- var Stateful = dojo.Stateful;
- =====*/
- // module:
- // dijit/_WidgetBase
- // summary:
- // Future base class for all Dijit widgets.
- // For back-compat, remove in 2.0.
- if(!kernel.isAsync){
- ready(0, function(){
- var requires = ["dijit/_base/manager"];
- require(requires); // use indirection so modules not rolled into a build
- });
- }
- // Nested hash listing attributes for each tag, all strings in lowercase.
- // ex: {"div": {"style": true, "tabindex" true}, "form": { ...
- var tagAttrs = {};
- function getAttrs(obj){
- var ret = {};
- for(var attr in obj){
- ret[attr.toLowerCase()] = true;
- }
- return ret;
- }
- function nonEmptyAttrToDom(attr){
- // summary:
- // Returns a setter function that copies the attribute to this.domNode,
- // or removes the attribute from this.domNode, depending on whether the
- // value is defined or not.
- return function(val){
- domAttr[val ? "set" : "remove"](this.domNode, attr, val);
- this._set(attr, val);
- };
- }
- function isEqual(a, b){
- // summary:
- // Function that determines whether two values are identical,
- // taking into account that NaN is not normally equal to itself
- // in JS.
- return a === b || (/* a is NaN */ a !== a && /* b is NaN */ b !== b);
- }
- return declare("dijit._WidgetBase", Stateful, {
- // summary:
- // Future base class for all Dijit widgets.
- // description:
- // Future base class for all Dijit widgets.
- // _Widget extends this class adding support for various features needed by desktop.
- //
- // Provides stubs for widget lifecycle methods for subclasses to extend, like postMixInProperties(), buildRendering(),
- // postCreate(), startup(), and destroy(), and also public API methods like set(), get(), and watch().
- //
- // Widgets can provide custom setters/getters for widget attributes, which are called automatically by set(name, value).
- // For an attribute XXX, define methods _setXXXAttr() and/or _getXXXAttr().
- //
- // _setXXXAttr can also be a string/hash/array mapping from a widget attribute XXX to the widget's DOMNodes:
- //
- // - DOM node attribute
- // | _setFocusAttr: {node: "focusNode", type: "attribute"}
- // | _setFocusAttr: "focusNode" (shorthand)
- // | _setFocusAttr: "" (shorthand, maps to this.domNode)
- // Maps this.focus to this.focusNode.focus, or (last example) this.domNode.focus
- //
- // - DOM node innerHTML
- // | _setTitleAttr: { node: "titleNode", type: "innerHTML" }
- // Maps this.title to this.titleNode.innerHTML
- //
- // - DOM node innerText
- // | _setTitleAttr: { node: "titleNode", type: "innerText" }
- // Maps this.title to this.titleNode.innerText
- //
- // - DOM node CSS class
- // | _setMyClassAttr: { node: "domNode", type: "class" }
- // Maps this.myClass to this.domNode.className
- //
- // If the value of _setXXXAttr is an array, then each element in the array matches one of the
- // formats of the above list.
- //
- // If the custom setter is null, no action is performed other than saving the new value
- // in the widget (in this).
- //
- // If no custom setter is defined for an attribute, then it will be copied
- // to this.focusNode (if the widget defines a focusNode), or this.domNode otherwise.
- // That's only done though for attributes that match DOMNode attributes (title,
- // alt, aria-labelledby, etc.)
- // id: [const] String
- // A unique, opaque ID string that can be assigned by users or by the
- // system. If the developer passes an ID which is known not to be
- // unique, the specified ID is ignored and the system-generated ID is
- // used instead.
- id: "",
- _setIdAttr: "domNode", // to copy to this.domNode even for auto-generated id's
- // lang: [const] String
- // Rarely used. Overrides the default Dojo locale used to render this widget,
- // as defined by the [HTML LANG](http://www.w3.org/TR/html401/struct/dirlang.html#adef-lang) attribute.
- // Value must be among the list of locales specified during by the Dojo bootstrap,
- // formatted according to [RFC 3066](http://www.ietf.org/rfc/rfc3066.txt) (like en-us).
- lang: "",
- // set on domNode even when there's a focus node. but don't set lang="", since that's invalid.
- _setLangAttr: nonEmptyAttrToDom("lang"),
- // dir: [const] String
- // Bi-directional support, as defined by the [HTML DIR](http://www.w3.org/TR/html401/struct/dirlang.html#adef-dir)
- // attribute. Either left-to-right "ltr" or right-to-left "rtl". If undefined, widgets renders in page's
- // default direction.
- dir: "",
- // set on domNode even when there's a focus node. but don't set dir="", since that's invalid.
- _setDirAttr: nonEmptyAttrToDom("dir"), // to set on domNode even when there's a focus node
- // textDir: String
- // Bi-directional support, the main variable which is responsible for the direction of the text.
- // The text direction can be different than the GUI direction by using this parameter in creation
- // of a widget.
- // Allowed values:
- // 1. "ltr"
- // 2. "rtl"
- // 3. "auto" - contextual the direction of a text defined by first strong letter.
- // By default is as the page direction.
- textDir: "",
- // class: String
- // HTML class attribute
- "class": "",
- _setClassAttr: { node: "domNode", type: "class" },
- // style: String||Object
- // HTML style attributes as cssText string or name/value hash
- style: "",
- // title: String
- // HTML title attribute.
- //
- // For form widgets this specifies a tooltip to display when hovering over
- // the widget (just like the native HTML title attribute).
- //
- // For TitlePane or for when this widget is a child of a TabContainer, AccordionContainer,
- // etc., it's used to specify the tab label, accordion pane title, etc.
- title: "",
- // tooltip: String
- // When this widget's title attribute is used to for a tab label, accordion pane title, etc.,
- // this specifies the tooltip to appear when the mouse is hovered over that text.
- tooltip: "",
- // baseClass: [protected] String
- // Root CSS class of the widget (ex: dijitTextBox), used to construct CSS classes to indicate
- // widget state.
- baseClass: "",
- // srcNodeRef: [readonly] DomNode
- // pointer to original DOM node
- srcNodeRef: null,
- // domNode: [readonly] DomNode
- // This is our visible representation of the widget! Other DOM
- // Nodes may by assigned to other properties, usually through the
- // template system's data-dojo-attach-point syntax, but the domNode
- // property is the canonical "top level" node in widget UI.
- domNode: null,
- // containerNode: [readonly] DomNode
- // Designates where children of the source DOM node will be placed.
- // "Children" in this case refers to both DOM nodes and widgets.
- // For example, for myWidget:
- //
- // | <div data-dojo-type=myWidget>
- // | <b> here's a plain DOM node
- // | <span data-dojo-type=subWidget>and a widget</span>
- // | <i> and another plain DOM node </i>
- // | </div>
- //
- // containerNode would point to:
- //
- // | <b> here's a plain DOM node
- // | <span data-dojo-type=subWidget>and a widget</span>
- // | <i> and another plain DOM node </i>
- //
- // In templated widgets, "containerNode" is set via a
- // data-dojo-attach-point assignment.
- //
- // containerNode must be defined for any widget that accepts innerHTML
- // (like ContentPane or BorderContainer or even Button), and conversely
- // is null for widgets that don't, like TextBox.
- containerNode: null,
- /*=====
- // _started: Boolean
- // startup() has completed.
- _started: false,
- =====*/
- // attributeMap: [protected] Object
- // Deprecated. Instead of attributeMap, widget should have a _setXXXAttr attribute
- // for each XXX attribute to be mapped to the DOM.
- //
- // attributeMap sets up a "binding" between attributes (aka properties)
- // of the widget and the widget's DOM.
- // Changes to widget attributes listed in attributeMap will be
- // reflected into the DOM.
- //
- // For example, calling set('title', 'hello')
- // on a TitlePane will automatically cause the TitlePane's DOM to update
- // with the new title.
- //
- // attributeMap is a hash where the key is an attribute of the widget,
- // and the value reflects a binding to a:
- //
- // - DOM node attribute
- // | focus: {node: "focusNode", type: "attribute"}
- // Maps this.focus to this.focusNode.focus
- //
- // - DOM node innerHTML
- // | title: { node: "titleNode", type: "innerHTML" }
- // Maps this.title to this.titleNode.innerHTML
- //
- // - DOM node innerText
- // | title: { node: "titleNode", type: "innerText" }
- // Maps this.title to this.titleNode.innerText
- //
- // - DOM node CSS class
- // | myClass: { node: "domNode", type: "class" }
- // Maps this.myClass to this.domNode.className
- //
- // If the value is an array, then each element in the array matches one of the
- // formats of the above list.
- //
- // There are also some shorthands for backwards compatibility:
- // - string --> { node: string, type: "attribute" }, for example:
- // | "focusNode" ---> { node: "focusNode", type: "attribute" }
- // - "" --> { node: "domNode", type: "attribute" }
- attributeMap: {},
- // _blankGif: [protected] String
- // Path to a blank 1x1 image.
- // Used by <img> nodes in templates that really get their image via CSS background-image.
- _blankGif: config.blankGif || require.toUrl("dojo/resources/blank.gif"),
- //////////// INITIALIZATION METHODS ///////////////////////////////////////
- postscript: function(/*Object?*/params, /*DomNode|String*/srcNodeRef){
- // summary:
- // Kicks off widget instantiation. See create() for details.
- // tags:
- // private
- this.create(params, srcNodeRef);
- },
- create: function(/*Object?*/params, /*DomNode|String?*/srcNodeRef){
- // summary:
- // Kick off the life-cycle of a widget
- // params:
- // Hash of initialization parameters for widget, including
- // scalar values (like title, duration etc.) and functions,
- // typically callbacks like onClick.
- // srcNodeRef:
- // If a srcNodeRef (DOM node) is specified:
- // - use srcNodeRef.innerHTML as my contents
- // - if this is a behavioral widget then apply behavior
- // to that srcNodeRef
- // - otherwise, replace srcNodeRef with my generated DOM
- // tree
- // description:
- // Create calls a number of widget methods (postMixInProperties, buildRendering, postCreate,
- // etc.), some of which of you'll want to override. See http://dojotoolkit.org/reference-guide/dijit/_WidgetBase.html
- // for a discussion of the widget creation lifecycle.
- //
- // Of course, adventurous developers could override create entirely, but this should
- // only be done as a last resort.
- // tags:
- // private
- // store pointer to original DOM tree
- this.srcNodeRef = dom.byId(srcNodeRef);
- // For garbage collection. An array of listener handles returned by this.connect() / this.subscribe()
- this._connects = [];
- // For widgets internal to this widget, invisible to calling code
- this._supportingWidgets = [];
- // this is here for back-compat, remove in 2.0 (but check NodeList-instantiate.html test)
- if(this.srcNodeRef && (typeof this.srcNodeRef.id == "string")){ this.id = this.srcNodeRef.id; }
- // mix in our passed parameters
- if(params){
- this.params = params;
- lang.mixin(this, params);
- }
- this.postMixInProperties();
- // generate an id for the widget if one wasn't specified
- // (be sure to do this before buildRendering() because that function might
- // expect the id to be there.)
- if(!this.id){
- this.id = registry.getUniqueId(this.declaredClass.replace(/\./g,"_"));
- }
- registry.add(this);
- this.buildRendering();
- if(this.domNode){
- // Copy attributes listed in attributeMap into the [newly created] DOM for the widget.
- // Also calls custom setters for all attributes with custom setters.
- this._applyAttributes();
- // If srcNodeRef was specified, then swap out original srcNode for this widget's DOM tree.
- // For 2.0, move this after postCreate(). postCreate() shouldn't depend on the
- // widget being attached to the DOM since it isn't when a widget is created programmatically like
- // new MyWidget({}). See #11635.
- var source = this.srcNodeRef;
- if(source && source.parentNode && this.domNode !== source){
- source.parentNode.replaceChild(this.domNode, source);
- }
- }
- if(this.domNode){
- // Note: for 2.0 may want to rename widgetId to dojo._scopeName + "_widgetId",
- // assuming that dojo._scopeName even exists in 2.0
- this.domNode.setAttribute("widgetId", this.id);
- }
- this.postCreate();
- // If srcNodeRef has been processed and removed from the DOM (e.g. TemplatedWidget) then delete it to allow GC.
- if(this.srcNodeRef && !this.srcNodeRef.parentNode){
- delete this.srcNodeRef;
- }
- this._created = true;
- },
- _applyAttributes: function(){
- // summary:
- // Step during widget creation to copy widget attributes to the
- // DOM according to attributeMap and _setXXXAttr objects, and also to call
- // custom _setXXXAttr() methods.
- //
- // Skips over blank/false attribute values, unless they were explicitly specified
- // as parameters to the widget, since those are the default anyway,
- // and setting tabIndex="" is different than not setting tabIndex at all.
- //
- // For backwards-compatibility reasons attributeMap overrides _setXXXAttr when
- // _setXXXAttr is a hash/string/array, but _setXXXAttr as a functions override attributeMap.
- // tags:
- // private
- // Get list of attributes where this.set(name, value) will do something beyond
- // setting this[name] = value. Specifically, attributes that have:
- // - associated _setXXXAttr() method/hash/string/array
- // - entries in attributeMap.
- var ctor = this.constructor,
- list = ctor._setterAttrs;
- if(!list){
- list = (ctor._setterAttrs = []);
- for(var attr in this.attributeMap){
- list.push(attr);
- }
- var proto = ctor.prototype;
- for(var fxName in proto){
- if(fxName in this.attributeMap){ continue; }
- var setterName = "_set" + fxName.replace(/^[a-z]|-[a-zA-Z]/g, function(c){ return c.charAt(c.length-1).toUpperCase(); }) + "Attr";
- if(setterName in proto){
- list.push(fxName);
- }
- }
- }
- // Call this.set() for each attribute that was either specified as parameter to constructor,
- // or was found above and has a default non-null value. For correlated attributes like value and displayedValue, the one
- // specified as a parameter should take precedence, so apply attributes in this.params last.
- // Particularly important for new DateTextBox({displayedValue: ...}) since DateTextBox's default value is
- // NaN and thus is not ignored like a default value of "".
- array.forEach(list, function(attr){
- if(this.params && attr in this.params){
- // skip this one, do it below
- }else if(this[attr]){
- this.set(attr, this[attr]);
- }
- }, this);
- for(var param in this.params){
- this.set(param, this[param]);
- }
- },
- postMixInProperties: function(){
- // summary:
- // Called after the parameters to the widget have been read-in,
- // but before the widget template is instantiated. Especially
- // useful to set properties that are referenced in the widget
- // template.
- // tags:
- // protected
- },
- buildRendering: function(){
- // summary:
- // Construct the UI for this widget, setting this.domNode.
- // Most widgets will mixin `dijit._TemplatedMixin`, which implements this method.
- // tags:
- // protected
- if(!this.domNode){
- // Create root node if it wasn't created by _Templated
- this.domNode = this.srcNodeRef || domConstruct.create('div');
- }
- // baseClass is a single class name or occasionally a space-separated list of names.
- // Add those classes to the DOMNode. If RTL mode then also add with Rtl suffix.
- // TODO: make baseClass custom setter
- if(this.baseClass){
- var classes = this.baseClass.split(" ");
- if(!this.isLeftToRight()){
- classes = classes.concat( array.map(classes, function(name){ return name+"Rtl"; }));
- }
- domClass.add(this.domNode, classes);
- }
- },
- postCreate: function(){
- // summary:
- // Processing after the DOM fragment is created
- // description:
- // Called after the DOM fragment has been created, but not necessarily
- // added to the document. Do not include any operations which rely on
- // node dimensions or placement.
- // tags:
- // protected
- },
- startup: function(){
- // summary:
- // Processing after the DOM fragment is added to the document
- // description:
- // Called after a widget and its children have been created and added to the page,
- // and all related widgets have finished their create() cycle, up through postCreate().
- // This is useful for composite widgets that need to control or layout sub-widgets.
- // Many layout widgets can use this as a wiring phase.
- if(this._started){ return; }
- this._started = true;
- array.forEach(this.getChildren(), function(obj){
- if(!obj._started && !obj._destroyed && lang.isFunction(obj.startup)){
- obj.startup();
- obj._started = true;
- }
- });
- },
- //////////// DESTROY FUNCTIONS ////////////////////////////////
- destroyRecursive: function(/*Boolean?*/ preserveDom){
- // summary:
- // Destroy this widget and its descendants
- // description:
- // This is the generic "destructor" function that all widget users
- // should call to cleanly discard with a widget. Once a widget is
- // destroyed, it is removed from the manager object.
- // preserveDom:
- // If true, this method will leave the original DOM structure
- // alone of descendant Widgets. Note: This will NOT work with
- // dijit._Templated widgets.
- this._beingDestroyed = true;
- this.destroyDescendants(preserveDom);
- this.destroy(preserveDom);
- },
- destroy: function(/*Boolean*/ preserveDom){
- // summary:
- // Destroy this widget, but not its descendants.
- // This method will, however, destroy internal widgets such as those used within a template.
- // preserveDom: Boolean
- // If true, this method will leave the original DOM structure alone.
- // Note: This will not yet work with _Templated widgets
- this._beingDestroyed = true;
- this.uninitialize();
- // remove this.connect() and this.subscribe() listeners
- var c;
- while((c = this._connects.pop())){
- c.remove();
- }
- // destroy widgets created as part of template, etc.
- var w;
- while((w = this._supportingWidgets.pop())){
- if(w.destroyRecursive){
- w.destroyRecursive();
- }else if(w.destroy){
- w.destroy();
- }
- }
- this.destroyRendering(preserveDom);
- registry.remove(this.id);
- this._destroyed = true;
- },
- destroyRendering: function(/*Boolean?*/ preserveDom){
- // summary:
- // Destroys the DOM nodes associated with this widget
- // preserveDom:
- // If true, this method will leave the original DOM structure alone
- // during tear-down. Note: this will not work with _Templated
- // widgets yet.
- // tags:
- // protected
- if(this.bgIframe){
- this.bgIframe.destroy(preserveDom);
- delete this.bgIframe;
- }
- if(this.domNode){
- if(preserveDom){
- domAttr.remove(this.domNode, "widgetId");
- }else{
- domConstruct.destroy(this.domNode);
- }
- delete this.domNode;
- }
- if(this.srcNodeRef){
- if(!preserveDom){
- domConstruct.destroy(this.srcNodeRef);
- }
- delete this.srcNodeRef;
- }
- },
- destroyDescendants: function(/*Boolean?*/ preserveDom){
- // summary:
- // Recursively destroy the children of this widget and their
- // descendants.
- // preserveDom:
- // If true, the preserveDom attribute is passed to all descendant
- // widget's .destroy() method. Not for use with _Templated
- // widgets.
- // get all direct descendants and destroy them recursively
- array.forEach(this.getChildren(), function(widget){
- if(widget.destroyRecursive){
- widget.destroyRecursive(preserveDom);
- }
- });
- },
- uninitialize: function(){
- // summary:
- // Stub function. Override to implement custom widget tear-down
- // behavior.
- // tags:
- // protected
- return false;
- },
- ////////////////// GET/SET, CUSTOM SETTERS, ETC. ///////////////////
- _setStyleAttr: function(/*String||Object*/ value){
- // summary:
- // Sets the style attribute of the widget according to value,
- // which is either a hash like {height: "5px", width: "3px"}
- // or a plain string
- // description:
- // Determines which node to set the style on based on style setting
- // in attributeMap.
- // tags:
- // protected
- var mapNode = this.domNode;
- // Note: technically we should revert any style setting made in a previous call
- // to his method, but that's difficult to keep track of.
- if(lang.isObject(value)){
- domStyle.set(mapNode, value);
- }else{
- if(mapNode.style.cssText){
- mapNode.style.cssText += "; " + value;
- }else{
- mapNode.style.cssText = value;
- }
- }
- this._set("style", value);
- },
- _attrToDom: function(/*String*/ attr, /*String*/ value, /*Object?*/ commands){
- // summary:
- // Reflect a widget attribute (title, tabIndex, duration etc.) to
- // the widget DOM, as specified by commands parameter.
- // If commands isn't specified then it's looked up from attributeMap.
- // Note some attributes like "type"
- // cannot be processed this way as they are not mutable.
- //
- // tags:
- // private
- commands = arguments.length >= 3 ? commands : this.attributeMap[attr];
- array.forEach(lang.isArray(commands) ? commands : [commands], function(command){
- // Get target node and what we are doing to that node
- var mapNode = this[command.node || command || "domNode"]; // DOM node
- var type = command.type || "attribute"; // class, innerHTML, innerText, or attribute
- switch(type){
- case "attribute":
- if(lang.isFunction(value)){ // functions execute in the context of the widget
- value = lang.hitch(this, value);
- }
- // Get the name of the DOM node attribute; usually it's the same
- // as the name of the attribute in the widget (attr), but can be overridden.
- // Also maps handler names to lowercase, like onSubmit --> onsubmit
- var attrName = command.attribute ? command.attribute :
- (/^on[A-Z][a-zA-Z]*$/.test(attr) ? attr.toLowerCase() : attr);
- domAttr.set(mapNode, attrName, value);
- break;
- case "innerText":
- mapNode.innerHTML = "";
- mapNode.appendChild(win.doc.createTextNode(value));
- break;
- case "innerHTML":
- mapNode.innerHTML = value;
- break;
- case "class":
- domClass.replace(mapNode, value, this[attr]);
- break;
- }
- }, this);
- },
- get: function(name){
- // summary:
- // Get a property from a widget.
- // name:
- // The property to get.
- // description:
- // Get a named property from a widget. The property may
- // potentially be retrieved via a getter method. If no getter is defined, this
- // just retrieves the object's property.
- //
- // For example, if the widget has properties `foo` and `bar`
- // and a method named `_getFooAttr()`, calling:
- // `myWidget.get("foo")` would be equivalent to calling
- // `widget._getFooAttr()` and `myWidget.get("bar")`
- // would be equivalent to the expression
- // `widget.bar2`
- var names = this._getAttrNames(name);
- return this[names.g] ? this[names.g]() : this[name];
- },
- set: function(name, value){
- // summary:
- // Set a property on a widget
- // name:
- // The property to set.
- // value:
- // The value to set in the property.
- // description:
- // Sets named properties on a widget which may potentially be handled by a
- // setter in the widget.
- //
- // For example, if the widget has properties `foo` and `bar`
- // and a method named `_setFooAttr()`, calling
- // `myWidget.set("foo", "Howdy!")` would be equivalent to calling
- // `widget._setFooAttr("Howdy!")` and `myWidget.set("bar", 3)`
- // would be equivalent to the statement `widget.bar = 3;`
- //
- // set() may also be called with a hash of name/value pairs, ex:
- //
- // | myWidget.set({
- // | foo: "Howdy",
- // | bar: 3
- // | });
- //
- // This is equivalent to calling `set(foo, "Howdy")` and `set(bar, 3)`
- if(typeof name === "object"){
- for(var x in name){
- this.set(x, name[x]);
- }
- return this;
- }
- var names = this._getAttrNames(name),
- setter = this[names.s];
- if(lang.isFunction(setter)){
- // use the explicit setter
- var result = setter.apply(this, Array.prototype.slice.call(arguments, 1));
- }else{
- // Mapping from widget attribute to DOMNode attribute/value/etc.
- // Map according to:
- // 1. attributeMap setting, if one exists (TODO: attributeMap deprecated, remove in 2.0)
- // 2. _setFooAttr: {...} type attribute in the widget (if one exists)
- // 3. apply to focusNode or domNode if standard attribute name, excluding funcs like onClick.
- // Checks if an attribute is a "standard attribute" by whether the DOMNode JS object has a similar
- // attribute name (ex: accept-charset attribute matches jsObject.acceptCharset).
- // Note also that Tree.focusNode() is a function not a DOMNode, so test for that.
- var defaultNode = this.focusNode && !lang.isFunction(this.focusNode) ? "focusNode" : "domNode",
- tag = this[defaultNode].tagName,
- attrsForTag = tagAttrs[tag] || (tagAttrs[tag] = getAttrs(this[defaultNode])),
- map = name in this.attributeMap ? this.attributeMap[name] :
- names.s in this ? this[names.s] :
- ((names.l in attrsForTag && typeof value != "function") ||
- /^aria-|^data-|^role$/.test(name)) ? defaultNode : null;
- if(map != null){
- this._attrToDom(name, value, map);
- }
- this._set(name, value);
- }
- return result || this;
- },
- _attrPairNames: {}, // shared between all widgets
- _getAttrNames: function(name){
- // summary:
- // Helper function for get() and set().
- // Caches attribute name values so we don't do the string ops every time.
- // tags:
- // private
- var apn = this._attrPairNames;
- if(apn[name]){ return apn[name]; }
- var uc = name.replace(/^[a-z]|-[a-zA-Z]/g, function(c){ return c.charAt(c.length-1).toUpperCase(); });
- return (apn[name] = {
- n: name+"Node",
- s: "_set"+uc+"Attr", // converts dashes to camel case, ex: accept-charset --> _setAcceptCharsetAttr
- g: "_get"+uc+"Attr",
- l: uc.toLowerCase() // lowercase name w/out dashes, ex: acceptcharset
- });
- },
- _set: function(/*String*/ name, /*anything*/ value){
- // summary:
- // Helper function to set new value for specified attribute, and call handlers
- // registered with watch() if the value has changed.
- var oldValue = this[name];
- this[name] = value;
- if(this._watchCallbacks && this._created && !isEqual(value, oldValue)){
- this._watchCallbacks(name, oldValue, value);
- }
- },
- on: function(/*String*/ type, /*Function*/ func){
- // summary:
- // Call specified function when event occurs, ex: myWidget.on("click", function(){ ... }).
- // description:
- // Call specified function when event `type` occurs, ex: `myWidget.on("click", function(){ ... })`.
- // Note that the function is not run in any particular scope, so if (for example) you want it to run in the
- // widget's scope you must do `myWidget.on("click", lang.hitch(myWidget, func))`.
- return aspect.after(this, this._onMap(type), func, true);
- },
- _onMap: function(/*String*/ type){
- // summary:
- // Maps on() type parameter (ex: "mousemove") to method name (ex: "onMouseMove")
- var ctor = this.constructor, map = ctor._onMap;
- if(!map){
- map = (ctor._onMap = {});
- for(var attr in ctor.prototype){
- if(/^on/.test(attr)){
- map[attr.replace(/^on/, "").toLowerCase()] = attr;
- }
- }
- }
- return map[type.toLowerCase()]; // String
- },
- toString: function(){
- // summary:
- // Returns a string that represents the widget
- // description:
- // When a widget is cast to a string, this method will be used to generate the
- // output. Currently, it does not implement any sort of reversible
- // serialization.
- return '[Widget ' + this.declaredClass + ', ' + (this.id || 'NO ID') + ']'; // String
- },
- getChildren: function(){
- // summary:
- // Returns all the widgets contained by this, i.e., all widgets underneath this.containerNode.
- // Does not return nested widgets, nor widgets that are part of this widget's template.
- return this.containerNode ? registry.findWidgets(this.containerNode) : []; // dijit._Widget[]
- },
- getParent: function(){
- // summary:
- // Returns the parent widget of this widget
- return registry.getEnclosingWidget(this.domNode.parentNode);
- },
- connect: function(
- /*Object|null*/ obj,
- /*String|Function*/ event,
- /*String|Function*/ method){
- // summary:
- // Connects specified obj/event to specified method of this object
- // and registers for disconnect() on widget destroy.
- // description:
- // Provide widget-specific analog to dojo.connect, except with the
- // implicit use of this widget as the target object.
- // Events connected with `this.connect` are disconnected upon
- // destruction.
- // returns:
- // A handle that can be passed to `disconnect` in order to disconnect before
- // the widget is destroyed.
- // example:
- // | var btn = new dijit.form.Button();
- // | // when foo.bar() is called, call the listener we're going to
- // | // provide in the scope of btn
- // | btn.connect(foo, "bar", function(){
- // | console.debug(this.toString());
- // | });
- // tags:
- // protected
- var handle = connect.connect(obj, event, this, method);
- this._connects.push(handle);
- return handle; // _Widget.Handle
- },
- disconnect: function(handle){
- // summary:
- // Disconnects handle created by `connect`.
- // Also removes handle from this widget's list of connects.
- // tags:
- // protected
- var i = array.indexOf(this._connects, handle);
- if(i != -1){
- handle.remove();
- this._connects.splice(i, 1);
- }
- },
- subscribe: function(t, method){
- // summary:
- // Subscribes to the specified topic and calls the specified method
- // of this object and registers for unsubscribe() on widget destroy.
- // description:
- // Provide widget-specific analog to dojo.subscribe, except with the
- // implicit use of this widget as the target object.
- // t: String
- // The topic
- // method: Function
- // The callback
- // example:
- // | var btn = new dijit.form.Button();
- // | // when /my/topic is published, this button changes its label to
- // | // be the parameter of the topic.
- // | btn.subscribe("/my/topic", function(v){
- // | this.set("label", v);
- // | });
- // tags:
- // protected
- var handle = topic.subscribe(t, lang.hitch(this, method));
- this._connects.push(handle);
- return handle; // _Widget.Handle
- },
- unsubscribe: function(/*Object*/ handle){
- // summary:
- // Unsubscribes handle created by this.subscribe.
- // Also removes handle from this widget's list of subscriptions
- // tags:
- // protected
- this.disconnect(handle);
- },
- isLeftToRight: function(){
- // summary:
- // Return this widget's explicit or implicit orientation (true for LTR, false for RTL)
- // tags:
- // protected
- return this.dir ? (this.dir == "ltr") : domGeometry.isBodyLtr(); //Boolean
- },
- isFocusable: function(){
- // summary:
- // Return true if this widget can currently be focused
- // and false if not
- return this.focus && (domStyle.get(this.domNode, "display") != "none");
- },
- placeAt: function(/* String|DomNode|_Widget */reference, /* String?|Int? */position){
- // summary:
- // Place this widget's domNode reference somewhere in the DOM based
- // on standard domConstruct.place conventions, or passing a Widget reference that
- // contains and addChild member.
- //
- // description:
- // A convenience function provided in all _Widgets, providing a simple
- // shorthand mechanism to put an existing (or newly created) Widget
- // somewhere in the dom, and allow chaining.
- //
- // reference:
- // The String id of a domNode, a domNode reference, or a reference to a Widget possessing
- // an addChild method.
- //
- // position:
- // If passed a string or domNode reference, the position argument
- // accepts a string just as domConstruct.place does, one of: "first", "last",
- // "before", or "after".
- //
- // If passed a _Widget reference, and that widget reference has an ".addChild" method,
- // it will be called passing this widget instance into that method, supplying the optional
- // position index passed.
- //
- // returns:
- // dijit._Widget
- // Provides a useful return of the newly created dijit._Widget instance so you
- // can "chain" this function by instantiating, placing, then saving the return value
- // to a variable.
- //
- // example:
- // | // create a Button with no srcNodeRef, and place it in the body:
- // | var button = new dijit.form.Button({ label:"click" }).placeAt(win.body());
- // | // now, 'button' is still the widget reference to the newly created button
- // | button.on("click", function(e){ console.log('click'); }));
- //
- // example:
- // | // create a button out of a node with id="src" and append it to id="wrapper":
- // | var button = new dijit.form.Button({},"src").placeAt("wrapper");
- //
- // example:
- // | // place a new button as the first element of some div
- // | var button = new dijit.form.Button({ label:"click" }).placeAt("wrapper","first");
- //
- // example:
- // | // create a contentpane and add it to a TabContainer
- // | var tc = dijit.byId("myTabs");
- // | new dijit.layout.ContentPane({ href:"foo.html", title:"Wow!" }).placeAt(tc)
- if(reference.declaredClass && reference.addChild){
- reference.addChild(this, position);
- }else{
- domConstruct.place(this.domNode, reference, position);
- }
- return this;
- },
- getTextDir: function(/*String*/ text,/*String*/ originalDir){
- // summary:
- // Return direction of the text.
- // The function overridden in the _BidiSupport module,
- // its main purpose is to calculate the direction of the
- // text, if was defined by the programmer through textDir.
- // tags:
- // protected.
- return originalDir;
- },
- applyTextDir: function(/*===== element, text =====*/){
- // summary:
- // The function overridden in the _BidiSupport module,
- // originally used for setting element.dir according to this.textDir.
- // In this case does nothing.
- // element: DOMNode
- // text: String
- // tags:
- // protected.
- },
- defer: function(fcn, delay){
- // summary:
- // Wrapper to setTimeout to avoid deferred functions executing
- // after the originating widget has been destroyed.
- // Returns an object handle with a remove method (that returns null) (replaces clearTimeout).
- // fcn: function reference
- // delay: Optional number (defaults to 0)
- // tags:
- // protected.
- var timer = setTimeout(lang.hitch(this,
- function(){
- if(!timer){ return; }
- timer = null;
- if(!this._destroyed){
- lang.hitch(this, fcn)();
- }
- }),
- delay || 0
- );
- return {
- remove: function(){
- if(timer){
- clearTimeout(timer);
- timer = null;
- }
- return null; // so this works well: handle = handle.remove();
- }
- };
- }
- });
- });
- },
- 'dojox/mobile/View':function(){
- define("dojox/mobile/View", [
- "dojo/_base/kernel", // to test dojo.hash
- "dojo/_base/array",
- "dojo/_base/config",
- "dojo/_base/connect",
- "dojo/_base/declare",
- "dojo/_base/lang",
- "dojo/_base/sniff",
- "dojo/_base/window",
- "dojo/_base/Deferred",
- "dojo/dom",
- "dojo/dom-class",
- "dojo/dom-geometry",
- "dojo/dom-style",
- // "dojo/hash", // optionally prereq'ed
- "dijit/registry", // registry.byNode
- "dijit/_Contained",
- "dijit/_Container",
- "dijit/_WidgetBase",
- "./ViewController", // to load ViewController for you (no direct references)
- "./transition"
- ], function(dojo, array, config, connect, declare, lang, has, win, Deferred, dom, domClass, domGeometry, domStyle, registry, Contained, Container, WidgetBase, ViewController, transitDeferred){
- /*=====
- var Contained = dijit._Contained;
- var Container = dijit._Container;
- var WidgetBase = dijit._WidgetBase;
- var ViewController = dojox.mobile.ViewController;
- =====*/
- // module:
- // dojox/mobile/View
- // summary:
- // A widget that represents a view that occupies the full screen
- var dm = lang.getObject("dojox.mobile", true);
- return declare("dojox.mobile.View", [WidgetBase, Container, Contained], {
- // summary:
- // A widget that represents a view that occupies the full screen
- // description:
- // View acts as a container for any HTML and/or widgets. An entire
- // HTML page can have multiple View widgets and the user can
- // navigate through the views back and forth without page
- // transitions.
-
- // selected: Boolean
- // If true, the view is displayed at startup time.
- selected: false,
- // keepScrollPos: Boolean
- // If true, the scroll position is kept between views.
- keepScrollPos: true,
-
- constructor: function(params, node){
- if(node){
- dom.byId(node).style.visibility = "hidden";
- }
- this._aw = has("android") >= 2.2 && has("android") < 3; // flag for android animation workaround
- },
-
- buildRendering: function(){
- this.domNode = this.containerNode = this.srcNodeRef || win.doc.createElement("DIV");
- this.domNode.className = "mblView";
- this.connect(this.domNode, "webkitAnimationEnd", "onAnimationEnd");
- this.connect(this.domNode, "webkitAnimationStart", "onAnimationStart");
- if(!config['mblCSS3Transition']){
- this.connect(this.domNode, "webkitTransitionEnd", "onAnimationEnd");
- }
- var id = location.href.match(/#(\w+)([^\w=]|$)/) ? RegExp.$1 : null;
-
- this._visible = this.selected && !id || this.id == id;
-
- if(this.selected){
- dm._defaultView = this;
- }
- },
- startup: function(){
- if(this._started){ return; }
- var siblings = [];
- var children = this.domNode.parentNode.childNodes;
- var visible = false;
- // check if a visible view exists
- for(var i = 0; i < children.length; i++){
- var c = children[i];
- if(c.nodeType === 1 && domClass.contains(c, "mblView")){
- siblings.push(c);
- visible = visible || registry.byNode(c)._visible;
- }
- }
- var _visible = this._visible;
- // if no visible view exists, make the first view visible
- if(siblings.length === 1 || (!visible && siblings[0] === this.domNode)){
- _visible = true;
- }
- var _this = this;
- setTimeout(function(){ // necessary to render the view correctly
- if(!_visible){
- _this.domNode.style.display = "none";
- }else{
- dm.currentView = _this; //TODO:1.8 reconsider this. currentView may not have a currently showing view when views are nested.
- _this.onStartView();
- connect.publish("/dojox/mobile/startView", [_this]);
- }
- if(_this.domNode.style.visibility != "visible"){ // this check is to avoid screen flickers
- _this.domNode.style.visibility = "visible";
- }
- var parent = _this.getParent && _this.getParent();
- if(!parent || !parent.resize){ // top level widget
- _this.resize();
- }
- }, has("ie") ? 100 : 0); // give IE a little time to complete drawing
- this.inherited(arguments);
- },
-
- resize: function(){
- // summary:
- // Calls resize() of each child widget.
- array.forEach(this.getChildren(), function(child){
- if(child.resize){ child.resize(); }
- });
- },
- onStartView: function(){
- // summary:
- // Stub function to connect to from your application.
- // description:
- // Called only when this view is shown at startup time.
- },
-
- onBeforeTransitionIn: function(moveTo, dir, transition, context, method){
- // summary:
- // Stub function to connect to from your application.
- // description:
- // Called before the arriving transition occurs.
- },
-
- onAfterTransitionIn: function(moveTo, dir, transition, context, method){
- // summary:
- // Stub function to connect to from your application.
- // description:
- // Called after the arriving transition occurs.
- },
-
- onBeforeTransitionOut: function(moveTo, dir, transition, context, method){
- // summary:
- // Stub function to connect to from your application.
- // description:
- // Called before the leaving transition occurs.
- },
-
- onAfterTransitionOut: function(moveTo, dir, transition, context, method){
- // summary:
- // Stub function to connect to from your application.
- // description:
- // Called after the leaving transition occurs.
- },
-
- _saveState: function(moveTo, dir, transition, context, method){
- this._context = context;
- this._method = method;
- if(transition == "none"){
- transition = null;
- }
- this._moveTo = moveTo;
- this._dir = dir;
- this._transition = transition;
- this._arguments = lang._toArray(arguments);
- this._args = [];
- if(context || method){
- for(var i = 5; i < arguments.length; i++){
- this._args.push(arguments[i]);
- }
- }
- },
-
- _fixViewState: function(/*DomNode*/toNode){
- // summary:
- // Sanity check for view transition states.
- // description:
- // Sometimes uninitialization of Views fails after making view transition,
- // and that results in failure of subsequent view transitions.
- // This function does the uninitialization for all the sibling views.
- var nodes = this.domNode.parentNode.childNodes;
- for(var i = 0; i < nodes.length; i++){
- var n = nodes[i];
- if(n.nodeType === 1 && domClass.contains(n, "mblView")){
- n.className = "mblView"; //TODO: Should remove classes one by one. This would clear user defined classes or even mblScrollableView.
- }
- }
- toNode.className = "mblView"; // just in case toNode is a sibling of an ancestor.
- },
-
- convertToId: function(moveTo){
- if(typeof(moveTo) == "string"){
- // removes a leading hash mark (#) and params if exists
- // ex. "#bar&myParam=0003" -> "bar"
- moveTo.match(/^#?([^&?]+)/);
- return RegExp.$1;
- }
- return moveTo;
- },
-
- performTransition: function(/*String*/moveTo, /*Number*/dir, /*String*/transition,
- /*Object|null*/context, /*String|Function*/method /*optional args*/){
- // summary:
- // Function to perform the various types of view transitions, such as fade, slide, and flip.
- // moveTo: String
- // The id of the transition destination view which resides in
- // the current page.
- // If the value has a hash sign ('#') before the id
- // (e.g. #view1) and the dojo.hash module is loaded by the user
- // application, the view transition updates the hash in the
- // browser URL so that the user can bookmark the destination
- // view. In this case, the user can also use the browser's
- // back/forward button to navigate through the views in the
- // browser history.
- // If null, transitions to a blank view.
- // If '#', returns immediately without transition.
- // dir: Number
- // The transition direction. If 1, transition forward. If -1, transition backward.
- // For example, the slide transition slides the view from right to left when dir == 1,
- // and from left to right when dir == -1.
- // transition: String
- // A type of animated transition effect. You can choose from
- // the standard transition types, "slide", "fade", "flip", or
- // from the extended transition types, "cover", "coverv",
- // "dissolve", "reveal", "revealv", "scaleIn",
- // "scaleOut", "slidev", "swirl", "zoomIn", "zoomOut". If
- // "none" is specified, transition occurs immediately without
- // animation.
- // context: Object
- // The object that the callback function will receive as "this".
- // method: String|Function
- // A callback function that is called when the transition has been finished.
- // A function reference, or name of a function in context.
- // tags:
- // public
- //
- // example:
- // Transition backward to a view whose id is "foo" with the slide animation.
- // | performTransition("foo", -1, "slide");
- //
- // example:
- // Transition forward to a blank view, and then open another page.
- // | performTransition(null, 1, "slide", null, function(){location.href = href;});
- if(moveTo === "#"){ return; }
- if(dojo.hash){
- if(typeof(moveTo) == "string" && moveTo.charAt(0) == '#' && !dm._params){
- dm._params = [];
- for(var i = 0; i < arguments.length; i++){
- dm._params.push(arguments[i]);
- }
- dojo.hash(moveTo);
- return;
- }
- }
- this._saveState.apply(this, arguments);
- var toNode;
- if(moveTo){
- toNode = this.convertToId(moveTo);
- }else{
- if(!this._dummyNode){
- this._dummyNode = win.doc.createElement("DIV");
- win.body().appendChild(this._dummyNode);
- }
- toNode = this._dummyNode;
- }
- var fromNode = this.domNode;
- var fromTop = fromNode.offsetTop;
- toNode = this.toNode = dom.byId(toNode);
- if(!toNode){ console.log("dojox.mobile.View#performTransition: destination view not found: "+moveTo); return; }
- toNode.style.visibility = this._aw ? "visible" : "hidden";
- toNode.style.display = "";
- this._fixViewState(toNode);
- var toWidget = registry.byNode(toNode);
- if(toWidget){
- // Now that the target view became visible, it's time to run resize()
- if(config["mblAlwaysResizeOnTransition"] || !toWidget._resized){
- dm.resizeAll(null, toWidget);
- toWidget._resized = true;
- }
-
- if(transition && transition != "none"){
- // Temporarily add padding to align with the fromNode while transition
- toWidget.containerNode.style.paddingTop = fromTop + "px";
- }
- toWidget.movedFrom = fromNode.id;
- }
-
- this.onBeforeTransitionOut.apply(this, arguments);
- connect.publish("/dojox/mobile/beforeTransitionOut", [this].concat(lang._toArray(arguments)));
- if(toWidget){
- // perform view transition keeping the scroll position
- if(this.keepScrollPos && !this.getParent()){
- var scrollTop = win.body().scrollTop || win.doc.documentElement.scrollTop || win.global.pageYOffset || 0;
- fromNode._scrollTop = scrollTop;
- var toTop = (dir == 1) ? 0 : (toNode._scrollTop || 0);
- toNode.style.top = "0px";
- if(scrollTop > 1 || toTop !== 0){
- fromNode.style.top = toTop - scrollTop + "px";
- if(config["mblHideAddressBar"] !== false){
- setTimeout(function(){ // iPhone needs setTimeout
- win.global.scrollTo(0, (toTop || 1));
- }, 0);
- }
- }
- }else{
- toNode.style.top = "0px";
- }
- toWidget.onBeforeTransitionIn.apply(toWidget, arguments);
- connect.publish("/dojox/mobile/beforeTransitionIn", [toWidget].concat(lang._toArray(arguments)));
- }
- if(!this._aw){
- toNode.style.display = "none";
- toNode.style.visibility = "visible";
- }
-
- if(dm._iw && dm.scrollable){ // Workaround for iPhone flicker issue (only when scrollable.js is loaded)
- var ss = dm.getScreenSize();
- // Show cover behind the view.
- // cover's z-index is set to -10000, lower than z-index value specified in transition css.
- win.body().appendChild(dm._iwBgCover);
- domStyle.set(dm._iwBgCover, {
- position: "absolute",
- top: "0px",
- left: "0px",
- height: (ss.h + 1) + "px", // "+1" means the height of scrollTo(0,1)
- width: ss.w + "px",
- backgroundColor: domStyle.get(win.body(), "background-color"),
- zIndex: -10000,
- display: ""
- });
- // Show toNode behind the cover.
- domStyle.set(toNode, {
- position: "absolute",
- zIndex: -10001,
- visibility: "visible",
- display: ""
- });
- // setTimeout seems to be necessary to avoid flicker.
- // Also the duration of setTimeout should be long enough to avoid flicker.
- // 0 is not effective. 50 sometimes causes flicker.
- setTimeout(lang.hitch(this, function(){
- this._doTransition(fromNode, toNode, transition, dir);
- }), 80);
- }else{
- this._doTransition(fromNode, toNode, transition, dir);
- }
- },
- _toCls: function(s){
- // convert from transition name to corresponding class name
- // ex. "slide" -> "mblSlide"
- return "mbl"+s.charAt(0).toUpperCase() + s.substring(1);
- },
-
- _doTransition: function(fromNode, toNode, transition, dir){
- var rev = (dir == -1) ? " mblReverse" : "";
- if(dm._iw && dm.scrollable){ // Workaround for iPhone flicker issue (only when scrollable.js is loaded)
- // Show toNode after flicker ends
- domStyle.set(toNode, {
- position: "",
- zIndex: ""
- });
- // Remove cover
- win.body().removeChild(dm._iwBgCover);
- }else if(!this._aw){
- toNode.style.display = "";
- }
- if(!transition || transition == "none"){
- this.domNode.style.display = "none";
- this.invokeCallback();
- }else if(config['mblCSS3Transition']){
- //get dojox/css3/transit first
- Deferred.when(transitDeferred, lang.hitch(this, function(transit){
- //follow the style of .mblView.mblIn in View.css
- //need to set the toNode to absolute position
- var toPosition = domStyle.get(toNode, "position");
- domStyle.set(toNode, "position", "absolute");
- Deferred.when(transit(fromNode, toNode, {transition: transition, reverse: (dir===-1)?true:false}),lang.hitch(this,function(){
- domStyle.set(toNode, "position", toPosition);
- this.invokeCallback();
- }));
- }));
- }else{
- var s = this._toCls(transition);
- domClass.add(fromNode, s + " mblOut" + rev);
- domClass.add(toNode, s + " mblIn" + rev);
- setTimeout(function(){
- domClass.add(fromNode, "mblTransition");
- domClass.add(toNode, "mblTransition");
- }, 100);
- // set transform origin
- var fromOrigin = "50% 50%";
- var toOrigin = "50% 50%";
- var scrollTop, posX, posY;
- if(transition.indexOf("swirl") != -1 || transition.indexOf("zoom") != -1){
- if(this.keepScrollPos && !this.getParent()){
- scrollTop = win.body().scrollTop || win.doc.documentElement.scrollTop || win.global.pageYOffset || 0;
- }else{
- scrollTop = -domGeometry.position(fromNode, true).y;
- }
- posY = win.global.innerHeight / 2 + scrollTop;
- fromOrigin = "50% " + posY + "px";
- toOrigin = "50% " + posY + "px";
- }else if(transition.indexOf("scale") != -1){
- var viewPos = domGeometry.position(fromNode, true);
- posX = ((this.clickedPosX !== undefined) ? this.clickedPosX : win.global.innerWidth / 2) - viewPos.x;
- if(this.keepScrollPos && !this.getParent()){
- scrollTop = win.body().scrollTop || win.doc.documentElement.scrollTop || win.global.pageYOffset || 0;
- }else{
- scrollTop = -viewPos.y;
- }
- posY = ((this.clickedPosY !== undefined) ? this.clickedPosY : win.global.innerHeight / 2) + scrollTop;
- fromOrigin = posX + "px " + posY + "px";
- toOrigin = posX + "px " + posY + "px";
- }
- domStyle.set(fromNode, {webkitTransformOrigin:fromOrigin});
- domStyle.set(toNode, {webkitTransformOrigin:toOrigin});
- }
- dm.currentView = registry.byNode(toNode);
- },
-
- onAnimationStart: function(e){
- },
- onAnimationEnd: function(e){
- var name = e.animationName || e.target.className;
- if(name.indexOf("Out") === -1 &&
- name.indexOf("In") === -1 &&
- name.indexOf("Shrink") === -1){ return; }
- var isOut = false;
- if(domClass.contains(this.domNode, "mblOut")){
- isOut = true;
- this.domNode.style.display = "none";
- domClass.remove(this.domNode, [this._toCls(this._transition), "mblIn", "mblOut", "mblReverse"]);
- }else{
- // Reset the temporary padding
- this.containerNode.style.paddingTop = "";
- }
- domStyle.set(this.domNode, {webkitTransformOrigin:""});
- if(name.indexOf("Shrink") !== -1){
- var li = e.target;
- li.style.display = "none";
- domClass.remove(li, "mblCloseContent");
- }
- if(isOut){
- this.invokeCallback();
- }
- // this.domNode may be destroyed as a result of invoking the callback,
- // so check for that before accessing it.
- this.domNode && (this.domNode.className = "mblView");
- // clear the clicked position
- this.clickedPosX = this.clickedPosY = undefined;
- },
- invokeCallback: function(){
- this.onAfterTransitionOut.apply(this, this._arguments);
- connect.publish("/dojox/mobile/afterTransitionOut", [this].concat(this._arguments));
- var toWidget = registry.byNode(this.toNode);
- if(toWidget){
- toWidget.onAfterTransitionIn.apply(toWidget, this._arguments);
- connect.publish("/dojox/mobile/afterTransitionIn", [toWidget].concat(this._arguments));
- toWidget.movedFrom = undefined;
- }
- var c = this._context, m = this._method;
- if(!c && !m){ return; }
- if(!m){
- m = c;
- c = null;
- }
- c = c || win.global;
- if(typeof(m) == "string"){
- c[m].apply(c, this._args);
- }else{
- m.apply(c, this._args);
- }
- },
-
- getShowingView: function(){
- // summary:
- // Find the currently showing view from my sibling views.
- // description:
- // Note that dojox.mobile.currentView is the last shown view.
- // If the page consists of a splitter, there are multiple showing views.
- var nodes = this.domNode.parentNode.childNodes;
- for(var i = 0; i < nodes.length; i++){
- var n = nodes[i];
- if(n.nodeType === 1 && domClass.contains(n, "mblView") && domStyle.get(n, "display") !== "none"){
- return registry.byNode(n);
- }
- }
- return null;
- },
-
- show: function(){
- // summary:
- // Shows this view without a transition animation.
- var view = this.getShowingView();
- if(view){
- view.domNode.style.display = "none"; // from-style
- }
- this.domNode.style.display = ""; // to-style
- dm.currentView = this;
- }
- });
- });
- },
- 'dojox/main':function(){
- define("dojox/main", ["dojo/_base/kernel"], function(dojo) {
- // module:
- // dojox/main
- // summary:
- // The dojox package main module; dojox package is somewhat unusual in that the main module currently just provides an empty object.
- return dojo.dojox;
- });
- },
- 'dojox/mobile/transition':function(){
- define("dojox/mobile/transition", [
- "dojo/_base/Deferred",
- "dojo/_base/config"
- ], function(Deferred, config){
- /* summary: this is the wrapper module which load
- * dojox/css3/transit conditionally. If mblCSS3Transition
- * is set to 'dojox/css3/transit', it will be loaded as
- * the module to conduct the view transition.
- */
- if(config['mblCSS3Transition']){
- //require dojox/css3/transit and resolve it as the result of transitDeferred.
- var transitDeferred = new Deferred();
- require([config['mblCSS3Transition']], function(transit){
- transitDeferred.resolve(transit);
- });
- return transitDeferred;
- }
- return null;
- });
- },
- 'dojo/Stateful':function(){
- define(["./_base/declare", "./_base/lang", "./_base/array"], function(declare, lang, array) {
- // module:
- // dojo/Stateful
- // summary:
- // TODOC
- return declare("dojo.Stateful", null, {
- // summary:
- // Base class for objects that provide named properties with optional getter/setter
- // control and the ability to watch for property changes
- // example:
- // | var obj = new dojo.Stateful();
- // | obj.watch("foo", function(){
- // | console.log("foo changed to " + this.get("foo"));
- // | });
- // | obj.set("foo","bar");
- postscript: function(mixin){
- if(mixin){
- lang.mixin(this, mixin);
- }
- },
- get: function(/*String*/name){
- // summary:
- // Get a property on a Stateful instance.
- // name:
- // The property to get.
- // returns:
- // The property value on this Stateful instance.
- // description:
- // Get a named property on a Stateful object. The property may
- // potentially be retrieved via a getter method in subclasses. In the base class
- // this just retrieves the object's property.
- // For example:
- // | stateful = new dojo.Stateful({foo: 3});
- // | stateful.get("foo") // returns 3
- // | stateful.foo // returns 3
- return this[name]; //Any
- },
- set: function(/*String*/name, /*Object*/value){
- // summary:
- // Set a property on a Stateful instance
- // name:
- // The property to set.
- // value:
- // The value to set in the property.
- // returns:
- // The function returns this dojo.Stateful instance.
- // description:
- // Sets named properties on a stateful object and notifies any watchers of
- // the property. A programmatic setter may be defined in subclasses.
- // For example:
- // | stateful = new dojo.Stateful();
- // | stateful.watch(function(name, oldValue, value){
- // | // this will be called on the set below
- // | }
- // | stateful.set(foo, 5);
- //
- // set() may also be called with a hash of name/value pairs, ex:
- // | myObj.set({
- // | foo: "Howdy",
- // | bar: 3
- // | })
- // This is equivalent to calling set(foo, "Howdy") and set(bar, 3)
- if(typeof name === "object"){
- for(var x in name){
- if(name.hasOwnProperty(x) && x !="_watchCallbacks"){
- this.set(x, name[x]);
- }
- }
- return this;
- }
- var oldValue = this[name];
- this[name] = value;
- if(this._watchCallbacks){
- this._watchCallbacks(name, oldValue, value);
- }
- return this; //dojo.Stateful
- },
- watch: function(/*String?*/name, /*Function*/callback){
- // summary:
- // Watches a property for changes
- // name:
- // Indicates the property to watch. This is optional (the callback may be the
- // only parameter), and if omitted, all the properties will be watched
- // returns:
- // An object handle for the watch. The unwatch method of this object
- // can be used to discontinue watching this property:
- // | var watchHandle = obj.watch("foo", callback);
- // | watchHandle.unwatch(); // callback won't be called now
- // callback:
- // The function to execute when the property changes. This will be called after
- // the property has been changed. The callback will be called with the |this|
- // set to the instance, the first argument as the name of the property, the
- // second argument as the old value and the third argument as the new value.
- var callbacks = this._watchCallbacks;
- if(!callbacks){
- var self = this;
- callbacks = this._watchCallbacks = function(name, oldValue, value, ignoreCatchall){
- var notify = function(propertyCallbacks){
- if(propertyCallbacks){
- propertyCallbacks = propertyCallbacks.slice();
- for(var i = 0, l = propertyCallbacks.length; i < l; i++){
- propertyCallbacks[i].call(self, name, oldValue, value);
- }
- }
- };
- notify(callbacks['_' + name]);
- if(!ignoreCatchall){
- notify(callbacks["*"]); // the catch-all
- }
- }; // we use a function instead of an object so it will be ignored by JSON conversion
- }
- if(!callback && typeof name === "function"){
- callback = name;
- name = "*";
- }else{
- // prepend with dash to prevent name conflicts with function (like "name" property)
- name = '_' + name;
- }
- var propertyCallbacks = callbacks[name];
- if(typeof propertyCallbacks !== "object"){
- propertyCallbacks = callbacks[name] = [];
- }
- propertyCallbacks.push(callback);
- return {
- unwatch: function(){
- propertyCallbacks.splice(array.indexOf(propertyCallbacks, callback), 1);
- }
- }; //Object
- }
- });
- });
- },
- 'dojox/mobile/Heading':function(){
- define("dojox/mobile/Heading", [
- "dojo/_base/array",
- "dojo/_base/connect",
- "dojo/_base/declare",
- "dojo/_base/lang",
- "dojo/_base/window",
- "dojo/dom-class",
- "dojo/dom-construct",
- "dojo/dom-style",
- "dijit/registry", // registry.byId
- "dijit/_Contained",
- "dijit/_Container",
- "dijit/_WidgetBase",
- "./View"
- ], function(array, connect, declare, lang, win, domClass, domConstruct, domStyle, registry, Contained, Container, WidgetBase, View){
- var dm = lang.getObject("dojox.mobile", true);
- /*=====
- var Contained = dijit._Contained;
- var Container = dijit._Container;
- var WidgetBase = dijit._WidgetBase;
- =====*/
- // module:
- // dojox/mobile/Heading
- // summary:
- // A widget that represents a navigation bar.
- return declare("dojox.mobile.Heading", [WidgetBase, Container, Contained],{
- // summary:
- // A widget that represents a navigation bar.
- // description:
- // Heading is a widget that represents a navigation bar, which
- // usually appears at the top of an application. It usually
- // displays the title of the current view and can contain a
- // navigational control. If you use it with
- // dojox.mobile.ScrollableView, it can also be used as a fixed
- // header bar or a fixed footer bar. In such cases, specify the
- // fixed="top" attribute to be a fixed header bar or the
- // fixed="bottom" attribute to be a fixed footer bar. Heading can
- // have one or more ToolBarButton widgets as its children.
- // back: String
- // A label for the navigational control to return to the previous
- // View.
- back: "",
- // href: String
- // A URL to open when the navigational control is pressed.
- href: "",
- // moveTo: String
- // The id of the transition destination view which resides in the
- // current page.
- //
- // If the value has a hash sign ('#') before the id (e.g. #view1)
- // and the dojo.hash module is loaded by the user application, the
- // view transition updates the hash in the browser URL so that the
- // user can bookmark the destination view. In this case, the user
- // can also use the browser's back/forward button to navigate
- // through the views in the browser history.
- //
- // If null, transitions to a blank view.
- // If '#', returns immediately without transition.
- moveTo: "",
- // transition: String
- // A type of animated transition effect. You can choose from the
- // standard transition types, "slide", "fade", "flip", or from the
- // extended transition types, "cover", "coverv", "dissolve",
- // "reveal", "revealv", "scaleIn", "scaleOut", "slidev",
- // "swirl", "zoomIn", "zoomOut". If "none" is specified, transition
- // occurs immediately without animation.
- transition: "slide",
- // label: String
- // A title text of the heading. If the label is not specified, the
- // innerHTML of the node is used as a label.
- label: "",
- // iconBase: String
- // The default icon path for child items.
- iconBase: "",
- // backProp: Object
- // Properties for the back button.
- backProp: {className: "mblArrowButton"},
- // tag: String
- // A name of html tag to create as domNode.
- tag: "H1",
- buildRendering: function(){
- this.domNode = this.containerNode = this.srcNodeRef || win.doc.createElement(this.tag);
- this.domNode.className = "mblHeading";
- if(!this.label){
- array.forEach(this.domNode.childNodes, function(n){
- if(n.nodeType == 3){
- var v = lang.trim(n.nodeValue);
- if(v){
- this.label = v;
- this.labelNode = domConstruct.create("SPAN", {innerHTML:v}, n, "replace");
- }
- }
- }, this);
- }
- if(!this.labelNode){
- this.labelNode = domConstruct.create("SPAN", null, this.domNode);
- }
- this.labelNode.className = "mblHeadingSpanTitle";
- this.labelDivNode = domConstruct.create("DIV", {
- className: "mblHeadingDivTitle",
- innerHTML: this.labelNode.innerHTML
- }, this.domNode);
- },
- startup: function(){
- if(this._started){ return; }
- var parent = this.getParent && this.getParent();
- if(!parent || !parent.resize){ // top level widget
- var _this = this;
- setTimeout(function(){ // necessary to render correctly
- _this.resize();
- }, 0);
- }
- this.inherited(arguments);
- },
-
- resize: function(){
- if(this._btn){
- this._btn.style.width = this._body.offsetWidth + this._head.offsetWidth + "px";
- }
- if(this.labelNode){
- // find the rightmost left button (B), and leftmost right button (C)
- // +-----------------------------+
- // | |A| |B| |C| |D| |
- // +-----------------------------+
- var leftBtn, rightBtn;
- var children = this.containerNode.childNodes;
- for(var i = children.length - 1; i >= 0; i--){
- var c = children[i];
- if(c.nodeType === 1){
- if(!rightBtn && domClass.contains(c, "mblToolBarButton") && domStyle.get(c, "float") === "right"){
- rightBtn = c;
- }
- if(!leftBtn && (domClass.contains(c, "mblToolBarButton") && domStyle.get(c, "float") === "left" || c === this._btn)){
- leftBtn = c;
- }
- }
- }
- if(!this.labelNodeLen && this.label){
- this.labelNode.style.display = "inline";
- this.labelNodeLen = this.labelNode.offsetWidth;
- this.labelNode.style.display = "";
- }
- var bw = this.domNode.offsetWidth; // bar width
- var rw = rightBtn ? bw - rightBtn.offsetLeft + 5 : 0; // rightBtn width
- var lw = leftBtn ? leftBtn.offsetLeft + leftBtn.offsetWidth + 5 : 0; // leftBtn width
- var tw = this.labelNodeLen || 0; // title width
- domClass[bw - Math.max(rw,lw)*2 > tw ? "add" : "remove"](this.domNode, "mblHeadingCenterTitle");
- }
- array.forEach(this.getChildren(), function(child){
- if(child.resize){ child.resize(); }
- });
- },
- _setBackAttr: function(/*String*/back){
- if (!back){
- domConstruct.destroy(this._btn);
- this._btn = null;
- this.back = "";
- }else{
- if(!this._btn){
- var btn = domConstruct.create("DIV", this.backProp, this.domNode, "first");
- var head = domConstruct.create("DIV", {className:"mblArrowButtonHead"}, btn);
- var body = domConstruct.create("DIV", {className:"mblArrowButtonBody mblArrowButtonText"}, btn);
- this._body = body;
- this._head = head;
- this._btn = btn;
- this.backBtnNode = btn;
- this.connect(body, "onclick", "onClick");
- }
- this.back = back;
- this._body.innerHTML = this._cv ? this._cv(this.back) : this.back;
- }
- this.resize();
- },
-
- _setLabelAttr: function(/*String*/label){
- this.label = label;
- this.labelNode.innerHTML = this.labelDivNode.innerHTML = this._cv ? this._cv(label) : label;
- },
-
- findCurrentView: function(){
- // summary:
- // Search for the view widget that contains this widget.
- var w = this;
- while(true){
- w = w.getParent();
- if(!w){ return null; }
- if(w instanceof View){ break; }
- }
- return w;
- },
- onClick: function(e){
- var h1 = this.domNode;
- domClass.add(h1, "mblArrowButtonSelected");
- setTimeout(function(){
- domClass.remove(h1, "mblArrowButtonSelected");
- }, 1000);
- if(this.back && !this.moveTo && !this.href && history){
- history.back();
- return;
- }
-
- // keep the clicked position for transition animations
- var view = this.findCurrentView();
- if(view){
- view.clickedPosX = e.clientX;
- view.clickedPosY = e.clientY;
- }
- this.goTo(this.moveTo, this.href);
- },
-
- goTo: function(moveTo, href){
- // summary:
- // Given the destination, makes a view transition.
- var view = this.findCurrentView();
- if(!view){ return; }
- if(href){
- view.performTransition(null, -1, this.transition, this, function(){location.href = href;});
- }else{
- if(dm.app && dm.app.STAGE_CONTROLLER_ACTIVE){
- // If in a full mobile app, then use its mechanisms to move back a scene
- connect.publish("/dojox/mobile/app/goback");
- }else{
- // Basically transition should be performed between two
- // siblings that share the same parent.
- // However, when views are nested and transition occurs from
- // an inner view, search for an ancestor view that is a sibling
- // of the target view, and use it as a source view.
- var node = registry.byId(view.convertToId(moveTo));
- if(node){
- var parent = node.getParent();
- while(view){
- var myParent = view.getParent();
- if(parent === myParent){
- break;
- }
- view = myParent;
- }
- }
- if(view){
- view.performTransition(moveTo, -1, this.transition);
- }
- }
- }
- }
- });
- });
- },
- 'dojox/mobile/Switch':function(){
- define("dojox/mobile/Switch", [
- "dojo/_base/array",
- "dojo/_base/connect",
- "dojo/_base/declare",
- "dojo/_base/event",
- "dojo/_base/window",
- "dojo/dom-class",
- "dijit/_Contained",
- "dijit/_WidgetBase",
- "./sniff"
- ], function(array, connect, declare, event, win, domClass, Contained, WidgetBase, has){
- /*=====
- Contained = dijit._Contained;
- WidgetBase = dijit._WidgetBase;
- =====*/
- // module:
- // dojox/mobile/Switch
- // summary:
- // A toggle switch with a sliding knob.
- return declare("dojox.mobile.Switch", [WidgetBase, Contained],{
- // summary:
- // A toggle switch with a sliding knob.
- // description:
- // Switch is a toggle switch with a sliding knob. You can either
- // tap or slide the knob to toggle the switch. The onStateChanged
- // handler is called when the switch is manipulated.
- // value: String
- // The initial state of the switch. "on" or "off". The default
- // value is "on".
- value: "on",
- // name: String
- // A name for a hidden input field, which holds the current value.
- name: "",
- // leftLabel: String
- // The left-side label of the switch.
- leftLabel: "ON",
- // rightLabel: String
- // The right-side label of the switch.
- rightLabel: "OFF",
- /* internal properties */
- _width: 53,
- buildRendering: function(){
- this.domNode = win.doc.createElement("DIV");
- var c = (this.srcNodeRef && this.srcNodeRef.className) || this.className || this["class"];
- this._swClass = (c || "").replace(/ .*/,"");
- this.domNode.className = "mblSwitch";
- var nameAttr = this.name ? " name=\"" + this.name + "\"" : "";
- this.domNode.innerHTML =
- '<div class="mblSwitchInner">'
- + '<div class="mblSwitchBg mblSwitchBgLeft">'
- + '<div class="mblSwitchText mblSwitchTextLeft"></div>'
- + '</div>'
- + '<div class="mblSwitchBg mblSwitchBgRight">'
- + '<div class="mblSwitchText mblSwitchTextRight"></div>'
- + '</div>'
- + '<div class="mblSwitchKnob"></div>'
- + '<input type="hidden"'+nameAttr+'></div>'
- + '</div>';
- var n = this.inner = this.domNode.firstChild;
- this.left = n.childNodes[0];
- this.right = n.childNodes[1];
- this.knob = n.childNodes[2];
- this.input = n.childNodes[3];
- },
- postCreate: function(){
- this.connect(this.domNode, "onclick", "onClick");
- this.connect(this.domNode, has("touch") ? "touchstart" : "onmousedown", "onTouchStart");
- this._initialValue = this.value; // for reset()
- },
- _changeState: function(/*String*/state, /*Boolean*/anim){
- var on = (state === "on");
- this.left.style.display = "";
- this.right.style.display = "";
- this.inner.style.left = "";
- if(anim){
- domClass.add(this.domNode, "mblSwitchAnimation");
- }
- domClass.remove(this.domNode, on ? "mblSwitchOff" : "mblSwitchOn");
- domClass.add(this.domNode, on ? "mblSwitchOn" : "mblSwitchOff");
-
- var _this = this;
- setTimeout(function(){
- _this.left.style.display = on ? "" : "none";
- _this.right.style.display = !on ? "" : "none";
- domClass.remove(_this.domNode, "mblSwitchAnimation");
- }, anim ? 300 : 0);
- },
- startup: function(){
- if(this._swClass.indexOf("Round") != -1){
- var r = Math.round(this.domNode.offsetHeight / 2);
- this.createRoundMask(this._swClass, r, this.domNode.offsetWidth);
- }
- },
-
- createRoundMask: function(className, r, w){
- if(!has("webkit") || !className){ return; }
- if(!this._createdMasks){ this._createdMasks = []; }
- if(this._createdMasks[className]){ return; }
- this._createdMasks[className] = 1;
-
- var ctx = win.doc.getCSSCanvasContext("2d", className+"Mask", w, 100);
- ctx.fillStyle = "#000000";
- ctx.beginPath();
- ctx.moveTo(r, 0);
- ctx.arcTo(0, 0, 0, 2*r, r);
- ctx.arcTo(0, 2*r, r, 2*r, r);
- ctx.lineTo(w - r, 2*r);
- ctx.arcTo(w, 2*r, w, r, r);
- ctx.arcTo(w, 0, w - r, 0, r);
- ctx.closePath();
- ctx.fill();
- },
-
- onClick: function(e){
- if(this._moved){ return; }
- this.value = this.input.value = (this.value == "on") ? "off" : "on";
- this._changeState(this.value, true);
- this.onStateChanged(this.value);
- },
-
- onTouchStart: function(e){
- // summary:
- // Internal function to handle touchStart events.
- this._moved = false;
- this.innerStartX = this.inner.offsetLeft;
- if(!this._conn){
- this._conn = [];
- this._conn.push(connect.connect(this.inner, has("touch") ? "touchmove" : "onmousemove", this, "onTouchMove"));
- this._conn.push(connect.connect(this.inner, has("touch") ? "touchend" : "onmouseup", this, "onTouchEnd"));
- }
- this.touchStartX = e.touches ? e.touches[0].pageX : e.clientX;
- this.left.style.display = "";
- this.right.style.display = "";
- event.stop(e);
- },
-
- onTouchMove: function(e){
- // summary:
- // Internal function to handle touchMove events.
- e.preventDefault();
- var dx;
- if(e.targetTouches){
- if(e.targetTouches.length != 1){ return false; }
- dx = e.targetTouches[0].clientX - this.touchStartX;
- }else{
- dx = e.clientX - this.touchStartX;
- }
- var pos = this.innerStartX + dx;
- var d = 10;
- if(pos <= -(this._width-d)){ pos = -this._width; }
- if(pos >= -d){ pos = 0; }
- this.inner.style.left = pos + "px";
- if(Math.abs(dx) > d){
- this._moved = true;
- }
- },
-
- onTouchEnd: function(e){
- // summary:
- // Internal function to handle touchEnd events.
- array.forEach(this._conn, connect.disconnect);
- this._conn = null;
- if(this.innerStartX == this.inner.offsetLeft){
- if(has("touch")){
- var ev = win.doc.createEvent("MouseEvents");
- ev.initEvent("click", true, true);
- this.inner.dispatchEvent(ev);
- }
- return;
- }
- var newState = (this.inner.offsetLeft < -(this._width/2)) ? "off" : "on";
- this._changeState(newState, true);
- if(newState != this.value){
- this.value = this.input.value = newState;
- this.onStateChanged(newState);
- }
- },
-
- onStateChanged: function(/*String*/newState){
- // summary:
- // Stub function to connect to from your application.
- // description:
- // Called when the state has been changed.
- },
-
- _setValueAttr: function(/*String*/value){
- this._changeState(value, false);
- if(this.value != value){
- this.onStateChanged(value);
- }
- this.value = this.input.value = value;
- },
-
- _setLeftLabelAttr: function(/*String*/label){
- this.leftLabel = label;
- this.left.firstChild.innerHTML = this._cv ? this._cv(label) : label;
- },
-
- _setRightLabelAttr: function(/*String*/label){
- this.rightLabel = label;
- this.right.firstChild.innerHTML = this._cv ? this._cv(label) : label;
- },
- reset: function(){
- // summary:
- // Reset the widget's value to what it was at initialization time
- this.set("value", this._initialValue);
- }
- });
- });
- },
- 'dojox/mobile/ListItem':function(){
- define("dojox/mobile/ListItem", [
- "dojo/_base/array",
- "dojo/_base/connect",
- "dojo/_base/declare",
- "dojo/_base/lang",
- "dojo/dom-class",
- "dojo/dom-construct",
- "dojo/has",
- "./common",
- "./_ItemBase",
- "./TransitionEvent"
- ], function(array, connect, declare, lang, domClass, domConstruct, has, common, ItemBase, TransitionEvent){
- /*=====
- var ItemBase = dojox.mobile._ItemBase;
- =====*/
- // module:
- // dojox/mobile/ListItem
- // summary:
- // An item of either RoundRectList or EdgeToEdgeList.
- return declare("dojox.mobile.ListItem", ItemBase, {
- // summary:
- // An item of either RoundRectList or EdgeToEdgeList.
- // description:
- // ListItem represents an item of either RoundRectList or
- // EdgeToEdgeList. There are three ways to move to a different
- // view, moveTo, href, and url. You can choose only one of them.
- // rightText: String
- // A right-aligned text to display on the item.
- rightText: "",
- // rightIcon: String
- // An icon to display at the right hand side of the item. The value
- // can be either a path for an image file or a class name of a DOM
- // button.
- rightIcon: "",
- // rightIcon2: String
- // An icon to display at the left of the rightIcon. The value can
- // be either a path for an image file or a class name of a DOM
- // button.
- rightIcon2: "",
- // anchorLabel: Boolean
- // If true, the label text becomes a clickable anchor text. When
- // the user clicks on the text, the onAnchorLabelClicked handler is
- // called. You can override or connect to the handler and implement
- // any action. The handler has no default action.
- anchorLabel: false,
- // noArrow: Boolean
- // If true, the right hand side arrow is not displayed.
- noArrow: false,
- // selected: Boolean
- // If true, the item is highlighted to indicate it is selected.
- selected: false,
- // checked: Boolean
- // If true, a check mark is displayed at the right of the item.
- checked: false,
- // arrowClass: String
- // An icon to display as an arrow. The value can be either a path
- // for an image file or a class name of a DOM button.
- arrowClass: "mblDomButtonArrow",
- // checkClass: String
- // An icon to display as a check mark. The value can be either a
- // path for an image file or a class name of a DOM button.
- checkClass: "mblDomButtonCheck",
- // variableHeight: Boolean
- // If true, the height of the item varies according to its
- // content. In dojo 1.6 or older, the "mblVariableHeight" class was
- // used for this purpose. In dojo 1.7, adding the mblVariableHeight
- // class still works for backward compatibility.
- variableHeight: false,
- // rightIconTitle: String
- // An alt text for the right icon.
- rightIconTitle: "",
- // rightIcon2Title: String
- // An alt text for the right icon2.
- rightIcon2Title: "",
- // btnClass: String
- // Deprecated. For backward compatibility.
- btnClass: "",
- // btnClass2: String
- // Deprecated. For backward compatibility.
- btnClass2: "",
- // tag: String
- // A name of html tag to create as domNode.
- tag: "li",
- postMixInProperties: function(){
- // for backward compatibility
- if(this.btnClass){
- this.rightIcon = this.btnClass;
- }
- this._setBtnClassAttr = this._setRightIconAttr;
- this._setBtnClass2Attr = this._setRightIcon2Attr;
- },
- buildRendering: function(){
- this.domNode = this.srcNodeRef || domConstruct.create(this.tag);
- this.inherited(arguments);
- this.domNode.className = "mblListItem" + (this.selected ? " mblItemSelected" : "");
- // label
- var box = this.box = domConstruct.create("DIV");
- box.className = "mblListItemTextBox";
- if(this.anchorLabel){
- box.style.cursor = "pointer";
- }
- var r = this.srcNodeRef;
- if(r && !this.label){
- this.label = "";
- for(var i = 0, len = r.childNodes.length; i < len; i++){
- var n = r.firstChild;
- if(n.nodeType === 3 && lang.trim(n.nodeValue) !== ""){
- n.nodeValue = this._cv ? this._cv(n.nodeValue) : n.nodeValue;
- this.labelNode = domConstruct.create("SPAN", {className:"mblListItemLabel"});
- this.labelNode.appendChild(n);
- n = this.labelNode;
- }
- box.appendChild(n);
- }
- }
- if(!this.labelNode){
- this.labelNode = domConstruct.create("SPAN", {className:"mblListItemLabel"}, box);
- }
- if(this.anchorLabel){
- box.style.display = "inline"; // to narrow the text region
- }
- var a = this.anchorNode = domConstruct.create("A");
- a.className = "mblListItemAnchor";
- this.domNode.appendChild(a);
- a.appendChild(box);
- },
- startup: function(){
- if(this._started){ return; }
- this.inheritParams();
- var parent = this.getParent();
- if(this.moveTo || this.href || this.url || this.clickable || (parent && parent.select)){
- this._onClickHandle = this.connect(this.anchorNode, "onclick", "onClick");
- }
- this.setArrow();
- if(domClass.contains(this.domNode, "mblVariableHeight")){
- this.variableHeight = true;
- }
- if(this.variableHeight){
- domClass.add(this.domNode, "mblVariableHeight");
- setTimeout(lang.hitch(this, "layoutVariableHeight"));
- }
- this.set("icon", this.icon); // _setIconAttr may be called twice but this is necessary for offline instantiation
- if(!this.checked && this.checkClass.indexOf(',') !== -1){
- this.set("checked", this.checked);
- }
- this.inherited(arguments);
- },
- resize: function(){
- if(this.variableHeight){
- this.layoutVariableHeight();
- }
- },
- onClick: function(e){
- var a = e.currentTarget;
- var li = a.parentNode;
- if(domClass.contains(li, "mblItemSelected")){ return; } // already selected
- if(this.anchorLabel){
- for(var p = e.target; p.tagName !== this.tag.toUpperCase(); p = p.parentNode){
- if(p.className == "mblListItemTextBox"){
- domClass.add(p, "mblListItemTextBoxSelected");
- setTimeout(function(){
- domClass.remove(p, "mblListItemTextBoxSelected");
- }, has("android") ? 300 : 1000);
- this.onAnchorLabelClicked(e);
- return;
- }
- }
- }
- var parent = this.getParent();
- if(parent.select){
- if(parent.select === "single"){
- if(!this.checked){
- this.set("checked", true);
- }
- }else if(parent.select === "multiple"){
- this.set("checked", !this.checked);
- }
- }
- this.select();
- if (this.href && this.hrefTarget) {
- common.openWindow(this.href, this.hrefTarget);
- return;
- }
- var transOpts;
- if(this.moveTo || this.href || this.url || this.scene){
- transOpts = {moveTo: this.moveTo, href: this.href, url: this.url, scene: this.scene, transition: this.transition, transitionDir: this.transitionDir};
- }else if(this.transitionOptions){
- transOpts = this.transitionOptions;
- }
- if(transOpts){
- this.setTransitionPos(e);
- return new TransitionEvent(this.domNode,transOpts,e).dispatch();
- }
- },
-
- select: function(){
- // summary:
- // Makes this widget in the selected state.
- var parent = this.getParent();
- if(parent.stateful){
- parent.deselectAll();
- }else{
- var _this = this;
- setTimeout(function(){
- _this.deselect();
- }, has("android") ? 300 : 1000);
- }
- domClass.add(this.domNode, "mblItemSelected");
- },
-
- deselect: function(){
- // summary:
- // Makes this widget in the deselected state.
- domClass.remove(this.domNode, "mblItemSelected");
- },
-
- onAnchorLabelClicked: function(e){
- // summary:
- // Stub function to connect to from your application.
- },
- layoutVariableHeight: function(){
- var h = this.anchorNode.offsetHeight;
- if(h === this.anchorNodeHeight){ return; }
- this.anchorNodeHeight = h;
- array.forEach([
- this.rightTextNode,
- this.rightIcon2Node,
- this.rightIconNode,
- this.iconNode
- ], function(n){
- if(n){
- var t = Math.round((h - n.offsetHeight) / 2);
- n.style.marginTop = t + "px";
- }
- });
- },
- setArrow: function(){
- // summary:
- // Sets the arrow icon if necessary.
- if(this.checked){ return; }
- var c = "";
- var parent = this.getParent();
- if(this.moveTo || this.href || this.url || this.clickable){
- if(!this.noArrow && !(parent && parent.stateful)){
- c = this.arrowClass;
- }
- }
- if(c){
- this._setRightIconAttr(c);
- }
- },
- _setIconAttr: function(icon){
- if(!this.getParent()){ return; } // icon may be invalid because inheritParams is not called yet
- this.icon = icon;
- var a = this.anchorNode;
- if(!this.iconNode){
- if(icon){
- var ref = this.rightIconNode || this.rightIcon2Node || this.rightTextNode || this.box;
- this.iconNode = domConstruct.create("DIV", {className:"mblListItemIcon"}, ref, "before");
- }
- }else{
- domConstruct.empty(this.iconNode);
- }
- if(icon && icon !== "none"){
- common.createIcon(icon, this.iconPos, null, this.alt, this.iconNode);
- if(this.iconPos){
- domClass.add(this.iconNode.firstChild, "mblListItemSpriteIcon");
- }
- domClass.remove(a, "mblListItemAnchorNoIcon");
- }else{
- domClass.add(a, "mblListItemAnchorNoIcon");
- }
- },
-
- _setCheckedAttr: function(/*Boolean*/checked){
- var parent = this.getParent();
- if(parent && parent.select === "single" && checked){
- array.forEach(parent.getChildren(), function(child){
- child.set("checked", false);
- });
- }
- this._setRightIconAttr(this.checkClass);
- var icons = this.rightIconNode.childNodes;
- if(icons.length === 1){
- this.rightIconNode.style.display = checked ? "" : "none";
- }else{
- icons[0].style.display = checked ? "" : "none";
- icons[1].style.display = !checked ? "" : "none";
- }
- domClass.toggle(this.domNode, "mblListItemChecked", checked);
- if(parent && this.checked !== checked){
- parent.onCheckStateChanged(this, checked);
- }
- this.checked = checked;
- },
-
- _setRightTextAttr: function(/*String*/text){
- if(!this.rightTextNode){
- this.rightTextNode = domConstruct.create("DIV", {className:"mblListItemRightText"}, this.box, "before");
- }
- this.rightText = text;
- this.rightTextNode.innerHTML = this._cv ? this._cv(text) : text;
- },
-
- _setRightIconAttr: function(/*String*/icon){
- if(!this.rightIconNode){
- var ref = this.rightIcon2Node || this.rightTextNode || this.box;
- this.rightIconNode = domConstruct.create("DIV", {className:"mblListItemRightIcon"}, ref, "before");
- }else{
- domConstruct.empty(this.rightIconNode);
- }
- this.rightIcon = icon;
- var arr = (icon || "").split(/,/);
- if(arr.length === 1){
- common.createIcon(icon, null, null, this.rightIconTitle, this.rightIconNode);
- }else{
- common.createIcon(arr[0], null, null, this.rightIconTitle, this.rightIconNode);
- common.createIcon(arr[1], null, null, this.rightIconTitle, this.rightIconNode);
- }
- },
-
- _setRightIcon2Attr: function(/*String*/icon){
- if(!this.rightIcon2Node){
- var ref = this.rightTextNode || this.box;
- this.rightIcon2Node = domConstruct.create("DIV", {className:"mblListItemRightIcon2"}, ref, "before");
- }else{
- domConstruct.empty(this.rightIcon2Node);
- }
- this.rightIcon2 = icon;
- common.createIcon(icon, null, null, this.rightIcon2Title, this.rightIcon2Node);
- },
-
- _setLabelAttr: function(/*String*/text){
- this.label = text;
- this.labelNode.innerHTML = this._cv ? this._cv(text) : text;
- }
- });
- });
- },
- 'dijit/registry':function(){
- define("dijit/registry", [
- "dojo/_base/array", // array.forEach array.map
- "dojo/_base/sniff", // has("ie")
- "dojo/_base/unload", // unload.addOnWindowUnload
- "dojo/_base/window", // win.body
- "." // dijit._scopeName
- ], function(array, has, unload, win, dijit){
- // module:
- // dijit/registry
- // summary:
- // Registry of existing widget on page, plus some utility methods.
- // Must be accessed through AMD api, ex:
- // require(["dijit/registry"], function(registry){ registry.byId("foo"); })
- var _widgetTypeCtr = {}, hash = {};
- var registry = {
- // summary:
- // A set of widgets indexed by id
- length: 0,
- add: function(/*dijit._Widget*/ widget){
- // summary:
- // Add a widget to the registry. If a duplicate ID is detected, a error is thrown.
- //
- // widget: dijit._Widget
- // Any dijit._Widget subclass.
- if(hash[widget.id]){
- throw new Error("Tried to register widget with id==" + widget.id + " but that id is already registered");
- }
- hash[widget.id] = widget;
- this.length++;
- },
- remove: function(/*String*/ id){
- // summary:
- // Remove a widget from the registry. Does not destroy the widget; simply
- // removes the reference.
- if(hash[id]){
- delete hash[id];
- this.length--;
- }
- },
- byId: function(/*String|Widget*/ id){
- // summary:
- // Find a widget by it's id.
- // If passed a widget then just returns the widget.
- return typeof id == "string" ? hash[id] : id; // dijit._Widget
- },
- byNode: function(/*DOMNode*/ node){
- // summary:
- // Returns the widget corresponding to the given DOMNode
- return hash[node.getAttribute("widgetId")]; // dijit._Widget
- },
- toArray: function(){
- // summary:
- // Convert registry into a true Array
- //
- // example:
- // Work with the widget .domNodes in a real Array
- // | array.map(dijit.registry.toArray(), function(w){ return w.domNode; });
- var ar = [];
- for(var id in hash){
- ar.push(hash[id]);
- }
- return ar; // dijit._Widget[]
- },
- getUniqueId: function(/*String*/widgetType){
- // summary:
- // Generates a unique id for a given widgetType
- var id;
- do{
- id = widgetType + "_" +
- (widgetType in _widgetTypeCtr ?
- ++_widgetTypeCtr[widgetType] : _widgetTypeCtr[widgetType] = 0);
- }while(hash[id]);
- return dijit._scopeName == "dijit" ? id : dijit._scopeName + "_" + id; // String
- },
- findWidgets: function(/*DomNode*/ root){
- // summary:
- // Search subtree under root returning widgets found.
- // Doesn't search for nested widgets (ie, widgets inside other widgets).
- var outAry = [];
- function getChildrenHelper(root){
- for(var node = root.firstChild; node; node = node.nextSibling){
- if(node.nodeType == 1){
- var widgetId = node.getAttribute("widgetId");
- if(widgetId){
- var widget = hash[widgetId];
- if(widget){ // may be null on page w/multiple dojo's loaded
- outAry.push(widget);
- }
- }else{
- getChildrenHelper(node);
- }
- }
- }
- }
- getChildrenHelper(root);
- return outAry;
- },
- _destroyAll: function(){
- // summary:
- // Code to destroy all widgets and do other cleanup on page unload
- // Clean up focus manager lingering references to widgets and nodes
- dijit._curFocus = null;
- dijit._prevFocus = null;
- dijit._activeStack = [];
- // Destroy all the widgets, top down
- array.forEach(registry.findWidgets(win.body()), function(widget){
- // Avoid double destroy of widgets like Menu that are attached to <body>
- // even though they are logically children of other widgets.
- if(!widget._destroyed){
- if(widget.destroyRecursive){
- widget.destroyRecursive();
- }else if(widget.destroy){
- widget.destroy();
- }
- }
- });
- },
- getEnclosingWidget: function(/*DOMNode*/ node){
- // summary:
- // Returns the widget whose DOM tree contains the specified DOMNode, or null if
- // the node is not contained within the DOM tree of any widget
- while(node){
- var id = node.getAttribute && node.getAttribute("widgetId");
- if(id){
- return hash[id];
- }
- node = node.parentNode;
- }
- return null;
- },
- // In case someone needs to access hash.
- // Actually, this is accessed from WidgetSet back-compatibility code
- _hash: hash
- };
- /*=====
- dijit.registry = {
- // summary:
- // A list of widgets on a page.
- };
- =====*/
- dijit.registry = registry;
- return registry;
- });
- },
- 'dojox/mobile/common':function(){
- define("dojox/mobile/common", [
- "dojo/_base/kernel", // to test dojo.hash
- "dojo/_base/array",
- "dojo/_base/config",
- "dojo/_base/connect",
- "dojo/_base/lang",
- "dojo/_base/window",
- "dojo/dom-class",
- "dojo/dom-construct",
- "dojo/dom-style",
- // "dojo/hash", // optionally prereq'ed
- "dojo/ready",
- "dijit/registry", // registry.toArray
- "./sniff",
- "./uacss"
- ], function(dojo, array, config, connect, lang, win, domClass, domConstruct, domStyle, ready, registry, has, uacss){
- var dm = lang.getObject("dojox.mobile", true);
- /*=====
- var dm = dojox.mobile;
- =====*/
- // module:
- // dojox/mobile/common
- // summary:
- // A common module for dojox.mobile.
- // description:
- // This module includes common utility functions that are used by
- // dojox.mobile widgets. Also, it provides functions that are commonly
- // necessary for mobile web applications, such as the hide address bar
- // function.
- dm.getScreenSize = function(){
- // summary:
- // Returns the dimensions of the browser window.
- return {
- h: win.global.innerHeight || win.doc.documentElement.clientHeight,
- w: win.global.innerWidth || win.doc.documentElement.clientWidth
- };
- };
- dm.updateOrient = function(){
- // summary:
- // Updates the orientation specific css classes, 'dj_portrait' and
- // 'dj_landscape'.
- var dim = dm.getScreenSize();
- domClass.replace(win.doc.documentElement,
- dim.h > dim.w ? "dj_portrait" : "dj_landscape",
- dim.h > dim.w ? "dj_landscape" : "dj_portrait");
- };
- dm.updateOrient();
- dm.tabletSize = 500;
- dm.detectScreenSize = function(/*Boolean?*/force){
- // summary:
- // Detects the screen size and determines if the screen is like
- // phone or like tablet. If the result is changed,
- // it sets either of the following css class to <html>
- // - 'dj_phone'
- // - 'dj_tablet'
- // and it publishes either of the following events.
- // - '/dojox/mobile/screenSize/phone'
- // - '/dojox/mobile/screenSize/tablet'
- var dim = dm.getScreenSize();
- var sz = Math.min(dim.w, dim.h);
- var from, to;
- if(sz >= dm.tabletSize && (force || (!this._sz || this._sz < dm.tabletSize))){
- from = "phone";
- to = "tablet";
- }else if(sz < dm.tabletSize && (force || (!this._sz || this._sz >= dm.tabletSize))){
- from = "tablet";
- to = "phone";
- }
- if(to){
- domClass.replace(win.doc.documentElement, "dj_"+to, "dj_"+from);
- connect.publish("/dojox/mobile/screenSize/"+to, [dim]);
- }
- this._sz = sz;
- };
- dm.detectScreenSize();
- dm.setupIcon = function(/*DomNode*/iconNode, /*String*/iconPos){
- // summary:
- // Sets up CSS sprite for a foreground image.
- if(iconNode && iconPos){
- var arr = array.map(iconPos.split(/[ ,]/),function(item){return item-0});
- var t = arr[0]; // top
- var r = arr[1] + arr[2]; // right
- var b = arr[0] + arr[3]; // bottom
- var l = arr[1]; // left
- domStyle.set(iconNode, {
- clip: "rect("+t+"px "+r+"px "+b+"px "+l+"px)",
- top: (iconNode.parentNode ? domStyle.get(iconNode, "top") : 0) - t + "px",
- left: -l + "px"
- });
- }
- };
- // dojox.mobile.hideAddressBarWait: Number
- // The time in milliseconds to wait before the fail-safe hiding address
- // bar runs. The value must be larger than 800.
- dm.hideAddressBarWait = typeof(config["mblHideAddressBarWait"]) === "number" ?
- config["mblHideAddressBarWait"] : 1500;
- dm.hide_1 = function(force){
- // summary:
- // Internal function to hide the address bar.
- scrollTo(0, 1);
- var h = dm.getScreenSize().h + "px";
- if(has("android")){
- if(force){
- win.body().style.minHeight = h;
- }
- dm.resizeAll();
- }else{
- if(force || dm._h === h && h !== win.body().style.minHeight){
- win.body().style.minHeight = h;
- dm.resizeAll();
- }
- }
- dm._h = h;
- };
- dm.hide_fs = function(){
- // summary:
- // Internal function to hide the address bar for fail-safe.
- // description:
- // Resets the height of the body, performs hiding the address
- // bar, and calls resizeAll().
- // This is for fail-safe, in case of failure to complete the
- // address bar hiding in time.
- var t = win.body().style.minHeight;
- win.body().style.minHeight = (dm.getScreenSize().h * 2) + "px"; // to ensure enough height for scrollTo to work
- scrollTo(0, 1);
- setTimeout(function(){
- dm.hide_1(1);
- dm._hiding = false;
- }, 1000);
- };
- dm.hideAddressBar = function(/*Event?*/evt){
- // summary:
- // Hides the address bar.
- // description:
- // Tries hiding of the address bar a couple of times to do it as
- // quick as possible while ensuring resize is done after the hiding
- // finishes.
- if(dm.disableHideAddressBar || dm._hiding){ return; }
- dm._hiding = true;
- dm._h = 0;
- win.body().style.minHeight = (dm.getScreenSize().h * 2) + "px"; // to ensure enough height for scrollTo to work
- setTimeout(dm.hide_1, 0);
- setTimeout(dm.hide_1, 200);
- setTimeout(dm.hide_1, 800);
- setTimeout(dm.hide_fs, dm.hideAddressBarWait);
- };
- dm.resizeAll = function(/*Event?*/evt, /*Widget?*/root){
- // summary:
- // Call the resize() method of all the top level resizable widgets.
- // description:
- // Find all widgets that do not have a parent or the parent does not
- // have the resize() method, and call resize() for them.
- // If a widget has a parent that has resize(), call of the widget's
- // resize() is its parent's responsibility.
- // evt:
- // Native event object
- // root:
- // If specified, search the specified widget recursively for top level
- // resizable widgets.
- // root.resize() is always called regardless of whether root is a
- // top level widget or not.
- // If omitted, search the entire page.
- if(dm.disableResizeAll){ return; }
- connect.publish("/dojox/mobile/resizeAll", [evt, root]);
- dm.updateOrient();
- dm.detectScreenSize();
- var isTopLevel = function(w){
- var parent = w.getParent && w.getParent();
- return !!((!parent || !parent.resize) && w.resize);
- };
- var resizeRecursively = function(w){
- array.forEach(w.getChildren(), function(child){
- if(isTopLevel(child)){ child.resize(); }
- resizeRecursively(child);
- });
- };
- if(root){
- if(root.resize){ root.resize(); }
- resizeRecursively(root);
- }else{
- array.forEach(array.filter(registry.toArray(), isTopLevel),
- function(w){ w.resize(); });
- }
- };
- dm.openWindow = function(url, target){
- // summary:
- // Opens a new browser window with the given url.
- win.global.open(url, target || "_blank");
- };
- dm.createDomButton = function(/*DomNode*/refNode, /*Object?*/style, /*DomNode?*/toNode){
- // summary:
- // Creates a DOM button.
- // description:
- // DOM button is a simple graphical object that consists of one or
- // more nested DIV elements with some CSS styling. It can be used
- // in place of an icon image on ListItem, IconItem, and so on.
- // The kind of DOM button to create is given as a class name of
- // refNode. The number of DIVs to create is searched from the style
- // sheets in the page. However, if the class name has a suffix that
- // starts with an underscore, like mblDomButtonGoldStar_5, then the
- // suffixed number is used instead. A class name for DOM button
- // must starts with 'mblDomButton'.
- // refNode:
- // A node that has a DOM button class name.
- // style:
- // A hash object to set styles to the node.
- // toNode:
- // A root node to create a DOM button. If omitted, refNode is used.
- if(!dm._domButtons){
- if(has("webkit")){
- var findDomButtons = function(sheet, dic){
- // summary:
- // Searches the style sheets for DOM buttons.
- // description:
- // Returns a key-value pair object whose keys are DOM
- // button class names and values are the number of DOM
- // elements they need.
- var i, j;
- if(!sheet){
- var dic = {};
- var ss = dojo.doc.styleSheets;
- for (i = 0; i < ss.length; i++){
- ss[i] && findDomButtons(ss[i], dic);
- }
- return dic;
- }
- var rules = sheet.cssRules || [];
- for (i = 0; i < rules.length; i++){
- var rule = rules[i];
- if(rule.href && rule.styleSheet){
- findDomButtons(rule.styleSheet, dic);
- }else if(rule.selectorText){
- var sels = rule.selectorText.split(/,/);
- for (j = 0; j < sels.length; j++){
- var sel = sels[j];
- var n = sel.split(/>/).length - 1;
- if(sel.match(/(mblDomButton\w+)/)){
- var cls = RegExp.$1;
- if(!dic[cls] || n > dic[cls]){
- dic[cls] = n;
- }
- }
- }
- }
- }
- }
- dm._domButtons = findDomButtons();
- }else{
- dm._domButtons = {};
- }
- }
- var s = refNode.className;
- var node = toNode || refNode;
- if(s.match(/(mblDomButton\w+)/) && s.indexOf("/") === -1){
- var btnClass = RegExp.$1;
- var nDiv = 4;
- if(s.match(/(mblDomButton\w+_(\d+))/)){
- nDiv = RegExp.$2 - 0;
- }else if(dm._domButtons[btnClass] !== undefined){
- nDiv = dm._domButtons[btnClass];
- }
- var props = null;
- if(has("bb") && config["mblBBBoxShadowWorkaround"] !== false){
- // Removes box-shadow because BlackBerry incorrectly renders it.
- props = {style:"-webkit-box-shadow:none"};
- }
- for(var i = 0, p = node; i < nDiv; i++){
- p = p.firstChild || domConstruct.create("DIV", props, p);
- }
- if(toNode){
- setTimeout(function(){
- domClass.remove(refNode, btnClass);
- }, 0);
- domClass.add(toNode, btnClass);
- }
- }else if(s.indexOf(".") !== -1){ // file name
- domConstruct.create("IMG", {src:s}, node);
- }else{
- return null;
- }
- domClass.add(node, "mblDomButton");
- if(config["mblAndroidWorkaround"] !== false && has("android") >= 2.2){
- // Android workaround for the issue that domButtons' -webkit-transform styles sometimes invalidated
- // by applying -webkit-transform:translated3d(x,y,z) style programmatically to non-ancestor elements,
- // which results in breaking domButtons.
- domStyle.set(node, "webkitTransform", "translate3d(0,0,0)");
- }
- !!style && domStyle.set(node, style);
- return node;
- };
-
- dm.createIcon = function(/*String*/icon, /*String*/iconPos, /*DomNode*/node, /*String?*/title, /*DomNode?*/parent){
- // summary:
- // Creates or updates an icon node
- // description:
- // If node exists, updates the existing node. Otherwise, creates a new one.
- // icon:
- // Path for an image, or DOM button class name.
- if(icon && icon.indexOf("mblDomButton") === 0){
- // DOM button
- if(node && node.className.match(/(mblDomButton\w+)/)){
- domClass.remove(node, RegExp.$1);
- }else{
- node = domConstruct.create("DIV");
- }
- node.title = title;
- domClass.add(node, icon);
- dm.createDomButton(node);
- }else if(icon && icon !== "none"){
- // Image
- if(!node || node.nodeName !== "IMG"){
- node = domConstruct.create("IMG", {
- alt: title
- });
- }
- node.src = (icon || "").replace("${theme}", dm.currentTheme);
- dm.setupIcon(node, iconPos);
- if(parent && iconPos){
- var arr = iconPos.split(/[ ,]/);
- domStyle.set(parent, {
- width: arr[2] + "px",
- height: arr[3] + "px"
- });
- }
- }
- if(parent){
- parent.appendChild(node);
- }
- return node;
- };
- // flag for iphone flicker workaround
- dm._iw = config["mblIosWorkaround"] !== false && has("iphone");
- if(dm._iw){
- dm._iwBgCover = domConstruct.create("div"); // Cover to hide flicker in the background
- }
-
- if(config.parseOnLoad){
- ready(90, function(){
- // avoid use of query
- /*
- var list = query('[lazy=true] [dojoType]', null);
- list.forEach(function(node, index, nodeList){
- node.setAttribute("__dojoType", node.getAttribute("dojoType"));
- node.removeAttribute("dojoType");
- });
- */
-
- var nodes = win.body().getElementsByTagName("*");
- var i, len, s;
- len = nodes.length;
- for(i = 0; i < len; i++){
- s = nodes[i].getAttribute("dojoType");
- if(s){
- if(nodes[i].parentNode.getAttribute("lazy") == "true"){
- nodes[i].setAttribute("__dojoType", s);
- nodes[i].removeAttribute("dojoType");
- }
- }
- }
- });
- }
-
- ready(function(){
- dm.detectScreenSize(true);
- if(config["mblApplyPageStyles"] !== false){
- domClass.add(win.doc.documentElement, "mobile");
- }
- if(has("chrome")){
- // dojox.mobile does not load uacss (only _compat does), but we need dj_chrome.
- domClass.add(win.doc.documentElement, "dj_chrome");
- }
- if(config["mblAndroidWorkaround"] !== false && has("android") >= 2.2){ // workaround for android screen flicker problem
- if(config["mblAndroidWorkaroundButtonStyle"] !== false){
- // workaround to avoid buttons disappear due to the side-effect of the webkitTransform workaroud below
- domConstruct.create("style", {innerHTML:"BUTTON,INPUT[type='button'],INPUT[type='submit'],INPUT[type='reset'],INPUT[type='file']::-webkit-file-upload-button{-webkit-appearance:none;}"}, win.doc.head, "first");
- }
- if(has("android") < 3){ // for Android 2.2.x and 2.3.x
- domStyle.set(win.doc.documentElement, "webkitTransform", "translate3d(0,0,0)");
- // workaround for auto-scroll issue when focusing input fields
- connect.connect(null, "onfocus", null, function(e){
- domStyle.set(win.doc.documentElement, "webkitTransform", "");
- });
- connect.connect(null, "onblur", null, function(e){
- domStyle.set(win.doc.documentElement, "webkitTransform", "translate3d(0,0,0)");
- });
- }else{ // for Android 3.x
- if(config["mblAndroid3Workaround"] !== false){
- domStyle.set(win.doc.documentElement, {
- webkitBackfaceVisibility: "hidden",
- webkitPerspective: 8000
- });
- }
- }
- }
-
- // You can disable hiding the address bar with the following djConfig.
- // var djConfig = { mblHideAddressBar: false };
- var f = dm.resizeAll;
- if(config["mblHideAddressBar"] !== false &&
- navigator.appVersion.indexOf("Mobile") != -1 ||
- config["mblForceHideAddressBar"] === true){
- dm.hideAddressBar();
- if(config["mblAlwaysHideAddressBar"] === true){
- f = dm.hideAddressBar;
- }
- }
- connect.connect(null, (win.global.onorientationchange !== undefined && !has("android"))
- ? "onorientationchange" : "onresize", null, f);
-
- // avoid use of query
- /*
- var list = query('[__dojoType]', null);
- list.forEach(function(node, index, nodeList){
- node.setAttribute("dojoType", node.getAttribute("__dojoType"));
- node.removeAttribute("__dojoType");
- });
- */
-
- var nodes = win.body().getElementsByTagName("*");
- var i, len = nodes.length, s;
- for(i = 0; i < len; i++){
- s = nodes[i].getAttribute("__dojoType");
- if(s){
- nodes[i].setAttribute("dojoType", s);
- nodes[i].removeAttribute("__dojoType");
- }
- }
-
- if(dojo.hash){
- // find widgets under root recursively
- var findWidgets = function(root){
- if(!root){ return []; }
- var arr = registry.findWidgets(root);
- var widgets = arr;
- for(var i = 0; i < widgets.length; i++){
- arr = arr.concat(findWidgets(widgets[i].containerNode));
- }
- return arr;
- };
- connect.subscribe("/dojo/hashchange", null, function(value){
- var view = dm.currentView;
- if(!view){ return; }
- var params = dm._params;
- if(!params){ // browser back/forward button was pressed
- var moveTo = value ? value : dm._defaultView.id;
- var widgets = findWidgets(view.domNode);
- var dir = 1, transition = "slide";
- for(i = 0; i < widgets.length; i++){
- var w = widgets[i];
- if("#"+moveTo == w.moveTo){
- // found a widget that has the given moveTo
- transition = w.transition;
- dir = (w instanceof dm.Heading) ? -1 : 1;
- break;
- }
- }
- params = [ moveTo, dir, transition ];
- }
- view.performTransition.apply(view, params);
- dm._params = null;
- });
- }
-
- win.body().style.visibility = "visible";
- });
- // To search _parentNode first. TODO:1.8 reconsider this redefinition.
- registry.getEnclosingWidget = function(node){
- while(node){
- var id = node.getAttribute && node.getAttribute("widgetId");
- if(id){
- return registry.byId(id);
- }
- node = node._parentNode || node.parentNode;
- }
- return null;
- };
- return dm;
- });
- },
- 'dojox/mobile/uacss':function(){
- define("dojox/mobile/uacss", [
- "dojo/_base/kernel",
- "dojo/_base/lang",
- "dojo/_base/window",
- "dojox/mobile/sniff"
- ], function(dojo, lang, win, has){
- win.doc.documentElement.className += lang.trim([
- has("bb") ? "dj_bb" : "",
- has("android") ? "dj_android" : "",
- has("iphone") ? "dj_iphone" : "",
- has("ipod") ? "dj_ipod" : "",
- has("ipad") ? "dj_ipad" : ""
- ].join(" ").replace(/ +/g," "));
- return dojo;
- });
- },
- 'dojox/mobile/RoundRectCategory':function(){
- define("dojox/mobile/RoundRectCategory", [
- "dojo/_base/declare",
- "dojo/_base/window",
- "dijit/_Contained",
- "dijit/_WidgetBase"
- ], function(declare, win, Contained, WidgetBase){
- /*=====
- var Contained = dijit._Contained;
- var WidgetBase = dijit._WidgetBase;
- =====*/
- // module:
- // dojox/mobile/RoundRectCategory
- // summary:
- // A category header for a rounded rectangle list.
- return declare("dojox.mobile.RoundRectCategory", [WidgetBase, Contained],{
- // summary:
- // A category header for a rounded rectangle list.
- // label: String
- // A label text for the widget.
- label: "",
- buildRendering: function(){
- this.domNode = this.containerNode = this.srcNodeRef || win.doc.createElement("H2");
- this.domNode.className = "mblRoundRectCategory";
- if(!this.label){
- this.label = this.domNode.innerHTML;
- }
- },
- _setLabelAttr: function(/*String*/label){
- this.label = label;
- this.domNode.innerHTML = this._cv ? this._cv(label) : label;
- }
- });
- });
- },
- 'dojox/mobile/ProgressIndicator':function(){
- define("dojox/mobile/ProgressIndicator", [
- "dojo/_base/config",
- "dojo/_base/declare",
- "dojo/dom-construct",
- "dojo/dom-style",
- "dojo/has"
- ], function(config, declare, domConstruct, domStyle, has){
- // module:
- // dojox/mobile/ProgressIndicator
- // summary:
- // A progress indication widget.
- var cls = declare("dojox.mobile.ProgressIndicator", null, {
- // summary:
- // A progress indication widget.
- // description:
- // ProgressIndicator is a round spinning graphical representation
- // that indicates the current task is on-going.
- // interval: Number
- // The time interval in milliseconds for updating the spinning
- // indicator.
- interval: 100,
- // colors: Array
- // An array of indicator colors.
- colors: [
- "#C0C0C0", "#C0C0C0", "#C0C0C0", "#C0C0C0",
- "#C0C0C0", "#C0C0C0", "#B8B9B8", "#AEAFAE",
- "#A4A5A4", "#9A9A9A", "#8E8E8E", "#838383"
- ],
- constructor: function(){
- this._bars = [];
- this.domNode = domConstruct.create("DIV");
- this.domNode.className = "mblProgContainer";
- if(config["mblAndroidWorkaround"] !== false && has("android") >= 2.2 && has("android") < 3){
- // workaround to avoid the side effects of the fixes for android screen flicker problem
- domStyle.set(this.domNode, "webkitTransform", "translate3d(0,0,0)");
- }
- this.spinnerNode = domConstruct.create("DIV", null, this.domNode);
- for(var i = 0; i < this.colors.length; i++){
- var div = domConstruct.create("DIV", {className:"mblProg mblProg"+i}, this.spinnerNode);
- this._bars.push(div);
- }
- },
-
- start: function(){
- // summary:
- // Starts the ProgressIndicator spinning.
- if(this.imageNode){
- var img = this.imageNode;
- var l = Math.round((this.domNode.offsetWidth - img.offsetWidth) / 2);
- var t = Math.round((this.domNode.offsetHeight - img.offsetHeight) / 2);
- img.style.margin = t+"px "+l+"px";
- return;
- }
- var cntr = 0;
- var _this = this;
- var n = this.colors.length;
- this.timer = setInterval(function(){
- cntr--;
- cntr = cntr < 0 ? n - 1 : cntr;
- var c = _this.colors;
- for(var i = 0; i < n; i++){
- var idx = (cntr + i) % n;
- _this._bars[i].style.backgroundColor = c[idx];
- }
- }, this.interval);
- },
-
- stop: function(){
- // summary:
- // Stops the ProgressIndicator spinning.
- if(this.timer){
- clearInterval(this.timer);
- }
- this.timer = null;
- if(this.domNode.parentNode){
- this.domNode.parentNode.removeChild(this.domNode);
- }
- },
- setImage: function(/*String*/file){
- // summary:
- // Sets an indicator icon image file (typically animated GIF).
- // If null is specified, restores the default spinner.
- if(file){
- this.imageNode = domConstruct.create("IMG", {src:file}, this.domNode);
- this.spinnerNode.style.display = "none";
- }else{
- if(this.imageNode){
- this.domNode.removeChild(this.imageNode);
- this.imageNode = null;
- }
- this.spinnerNode.style.display = "";
- }
- }
- });
- cls._instance = null;
- cls.getInstance = function(){
- if(!cls._instance){
- cls._instance = new cls();
- }
- return cls._instance;
- };
- return cls;
- });
- },
- 'dojox/mobile/EdgeToEdgeList':function(){
- define("dojox/mobile/EdgeToEdgeList", [
- "dojo/_base/declare",
- "./RoundRectList"
- ], function(declare, RoundRectList){
- /*=====
- var RoundRectList = dojox.mobile.RoundRectList;
- =====*/
- // module:
- // dojox/mobile/EdgeToEdgeCategory
- // summary:
- // An edge-to-edge layout list.
- return declare("dojox.mobile.EdgeToEdgeList", RoundRectList, {
- // summary:
- // An edge-to-edge layout list.
- // description:
- // EdgeToEdgeList is an edge-to-edge layout list, which displays
- // all items in equally sized rows. Each item must be
- // dojox.mobile.ListItem.
- buildRendering: function(){
- this.inherited(arguments);
- this.domNode.className = "mblEdgeToEdgeList";
- }
- });
- });
- },
- 'dojox/mobile/EdgeToEdgeCategory':function(){
- define("dojox/mobile/EdgeToEdgeCategory", [
- "dojo/_base/declare",
- "./RoundRectCategory"
- ], function(declare, RoundRectCategory){
- /*=====
- var RoundRectCategory = dojox.mobile.RoundRectCategory;
- =====*/
- // module:
- // dojox/mobile/EdgeToEdgeCategory
- // summary:
- // A category header for an edge-to-edge list.
- return declare("dojox.mobile.EdgeToEdgeCategory", RoundRectCategory, {
- // summary:
- // A category header for an edge-to-edge list.
- buildRendering: function(){
- this.inherited(arguments);
- this.domNode.className = "mblEdgeToEdgeCategory";
- }
- });
- });
- },
- 'dojox/mobile/ToolBarButton':function(){
- define("dojox/mobile/ToolBarButton", [
- "dojo/_base/declare",
- "dojo/_base/window",
- "dojo/dom-class",
- "dojo/dom-construct",
- "dojo/dom-style",
- "./common",
- "./_ItemBase"
- ], function(declare, win, domClass, domConstruct, domStyle, common, ItemBase){
- /*=====
- var ItemBase = dojox.mobile._ItemBase;
- =====*/
- // module:
- // dojox/mobile/ToolBarButton
- // summary:
- // A button widget that is placed in the Heading widget.
- return declare("dojox.mobile.ToolBarButton", ItemBase, {
- // summary:
- // A button widget that is placed in the Heading widget.
- // description:
- // ToolBarButton is a button that is placed in the Heading
- // widget. It is a subclass of dojox.mobile._ItemBase just like
- // ListItem or IconItem. So, unlike Button, it has basically the
- // same capability as ListItem or IconItem, such as icon support,
- // transition, etc.
- // selected: Boolean
- // If true, the button is in the selected status.
- selected: false,
- // btnClass: String
- // Deprecated.
- btnClass: "",
- /* internal properties */
- _defaultColor: "mblColorDefault",
- _selColor: "mblColorDefaultSel",
- buildRendering: function(){
- this.domNode = this.containerNode = this.srcNodeRef || win.doc.createElement("div");
- this.inheritParams();
- domClass.add(this.domNode, "mblToolBarButton mblArrowButtonText");
- var color;
- if(this.selected){
- color = this._selColor;
- }else if(this.domNode.className.indexOf("mblColor") == -1){
- color = this._defaultColor;
- }
- domClass.add(this.domNode, color);
-
- if(!this.label){
- this.label = this.domNode.innerHTML;
- }
- if(this.icon && this.icon != "none"){
- this.iconNode = domConstruct.create("div", {className:"mblToolBarButtonIcon"}, this.domNode);
- common.createIcon(this.icon, this.iconPos, null, this.alt, this.iconNode);
- if(this.iconPos){
- domClass.add(this.iconNode.firstChild, "mblToolBarButtonSpriteIcon");
- }
- }else{
- if(common.createDomButton(this.domNode)){
- domClass.add(this.domNode, "mblToolBarButtonDomButton");
- }else{
- domClass.add(this.domNode, "mblToolBarButtonText");
- }
- }
- this.connect(this.domNode, "onclick", "onClick");
- },
-
- select: function(){
- // summary:
- // Makes this widget in the selected state.
- domClass.toggle(this.domNode, this._selColor, !arguments[0]);
- this.selected = !arguments[0];
- },
-
- deselect: function(){
- // summary:
- // Makes this widget in the deselected state.
- this.select(true);
- },
-
- onClick: function(e){
- this.setTransitionPos(e);
- this.defaultClickAction();
- },
-
- _setBtnClassAttr: function(/*String*/btnClass){
- var node = this.domNode;
- if(node.className.match(/(mblDomButton\w+)/)){
- domClass.remove(node, RegExp.$1);
- }
- domClass.add(node, btnClass);
- if(common.createDomButton(this.domNode)){
- domClass.add(this.domNode, "mblToolBarButtonDomButton");
- }
- },
- _setLabelAttr: function(/*String*/text){
- this.label = text;
- this.domNode.innerHTML = this._cv ? this._cv(text) : text;
- }
- });
- });
- },
- 'dojox/mobile/_ItemBase':function(){
- define("dojox/mobile/_ItemBase", [
- "dojo/_base/kernel",
- "dojo/_base/config",
- "dojo/_base/declare",
- "dijit/registry", // registry.getEnclosingWidget
- "dijit/_Contained",
- "dijit/_Container",
- "dijit/_WidgetBase",
- "./TransitionEvent",
- "./View"
- ], function(kernel, config, declare, registry, Contained, Container, WidgetBase, TransitionEvent, View){
- /*=====
- var Contained = dijit._Contained;
- var Container = dijit._Container;
- var WidgetBase = dijit._WidgetBase;
- var TransitionEvent = dojox.mobile.TransitionEvent;
- var View = dojox.mobile.View;
- =====*/
- // module:
- // dojox/mobile/_ItemBase
- // summary:
- // A base class for item classes (e.g. ListItem, IconItem, etc.)
- return declare("dojox.mobile._ItemBase", [WidgetBase, Container, Contained],{
- // summary:
- // A base class for item classes (e.g. ListItem, IconItem, etc.)
- // description:
- // _ItemBase is a base class for widgets that have capability to
- // make a view transition when clicked.
- // icon: String
- // An icon image to display. The value can be either a path for an
- // image file or a class name of a DOM button. If icon is not
- // specified, the iconBase parameter of the parent widget is used.
- icon: "",
- // iconPos: String
- // The position of an aggregated icon. IconPos is comma separated
- // values like top,left,width,height (ex. "0,0,29,29"). If iconPos
- // is not specified, the iconPos parameter of the parent widget is
- // used.
- iconPos: "", // top,left,width,height (ex. "0,0,29,29")
- // alt: String
- // An alt text for the icon image.
- alt: "",
- // href: String
- // A URL of another web page to go to.
- href: "",
- // hrefTarget: String
- // A target that specifies where to open a page specified by
- // href. The value will be passed to the 2nd argument of
- // window.open().
- hrefTarget: "",
- // moveTo: String
- // The id of the transition destination view which resides in the
- // current page.
- //
- // If the value has a hash sign ('#') before the id (e.g. #view1)
- // and the dojo.hash module is loaded by the user application, the
- // view transition updates the hash in the browser URL so that the
- // user can bookmark the destination view. In this case, the user
- // can also use the browser's back/forward button to navigate
- // through the views in the browser history.
- //
- // If null, transitions to a blank view.
- // If '#', returns immediately without transition.
- moveTo: "",
- // scene: String
- // The name of a scene. Used from dojox.mobile.app.
- scene: "",
- // clickable: Boolean
- // If true, this item becomes clickable even if a transition
- // destination (moveTo, etc.) is not specified.
- clickable: false,
- // url: String
- // A URL of an html fragment page or JSON data that represents a
- // new view content. The view content is loaded with XHR and
- // inserted in the current page. Then a view transition occurs to
- // the newly created view. The view is cached so that subsequent
- // requests would not load the content again.
- url: "",
- // urlTarget: String
- // Node id under which a new view will be created according to the
- // url parameter. If not specified, The new view will be created as
- // a sibling of the current view.
- urlTarget: "",
- // transition: String
- // A type of animated transition effect. You can choose from the
- // standard transition types, "slide", "fade", "flip", or from the
- // extended transition types, "cover", "coverv", "dissolve",
- // "reveal", "revealv", "scaleIn", "scaleOut", "slidev",
- // "swirl", "zoomIn", "zoomOut". If "none" is specified, transition
- // occurs immediately without animation.
- transition: "",
- // transitionDir: Number
- // The transition direction. If 1, transition forward. If -1,
- // transition backward. For example, the slide transition slides
- // the view from right to left when dir == 1, and from left to
- // right when dir == -1.
- transitionDir: 1,
- // transitionOptions: Object
- // A hash object that holds transition options.
- transitionOptions: null,
- // callback: Function|String
- // A callback function that is called when the transition has been
- // finished. A function reference, or name of a function in
- // context.
- callback: null,
- // sync: Boolean
- // If true, XHR for the view content specified with the url
- // parameter is performed synchronously. If false, it is done
- // asynchronously and the progress indicator is displayed while
- // loading the content. This parameter is effective only when the
- // url parameter is used.
- sync: true,
- // label: String
- // A label of the item. If the label is not specified, innerHTML is
- // used as a label.
- label: "",
- // toggle: Boolean
- // If true, the item acts like a toggle button.
- toggle: false,
- // _duration: Number
- // Duration of selection, milliseconds.
- _duration: 800,
-
- inheritParams: function(){
- var parent = this.getParent();
- if(parent){
- if(!this.transition){ this.transition = parent.transition; }
- if(this.icon && parent.iconBase &&
- parent.iconBase.charAt(parent.iconBase.length - 1) === '/'){
- this.icon = parent.iconBase + this.icon;
- }
- if(!this.icon){ this.icon = parent.iconBase; }
- if(!this.iconPos){ this.iconPos = parent.iconPos; }
- }
- },
-
- select: function(){
- // summary:
- // Makes this widget in the selected state.
- // description:
- // Subclass must implement.
- },
-
- deselect: function(){
- // summary:
- // Makes this widget in the deselected state.
- // description:
- // Subclass must implement.
- },
-
- defaultClickAction: function(e){
- if(this.toggle){
- if(this.selected){
- this.deselect();
- }else{
- this.select();
- }
- }else if(!this.selected){
- this.select();
- if(!this.selectOne){
- var _this = this;
- setTimeout(function(){
- _this.deselect();
- }, this._duration);
- }
- var transOpts;
- if(this.moveTo || this.href || this.url || this.scene){
- transOpts = {moveTo: this.moveTo, href: this.href, url: this.url, scene: this.scene, transition: this.transition, transitionDir: this.transitionDir};
- }else if(this.transitionOptions){
- transOpts = this.transitionOptions;
- }
- if(transOpts){
- return new TransitionEvent(this.domNode,transOpts,e).dispatch();
- }
- }
- },
-
- getParent: function(){
- // summary:
- // Gets the parent widget.
- // description:
- // Almost equivalent to _Contained#getParent, but this method
- // does not cause a script error even if this widget has no
- // parent yet.
- var ref = this.srcNodeRef || this.domNode;
- return ref && ref.parentNode ? registry.getEnclosingWidget(ref.parentNode) : null;
- },
- setTransitionPos: function(e){
- // summary:
- // Stores the clicked position for later use.
- // description:
- // Some of the transition animations (e.g. ScaleIn) needs the
- // clicked position.
- var w = this;
- while(true){
- w = w.getParent();
- if(!w || w instanceof View){ break; }
- }
- if(w){
- w.clickedPosX = e.clientX;
- w.clickedPosY = e.clientY;
- }
- },
- transitionTo: function(moveTo, href, url, scene){
- // summary:
- // Performs a view transition.
- // description:
- // Given a transition destination, this method performs a view
- // transition. This method is typically called when this item
- // is clicked.
- if(config.isDebug){
- var alreadyCalledHash = arguments.callee._ach || (arguments.callee._ach = {}),
- caller = (arguments.callee.caller || "unknown caller").toString();
- if(!alreadyCalledHash[caller]){
- kernel.deprecated(this.declaredClass + "::transitionTo() is deprecated." +
- caller, "", "2.0");
- alreadyCalledHash[caller] = true;
- }
- }
- new TransitionEvent(this.domNode, {moveTo: moveTo, href: href, url: url, scene: scene,
- transition: this.transition, transitionDir: this.transitionDir}).dispatch();
- }
- });
- });
- },
- 'dijit/_Contained':function(){
- define("dijit/_Contained", [
- "dojo/_base/declare", // declare
- "./registry" // registry.getEnclosingWidget(), registry.byNode()
- ], function(declare, registry){
- // module:
- // dijit/_Contained
- // summary:
- // Mixin for widgets that are children of a container widget
- return declare("dijit._Contained", null, {
- // summary:
- // Mixin for widgets that are children of a container widget
- //
- // example:
- // | // make a basic custom widget that knows about it's parents
- // | declare("my.customClass",[dijit._Widget,dijit._Contained],{});
- _getSibling: function(/*String*/ which){
- // summary:
- // Returns next or previous sibling
- // which:
- // Either "next" or "previous"
- // tags:
- // private
- var node = this.domNode;
- do{
- node = node[which+"Sibling"];
- }while(node && node.nodeType != 1);
- return node && registry.byNode(node); // dijit._Widget
- },
- getPreviousSibling: function(){
- // summary:
- // Returns null if this is the first child of the parent,
- // otherwise returns the next element sibling to the "left".
- return this._getSibling("previous"); // dijit._Widget
- },
- getNextSibling: function(){
- // summary:
- // Returns null if this is the last child of the parent,
- // otherwise returns the next element sibling to the "right".
- return this._getSibling("next"); // dijit._Widget
- },
- getIndexInParent: function(){
- // summary:
- // Returns the index of this widget within its container parent.
- // It returns -1 if the parent does not exist, or if the parent
- // is not a dijit._Container
- var p = this.getParent();
- if(!p || !p.getIndexOfChild){
- return -1; // int
- }
- return p.getIndexOfChild(this); // int
- }
- });
- });
- },
- 'dojox/mobile/_base':function(){
- define("dojox/mobile/_base", [
- "./common",
- "./View",
- "./Heading",
- "./RoundRect",
- "./RoundRectCategory",
- "./EdgeToEdgeCategory",
- "./RoundRectList",
- "./EdgeToEdgeList",
- "./ListItem",
- "./Switch",
- "./ToolBarButton",
- "./ProgressIndicator"
- ], function(common, View, Heading, RoundRect, RoundRectCategory, EdgeToEdgeCategory, RoundRectList, EdgeToEdgeList, ListItem, Switch, ToolBarButton, ProgressIndicator){
- // module:
- // dojox/mobile/_base
- // summary:
- // Includes the basic dojox.mobile modules
- return common;
- });
- },
- 'dijit/main':function(){
- define("dijit/main", [
- "dojo/_base/kernel"
- ], function(dojo){
- // module:
- // dijit
- // summary:
- // The dijit package main module
- return dojo.dijit;
- });
- },
- 'dijit/_Container':function(){
- define("dijit/_Container", [
- "dojo/_base/array", // array.forEach array.indexOf
- "dojo/_base/declare", // declare
- "dojo/dom-construct", // domConstruct.place
- "./registry" // registry.byNode()
- ], function(array, declare, domConstruct, registry){
- // module:
- // dijit/_Container
- // summary:
- // Mixin for widgets that contain a set of widget children.
- return declare("dijit._Container", null, {
- // summary:
- // Mixin for widgets that contain a set of widget children.
- // description:
- // Use this mixin for widgets that needs to know about and
- // keep track of their widget children. Suitable for widgets like BorderContainer
- // and TabContainer which contain (only) a set of child widgets.
- //
- // It's not suitable for widgets like ContentPane
- // which contains mixed HTML (plain DOM nodes in addition to widgets),
- // and where contained widgets are not necessarily directly below
- // this.containerNode. In that case calls like addChild(node, position)
- // wouldn't make sense.
- buildRendering: function(){
- this.inherited(arguments);
- if(!this.containerNode){
- // all widgets with descendants must set containerNode
- this.containerNode = this.domNode;
- }
- },
- addChild: function(/*dijit._Widget*/ widget, /*int?*/ insertIndex){
- // summary:
- // Makes the given widget a child of this widget.
- // description:
- // Inserts specified child widget's dom node as a child of this widget's
- // container node, and possibly does other processing (such as layout).
- var refNode = this.containerNode;
- if(insertIndex && typeof insertIndex == "number"){
- var children = this.getChildren();
- if(children && children.length >= insertIndex){
- refNode = children[insertIndex-1].domNode;
- insertIndex = "after";
- }
- }
- domConstruct.place(widget.domNode, refNode, insertIndex);
- // If I've been started but the child widget hasn't been started,
- // start it now. Make sure to do this after widget has been
- // inserted into the DOM tree, so it can see that it's being controlled by me,
- // so it doesn't try to size itself.
- if(this._started && !widget._started){
- widget.startup();
- }
- },
- removeChild: function(/*Widget|int*/ widget){
- // summary:
- // Removes the passed widget instance from this widget but does
- // not destroy it. You can also pass in an integer indicating
- // the index within the container to remove
- if(typeof widget == "number"){
- widget = this.getChildren()[widget];
- }
- if(widget){
- var node = widget.domNode;
- if(node && node.parentNode){
- node.parentNode.removeChild(node); // detach but don't destroy
- }
- }
- },
- hasChildren: function(){
- // summary:
- // Returns true if widget has children, i.e. if this.containerNode contains something.
- return this.getChildren().length > 0; // Boolean
- },
- _getSiblingOfChild: function(/*dijit._Widget*/ child, /*int*/ dir){
- // summary:
- // Get the next or previous widget sibling of child
- // dir:
- // if 1, get the next sibling
- // if -1, get the previous sibling
- // tags:
- // private
- var node = child.domNode,
- which = (dir>0 ? "nextSibling" : "previousSibling");
- do{
- node = node[which];
- }while(node && (node.nodeType != 1 || !registry.byNode(node)));
- return node && registry.byNode(node); // dijit._Widget
- },
- getIndexOfChild: function(/*dijit._Widget*/ child){
- // summary:
- // Gets the index of the child in this container or -1 if not found
- return array.indexOf(this.getChildren(), child); // int
- }
- });
- });
- }}});
- define("dojox/mobile", [
- ".",
- "dojo/_base/lang",
- "dojox/mobile/_base"
- ], function(dojox, lang, base){
- lang.getObject("mobile", true, dojox);
- return dojox.mobile;
- });
|